From 8cb96efa6b48b36f87e9a5a5e94b1efea1f6c308 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Wed, 16 Dec 2020 18:06:32 +0800
Subject: [PATCH] add js

---
 src/pages.json                                     |   4 +-
 src/pages/index/index.vue                          |   6 ++
 src/static/images/icon/index/tab_9.png             | Bin 0 -> 396 bytes
 .../device/pages/device_manage/device_manage.vue   |  95 +++++++++++++++++----
 src/subpackage/device/pages/index/index.vue        |   2 +-
 .../device/pages/locker_manage/locker_manage.vue   |  65 ++++++++++++--
 .../device/pages/switch_manage/switch_manage.vue   |   2 +-
 src/subpackage/device/static/images/start.png      | Bin 0 -> 311 bytes
 src/subpackage/device/static/images/stop.png       | Bin 0 -> 291 bytes
 src/subpackage/device/static/images/test_btn.png   | Bin 0 -> 149 bytes
 10 files changed, 148 insertions(+), 26 deletions(-)
 create mode 100644 src/static/images/icon/index/tab_9.png
 create mode 100644 src/subpackage/device/static/images/start.png
 create mode 100644 src/subpackage/device/static/images/stop.png
 create mode 100644 src/subpackage/device/static/images/test_btn.png

diff --git a/src/pages.json b/src/pages.json
index 63f011b..8892d92 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -175,7 +175,7 @@
 				{
 					"path": "pages/switch_manage/switch_manage",
 					"style" : {
-						"navigationBarTitleText": "开关管理"
+						"navigationBarTitleText": "管理"
 					}
 				},
 				{
@@ -223,7 +223,7 @@
 				{
 					"path": "pages/sell_box_manage/sell_box_manage",
 					"style" : {
-						"navigationBarTitleText": "平板管理"
+						"navigationBarTitleText": "售货柜管理"
 					}
 				}
 			]
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index f2345af..5251d5f 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -120,6 +120,12 @@
 			path: '',
 			serverKey: 1009  // 后端对应权限编号
 		},
+		{
+			id: 9,
+			name: '设备管理',
+			path: '',
+			serverKey: 1010  // 后端对应权限编号
+		},
 	];
 	
 	const app = getApp();
diff --git a/src/static/images/icon/index/tab_9.png b/src/static/images/icon/index/tab_9.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0a28cc52a071aea2e8b3f21cfb1e63e8a62322d
GIT binary patch
literal 396
zcmeAS@N?(olHy`uVBq!ia0vp^CLqkg3?x4-dwml~c?9@`xB_X086{9OtAt@z5r{pj
zjA4E;h%pn0N<kztdwMBYJy;wlI~&AZa>t1WXq0$KkY6yv<4<cn)!yiF|5)I9_iAV9
z*#wzg_1U&9h3(QnC3ies978;gznylQuUUb|L3h!et2@2_|MzG2i8Yvc;mk~(k9#JV
zSsoMdTIpA|V5MYQLh0tBD4hkqYo)qZ2zO5P)R}l8IMw0&yP)%P7I^jcuM2r8c4(r;
zPJwSGo(TsoF5y#dQekx4^&ncedkOnKhWM)eJVnt)V(O1(nme7{XezIIKyqDkW+CIJ
zpy-)9rg_Mywd>1Yh;nUDH~$`6uI{-!W`R3rQZ|oW>GE%r6IZ<S)i{2?ByV2*l)k;+
zEfSonIV~T|7J9&?>dg0T!i)XoHD6yi_uARLY@YQ`#p35Y_3XAlRi(ZkPM~1*boFyt
I=akR{0C^UjtN;K2

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/pages/device_manage/device_manage.vue b/src/subpackage/device/pages/device_manage/device_manage.vue
index fed5e0e..94e4849 100644
--- a/src/subpackage/device/pages/device_manage/device_manage.vue
+++ b/src/subpackage/device/pages/device_manage/device_manage.vue
@@ -1,31 +1,36 @@
 <template>
     <view class="device-manage">
         <store-name></store-name>
-        <view class="dm-tit">售货柜管理</view>
+        <view class="dm-tit">{{pageInfo.name || '-'}}</view>
         <view class="dm-list">
             <view class="dl-item" v-for="i in 10" :key="i">
                 <view class="di-header">
                     <image></image>
                     <view class="dh-name">欧轩智能测试柜-01</view>
-                    <view class="dh-test-btn">
-                        <image></image>
-                        <view>测试</view>
+                    <view class="dh-test-btn"  v-if="pageInfo.isTestBtn" @click="testBtn">
+                        <image mode="aspectFit" :src="pageInfo.testBtnIcon || ''"></image>
+                        <view>{{pageInfo.testBtnName || '-'}}</view>
                     </view>
                 </view>
                 <view class="di-section">
-                    <view class="ds-stock">
+                    <view class="ds-stock" v-if="pageInfo.isShowStock">
                         <view>库存：<text class="active">充足</text></view>
-                        <view>补货</view>
+                        <view hover-class="hover-active" @click="stockBtn">{{pageInfo.stockBtnName || '-'}}</view>
                     </view>
                     <view class="ds-contral">
                         <view>
                             设备：<text class="active">离线</text>
                         </view>
-                        <view>更新</view>
-                        <view class="active">
-                            <text>开启售货</text>
-                            <image></image>
+                        <view hover-class="hover-active">更新</view>
+                        <view v-if="isStart"  hover-class="hover-active" @click="isStart = !isStart">
+                            <text>{{pageInfo.deviceBtnOpenName || '-'}}</text>
+                            <image mode="aspectFit" src="/subpackage/device/static/images/start.png"></image>
                         </view>
+                        <view class="active" v-else hover-class="hover-active" @click="isStart = !isStart">
+                            <text>{{pageInfo.deviceBtnStopName || '-'}}</text>
+                            <image mode="aspectFit" src="/subpackage/device/static/images/stop.png"></image>
+                        </view>
+                        
                     </view>
                 </view>
             </view>
@@ -34,26 +39,86 @@
 </template>
 
 <script>
+import util from '../../../../utils/util';
 import store_name from '../../components/store_name/store_name';
 const dmObj = {
     'd7': {
         id: 7,
-        name: '',
+        name: '售货柜管理',
         isTestBtn: true,
-        testBtnIcon: '',
+        testBtnIcon: '/subpackage/device/static/images/test_btn.png',
         testBtnName: '测试',
         isShowStock: true,
         stockBtnName: '补货',
         deviceBtnOpenName: '开启售货',
         deviceBtnStopName: '停止售货',
-    }
+    },
+    'd8': {
+        id: 8,
+        name: '租售柜管理',
+        isTestBtn: false,
+        testBtnIcon: '/subpackage/device/static/images/test_btn.png',
+        testBtnName: '测试',
+        isShowStock: true,
+        stockBtnName: '查看',
+        deviceBtnOpenName: '开启售货',
+        deviceBtnStopName: '停止售货',
+    },
+    'd9': {
+        id: 9,
+        name: '储物柜管理',
+        isTestBtn: true,
+        testBtnIcon: '/subpackage/device/static/images/test_btn.png',
+        testBtnName: '打开',
+        isShowStock: false,
+        stockBtnName: '查看',
+        deviceBtnOpenName: '开启租用',
+        deviceBtnStopName: '停止租用',
+    },
+    'd10': {
+        id: 10,
+        name: '咖啡机管理',
+        isTestBtn: true,
+        testBtnIcon: '/subpackage/device/static/images/test_btn.png',
+        testBtnName: '测试',
+        isShowStock: true,
+        stockBtnName: '补货',
+        deviceBtnOpenName: '开启售货',
+        deviceBtnStopName: '停止售货',
+    },
 }
 export default {
     components: {
         'store-name': store_name
     },
+    data(){
+        return {
+            pageInfo: {},
+            isStart: false
+        }
+    },
     onLoad(options){
-        console.log(options)
+
+        let _pageInfo = dmObj[`d${options.sid}`] || {};
+        this.pageInfo = _pageInfo;
+        uni.setNavigationBarTitle({ title: _pageInfo.name });
+    },
+    methods: {
+        stockBtn(){
+            console.log(123)
+            let { pageInfo } = this;
+            if(pageInfo.id == 7)return util.routeTo(`/subpackage/device/pages/sell_box_manage/sell_box_manage`, 'nT');
+            if(pageInfo.id == 8)return util.routeTo(`/subpackage/device/pages/locker_manage/locker_manage?type=8`, 'nT');
+            // if(pageInfo.id == 9)return util.routeTo(`/subpackage/device/pages/locker_manage/locker_manage`, 'nT');
+            if(pageInfo.id == 10)return util.routeTo(`/subpackage/device/pages/coffee_manage/coffee_manage`, 'nT');
+        },
+        testBtn(){
+            let { pageInfo } = this;
+            if(pageInfo.id == 7)return util.routeTo(`/subpackage/device/pages/sell_box_test/sell_box_test`, 'nT');
+            // if(pageInfo.id == 8)return util.routeTo(`/subpackage/device/pages/locker_manage/locker_manage`, 'nT');
+            if(pageInfo.id == 9)return util.routeTo(`/subpackage/device/pages/locker_manage/locker_manage?type=9`, 'nT');
+            if(pageInfo.id == 10)return util.routeTo(`/subpackage/device/pages/coffee_test/coffee_test`, 'nT');
+        }
     }
 }
 </script>
@@ -102,7 +167,6 @@ export default {
                     margin: 0 auto 8upx;
                     width: 36upx;
                     height: 36upx;
-                    background-color: grey;
                 }
                 >view{
                     text-align: center;
@@ -182,7 +246,6 @@ export default {
                             vertical-align: middle;
                             width: 32upx;
                             height: 32upx;
-                            background-color: red;
                         }
                         &.active{
                             border-color: #EA5061;
diff --git a/src/subpackage/device/pages/index/index.vue b/src/subpackage/device/pages/index/index.vue
index 2728bc4..09bb146 100644
--- a/src/subpackage/device/pages/index/index.vue
+++ b/src/subpackage/device/pages/index/index.vue
@@ -49,7 +49,7 @@ export default {
         },
         routeTo(e){
             if(e.path == '')return util.showNone('暂未开放！');
-            util.routeTo(`${rootPage}${e.path}?id=${e.id}`, 'nT');
+            util.routeTo(`${rootPage}${e.path}?sid=${e.id}`, 'nT');
         }
     }
 }
diff --git a/src/subpackage/device/pages/locker_manage/locker_manage.vue b/src/subpackage/device/pages/locker_manage/locker_manage.vue
index c7f7bf9..81496ef 100644
--- a/src/subpackage/device/pages/locker_manage/locker_manage.vue
+++ b/src/subpackage/device/pages/locker_manage/locker_manage.vue
@@ -5,7 +5,7 @@
             <view class="ll-item" v-for="i in 10" :key="i">
                 <view class="li-left">
                     <view class="ll-box">2号</view>
-                    <view class="ll-tag">已租</view>
+                    <view class="ll-tag" :class="[i==1?'grey':i==2?'orange':'']">已租</view>
                 </view>
                 <view class="li-content">
                     <view>
@@ -19,7 +19,7 @@
                 </view>
             </view>
         </view>
-        <view class="lm-tip">Tips：如需更换货物、设置价格请前往PC端商家后台设置</view>
+        <view class="lm-tip">{{getTip}}</view>
         <view class="lm-fixed-bar">
             
         </view>
@@ -28,16 +28,47 @@
                 <image class="active" mode="aspectFit" src="/subpackage/device/static/images/selected_987.png"></image>
                 <text>全选</text>
             </view>
-            <view class="lfb-confirm" hover-class="hover-active">打开柜子</view>
+            <view class="lfb-confirm" hover-class="hover-active" @click="openLocker">打开柜子</view>
         </view>
     </view>
 </template>
 
 <script>
+import util from '../../../../utils/util';
 import device_name from '../../components/device_name/device_name';
 export default {
     components: {
         'device-name': device_name
+    },
+    computed: {
+        getTip(){
+            let { type } = this;
+            if(type == 8)return 'Tips：如需更换货物、设置价格请前往PC端商家后台设置';
+            if(type == 9)return 'Tips：如需设置柜子信息、设置价格请前往PC端商家后台设置';
+            return 
+        }
+    },
+    data(){
+        return{
+            
+        }
+    },
+    onLoad(options){
+        this.type = options.type;
+        console.log(options)
+    },
+    methods: {
+        openLocker(){
+            let { type } = this;
+            if(type == 8)return util.showModal({
+                title: '提示',
+                content: '是否补货',
+                showCancel: true,
+                success: modalRes=>{
+                    console.log(modalRes)
+                }
+            })
+        }
     }
 }
 </script>
@@ -57,6 +88,20 @@ export default {
             border-radius: 10upx;
             background-color: #fff;
             @include centerFlex(space-between);
+            &:nth-child(odd){
+                .li-left{
+                    border: none;
+                    background-color: #f0f0f1;
+                    .ll-box{
+                        border: none;
+                        background-color: #e3e3e5;
+                        &::before{
+                            border: none;
+                            background-color: #f0f0f1;
+                        }
+                    }
+                }
+            }
             .li-left{
                 flex-shrink: 0;
                 position: relative;
@@ -64,7 +109,7 @@ export default {
                 width: 156upx;
                 height: 156upx;
                 border-radius: 10upx;
-                background-color: #f0f0f1;
+                border: 2upx solid #ededf5;
                 @include centerFlex(center);
                 .ll-box{
                     position: relative;
@@ -79,7 +124,7 @@ export default {
                     overflow: hidden;
                     text-overflow: ellipsis;
                     white-space: nowrap;
-                    background-color: #e3e3e5;
+                    border: 2upx solid #ededf5;
                     &::before{
                         content: '';
                         position: absolute;
@@ -89,7 +134,7 @@ export default {
                         width: 10upx;
                         height: 20upx;
                         border-radius: 6upx;
-                        background-color: #f0f0f1;
+                        border: 2upx solid #ededf5;
                     }
                 }
                 .ll-tag{
@@ -103,6 +148,14 @@ export default {
                     line-height: 28upx;
                     font-size: 20upx;
                     color: $themeColor;
+                    &.grey{
+                        border-color: #D8D8D8;
+                        color: #9A9A9D;
+                    }
+                    &.orange{
+                        border-color: #FF873D;
+                        color: #FF873D;
+                    }
                 }
             }
             .li-content{
diff --git a/src/subpackage/device/pages/switch_manage/switch_manage.vue b/src/subpackage/device/pages/switch_manage/switch_manage.vue
index d0220f8..31b4f5a 100644
--- a/src/subpackage/device/pages/switch_manage/switch_manage.vue
+++ b/src/subpackage/device/pages/switch_manage/switch_manage.vue
@@ -97,7 +97,7 @@ export default {
         }
     },
     onLoad(options){
-        let _pageInfo = showArr[`s${options.id}`] || {};
+        let _pageInfo = showArr[`s${options.sid}`] || {};
         this.pageInfo = _pageInfo;
         uni.setNavigationBarTitle({ title: _pageInfo.name });
     },
diff --git a/src/subpackage/device/static/images/start.png b/src/subpackage/device/static/images/start.png
new file mode 100644
index 0000000000000000000000000000000000000000..49df9499d4fdd06b3add610cfd033c2cab4860d1
GIT binary patch
literal 311
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dymH|E?u0Wb$Mlr*bN`~nr3^Pg?
zrk66zC}o%lCZ`rMOa-#bf#U!F|3Ccf9?#sW_<hTN{Q14|&iOBUwHSeVc}jx(f*DS5
zzIrr!W@osHgzjd}+NnVCg`O^sAr_}wCr9!fR^V~Toh;zgX7=_ke{?A`xBIN`r=9Pm
zCa7jJO?s9jbTi!IT5Z)fUg6oDi?x`dmKN*mNU;1>|NmX@ukQ5+On;p{{Iq;t@Ur>8
zE>vzS+kN=+x@%YeXKdcsCBe3q_3)AkMJd-!;)^D_?iJvj`lL1Qfxl42LgQbKtWr&C
zo~M`eE?S#*c+ulDZs+hmUESE~I*UJFetf+2xt{TbzMB0^HVHvc2za{sxvX<aXaWGj
CC4ja7

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/stop.png b/src/subpackage/device/static/images/stop.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c2e7c06ee81fad92f6d22dd3688543e2d694083
GIT binary patch
literal 291
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vJfvtpJ}8S0Md5AQ6H-1!Mymuly5V
z`6a*dN_gj=_9`Ip|NsAgUcY_c)OSMO4P*>gNswPK!?P2!I6K2tBy`_i;l2qJo#*M|
z7@~1LnSt3{d1dP<O`d{)JzP9z5^Ju91_&@cEY3K{B4*mas<y6)*>eMvX3GJm2|~+5
zJsemy1X^`AOlfSCb-8cJeas=?zyY2`e(xER6$}zSFa_=|Z#ERrNj%{s8gVS4Rcpfx
zNAA!B!Df+F2b|hMS1_$MU@_Q|Akmem+jiJsPTxaIp7)E{1>6LZSd6Mn5?n;mLXzCf
c+=>_&N+fyDML(ag7wA$3Pgg&ebxsLQ0PJXIqyPW_

literal 0
HcmV?d00001

diff --git a/src/subpackage/device/static/images/test_btn.png b/src/subpackage/device/static/images/test_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..f596cad0faad7a3b67cf718fd18bc65df9f0a4b2
GIT binary patch
literal 149
zcmeAS@N?(olHy`uVBq!ia0vp^Dj>|n3?%2|6>tM7o&cW^S0Fuo`t)hjrU6OApaYM9
zeCCoMzhH((o-^&%v;euLo-U3d5|@(`W*lQ+-db?2-sjq%{{kO+7s{Rb)t#W268JS~
sR?mjs#sycG+&t~zyV`T(bdA-F%l1@MHuCS(1RB8L>FVdQ&MBb@0Gt&x7ytkO

literal 0
HcmV?d00001