<template>
|
<!-- 工作台 -->
|
<view class="container">
|
<image src="../../static/images/banner.jpg" mode="widthFix" class="banner"></image>
|
<view class="content-item" v-if="$utils.hasPermission('mdyjphb,gwyjphb,mlsyjphb')">
|
<text class="title">排行榜</text>
|
<view class="flex align-center">
|
<navigator url="./storeRanking" hover-class="none" class="list-item" v-if="$utils.hasPermission('mdyjphb')">
|
<image class="icon" src="../../static/images/statement1.png"></image>
|
<text>门店业绩排行榜</text>
|
</navigator>
|
<navigator url="./counselorRanking?name=顾问业绩排行榜&type=1" hover-class="none" class="list-item" v-if="$utils.hasPermission('gwyjphb')">
|
<image class="icon" src="../../static/images/statement2.png"></image>
|
<text>顾问业绩排行榜</text>
|
</navigator>
|
<navigator url="./counselorRanking?name=美疗师业绩排行榜&type=2" hover-class="none" class="list-item" v-if="$utils.hasPermission('mlsyjphb')">
|
<image class="icon" src="../../static/images/statement3.png"></image>
|
<text>美疗师业绩排行榜</text>
|
</navigator>
|
</view>
|
</view>
|
<view class="content-item" v-if="$utils.hasPermission('gsjybb,mdjybb,appygyjbb')">
|
<text class="title">统计报表</text>
|
<view class="flex align-center">
|
<navigator url="./companyReports" hover-class="none" class="list-item" v-if="$utils.hasPermission('gsjybb')">
|
<image class="icon" src="../../static/images/statement4.png"></image>
|
<text>公司经营报表</text>
|
</navigator>
|
<navigator url="./companyReports?type=2" hover-class="none" class="list-item" v-if="$utils.hasPermission('mdjybb')">
|
<image class="icon" src="../../static/images/statement5.png"></image>
|
<text>门店经营报表</text>
|
</navigator>
|
<navigator url="./employeeReport" hover-class="none" class="list-item" v-if="$utils.hasPermission('appygyjbb')">
|
<image class="icon" src="../../static/images/statement6.png"></image>
|
<text>员工业绩报表</text>
|
</navigator>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data(){
|
return{
|
|
}
|
},
|
onLoad() {
|
|
},
|
methods:{
|
|
}
|
}
|
</script>
|
|
<style>
|
page{
|
background: #F6F6F8;
|
}
|
.banner{
|
width: 100%;
|
}
|
.content-item{
|
background: #FFFFFF;
|
padding: 15px 0;
|
border-radius: 4px;
|
margin: 10px;
|
}
|
.title{
|
display: block;
|
padding: 0 0 10px 15px;
|
color: #666;
|
font-size: 14px;
|
}
|
.list-item{
|
width: 33.3%;
|
text-align: center;
|
font-size: 12px;
|
color: #111111;
|
}
|
.list-item .icon{
|
width: 26px;
|
height: 26px;
|
display: block;
|
margin: 0 auto 10px;
|
}
|
</style>
|
