<template>
|
<!-- 工作台 -->
|
<view class="container">
|
<!-- #ifndef H5 -->
|
<view class="status_bar"></view>
|
<!-- #endif -->
|
<view class="header flex align-center justify-between">
|
<text class="font-18 dark-gray">HIVE</text>
|
<view>
|
<text class="icon gray iconfont iconsousuo mr-15"></text>
|
<text class="icon gray iconfont iconjia" @click.stop="isShow=!isShow"></text>
|
</view>
|
</view>
|
<popover class="popup-content" v-show="isShow">
|
<view class="popup-item flex align-center">
|
<text class="icon white iconfont iconjia mr-5"></text>
|
<text class="white font-14 popup-content-text">新增会员</text>
|
</view>
|
<view class="popup-item flex align-center">
|
<text class="icon white iconfont iconsaomiao mr-5"></text>
|
<text class="white font-14 popup-content-text">扫一扫</text>
|
</view>
|
</popover>
|
<view class="condition flex justify-around">
|
<view class="eyes">
|
<text class="iconfont iconyanjing2"></text>
|
<!-- <text class="iconfont iconbiyan"></text> -->
|
</view>
|
<view class="flex flex-v align-center">
|
<text class="font-17">¥ 1000</text>
|
<text>今日订单</text>
|
</view>
|
<view class="flex flex-v align-center">
|
<text class="font-17">¥ 100</text>
|
<text>今日消耗</text>
|
</view>
|
<view class="flex flex-v align-center">
|
<text class="font-17">¥ 90</text>
|
<text>手工提成</text>
|
</view>
|
|
</view>
|
<view class="content-item mt-10">
|
<text class="title">订单</text>
|
<view class="flex align-center mt-10">
|
<view class="list-item">
|
<navigator url="./selectCustomer" hover-class="none">
|
<image class="content-icon" src="../../static/images/order1.png"></image>
|
<text class="font-12 font-dark">新建订单</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./orderList?status=1" hover-class="none">
|
<image class="content-icon" src="../../static/images/order2.png"></image>
|
<text class="font-12 font-dark">待付款</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./orderList?status=2" hover-class="none">
|
<image class="content-icon" src="../../static/images/order3.png"></image>
|
<text class="font-12 font-dark">已付款</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./" hover-class="none">
|
<image class="content-icon" src="../../static/images/order4.png"></image>
|
<text class="font-12 font-dark">领用</text>
|
</navigator>
|
</view>
|
</view>
|
</view>
|
<view class="content-item mt-10">
|
<text class="title">项目/服务</text>
|
<view class="flex align-center mt-10">
|
<view class="list-item">
|
<navigator url="./selectCustomer?type=2" hover-class="none">
|
<image class="content-icon" src="../../static/images/order1.png"></image>
|
<text class="font-12 font-dark">新建服务单</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./serviceOrderList?status=3" hover-class="none">
|
<image class="content-icon" src="../../static/images/sever2.png"></image>
|
<text class="font-12 font-dark">待服务</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./serviceOrderList?status=4" hover-class="none">
|
<image class="content-icon" src="../../static/images/sever3.png"></image>
|
<text class="font-12 font-dark">服务中</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./serviceOrderList?status=5" hover-class="none">
|
<image class="content-icon" src="../../static/images/sever4.png"></image>
|
<text class="font-12 font-dark">服务完成</text>
|
</navigator>
|
</view>
|
</view>
|
</view>
|
<view class="content-item mt-10">
|
<text class="title">待办</text>
|
<view class="flex align-center mt-10">
|
<view class="list-item">
|
<navigator url="./" hover-class="none">
|
<image class="content-icon" src="../../static/images/commission1.png"></image>
|
<text class="font-12 font-dark">看板</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./" hover-class="none">
|
<image class="content-icon" src="../../static/images/sever1.png"></image>
|
<text class="font-12 font-dark">客户预约</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./" hover-class="none">
|
<image class="content-icon" src="../../static/images/commission2.png"></image>
|
<text class="font-12 font-dark">跟进记录</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./" hover-class="none">
|
<image class="content-icon" src="../../static/images/commission3.png"></image>
|
<text class="font-12 font-dark">通知</text>
|
</navigator>
|
</view>
|
</view>
|
</view>
|
<view class="content-item mt-10">
|
<text class="title">仓库</text>
|
<view class="flex align-center mt-10">
|
<view class="list-item">
|
<navigator url="./" hover-class="none">
|
<image class="content-icon" src="../../static/images/warehouse1.png"></image>
|
<text class="font-12 font-dark">库存查询</text>
|
</navigator>
|
</view>
|
<view class="list-item">
|
<navigator url="./" hover-class="none">
|
<image class="content-icon" src="../../static/images/warehouse2.png"></image>
|
<text class="font-12 font-dark">盘点</text>
|
</navigator>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import popover from "../../components/popover/index.vue"
|
export default{
|
components:{
|
popover
|
},
|
data(){
|
return{
|
isShow:false
|
}
|
},
|
onLoad() {
|
// document.addEventListener('click', () => {
|
// this.isShow = false
|
// }, false)
|
},
|
methods:{
|
appear(){
|
|
},
|
linkTo(val){
|
uni.navigateTo({
|
url:val
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
page{
|
background: #F6F6F8;
|
}
|
.icon {
|
font-size: 18px;
|
text-align: center;
|
font-family: texticons;
|
}
|
.container{
|
padding: 0 10px;
|
}
|
.header{
|
padding: 0 5px 10px;
|
}
|
.condition{
|
position: relative;
|
background: #518EFF;
|
padding: 15px 20px;
|
border-radius: 4px;
|
font-size: 14px;
|
color: #FFFFFF;
|
line-height: 30px;
|
}
|
.condition .eyes{
|
position: absolute;
|
right: 10px;
|
top: 10px;
|
}
|
.condition .eyes .iconfont{
|
font-size: 18px;
|
}
|
.content-item{
|
background: #FFFFFF;
|
padding: 15px 0;
|
border-radius: 4px;
|
margin: 10px 0;
|
}
|
.title{
|
font-size: 14px;
|
color: #666666;
|
padding-left: 15px;
|
padding-bottom: 10px;
|
}
|
.list-item{
|
width: 25%;
|
text-align: center;
|
}
|
.content-icon{
|
width: 26px;
|
height: 26px;
|
display: block;
|
margin: 0 auto 5px;
|
}
|
|
.popup-content{
|
position: absolute;
|
z-index: 99;
|
right: 9px;
|
top: 48px;
|
padding-left: 10px;
|
}
|
|
.popup-content-text{
|
width: 100%;
|
border-bottom: 1px solid gray;
|
padding: 10px 10px 10px 0;
|
}
|
.popup-content .popup-item:nth-last-of-type(1) .popup-content-text{
|
border-bottom: 0;
|
}
|
</style>
|
