From 9b9856b6232db180030ed2b220ccd57da30cf6d9 Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Mon, 21 Dec 2020 14:49:00 +0800
Subject: [PATCH] gx
---
hive-app/pages/workbench/index.vue | 199 +++++++++++++++++++++++++++----------------------
1 files changed, 111 insertions(+), 88 deletions(-)
diff --git a/hive-app/pages/workbench/index.vue b/hive-app/pages/workbench/index.vue
index ba2331f..7af3599 100644
--- a/hive-app/pages/workbench/index.vue
+++ b/hive-app/pages/workbench/index.vue
@@ -8,12 +8,12 @@
<text class="font-18 dark-gray">HIVE</text>
<view>
<text class="icon gray iconfont iconsousuo mr-15"></text>
- <text class="icon gray iconfont iconjiahao" @click.stop="isShow=!isShow"></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 iconjiahao mr-5"></text>
+ <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">
@@ -21,80 +21,110 @@
<text class="white font-14 popup-content-text">扫一扫</text>
</view>
</popover>
- <view class="condition flex justify-between">
- <view class="flex flex-v align-center">
- <text class="font-17 white">0</text>
- <text class="font-15 white mt-10">预约</text>
+ <view class="condition">
+ <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 white">2</text>
- <text class="font-15 white mt-10">进行中</text>
- </view>
- <view class="flex flex-v align-center">
- <text class="font-17 white">5</text>
- <text class="font-15 white mt-10">代付款</text>
- </view>
- <view class="flex flex-v align-center">
- <text class="font-17 white">15</text>
- <text class="font-15 white mt-10">欠款</text>
+ <view class="flex justify-around">
+ <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>
<view class="content-item mt-10">
<text class="title">订单</text>
<view class="flex align-center mt-10">
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/order1.png"></image>
- <text class="font-12 mt-10 font-dark">新建订单</text>
+ <view class="list-item">
+ <navigator url="./selectCustomer" hover-class="none">
+ <image class="content-icon" src="../../static/images/order1.png"></image>
+ <text class="font-12 mt-10 font-dark">新建订单</text>
+ </navigator>
</view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/order2.png"></image>
- <text class="font-12 mt-10 font-dark">代付款</text>
+ <view class="list-item">
+ <navigator url="./orderList" hover-class="none">
+ <image class="content-icon" src="../../static/images/order2.png"></image>
+ <text class="font-12 mt-10 font-dark">待付款</text>
+ </navigator>
</view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/order3.png"></image>
- <text class="font-12 mt-10 font-dark">已付款</text>
+ <view class="list-item">
+ <navigator url="./orderList" hover-class="none">
+ <image class="content-icon" src="../../static/images/order3.png"></image>
+ <text class="font-12 mt-10 font-dark">已付款</text>
+ </navigator>
</view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/order4.png"></image>
- <text class="font-12 mt-10 font-dark">欠款</text>
+ <view class="list-item">
+ <navigator url="./" hover-class="none">
+ <image class="content-icon" src="../../static/images/order4.png"></image>
+ <text class="font-12 mt-10 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="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/sever1.png"></image>
- <text class="font-12 mt-10 font-dark">新建预约</text>
+ <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 mt-10 font-dark">新建服务单</text>
+ </navigator>
</view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/sever2.png"></image>
- <text class="font-12 mt-10 font-dark">看板</text>
+ <view class="list-item">
+ <navigator url="./serviceOrderList" hover-class="none">
+ <image class="content-icon" src="../../static/images/sever2.png"></image>
+ <text class="font-12 mt-10 font-dark">待服务</text>
+ </navigator>
</view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/sever3.png"></image>
- <text class="font-12 mt-10 font-dark">待服务</text>
+ <view class="list-item">
+ <navigator url="./serviceOrderList" hover-class="none">
+ <image class="content-icon" src="../../static/images/sever3.png"></image>
+ <text class="font-12 mt-10 font-dark">服务中</text>
+ </navigator>
</view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/sever4.png"></image>
- <text class="font-12 mt-10 font-dark">服务完成</text>
+ <view class="list-item">
+ <navigator url="./serviceOrderList" hover-class="none">
+ <image class="content-icon" src="../../static/images/sever4.png"></image>
+ <text class="font-12 mt-10 font-dark">服务完成</text>
+ </navigator>
</view>
</view>
</view>
<view class="content-item mt-10">
- <text class="title">代办</text>
+ <text class="title">待办</text>
<view class="flex align-center mt-10">
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/commission1.png"></image>
- <text class="font-12 mt-10 font-dark">跟进</text>
+ <view class="list-item">
+ <navigator url="./" hover-class="none">
+ <image class="content-icon" src="../../static/images/commission1.png"></image>
+ <text class="font-12 mt-10 font-dark">看板</text>
+ </navigator>
</view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/commission2.png"></image>
- <text class="font-12 mt-10 font-dark">日报</text>
+ <view class="list-item">
+ <navigator url="./" hover-class="none">
+ <image class="content-icon" src="../../static/images/sever1.png"></image>
+ <text class="font-12 mt-10 font-dark">客户预约</text>
+ </navigator>
</view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/commission3.png"></image>
- <text class="font-12 mt-10 font-dark">通知</text>
+ <view class="list-item">
+ <navigator url="./" hover-class="none">
+ <image class="content-icon" src="../../static/images/commission2.png"></image>
+ <text class="font-12 mt-10 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 mt-10 font-dark">通知</text>
+ </navigator>
</view>
</view>
</view>
@@ -108,37 +138,6 @@
<view class="flex flex-v align-center list-item">
<image class="content-icon" src="../../static/images/warehouse2.png"></image>
<text class="font-12 mt-10 font-dark">盘点</text>
- </view>
- </view>
- </view>
- <view class="content-item">
- <text class="title">报表</text>
- <view class="flex align-center mt-10">
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/statement1.png"></image>
- <text class="font-12 mt-10 font-dark">排行榜</text>
- </view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/statement2.png"></image>
- <text class="font-12 mt-10 font-dark">员工业绩</text>
- </view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/statement3.png"></image>
- <text class="font-12 mt-10 font-dark">门店业绩</text>
- </view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/statement4.png"></image>
- <text class="font-12 mt-10 font-dark">产品报表</text>
- </view>
- </view>
- <view class="flex align-center mt-15">
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/statement5.png"></image>
- <text class="font-12 mt-10 font-dark">库存预警</text>
- </view>
- <view class="flex flex-v align-center list-item">
- <image class="content-icon" src="../../static/images/statement6.png"></image>
- <text class="font-12 mt-10 font-dark">客户流失预警</text>
</view>
</view>
</view>
@@ -164,12 +163,20 @@
methods:{
appear(){
+ },
+ linkTo(val){
+ uni.navigateTo({
+ url:val
+ })
}
}
}
</script>
<style>
+ page{
+ background: #F6F6F8;
+ }
.icon {
font-size: 18px;
text-align: center;
@@ -182,30 +189,46 @@
padding: 12px 5px;
}
.condition{
+ position: relative;
background: #518EFF;
- padding: 15px 30px;
+ padding: 15px 22px;
border-radius: 4px;
+ font-size: 14px;
+ color: #FFFFFF;
+ line-height: 30px;
+ }
+ .condition .eyes{
+ /* position: absolute;
+ right: 10px;
+ top: 10px; */
+ text-align: right;
+ }
+ .condition .eyes .iconfont{
+ font-size: 18px;
}
.content-item{
background: #FFFFFF;
padding: 15px 0;
border-radius: 4px;
margin: 10px 0;
- box-shadow:0 6px 6px rgba(237,234,244,0.5);
}
.title{
font-size: 14px;
color: #666666;
padding-left: 15px;
- padding-bottom: 5px;
+ padding-bottom: 10px;
+ }
+ .list-item{
+ width: 25%;
+ text-align: center;
}
.content-icon{
width: 30px;
height: 30px;
+ display: block;
+ margin: 0 auto 10px;
}
- .list-item{
- width: 25%;
- }
+
.popup-content{
position: absolute;
right: 9px;
--
Gitblit v1.9.1