<template>
|
<!-- 工作台 -->
|
<view class="container">
|
<image src="../../static/images/banner.jpg" mode="widthFix" class="banner"></image>
|
<view class="content-item">
|
<text class="title">排行榜</text>
|
<view class="flex align-center mt-10">
|
<navigator url="./storeRanking" class="flex flex-v align-center list-item" hover-class="none">
|
<image class="content-icon" src="../../static/images/statement1.png"></image>
|
<text class="font-12 font-dark">门店业绩排行榜</text>
|
</navigator>
|
<navigator url="./counselorRanking" hover-class="none" class="flex flex-v align-center list-item">
|
<image class="content-icon" src="../../static/images/statement2.png"></image>
|
<text class="font-12 font-dark">顾问业绩排行榜</text>
|
</navigator>
|
<navigator url="./beautyTherapistsRanking" hover-class="none" class="flex flex-v align-center list-item">
|
<image class="content-icon" src="../../static/images/statement3.png"></image>
|
<text class="font-12 font-dark">美疗师业绩排行榜</text>
|
</navigator>
|
</view>
|
</view>
|
<view class="content-item">
|
<text class="title">统计报表</text>
|
<view class="flex align-center mt-10">
|
<navigator url="./companyReports" hover-class="none" class="flex flex-v align-center list-item">
|
<image class="content-icon" src="../../static/images/statement4.png"></image>
|
<text class="font-12 font-dark">公司经营报表</text>
|
</navigator>
|
<navigator url="./storeReport" hover-class="none" class="flex flex-v align-center list-item">
|
<image class="content-icon" src="../../static/images/statement5.png"></image>
|
<text class="font-12 font-dark">门店经营报表</text>
|
</navigator>
|
<view class="flex flex-v align-center list-item">
|
<image class="content-icon" src="../../static/images/statement6.png"></image>
|
<text class="font-12 font-dark">员工经营报表</text>
|
</view>
|
</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{
|
color: #666;
|
font-size: 14px;
|
padding-left: 15px;
|
padding-bottom: 10px;
|
}
|
.list-item{
|
flex: 1;
|
text-align: center;
|
}
|
.content-icon{
|
width: 26px;
|
height: 26px;
|
display: block;
|
margin: 0 auto 12px;
|
}
|
</style>
|
