|
|
|
@ -1,52 +1,108 @@ |
|
|
|
<template> |
|
|
|
<view class="index-container"> |
|
|
|
<view class="ic-header"> |
|
|
|
<!-- <button hover-class="hover-active">前往登录</button> --> |
|
|
|
<view class="ih-store-name"> |
|
|
|
<button hover-class="hover-active" @click="toLogin">前往登录</button> |
|
|
|
<!-- <view class="ih-store-name"> |
|
|
|
<view>广州欧轩智能场馆(共6家)</view> |
|
|
|
<image></image> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
<view class="ih-tip">本月课时</view> |
|
|
|
<view class="ih-num">0</view> |
|
|
|
</view> |
|
|
|
<view class="ic-notice"> |
|
|
|
<view class="ic-notice" @click="toNotice"> |
|
|
|
<view class="in-left"> |
|
|
|
<image></image> |
|
|
|
<image mode="aspectFit" src="/static/images/index/notice_c874.png"></image> |
|
|
|
<text>欧轩智能场馆商家助手上线啦！</text> |
|
|
|
</view> |
|
|
|
<view class="in-right"> |
|
|
|
<view>99</view> |
|
|
|
<image></image> |
|
|
|
<image mode="aspectFit" src="/static/images/arrow_cb2.png"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="ic-tab-section"> |
|
|
|
<view class="its-item" v-for="e in 8" :key="e"> |
|
|
|
<image></image> |
|
|
|
<view>我的课程</view> |
|
|
|
<view class="its-item" v-for="(e, i) in tabInfoArr" :key="i" @click="tabClick(e)"> |
|
|
|
<image mode="aspectFit" :src="`/static/images/index/i_${e.id}.png`"></image> |
|
|
|
<view>{{e.name || '-'}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="ic-feedback"> |
|
|
|
<view class="ic-feedback" @click="toFeedback"> |
|
|
|
<view class="if-right"> |
|
|
|
<image></image> |
|
|
|
<image mode="aspectFit" src="/static/images/index/feedback_c874.png"></image> |
|
|
|
<text>在线反馈</text> |
|
|
|
</view> |
|
|
|
<image></image> |
|
|
|
<image mode="aspectFit" src="/static/images/arrow_cb2.png"></image> |
|
|
|
</view> |
|
|
|
<authorize-modal v-if="false"></authorize-modal> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import authorize_modal from '../../components/authorize_modal/authorize_modal'; |
|
|
|
import util from '../../utils/util'; |
|
|
|
const tabInfoArr = [ |
|
|
|
{ |
|
|
|
id: '1', |
|
|
|
name: '我的课程', |
|
|
|
path: '/pages/course/list/list', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '2', |
|
|
|
name: '我的时间', |
|
|
|
path: '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '3', |
|
|
|
name: '我的学员', |
|
|
|
path: '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '4', |
|
|
|
name: '场地管理', |
|
|
|
path: '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '5', |
|
|
|
name: '审批', |
|
|
|
path: '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '6', |
|
|
|
name: '点名', |
|
|
|
path: '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: '7', |
|
|
|
name: '换班申请', |
|
|
|
path: '', |
|
|
|
}, |
|
|
|
|
|
|
|
]; |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
'authorize-modal': authorize_modal |
|
|
|
}, |
|
|
|
data(){ |
|
|
|
return { |
|
|
|
|
|
|
|
tabInfoArr, |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(){ |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
tabClick(e){ |
|
|
|
if(e.path === '')return util.showNone('开发中'); |
|
|
|
util.routeTo(e.path, 'nT'); |
|
|
|
console.warn(e); |
|
|
|
}, |
|
|
|
toLogin(){ |
|
|
|
util.routeTo(`/pages/login/login`, 'nT'); |
|
|
|
}, |
|
|
|
toNotice(){ |
|
|
|
util.routeTo(`/pages/message_list/message_list`,'nT'); |
|
|
|
}, |
|
|
|
toFeedback(){ |
|
|
|
util.routeTo(`/pages/feedback/feedback`,'nT'); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
@ -92,7 +148,6 @@ |
|
|
|
margin-left: 20upx; |
|
|
|
width: 28upx; |
|
|
|
height: 28upx; |
|
|
|
background-color: skyblue; |
|
|
|
} |
|
|
|
} |
|
|
|
.ih-tip{ |
|
|
|
@ -132,7 +187,6 @@ |
|
|
|
width: 52upx; |
|
|
|
height: 52upx; |
|
|
|
margin-right: 10upx; |
|
|
|
background-color: skyblue; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
@ -154,7 +208,6 @@ |
|
|
|
flex-shrink: 0; |
|
|
|
width: 28upx; |
|
|
|
height: 28upx; |
|
|
|
background-color: skyblue; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -168,7 +221,6 @@ |
|
|
|
width: 33.33%; |
|
|
|
height: auto; |
|
|
|
>image{ |
|
|
|
background-color: skyblue; |
|
|
|
margin: 0 auto 20upx; |
|
|
|
display: block; |
|
|
|
width: 52upx; |
|
|
|
@ -199,7 +251,6 @@ |
|
|
|
margin-right: 16upx; |
|
|
|
width: 52upx; |
|
|
|
height: 52upx; |
|
|
|
background-color: skyblue; |
|
|
|
} |
|
|
|
} |
|
|
|
>image{ |
|
|
|
@ -207,7 +258,6 @@ |
|
|
|
flex-grow: 0; |
|
|
|
width: 28upx; |
|
|
|
height: 28upx; |
|
|
|
background-color: skyblue; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
