1237 lines
33 KiB
Vue
1237 lines
33 KiB
Vue
<template>
|
||
<view class="page">
|
||
<u-navbar :title="tit" :border-bottom="false" :background="bgc" back-icon-color="#262B37" title-color='#262B37'
|
||
title-size='36' height='50' id="navbar">
|
||
</u-navbar>
|
||
<view class="box">
|
||
<view class="tongji">
|
||
<view class="one" @click="btngundong('section1',0)">
|
||
<view class="kg" v-if="gateSnflag == false">无</view>
|
||
<view class="kg" v-else> <text v-if="gateSnobj.powerStatus == 0">关</text> <text
|
||
v-if="gateSnobj.powerStatus == 1">开</text> </view>
|
||
<view class="gn">店门</view>
|
||
<image v-if="tabindex == 0" src="https://api.ccttiot.com/smartmeter/img/static/uZNimi3DEsGWsjfJm2Bg"
|
||
mode=""></image>
|
||
</view>
|
||
<view class="xian"></view>
|
||
<view class="one" @click="btngundong('section2',1)">
|
||
<view class="kg">空闲 <text>{{roomobj.idleRoomNum == null ? '--' : roomobj.idleRoomNum}}</text>
|
||
</view>
|
||
<view class="gn">房间</view>
|
||
<image v-if="tabindex == 1" src="https://api.ccttiot.com/smartmeter/img/static/uZNimi3DEsGWsjfJm2Bg"
|
||
mode=""></image>
|
||
</view>
|
||
<view class="xian"></view>
|
||
<view class="one" @click="btngundong('section3',2)">
|
||
<view class="kg">空闲
|
||
<text>{{roomobj.idleEquipmentNum == null ? '--' : roomobj.idleEquipmentNum}}</text> </view>
|
||
<view class="gn">大厅</view>
|
||
<image v-if="tabindex == 2" src="https://api.ccttiot.com/smartmeter/img/static/uZNimi3DEsGWsjfJm2Bg"
|
||
mode=""></image>
|
||
</view>
|
||
<view class="xian"></view>
|
||
<view class="one" @click="btngundong('section4',3)">
|
||
<view class="kg" style="color: #FC902A;">数量
|
||
<text>{{roomobj.toiletNum == null ? '--' : roomobj.toiletNum}}</text></view>
|
||
<view class="gn">卫生间</view>
|
||
<image v-if="tabindex == 3" src="https://api.ccttiot.com/smartmeter/img/static/uZNimi3DEsGWsjfJm2Bg"
|
||
mode=""></image>
|
||
</view>
|
||
</view>
|
||
<view class="damen" id="section1" style="margin-top: 10vh;">
|
||
<view class="name" style="color: #48893B;">
|
||
店门
|
||
</view>
|
||
<view class="menbj" @click="btnmendianxq">
|
||
<view class="top">
|
||
<view class="lt">
|
||
<text style="font-weight: 600;font-size: 36rpx;">店门</text> <text
|
||
v-if="gateSnobj.onlineStatus == 0" class="lixian">设备离线</text>
|
||
</view>
|
||
<view class="rt" v-if="!gateSnflag">
|
||
<text></text> 未绑定
|
||
</view>
|
||
<!-- <view class="rt" v-if="gateSnobj.powerStatus == 0">
|
||
<text></text> 已关闭
|
||
</view>
|
||
<view class="rt" style="color: #48893B;" v-if="gateSnobj.powerStatus == 1">
|
||
<text style="background-color: #48893B;"></text> 已开启
|
||
</view> -->
|
||
</view>
|
||
<view class="bot" v-if="gateSnobj.sn">
|
||
<view class="lt" style="color: #ccc;font-size: 24rpx;" v-if="gateobj.unlockCondition == 1">
|
||
开门条件：有当前订单才能进入门店
|
||
</view>
|
||
<view class="lt" style="color: #ccc;font-size: 24rpx;" v-if="gateobj.unlockCondition == 2">
|
||
开门条件：有历史订单才能进入门店
|
||
</view>
|
||
<view class="lt" style="color: #ccc;font-size: 24rpx;" v-if="gateobj.unlockCondition == 3">
|
||
开门条件：无条件
|
||
</view>
|
||
<view class="lt" style="color: #ccc;font-size: 24rpx;" v-if="gateobj.unlockCondition == null">
|
||
开门条件：--
|
||
</view>
|
||
<view class="rt">
|
||
<image @click.stop="btndmkg(1)"
|
||
src="https://api.ccttiot.com/smartmeter/img/static/u4Btme5ARjeAyvvTjgBF" mode="">
|
||
</image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 --><!-- 房间 -->
|
||
<view class="" id="section2">
|
||
<view class="namess">
|
||
房间
|
||
</view>
|
||
<view class="" v-if="roomList != ''">
|
||
<view class="damen" style="padding: 20rpx 30rpx;background-color: #fff;" v-for="(item,index) in roomList" :key="index" @click="btnroomxq(item)">
|
||
<view class="name">
|
||
{{item.roomName}}
|
||
</view>
|
||
<view class="fjlist">
|
||
<view class="fj_item" v-for="(val,indexs) in item.equipmentList" :key="indexs"
|
||
:id="val.sn == null ? 'active' : ''">
|
||
<view class="lts">
|
||
<view class="name">
|
||
<text>{{val.name.length > 4 ? val.name.slice(0,3) + '...' : val.name}}</text>
|
||
<text v-if="val.device.onlineStatus == 0"
|
||
style="font-size: 28rpx;font-weight: 400;color: #969696;margin-top: 10rpx;">设备离线</text>
|
||
</view>
|
||
<view class="zt" v-if="item.status == 1">
|
||
<text>运营中</text>
|
||
</view>
|
||
<view style="color: #ccc;" class="zt" v-if="item.status == 0">
|
||
<text
|
||
style="background-color: #ccc; display: inline-block; width: 0; height: 0;"></text>
|
||
歇业中
|
||
</view>
|
||
<view style="color: #ccc;" class="zt" v-if="item.status == 8">
|
||
<text
|
||
style="background-color: #ccc; display: inline-block; width: 0; height: 0;"></text>
|
||
下线维护
|
||
</view>
|
||
</view>
|
||
<view class="rts" v-if="val.type == 1"> <!-- 判断是否是房间门 -->
|
||
<view class="rt" v-if="!val.device.sn">
|
||
<text></text> 未绑定
|
||
</view>
|
||
<image v-else src="https://api.ccttiot.com/smartmeter/img/static/u4Btme5ARjeAyvvTjgBF"
|
||
@click.stop="btnroomkg(1,indexs,item,val)" mode="" ></image>
|
||
</view>
|
||
<view class="rts" v-else>
|
||
<view class="rt" v-if="!val.device.sn">
|
||
<text></text> 未绑定
|
||
</view>
|
||
<view class="rt" v-if="val.device.powerStatus == 0">
|
||
<text></text> 已关闭
|
||
</view>
|
||
<view class="rt" style="color: #48893B;" v-if="val.device.powerStatus == 1">
|
||
<text style="background-color: #48893B;"></text> 已开启
|
||
</view>
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/u4Btme5ARjeAyvvTjgBF"
|
||
@click.stop="btnroomkg(1,indexs,item,val)" mode=""
|
||
v-if="val.device.powerStatus == 0"></image>
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/ua6R9hsgQZTfahcpaA8G"
|
||
@click.stop="btnroomkg(0,indexs,item,val)" mode=""
|
||
v-if="val.device.powerStatus == 1"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 大厅 --> <!-- 大厅 --> <!-- 大厅 --> <!-- 大厅 --> <!-- 大厅 --> <!-- 大厅 --> <!-- 大厅 -->
|
||
<view class="damen" id="section3">
|
||
<view class="shangdt">
|
||
<view class="name" style="color: #48893B;">
|
||
大厅
|
||
</view>
|
||
<view class="quankai">
|
||
<view class="stext" @click="btnshow(1)">添加</view>
|
||
<!-- <view class="" @click="btndtguan">全关</view>
|
||
<view class="" @click="btndtkai">全开</view> -->
|
||
</view>
|
||
</view>
|
||
<view class="menbj" v-if="datingobj" v-for="(item,index) in datingobj"
|
||
@click="btndating(item)" :key="index">
|
||
<view class="top">
|
||
<view class="lt">
|
||
<text style="font-weight: 600;">{{item.roomName}}</text> <text
|
||
v-if="item.equipmentList[0].device.onlineStatus == 0" class="lixian">设备离线</text>
|
||
</view>
|
||
<view class="rt" v-if="!item.equipmentList[0].device.sn">
|
||
<text></text> 未绑定
|
||
</view>
|
||
<view class="rt" v-if="item.equipmentList[0].device.powerStatus == 0">
|
||
<text></text> 已关闭
|
||
</view>
|
||
<view class="rt" style="color: #48893B;" v-if="item.equipmentList[0].device.powerStatus == 1">
|
||
<text style="background-color: #48893B;"></text> 已开启
|
||
</view>
|
||
</view>
|
||
<view class="bot" v-if="item.equipmentList[0].device.sn">
|
||
<view class="lt">
|
||
SN：{{item.equipmentList[0].device.sn}}
|
||
</view>
|
||
<view class="rt">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/u4Btme5ARjeAyvvTjgBF"
|
||
@click.stop="btndtkg(1,index,item)" mode="" v-if="item.equipmentList[0].device.powerStatus == 0"></image>
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/ua6R9hsgQZTfahcpaA8G"
|
||
@click.stop="btndtkg(0,index,item)" mode="" v-if="item.equipmentList[0].device.powerStatus == 1"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 卫生间 --> <!-- 卫生间 --><!-- 卫生间 --><!-- 卫生间 --><!-- 卫生间 --><!-- 卫生间 --><!-- 卫生间 --><!-- 卫生间 -->
|
||
<view class="damen" id="section4">
|
||
<view class="shangdt">
|
||
<view class="name" style="color: #48893B;">
|
||
卫生间
|
||
</view>
|
||
<view class="quankai">
|
||
<view class="" @click="btnshow(2)">添加</view>
|
||
</view>
|
||
</view>
|
||
<view class="menbj" v-if="cesuolist != ''" v-for="(item,index) in cesuolist"
|
||
@click="btncesuo(item)" :key="index">
|
||
<view class="top">
|
||
<view class="lt">
|
||
<text style="font-weight: 600;">{{item.name}}</text> <text
|
||
v-if="item.device.onlineStatus == 0" class="lixian">设备离线</text>
|
||
</view>
|
||
<view class="rt" v-if="item.device.sn == null">
|
||
<text></text> 未绑定
|
||
</view>
|
||
<!-- <view class="rt" v-if="item.device.powerStatus == 0">
|
||
<text></text> 已关闭
|
||
</view> -->
|
||
<!-- <view class="rt" style="color: #48893B;" v-if="item.deviceId != null">
|
||
<text style="background-color: #48893B;"></text> 开门
|
||
</view> -->
|
||
</view>
|
||
<view class="bot" v-if="item.device.sn">
|
||
<view class="lt" v-if="item.unlockCondition == 1">
|
||
有当前订单才能进入卫生间
|
||
</view>
|
||
<view class="lt" v-if="item.unlockCondition == 2">
|
||
有历史订单才能进入卫生间
|
||
</view>
|
||
<view class="lt" v-if="item.unlockCondition == 3">
|
||
无条件进入卫生间
|
||
</view>
|
||
<view class="lt" v-if="item.unlockCondition == null">
|
||
--
|
||
</view>
|
||
<view class="rt">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/u4Btme5ARjeAyvvTjgBF" v-if="item.deviceId != null"
|
||
@click.stop="btncskg(0,index,item)" mode=""></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 离线蓝牙控制 -->
|
||
<view class="lxlanya" v-if="lanyaflag">
|
||
<view class="lxtit">
|
||
蓝牙控制开关
|
||
</view>
|
||
<view class="cha" @click.stop="btncha">
|
||
×
|
||
</view>
|
||
<view class="lxzt">
|
||
<view v-if="ver_dataflag == 1" style="color: red;">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/u6akzRBuxxP94XlUcMtV" mode=""></image>
|
||
<text>未连接</text>
|
||
</view>
|
||
<view v-if="ver_dataflag == 2" style="color: #ccc;">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/u6akzRBuxxP94XlUcMtV" mode=""></image>
|
||
<text>连接中</text>
|
||
</view>
|
||
<view v-if="ver_dataflag == 3" style="color: #48893B;">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/uU0nfPcXVEhbEsvECEQg" mode=""></image>
|
||
<text>已连接</text>
|
||
</view>
|
||
</view>
|
||
<view class="kongzhi">
|
||
<view class="lxkai" v-if="lanyaobj.type != 1" @click.stop="btngb">
|
||
关闭
|
||
</view>
|
||
<view class="lxkai" @click.stop="btnkq">
|
||
开启
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="mask" v-if="lanyaflag"></view>
|
||
|
||
<view class="anniu">
|
||
<view class="xinjian" @click="btnedit">
|
||
编辑
|
||
</view>
|
||
<view class="queren" @click="btnshop">
|
||
新增房间
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
var xBlufi = require("@/components/blufi/xBlufi.js");
|
||
export default {
|
||
data() {
|
||
return {
|
||
bgc: {
|
||
backgroundColor: "#fff",
|
||
},
|
||
storeId: '',
|
||
roomList: [],
|
||
datingobj: [],
|
||
cesuolist: [],
|
||
list: [],
|
||
show: false,
|
||
roomId: '',
|
||
gateSnobj: {},
|
||
gateobj: {},
|
||
gateSnflag: false,
|
||
tabindex: 0,
|
||
roomobj: {},
|
||
tit:'',
|
||
ver_dataflag:2,
|
||
devicesarr:[],
|
||
deviceIds:'',
|
||
name:'',
|
||
deviceId:'',
|
||
lanyaflag:false,
|
||
lanyamac:'',
|
||
lanyaobj:{}
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.storeId = option.storeId
|
||
this.tit = option.tit
|
||
},
|
||
onShow() {
|
||
this.roomList = []
|
||
this.cesuolist = []
|
||
this.gateSnflag = false
|
||
this.getxq()
|
||
xBlufi.notifyStartDiscoverBle({'isStart': true})
|
||
xBlufi.listenDeviceMsgEvent(true, this.funListenDeviceMsgEvent)
|
||
},
|
||
methods: {
|
||
// 蓝牙开启
|
||
btnkq(){
|
||
if(this.lanyaobj.type == 1){
|
||
if(this.lanyaobj.unlockMode == 1){
|
||
xBlufi.notifySendCustomData({
|
||
customData: '11km' + this.lanyaobj.unlockTime + '@'
|
||
})
|
||
let data = {
|
||
mac:this.lanyamac,
|
||
reason:'正常开门',
|
||
command:'11km' + this.lanyaobj.unlockTime + '@',
|
||
result:true
|
||
}
|
||
this.$u.post(`/app/commandLog/bluetooth`,data).then(res => {})
|
||
}else{
|
||
xBlufi.notifySendCustomData({
|
||
customData: '11gm' + this.lanyaobj.unlockTime + '@'
|
||
})
|
||
let data = {
|
||
mac:this.lanyamac,
|
||
reason:'反向开门',
|
||
command:'11gm' + this.lanyaobj.unlockTime + '@',
|
||
result:true
|
||
}
|
||
this.$u.post(`/app/commandLog/bluetooth`,data).then(res => {})
|
||
}
|
||
}else{
|
||
xBlufi.notifySendCustomData({
|
||
customData: '11open'
|
||
})
|
||
let data = {
|
||
mac:this.lanyamac,
|
||
reason:'开启',
|
||
command:'11open',
|
||
result:true
|
||
}
|
||
this.$u.post(`/app/commandLog/bluetooth`,data).then(res => {})
|
||
}
|
||
},
|
||
// 蓝牙关闭
|
||
btngb(){
|
||
xBlufi.notifySendCustomData({
|
||
customData: '11close'
|
||
})
|
||
let data = {
|
||
mac:this.lanyamac,
|
||
reason:'关闭',
|
||
command:'11close',
|
||
result:true
|
||
}
|
||
this.$u.post(`/app/commandLog/bluetooth`,data).then(res => {})
|
||
},
|
||
// 点击蓝牙弹出隐藏
|
||
btncha(){
|
||
this.lanyaflag = false
|
||
this.ver_dataflag = 2
|
||
xBlufi.notifyConnectBle({
|
||
isStart: false,
|
||
deviceId: this.deviceId,
|
||
name: this.name
|
||
})
|
||
},
|
||
// 连接蓝牙函数
|
||
getlanya() {
|
||
if (this.ver_dataflag != 3) {
|
||
this.ver_dataflag = 2
|
||
let that = this
|
||
if (that.deviceId != '') {
|
||
let systemInfo = uni.getSystemInfoSync()
|
||
if (systemInfo.platform == 'android') {
|
||
that.lanyaflag = true
|
||
that.deviceId = that.deviceId.match(/.{2}/g).reverse().join(':')
|
||
xBlufi.notifyStartDiscoverBle({
|
||
'isStart': false
|
||
})
|
||
console.log("进入蓝牙连接", that.deviceId)
|
||
console.log("进入that.name", that.name)
|
||
xBlufi.notifyConnectBle({
|
||
isStart: true,
|
||
deviceId: that.deviceId,
|
||
name: that.name
|
||
})
|
||
} else if (systemInfo.platform == 'ios') {
|
||
// 当前设备是 iOS
|
||
that.lanyaflag = true
|
||
that.findDevice()
|
||
}else{
|
||
console.log('其他');
|
||
}
|
||
}
|
||
}
|
||
},
|
||
findDevice() {
|
||
const matchedDevice = this.devicesarr.find(device => {
|
||
console.log(device.name, '111')
|
||
console.log("IOSMAC", device)
|
||
return device.name.slice(-12) == this.deviceId.slice(-12)
|
||
})
|
||
if (matchedDevice) {
|
||
xBlufi.notifyStartDiscoverBle({
|
||
'isStart': false
|
||
})
|
||
xBlufi.notifyConnectBle({
|
||
isStart: true,
|
||
deviceId: matchedDevice.deviceId,
|
||
name: matchedDevice.name
|
||
})
|
||
this.deviceId = matchedDevice.deviceId
|
||
this.name = matchedDevice.name
|
||
console.log(this.deviceId, '11221')
|
||
} else {
|
||
console.log("未找到匹配的设备，继续查找...")
|
||
setTimeout(this.findDevice.bind(this), 1000) // 使用 bind 保持 this 上下文
|
||
}
|
||
},
|
||
// 获取附近蓝牙设备列表
|
||
funListenDeviceMsgEvent: function (options) {
|
||
switch (options.type) {
|
||
case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS:
|
||
if (options.result) {
|
||
this.devicesarr = options.data
|
||
}
|
||
break;
|
||
case xBlufi.XBLUFI_TYPE.TYPE_CONNECTED:
|
||
console.log("连接回调：" + JSON.stringify(options))
|
||
if (options.result == true) {
|
||
setTimeout(()=>{
|
||
this.ver_dataflag = 3
|
||
},2000)
|
||
xBlufi.notifyInitBleEsp32({
|
||
deviceId: this.deviceId
|
||
})
|
||
this.deviceIds = options.data.deviceId
|
||
this.name = this.name
|
||
}
|
||
break;
|
||
case xBlufi.XBLUFI_TYPE.TYPE_RECIEVE_CUSTON_DATA:
|
||
this.ver_dataflag = 3
|
||
console.log("1收到设备发来的自定义数据结果：", options.data)
|
||
break;
|
||
case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS_START:
|
||
if (!options.result) {
|
||
console.log('蓝牙未开启')
|
||
return
|
||
}
|
||
break;
|
||
}
|
||
},
|
||
|
||
// 点击tab进行滚动查找
|
||
btngundong(section, index) {
|
||
this.tabindex = index
|
||
const query = uni.createSelectorQuery().in(this)
|
||
query.select(`#${section}`).boundingClientRect((rectObj) => {
|
||
if (rectObj) {
|
||
uni.pageScrollTo({
|
||
scrollTop: rectObj.top - 180,
|
||
duration: 300
|
||
})
|
||
} else {
|
||
console.error('页面滚动失败')
|
||
}
|
||
}).exec()
|
||
},
|
||
|
||
// 点击大厅全关按钮
|
||
btndtguan() {
|
||
let allEmpty = true
|
||
this.datingobj.forEach(item => {
|
||
if (item.equipmentList[0]?.deviceId !== null) {
|
||
allEmpty = false
|
||
}
|
||
})
|
||
if (allEmpty) {
|
||
uni.showToast({
|
||
title: '大厅设施暂无绑定设备',
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
} else {
|
||
this.$u.post(`/app/device/adminAllEqu/${this.storeId}/switch?open=false`).then(res => {
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: '全部关闭成功',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
this.datingobj.forEach(item => {
|
||
if (item.equipmentList[0]?.deviceId !== null) {
|
||
item.equipmentList[0].device.powerStatus = 0
|
||
}
|
||
})
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
}
|
||
},
|
||
// 点击大厅全开按钮
|
||
btndtkai() {
|
||
let allEmpty = true
|
||
this.datingobj.forEach(item => {
|
||
if (item.equipmentList[0]?.deviceId !== null) {
|
||
allEmpty = false
|
||
}
|
||
})
|
||
if (allEmpty) {
|
||
uni.showToast({
|
||
title: '大厅设施暂无绑定设备',
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
} else {
|
||
this.$u.post(`/app/device/adminAllEqu/${this.storeId}/switch?open=true`).then(res => {
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: '全部开启成功',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
this.datingobj.forEach(item => {
|
||
if (item.equipmentList[0]?.deviceId !== null) {
|
||
item.equipmentList[0].device.powerStatus = 1
|
||
}
|
||
})
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
}
|
||
},
|
||
// 点击控制卫生间设施大门
|
||
btncskg(num, index, item) {
|
||
console.log(item);
|
||
this.lanyaobj = {
|
||
...item,
|
||
type: 1
|
||
}
|
||
if(item.device.onlineStatus == 1){
|
||
let toiletId = item.toiletId
|
||
if (num == 0) { //关闭
|
||
this.$u.get(`/app/room/openToilet/${toiletId}`).then(res => {
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: '打开成功',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
} else { //开启
|
||
this.$u.put(`/app/device/adminMch/${toiletId}/switch?open=true`).then(res => {
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: '开启成功',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
this.cesuolist.forEach(item => {
|
||
if (item.toiletId == toiletId) {
|
||
item.device.powerStatus = 1
|
||
}
|
||
})
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
}
|
||
}else{
|
||
this.deviceId = item.device.mac
|
||
this.lanyamac = item.device.mac
|
||
this.getlanya()
|
||
}
|
||
},
|
||
// 点击控制大厅设施
|
||
btndtkg(num, index, item) {
|
||
console.log(item);
|
||
this.lanyaobj = item.equipmentList[0]
|
||
// console.log(item.equipmentList[0].device.mac,item.equipmentList[0].device.onlineStatus)
|
||
if(item.equipmentList[0].device.onlineStatus == 1){
|
||
let equipmentId = item.equipmentList[0].equipmentId
|
||
if (num == 0) { //关闭
|
||
this.$u.put(`/app/device/adminMch/${equipmentId}/switch?open=false`).then(res => {
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: '关闭成功',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
this.datingobj.forEach(item => {
|
||
if (item.equipmentList[0].equipmentId == equipmentId) {
|
||
item.equipmentList[0].device.powerStatus = 0
|
||
}
|
||
})
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
} else { //开启
|
||
this.$u.put(`/app/device/adminMch/${equipmentId}/switch?open=true`).then(res => {
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: '开启成功',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
this.datingobj.forEach(item => {
|
||
if (item.equipmentList[0].equipmentId == equipmentId) {
|
||
item.equipmentList[0].device.powerStatus = 1
|
||
}
|
||
})
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
}
|
||
}else{
|
||
this.deviceId = item.equipmentList[0].device.mac
|
||
console.log(this.deviceId);
|
||
this.lanyamac = item.equipmentList[0].device.mac
|
||
this.getlanya()
|
||
}
|
||
},
|
||
// 点击控制房间设施
|
||
btnroomkg(num, index, item,val) {
|
||
console.log(val,'1000');
|
||
this.lanyaobj = val
|
||
if(val.device.onlineStatus == 1){
|
||
let equipmentId = item.equipmentList[index].equipmentId
|
||
if (num == 0) { //关闭
|
||
this.$u.put(`/app/device/adminMch/${equipmentId}/switch?open=false`).then(res => {
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: '关闭成功',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
this.roomList.forEach(item => {
|
||
item.equipmentList.forEach(val => {
|
||
if (val.equipmentId == equipmentId) {
|
||
val.device.powerStatus = 0
|
||
}
|
||
})
|
||
})
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
} else { //开启
|
||
this.$u.put(`/app/device/adminMch/${equipmentId}/switch?open=true`).then(res => {
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: '开启成功',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
this.roomList.forEach(item => {
|
||
item.equipmentList.forEach(val => {
|
||
if (val.equipmentId == equipmentId) {
|
||
val.device.powerStatus = 1
|
||
}
|
||
})
|
||
})
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
}
|
||
}else{
|
||
this.deviceId = val.device.mac
|
||
this.lanyamac = val.device.mac
|
||
this.getlanya()
|
||
}
|
||
},
|
||
// 点击控制大门
|
||
btndmkg(num) {
|
||
this.lanyaobj = {
|
||
...this.gateobj,
|
||
type: 1
|
||
}
|
||
console.log(this.lanyaobj);
|
||
if(this.gateSnobj.onlineStatus == 1){
|
||
this.$u.get(`app/store/openGate/${this.storeId}`).then(res => {
|
||
if(res.code == 200){
|
||
uni.showToast({
|
||
title: '开启成功',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
}else{
|
||
this.deviceId = this.gateSnobj.mac
|
||
this.lanyamac = this.gateSnobj.mac
|
||
this.getlanya()
|
||
}
|
||
},
|
||
|
||
// 点击添加大厅and厕所设施
|
||
btnshow(num){
|
||
if(num == 1) {
|
||
uni.navigateTo({
|
||
url: '/page_shanghu/addtoom?storeId=' + this.storeId + '&dating=' + 1
|
||
})
|
||
}else if(num == 2) {
|
||
uni.navigateTo({
|
||
url: '/page_shanghu/cesuoxq?storeId=' + this.storeId
|
||
})
|
||
}
|
||
},
|
||
// 点击跳转到大门详情
|
||
btnmendianxq(){
|
||
uni.navigateTo({
|
||
url: '/page_shanghu/toufsb?storeId=' + this.storeId
|
||
})
|
||
},
|
||
// 点击跳转编辑门店
|
||
btnedit() {
|
||
uni.navigateTo({
|
||
url: '/page_shanghu/editshop?storeId=' + this.storeId
|
||
})
|
||
},
|
||
// 点击大厅跳转到大厅设施详情
|
||
btndating(item) {
|
||
uni.navigateTo({
|
||
url: '/page_moban/datingxq?roomId=' + item.roomId
|
||
})
|
||
},
|
||
// 点击厕所跳转到厕所设施详情
|
||
btncesuo(item) {
|
||
uni.navigateTo({
|
||
url: '/page_shanghu/cesuoxq?toiletId=' + item.toiletId
|
||
})
|
||
},
|
||
// 点击房间跳转到房间详情
|
||
btnroomxq(item) {
|
||
uni.navigateTo({
|
||
url: '/page_shanghu/roomxq?roomId=' + item.roomId + '&storeId=' + this.storeId
|
||
})
|
||
},
|
||
// 点击新增房间等
|
||
btnshop() {
|
||
uni.navigateTo({
|
||
url: '/page_shanghu/addtoom?storeId=' + this.storeId
|
||
})
|
||
},
|
||
// 请求门店详情
|
||
getxq() {
|
||
this.$u.get(`app/store/mch/${this.storeId}`).then(res => {
|
||
if (res.code == 200) {
|
||
this.roomobj = res.data
|
||
this.gateobj = res.data.gate
|
||
if(res.data.gateId != null){
|
||
this.gateSnflag = true
|
||
this.$u.get(`/app/device/${res.data.gateId}`).then(res => {
|
||
if(res.code == 200){
|
||
this.gateSnobj = res.data
|
||
}
|
||
})
|
||
}else{
|
||
this.gateSnflag = false
|
||
this.gateSnobj = {}
|
||
}
|
||
this.roomList = res.data.roomList
|
||
this.datingobj = res.data.hallEquList
|
||
this.cesuolist = res.data.toiletList
|
||
}
|
||
})
|
||
},
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
/deep/ .u-iconfont,
|
||
/deep/ .u-title {
|
||
padding-bottom: 20rpx;
|
||
}
|
||
// 离线蓝牙开关
|
||
.lxlanya{
|
||
position: fixed;
|
||
top: 40%;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 500rpx;
|
||
max-height:600rpx;
|
||
background-color: #fff;
|
||
border-radius: 30rpx;
|
||
z-index: 9;
|
||
padding: 30rpx 40rpx;
|
||
box-sizing: border-box;
|
||
.cha{
|
||
font-size: 50rpx;
|
||
position: absolute;
|
||
top: 20rpx;
|
||
right: 30rpx;
|
||
font-weight: 600;
|
||
}
|
||
.lxzt{
|
||
margin-top: 30rpx;
|
||
padding: 0 20rpx;
|
||
box-sizing: border-box;
|
||
view{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
image{
|
||
width: 80rpx;
|
||
height: 80rpx;
|
||
}
|
||
}
|
||
}
|
||
.lxtit{
|
||
font-size: 32rpx;
|
||
font-weight: 600;
|
||
width: 100%;
|
||
text-align: center;
|
||
margin-top: 30rpx;
|
||
}
|
||
.kongzhi{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 30rpx;
|
||
.lxkai{
|
||
width: 200rpx;
|
||
height: 80rpx;
|
||
background-color: #48893B;
|
||
color: #fff;
|
||
text-align: center;
|
||
line-height: 80rpx;
|
||
border-radius: 20rpx;
|
||
}
|
||
}
|
||
}
|
||
.lixian {
|
||
color: #969696 !important;
|
||
}
|
||
.boxmask {
|
||
width: 100%;
|
||
height: 100vh;
|
||
background-color: #000;
|
||
opacity: .3;
|
||
z-index: 2;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
.namess {
|
||
font-weight: 600;
|
||
font-size: 36rpx;
|
||
color: #48893B;
|
||
text-align: left;
|
||
width: 100%;
|
||
padding: 0 30rpx;
|
||
margin-top: 30rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
.addmen {
|
||
width: 694rpx;
|
||
height: 702rpx;
|
||
background: linear-gradient(180deg, #DEF1DA 0%, #FFFFFF 100%, #FFFFFF 100%);
|
||
border-radius: 36rpx 36rpx 36rpx 36rpx;
|
||
position: fixed;
|
||
top: 464rpx;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
z-index: 3;
|
||
box-shadow: 1px 2px 4px -3px;
|
||
.one {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
width: 100%;
|
||
.rt {
|
||
image {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
}
|
||
}
|
||
.saoma {
|
||
font-weight: 600;
|
||
font-size: 36rpx;
|
||
color: #48893B;
|
||
margin-top: 10rpx;
|
||
}
|
||
.saomas {
|
||
font-size: 28rpx;
|
||
color: #48893B;
|
||
margin-top: 10rpx;
|
||
}
|
||
width: 584rpx;
|
||
height: 224rpx;
|
||
border: 2rpx solid #48893B;
|
||
border-radius: 20rpx;
|
||
margin: auto;
|
||
margin-top: 48rpx;
|
||
padding: 38rpx 44rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
.top {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
padding: 0 26rpx;
|
||
box-sizing: border-box;
|
||
.name {
|
||
font-weight: 600;
|
||
font-size: 44rpx;
|
||
color: #48893B;
|
||
width: 100%;
|
||
text-align: center;
|
||
position: absolute;
|
||
top: 56rpx;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
}
|
||
.cha {
|
||
font-size: 68rpx;
|
||
font-weight: 600;
|
||
width: 100%;
|
||
text-align: right;
|
||
}
|
||
}
|
||
}
|
||
page {
|
||
background: #F6F6F6;
|
||
}
|
||
.box {
|
||
width: 100%;
|
||
padding-bottom: 210rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
.mask {
|
||
width: 100%;
|
||
height: 100vh;
|
||
background-color: #000;
|
||
opacity: .3;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 1;
|
||
}
|
||
.damen {
|
||
padding: 0 30rpx;
|
||
box-sizing: border-box;
|
||
margin-top: 38rpx;
|
||
.shangdt {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
.quankai {
|
||
display: flex;
|
||
view {
|
||
border-radius: 10rpx;
|
||
margin-left: 20rpx;
|
||
width: 100rpx;
|
||
height: 50rpx;
|
||
line-height: 50rpx;
|
||
color: #fff;
|
||
background-color: #48893B;
|
||
text-align: center;
|
||
}
|
||
}
|
||
}
|
||
.fjlist {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: space-between;
|
||
margin-top: 16rpx;
|
||
width: 686rpx;
|
||
max-height: 1408rpx;
|
||
background: #FFFFFF;
|
||
padding: 16rpx;
|
||
padding-top: 0;
|
||
box-sizing: border-box;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
.fj_item {
|
||
margin-top: 16rpx;
|
||
width: 318rpx;
|
||
height: 178rpx;
|
||
background: #F9F9F9;
|
||
padding: 26rpx;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
border-radius: 20rpx;
|
||
.rts {
|
||
text-align: right;
|
||
color: #7C7C7C;
|
||
image {
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
margin-top: 50rpx;
|
||
}
|
||
.rt {
|
||
display: flex;
|
||
align-items: center;
|
||
text {
|
||
background-color: #7C7C7C;
|
||
width: 10rpx;
|
||
height: 10rpx;
|
||
border-radius: 50%;
|
||
margin-right: 10rpx;
|
||
}
|
||
}
|
||
}
|
||
.zt {
|
||
font-size: 28rpx;
|
||
color: #FC902A;
|
||
margin-top: 8rpx;
|
||
}
|
||
.name {
|
||
text {
|
||
display: block;
|
||
font-weight: 600;
|
||
font-size: 36rpx;
|
||
color: #3D3D3D;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.name {
|
||
font-weight: 600;
|
||
font-size: 36rpx;
|
||
color: #3D3D3D;
|
||
text-align: left;
|
||
.stext {
|
||
display: inline-block;
|
||
font-weight: 400;
|
||
width: 120rpx;
|
||
height: 50rpx;
|
||
line-height: 50rpx;
|
||
background-color: #48893B;
|
||
color: #fff;
|
||
margin-left: 20rpx;
|
||
border-radius: 10rpx;
|
||
font-size: 28rpx;
|
||
text-align: center;
|
||
}
|
||
}
|
||
.menbj {
|
||
width: 686rpx;
|
||
max-height: 170rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
padding: 30rpx;
|
||
box-sizing: border-box;
|
||
margin-top: 28rpx;
|
||
.bot {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-top: 20rpx;
|
||
.lt {
|
||
font-size: 28rpx;
|
||
color: #3D3D3D;
|
||
}
|
||
.rt {
|
||
image {
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
}
|
||
}
|
||
}
|
||
.top {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
.lt {
|
||
text {
|
||
font-size: 28rpx;
|
||
color: #3D3D3D;
|
||
margin-right: 54rpx;
|
||
}
|
||
}
|
||
.rt {
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 28rpx;
|
||
color: #7C7C7C;
|
||
font-weight: 600;
|
||
text {
|
||
width: 10rpx;
|
||
height: 10rpx;
|
||
background-color: #7C7C7C;
|
||
border-radius: 50%;
|
||
margin-right: 10rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.tongji {
|
||
width: 750rpx;
|
||
height: 150rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
box-sizing: border-box;
|
||
margin-top: 14rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
position: fixed;
|
||
top: 10vh;
|
||
.one {
|
||
width: 188rpx;
|
||
text-align: center;
|
||
.kg {
|
||
font-weight: 600;
|
||
font-size: 24rpx;
|
||
color: #7C7C7C;
|
||
text {
|
||
color: #48893B;
|
||
margin-left: 4rpx;
|
||
}
|
||
}
|
||
.gn {
|
||
font-weight: 600;
|
||
font-size: 32rpx;
|
||
color: #3D3D3D;
|
||
margin-top: 10rpx;
|
||
}
|
||
image {
|
||
width: 58rpx;
|
||
height: 14rpx;
|
||
}
|
||
}
|
||
.xian {
|
||
width: 1px;
|
||
height: 62rpx;
|
||
background-color: #7C7C7C;
|
||
}
|
||
}
|
||
.list {
|
||
margin-top: 30rpx;
|
||
height: 70vh;
|
||
overflow: scroll;
|
||
.list_item {
|
||
width: 100%;
|
||
height: 200rpx;
|
||
line-height: 100rpx;
|
||
text-align: center;
|
||
border: 1px solid;
|
||
}
|
||
}
|
||
.anniu {
|
||
width: 750rpx;
|
||
height: 152rpx;
|
||
background: #FFFFFF;
|
||
box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(0, 0, 0, 0.3);
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
position: fixed;
|
||
left: 0;
|
||
bottom: 0;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding: 0 36rpx;
|
||
box-sizing: border-box;
|
||
padding-top: 24rpx;
|
||
.queren {
|
||
width: 330rpx;
|
||
height: 104rpx;
|
||
background: #48893B;
|
||
text-align: center;
|
||
line-height: 104rpx;
|
||
font-weight: 600;
|
||
font-size: 36rpx;
|
||
color: #FFFFFF;
|
||
border-radius: 20rpx;
|
||
}
|
||
.xinjian {
|
||
width: 330rpx;
|
||
height: 104rpx;
|
||
border: 2rpx solid #48893B;
|
||
border-radius: 20rpx;
|
||
text-align: center;
|
||
line-height: 104rpx;
|
||
font-weight: 600;
|
||
font-size: 36rpx;
|
||
color: #48893B;
|
||
}
|
||
}
|
||
</style> |