APP
/
ox_zhiNengZhuShou
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

add js

voice
刘嘉炜 5 years ago
parent
f71665b87d
commit
8cb96efa6b
10 changed files with 148 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/pages.json
  2. 6
      src/pages/index/index.vue
  3. BIN
      src/static/images/icon/index/tab_9.png
  4. 95
      src/subpackage/device/pages/device_manage/device_manage.vue
  5. 2
      src/subpackage/device/pages/index/index.vue
  6. 65
      src/subpackage/device/pages/locker_manage/locker_manage.vue
  7. 2
      src/subpackage/device/pages/switch_manage/switch_manage.vue
  8. BIN
      src/subpackage/device/static/images/start.png
  9. BIN
      src/subpackage/device/static/images/stop.png
  10. BIN
      src/subpackage/device/static/images/test_btn.png

4
src/pages.json
View File

@ -175,7 +175,7 @@
{ {
"path": "pages/switch_manage/switch_manage", "path": "pages/switch_manage/switch_manage",
"style" : { "style" : {
"navigationBarTitleText": "开关管理"
"navigationBarTitleText": "管理"
} }
}, },
{ {
@ -223,7 +223,7 @@
{ {
"path": "pages/sell_box_manage/sell_box_manage", "path": "pages/sell_box_manage/sell_box_manage",
"style" : { "style" : {
"navigationBarTitleText": "平板管理"
"navigationBarTitleText": "售货柜管理"
} }
} }
] ]

6
src/pages/index/index.vue
View File

@ -120,6 +120,12 @@
path: '', path: '',
serverKey: 1009 // 后端对应权限编号 serverKey: 1009 // 后端对应权限编号
}, },
{
id: 9,
name: '设备管理',
path: '',
serverKey: 1010 // 后端对应权限编号
},
]; ];
const app = getApp(); const app = getApp();

BIN
src/static/images/icon/index/tab_9.png
View File

Side by Side

After

Width: 52  |  Height: 52  |  Size: 396 B

95
src/subpackage/device/pages/device_manage/device_manage.vue
View File

@ -1,31 +1,36 @@
<template> <template>
<view class="device-manage"> <view class="device-manage">
<store-name></store-name> <store-name></store-name>
<view class="dm-tit">售货柜管理</view>
<view class="dm-tit">{{pageInfo.name || '-'}}</view>
<view class="dm-list"> <view class="dm-list">
<view class="dl-item" v-for="i in 10" :key="i"> <view class="dl-item" v-for="i in 10" :key="i">
<view class="di-header"> <view class="di-header">
<image></image> <image></image>
<view class="dh-name">欧轩智能测试柜-01</view> <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> </view>
<view class="di-section"> <view class="di-section">
<view class="ds-stock">
<view class="ds-stock" v-if="pageInfo.isShowStock">
<view>库存：<text class="active">充足</text></view> <view>库存：<text class="active">充足</text></view>
<view>补货</view>
<view hover-class="hover-active" @click="stockBtn">{{pageInfo.stockBtnName || '-'}}</view>
</view> </view>
<view class="ds-contral"> <view class="ds-contral">
<view> <view>
设备：<text class="active">离线</text> 设备：<text class="active">离线</text>
</view> </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>
<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> </view>
</view> </view>
@ -34,26 +39,86 @@
</template> </template>
<script> <script>
import util from '../../../../utils/util';
import store_name from '../../components/store_name/store_name'; import store_name from '../../components/store_name/store_name';
const dmObj = { const dmObj = {
'd7': { 'd7': {
id: 7, id: 7,
name: '',
name: '售货柜管理',
isTestBtn: true, isTestBtn: true,
testBtnIcon: '',
testBtnIcon: '/subpackage/device/static/images/test_btn.png',
testBtnName: '测试', testBtnName: '测试',
isShowStock: true, isShowStock: true,
stockBtnName: '补货', stockBtnName: '补货',
deviceBtnOpenName: '开启售货', deviceBtnOpenName: '开启售货',
deviceBtnStopName: '停止售货', 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 { export default {
components: { components: {
'store-name': store_name 'store-name': store_name
}, },
data(){
return {
pageInfo: {},
isStart: false
}
},
onLoad(options){ 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> </script>
@ -102,7 +167,6 @@ export default {
margin: 0 auto 8upx; margin: 0 auto 8upx;
width: 36upx; width: 36upx;
height: 36upx; height: 36upx;
background-color: grey;
} }
>view{ >view{
text-align: center; text-align: center;
@ -182,7 +246,6 @@ export default {
vertical-align: middle; vertical-align: middle;
width: 32upx; width: 32upx;
height: 32upx; height: 32upx;
background-color: red;
} }
&.active{ &.active{
border-color: #EA5061; border-color: #EA5061;

2
src/subpackage/device/pages/index/index.vue
View File

@ -49,7 +49,7 @@ export default {
}, },
routeTo(e){ routeTo(e){
if(e.path == '')return util.showNone('暂未开放！'); if(e.path == '')return util.showNone('暂未开放！');
util.routeTo(`${rootPage}${e.path}?id=${e.id}`, 'nT');
util.routeTo(`${rootPage}${e.path}?sid=${e.id}`, 'nT');
} }
} }
} }

65
src/subpackage/device/pages/locker_manage/locker_manage.vue
View File

@ -5,7 +5,7 @@
<view class="ll-item" v-for="i in 10" :key="i"> <view class="ll-item" v-for="i in 10" :key="i">
<view class="li-left"> <view class="li-left">
<view class="ll-box">2号</view> <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>
<view class="li-content"> <view class="li-content">
<view> <view>
@ -19,7 +19,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="lm-tip">Tips：如需更换货物、设置价格请前往PC端商家后台设置</view>
<view class="lm-tip">{{getTip}}</view>
<view class="lm-fixed-bar"> <view class="lm-fixed-bar">
</view> </view>
@ -28,16 +28,47 @@
<image class="active" mode="aspectFit" src="/subpackage/device/static/images/selected_987.png"></image> <image class="active" mode="aspectFit" src="/subpackage/device/static/images/selected_987.png"></image>
<text>全选</text> <text>全选</text>
</view> </view>
<view class="lfb-confirm" hover-class="hover-active">打开柜子</view>
<view class="lfb-confirm" hover-class="hover-active" @click="openLocker">打开柜子</view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import util from '../../../../utils/util';
import device_name from '../../components/device_name/device_name'; import device_name from '../../components/device_name/device_name';
export default { export default {
components: { components: {
'device-name': device_name '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> </script>
@ -57,6 +88,20 @@ export default {
border-radius: 10upx; border-radius: 10upx;
background-color: #fff; background-color: #fff;
@include centerFlex(space-between); @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{ .li-left{
flex-shrink: 0; flex-shrink: 0;
position: relative; position: relative;
@ -64,7 +109,7 @@ export default {
width: 156upx; width: 156upx;
height: 156upx; height: 156upx;
border-radius: 10upx; border-radius: 10upx;
background-color: #f0f0f1;
border: 2upx solid #ededf5;
@include centerFlex(center); @include centerFlex(center);
.ll-box{ .ll-box{
position: relative; position: relative;
@ -79,7 +124,7 @@ export default {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
background-color: #e3e3e5;
border: 2upx solid #ededf5;
&::before{ &::before{
content: ''; content: '';
position: absolute; position: absolute;
@ -89,7 +134,7 @@ export default {
width: 10upx; width: 10upx;
height: 20upx; height: 20upx;
border-radius: 6upx; border-radius: 6upx;
background-color: #f0f0f1;
border: 2upx solid #ededf5;
} }
} }
.ll-tag{ .ll-tag{
@ -103,6 +148,14 @@ export default {
line-height: 28upx; line-height: 28upx;
font-size: 20upx; font-size: 20upx;
color: $themeColor; color: $themeColor;
&.grey{
border-color: #D8D8D8;
color: #9A9A9D;
}
&.orange{
border-color: #FF873D;
color: #FF873D;
}
} }
} }
.li-content{ .li-content{

2
src/subpackage/device/pages/switch_manage/switch_manage.vue
View File

@ -97,7 +97,7 @@ export default {
} }
}, },
onLoad(options){ onLoad(options){
let _pageInfo = showArr[`s${options.id}`] || {};
let _pageInfo = showArr[`s${options.sid}`] || {};
this.pageInfo = _pageInfo; this.pageInfo = _pageInfo;
uni.setNavigationBarTitle({ title: _pageInfo.name }); uni.setNavigationBarTitle({ title: _pageInfo.name });
}, },

BIN
src/subpackage/device/static/images/start.png
View File

Side by Side

After

Width: 32  |  Height: 32  |  Size: 311 B

BIN
src/subpackage/device/static/images/stop.png
View File

Side by Side

After

Width: 32  |  Height: 32  |  Size: 291 B

BIN
src/subpackage/device/static/images/test_btn.png
View File

Side by Side

After

Width: 36  |  Height: 36  |  Size: 149 B

Write Preview
Loading…
Cancel
Save