222 lines
6.4 KiB
Vue
222 lines
6.4 KiB
Vue
|
<template>
|
||
|
|
<view class="page">
|
||
|
|
<u-navbar title="工作台" :border-bottom="false" :background="bgc" back-icon-color="#262B37" title-color='#262B37'
|
||
|
|
title-size='36' height='40' id="navbar" :custom-back="btns">
|
||
|
|
</u-navbar>
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uAtuf76AiYArdJHLSjhO" class="imgbj" mode=""></image>
|
||
|
|
<!-- <button type="default" @click="btnsb">
|
||
|
|
设备管理
|
||
|
|
</button>
|
||
|
|
<button type="default" @click="btndp">
|
||
|
|
门店管理
|
||
|
|
</button>
|
||
|
|
<button type="default" @click="btnsbs">
|
||
|
|
扫码绑定设备
|
||
|
|
</button> -->
|
||
|
|
<view class="listbox">
|
||
|
|
<view class="gongxiang">
|
||
|
|
<view class="top">
|
||
|
|
共享设备与订单
|
||
|
|
</view>
|
||
|
|
<view class="listul">
|
||
|
|
<view class="listul_item" @click="btnsb">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uETwVx6uVaE9ro1nvcqm" mode=""></image>
|
||
|
|
<view class="wz">设备管理</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item" @click="btndp">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u6oI46MALr6AhaQJx5gK" mode=""></image>
|
||
|
|
<view class="wz">门店管理</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/ur2eP5H3JCfOK6mLfloG" mode=""></image>
|
||
|
|
<view class="wz">订单管理</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uuZkDhgdQoAOwLOAIeBS" mode=""></image>
|
||
|
|
<view class="wz">退款审批</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uIP0yWqUvEhRulj8pnWF" mode=""></image>
|
||
|
|
<view class="wz">充值优惠</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uVlTMg8p52AQC38bGYR1" mode=""></image>
|
||
|
|
<view class="wz">充值记录</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u71Y9Sa97RVGQryjI0UT" mode=""></image>
|
||
|
|
<view class="wz">订单取消</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="gongxiang">
|
||
|
|
<view class="top">
|
||
|
|
货柜商品管理
|
||
|
|
</view>
|
||
|
|
<view class="listul">
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u3WvXWhreMnYuHWBYanZ" mode=""></image>
|
||
|
|
<view class="wz">货柜管理</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uLEHydVzr5dckJUDPpFp" mode=""></image>
|
||
|
|
<view class="wz">商品管理</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uBHlYM37Nq7kqVxBLDPd" mode=""></image>
|
||
|
|
<view class="wz">商品订单</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u2vSFMVhYFT383G8g3hP" mode=""></image>
|
||
|
|
<view class="wz">临期商品</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u2Fw75BrIRB4g2dvXjh0" mode=""></image>
|
||
|
|
<view class="wz">缺货设备</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uMiIyAnGe2bgJ6OngG9C" mode=""></image>
|
||
|
|
<view class="wz">销售统计</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="gongxiang">
|
||
|
|
<view class="top">
|
||
|
|
其他
|
||
|
|
</view>
|
||
|
|
<view class="listul">
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uhOXbEruUPi4LwobH5j2" mode=""></image>
|
||
|
|
<view class="wz">对账单</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uUG8zQFENJMs5azjCMuQ" mode=""></image>
|
||
|
|
<view class="wz">杆柜管理</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uYxzaUTodBMnHowtv7bl" mode=""></image>
|
||
|
|
<view class="wz">杆柜订单</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/uPEgwjhXLbUeBWASW6Ws" mode=""></image>
|
||
|
|
<view class="wz">保洁订单</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/u9ssRAyWpKMNA89117NB" mode=""></image>
|
||
|
|
<view class="wz">合伙人管理</view>
|
||
|
|
</view>
|
||
|
|
<view class="listul_item">
|
||
|
|
<image src="https://api.ccttiot.com/smartmeter/img/static/ubfpq3LLHb1eXehq8IuD" mode=""></image>
|
||
|
|
<view class="wz">保洁管理</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<tab-bars :indexs='0' style=""></tab-bars>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
bgc: {
|
||
|
|
backgroundColor: "",
|
||
|
|
},
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
this.$u.get(`/getAppInfo`).then(res => {
|
||
|
|
if (res.code == 200) {
|
||
|
|
|
||
|
|
}else if(res.code == 401){
|
||
|
|
uni.reLaunch({
|
||
|
|
url:'/pages/login/index'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
// 自定义返回回到首页
|
||
|
|
btns(){
|
||
|
|
uni.reLaunch({
|
||
|
|
url:'/pages/nearbystores/index'
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 跳转到设备管理
|
||
|
|
btnsb(){
|
||
|
|
uni.navigateTo({
|
||
|
|
url:'/page_shanghu/shebei'
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 跳转到门店管理
|
||
|
|
btndp(){
|
||
|
|
uni.navigateTo({
|
||
|
|
url:'/page_shanghu/dianpu'
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 跳转到订单管理
|
||
|
|
btndd(){
|
||
|
|
uni.navigateTo({
|
||
|
|
url:'/page_shanghu/dingdan'
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
page {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.listbox{
|
||
|
|
.gongxiang{
|
||
|
|
.top{
|
||
|
|
padding: 40rpx 50rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: #3D3D3D;
|
||
|
|
font-weight: 600;
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
.listul{
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
padding: 0 40rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.listul_item{
|
||
|
|
margin-top: 42rpx;
|
||
|
|
width: 25%;
|
||
|
|
text-align: center;
|
||
|
|
image{
|
||
|
|
width: 80rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
}
|
||
|
|
.wz{
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #3D3D3D;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
width: 680rpx;
|
||
|
|
height: 1260rpx;
|
||
|
|
background: #FFFFFF;
|
||
|
|
box-shadow: 0rpx 8rpx 40rpx 0rpx rgba(72,137,59,0.1);
|
||
|
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
|
|
margin: auto;
|
||
|
|
overflow: scroll;
|
||
|
|
margin-top: 38rpx;
|
||
|
|
}
|
||
|
|
.imgbj{
|
||
|
|
width: 750rpx;
|
||
|
|
height: 100vh;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: -1;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|