|
|
@@ -0,0 +1,878 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-row class="ba commonWidth" v-if="state"><!--房间信息弹框-->
|
|
|
+ <el-col class="top">
|
|
|
+ <el-col class="title">
|
|
|
+ <img src="../../../assets/image/arrow.png" alt="" />
|
|
|
+ <span>房间信息 {{Message.num || "--"}}</span>
|
|
|
+ <!-- <img src="../../../assets/image/icon1.png" alt="" class="equipment-icon"/> -->
|
|
|
+ </el-col>
|
|
|
+ <p class="close" @click="close"></p>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="contain scroll">
|
|
|
+ <col-row :gutter="10">
|
|
|
+ <!-- <el-col class="title" :span="12">
|
|
|
+ <span class="type">房间号：</span>
|
|
|
+ <span class="data">{{Message.num || "--"}}</span>
|
|
|
+ </el-col> -->
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">房态：</span>
|
|
|
+ <span class="data" v-if="Message.status">
|
|
|
+ {{Message.status == "VC" ? "空房": Message.status == "VD" ? "空脏房" :
|
|
|
+ Message.status == "OC" ? "在住干净房" : Message.status == "OD" ? "在住脏房" :
|
|
|
+ Message.status == "OS" ? "锁房" : Message.status == "OO" ? "维修房" : ""}}</span>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col class="title" :span="12">
|
|
|
+ <span class="type">总开：</span>
|
|
|
+ <el-switch v-if="Message.zk"
|
|
|
+ @change="control(zk,Message.zk.value,Message.zk.id)"
|
|
|
+ v-model="zk"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">总关：</span>
|
|
|
+ <el-switch v-if="Message.zg"
|
|
|
+ @change="control(zg,Message.zg.value,Message.zg.id)"
|
|
|
+ v-model="zg"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col> -->
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">房顶灯：</span>
|
|
|
+ <el-switch v-if="Message.fdd"
|
|
|
+ @change="control(fdd,Message.fdd.value,Message.fdd.id)"
|
|
|
+ v-model="fdd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">影视筒灯：</span>
|
|
|
+ <el-switch v-if="Message.ystd"
|
|
|
+ @change="control(ystd,Message.ystd.value,Message.ystd.id)"
|
|
|
+ v-model="ystd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">夜灯：</span>
|
|
|
+ <el-switch v-if="Message.yd"
|
|
|
+ @change="control(ld,Message.yd.value,Message.yd.id)"
|
|
|
+ v-model="yd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">阳台灯：</span>
|
|
|
+ <el-switch v-if="Message.ytd"
|
|
|
+ @change="control(ytd,Message.ytd.value,Message.ytd.id)"
|
|
|
+ v-model="ytd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">吧灯：</span>
|
|
|
+ <el-switch v-if="Message.bd"
|
|
|
+ @change="control(bd,Message.bd.value,Message.bd.id)"
|
|
|
+ v-model="bd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">床头射灯：</span>
|
|
|
+ <el-switch v-if="Message.ctsd"
|
|
|
+ @change="control(ctsd,Message.ctsd.value,Message.ctsd.id)"
|
|
|
+ v-model="ctsd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">廊灯：</span>
|
|
|
+ <el-switch v-if="Message.ld"
|
|
|
+ @change="control(ld,Message.ld.value,Message.ld.id)"
|
|
|
+ v-model="ld"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">浴室灯：</span>
|
|
|
+ <el-switch v-if="Message.ysd"
|
|
|
+ @change="control(ysd,Message.ysd.value,Message.ysd.id)"
|
|
|
+ v-model="ysd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">卫生间灯带：</span>
|
|
|
+ <el-switch v-if="Message.wsjdd"
|
|
|
+ @change="control(wsjdd,Message.wsjdd.value,Message.wsjdd.id)"
|
|
|
+ v-model="wsjdd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">洗手盆射灯：</span>
|
|
|
+ <el-switch v-if="Message.xspsd"
|
|
|
+ @change="control(xspsd,Message.xspsd.value,Message.xspsd.id)"
|
|
|
+ v-model="xspsd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">排气扇：</span>
|
|
|
+ <el-switch v-if="Message.pqs"
|
|
|
+ @change="control(pqs,Message.pqs.value,Message.pqs.id)"
|
|
|
+ v-model="pqs"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">卫生间筒灯：</span>
|
|
|
+ <el-switch v-if="Message.wsjtd"
|
|
|
+ @change="control(wsjtd,Message.wsjtd.value,Message.wsjtd.id)"
|
|
|
+ v-model="wsjtd"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">窗帘：</span>
|
|
|
+ <el-switch v-if="Message.cl"
|
|
|
+ @change="control(cl,Message.cl.value,Message.cl.id)"
|
|
|
+ v-model="cl"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">窗纱：</span>
|
|
|
+ <el-switch v-if="Message.cs"
|
|
|
+ @change="control(cs,Message.cs.value,Message.cs.id)"
|
|
|
+ v-model="cs"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">空调开关：</span>
|
|
|
+ <el-switch v-if="Message.ktkg"
|
|
|
+ @change="control(ktkg,Message.ktkg.value,Message.ktkg.id)"
|
|
|
+ v-model="ktkg"
|
|
|
+ active-color="#1C52D8"
|
|
|
+ inactive-color="#ccc">
|
|
|
+ </el-switch>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">室内温度：</span>
|
|
|
+ <span class="data">{{Message.ktdqwd.value ? Number(Message.ktdqwd.value).toFixed(1) + "℃" : Message.ktdqwd.value == "0" ? Number(Message.ktdqwd.value).toFixed(1) + "℃" : "--"}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">空调模式：</span>
|
|
|
+ <div class="data" v-if="Message.ktms">
|
|
|
+ <el-select
|
|
|
+ v-model="ktms"
|
|
|
+ placeholder="模式选择"
|
|
|
+ size="small"
|
|
|
+ style="width: 90px"
|
|
|
+ @change="control(undefined,ktms,Message.ktms.id)"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in ktmsOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <span class="data" v-else> -- </span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">空调风力：</span>
|
|
|
+ <div class="data" v-if="Message.ktfl">
|
|
|
+ <el-select
|
|
|
+ v-model="ktfl"
|
|
|
+ placeholder="模式选择"
|
|
|
+ size="small"
|
|
|
+ style="width: 90px"
|
|
|
+ @change="control(undefined,ktfl,Message.ktfl.id)"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in ktflOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <span class="data" v-else> -- </span>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="title" :span="12">
|
|
|
+ <span class="type">空调温度：</span>
|
|
|
+ <span class="data" v-if="Message.ktwd">
|
|
|
+ <input v-model="Message.ktwd.value" type="number" min="10" max="40" style="ime-mode:disabled" onkeypress="noPermitInput(event)">
|
|
|
+ {{"℃"}}
|
|
|
+ <button @click="control(undefined,Message.ktwd.value,Message.ktwd.id)">提交</button>
|
|
|
+ </span>
|
|
|
+ <span class="data" v-else>--</span>
|
|
|
+ </el-col>
|
|
|
+ </col-row>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import { btRoomGet } from "@/plugins/api";
|
|
|
+import { Message } from 'element-ui'
|
|
|
+export default {
|
|
|
+ props:['resInfo'],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ state:false,
|
|
|
+ fjmsOptions:[
|
|
|
+ {
|
|
|
+ dictLabel:"自动",
|
|
|
+ dictValue:"0"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictLabel:"手动",
|
|
|
+ dictValue:"1"
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ ktmsOptions:[
|
|
|
+ {
|
|
|
+ dictLabel:"制冷",
|
|
|
+ dictValue:0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictLabel:"制热",
|
|
|
+ dictValue:1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictLabel:"通风",
|
|
|
+ dictValue:2
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ ktflOptions:[
|
|
|
+ {
|
|
|
+ dictLabel:"低速",
|
|
|
+ dictValue:1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictLabel:"中速",
|
|
|
+ dictValue:2
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictLabel:"高速",
|
|
|
+ dictValue:3
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictLabel:"自动",
|
|
|
+ dictValue:4
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ Message:{},
|
|
|
+ ktms:undefined,
|
|
|
+ fdd:undefined,
|
|
|
+ ld:undefined,
|
|
|
+ ktkg:undefined,
|
|
|
+ cl:undefined,
|
|
|
+ cs:undefined,
|
|
|
+ zk:undefined,
|
|
|
+ zg:undefined,
|
|
|
+ ysd:undefined,
|
|
|
+ xspsd:undefined,
|
|
|
+ pqs:undefined,
|
|
|
+ wsjtd:undefined,
|
|
|
+ ytd:undefined,
|
|
|
+ bd:undefined,
|
|
|
+ ctsd:undefined,
|
|
|
+ wsjdd:undefined,
|
|
|
+ ystd:undefined,
|
|
|
+ yd:undefined,
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getData(){//获取数据赋值
|
|
|
+ console.log(this.resInfo)
|
|
|
+ this.state = true
|
|
|
+ let arr = []
|
|
|
+ arr.num = this.resInfo.num
|
|
|
+ arr.status = this.resInfo.roomStatus
|
|
|
+ arr.hotelCode = this.resInfo.hotelCode
|
|
|
+ arr.zk = {}
|
|
|
+ arr.ld = {}
|
|
|
+ arr.fdd = {}
|
|
|
+ arr.ktkg = {}
|
|
|
+ arr.ktms = {}
|
|
|
+ arr.ktdqwd = {}
|
|
|
+ arr.ktwd = {}
|
|
|
+ arr.ktfl = {}
|
|
|
+ arr.cl = {}
|
|
|
+ arr.cs = {}
|
|
|
+ arr.zk = {}
|
|
|
+ arr.zg = {}
|
|
|
+ arr.ysd = {}
|
|
|
+ arr.xspsd ={}
|
|
|
+ arr.pqs = {}
|
|
|
+ arr.wsjtd = {}
|
|
|
+ arr.ytd = {}
|
|
|
+ arr.bd = {}
|
|
|
+ arr.ctsd = {}
|
|
|
+ arr.wsjdd = {}
|
|
|
+ arr.ystd = {}
|
|
|
+ arr.ktfl = {}
|
|
|
+ arr.yd = {}
|
|
|
+ let data = this.resInfo.data
|
|
|
+ for(let i = 0;i<data.length;i++){
|
|
|
+ if(data[i].name == "总开"){
|
|
|
+ arr.zk.name = data[i].name
|
|
|
+ arr.zk.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.zk.value = false
|
|
|
+ this.zk = false
|
|
|
+
|
|
|
+ }else{
|
|
|
+ arr.zk.value = true
|
|
|
+ this.zk = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "廊灯"){
|
|
|
+ arr.ld.name = data[i].name
|
|
|
+ arr.ld.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.ld.value = false
|
|
|
+ this.ld = false
|
|
|
+ }else{
|
|
|
+ arr.ld.value = true
|
|
|
+ this.ld = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "房顶灯"){
|
|
|
+ arr.fdd.name = data[i].name
|
|
|
+ arr.fdd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.fdd.value = false
|
|
|
+ this.fdd = false
|
|
|
+ }else{
|
|
|
+ arr.fdd.value = true
|
|
|
+ this.fdd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "空调-开关"){
|
|
|
+ arr.ktkg.name = data[i].name
|
|
|
+ arr.ktkg.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.ktkg.value = false
|
|
|
+ this.ktkg = false
|
|
|
+ }else{
|
|
|
+ arr.ktkg.value = true
|
|
|
+ this.ktkg = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "空调-模式"){
|
|
|
+ arr.ktms.name = data[i].name
|
|
|
+ arr.ktms.id = data[i].deviceId
|
|
|
+ arr.ktms.value = data[i].value
|
|
|
+ this.ktms = Number(data[i].value)
|
|
|
+ }
|
|
|
+ if(data[i].name == "空调-风力"){
|
|
|
+ arr.ktfl.name = data[i].name
|
|
|
+ arr.ktfl.id = data[i].deviceId
|
|
|
+ arr.ktfl.value = data[i].value
|
|
|
+ this.ktfl = Number(data[i].value)
|
|
|
+ }
|
|
|
+ if(data[i].name == "空调-当前温度"){
|
|
|
+ arr.ktdqwd.name = data[i].name
|
|
|
+ arr.ktdqwd.id = data[i].deviceId
|
|
|
+ arr.ktdqwd.value = data[i].value
|
|
|
+ }
|
|
|
+ if(data[i].name == "空调-温度"){
|
|
|
+ arr.ktwd.name = data[i].name
|
|
|
+ arr.ktwd.id = data[i].deviceId
|
|
|
+ arr.ktwd.value = data[i].value
|
|
|
+ }
|
|
|
+ if(data[i].name == "窗帘"){
|
|
|
+ arr.cl.name = data[i].name
|
|
|
+ arr.cl.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.cl.value = false
|
|
|
+ this.cl = false
|
|
|
+ }else{
|
|
|
+ arr.cl.value = true
|
|
|
+ this.cl = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "窗纱"){
|
|
|
+ arr.cs.name = data[i].name
|
|
|
+ arr.cs.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.cs.value = false
|
|
|
+ this.cs = false
|
|
|
+ }else{
|
|
|
+ arr.cs.value = true
|
|
|
+ this.cs = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ if(data[i].name == "浴室灯"){
|
|
|
+ arr.ysd.name = data[i].name
|
|
|
+ arr.ysd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.ysd.value = false
|
|
|
+ this.ysd = false
|
|
|
+ }else{
|
|
|
+ arr.ysd.value = true
|
|
|
+ this.ysd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "洗手盆射灯"){
|
|
|
+ arr.xspsd.name = data[i].name
|
|
|
+ arr.xspsd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.xspsd.value = false
|
|
|
+ this.xspsd = false
|
|
|
+ }else{
|
|
|
+ arr.xspsd.value = true
|
|
|
+ this.xspsd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "排气扇"){
|
|
|
+ arr.pqs.name = data[i].name
|
|
|
+ arr.pqs.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.pqs.value = false
|
|
|
+ this.pqs = false
|
|
|
+ }else{
|
|
|
+ arr.pqs.value = true
|
|
|
+ this.pqs = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "卫生间筒灯"){
|
|
|
+ arr.wsjtd.name = data[i].name
|
|
|
+ arr.wsjtd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.wsjtd.value = false
|
|
|
+ this.wsjtd = false
|
|
|
+ }else{
|
|
|
+ arr.wsjtd.value = true
|
|
|
+ this.wsjtd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "影视筒灯"){
|
|
|
+ arr.ystd.name = data[i].name
|
|
|
+ arr.ystd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.ystd.value = false
|
|
|
+ this.ystd = false
|
|
|
+ }else{
|
|
|
+ arr.ystd.value = true
|
|
|
+ this.ystd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if(data[i].name == "阳台灯"){
|
|
|
+ arr.ytd.name = data[i].name
|
|
|
+ arr.ytd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.ytd.value = false
|
|
|
+ this.ytd = false
|
|
|
+ }else{
|
|
|
+ arr.ytd.value = true
|
|
|
+ this.ytd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "吧灯"){
|
|
|
+ arr.bd.name = data[i].name
|
|
|
+ arr.bd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.bd.value = false
|
|
|
+ this.bd = false
|
|
|
+ }else{
|
|
|
+ arr.bd.value = true
|
|
|
+ this.bd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "床头射灯"){
|
|
|
+ arr.ctsd.name = data[i].name
|
|
|
+ arr.ctsd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.ctsd.value = false
|
|
|
+ this.ctsd = false
|
|
|
+ }else{
|
|
|
+ arr.ctsd.value = true
|
|
|
+ this.ctsd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "卫生间灯带"){
|
|
|
+ arr.wsjdd.name = data[i].name
|
|
|
+ arr.wsjdd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.wsjdd.value = false
|
|
|
+ this.wsjdd = false
|
|
|
+ }else{
|
|
|
+ arr.wsjdd.value = true
|
|
|
+ this.wsjdd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(data[i].name == "夜灯"){
|
|
|
+ arr.yd.name = data[i].name
|
|
|
+ arr.yd.id = data[i].deviceId
|
|
|
+ if(data[i].value == "0"){
|
|
|
+ arr.yd.value = false
|
|
|
+ this.yd = false
|
|
|
+ }else{
|
|
|
+ arr.yd.value = true
|
|
|
+ this.yd = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ console.log(i+1,data[i].name,data[i].value)
|
|
|
+ }
|
|
|
+ this.Message = arr
|
|
|
+ // console.log(this.Message)
|
|
|
+ },
|
|
|
+
|
|
|
+ control(type,value,id){//控制
|
|
|
+ if(type == false){
|
|
|
+ value = 0
|
|
|
+ }
|
|
|
+ if(type == true){
|
|
|
+ value = 1
|
|
|
+ }
|
|
|
+ if(type == undefined){
|
|
|
+
|
|
|
+ }
|
|
|
+ // console.log(type,value,id)
|
|
|
+ let url = `http://www.limark.net:81/api/hotel/control/action.do?hotelCode=${this.Message.hotelCode}&roomNo=${this.Message.num}&device=${id}&value=${value}`
|
|
|
+ // console.log(url)
|
|
|
+ btRoomGet({url:url}).then(res =>{
|
|
|
+ Message({
|
|
|
+ message:"信息已提交，请在2分钟后查看信息变更情况",
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ noPermitInput(e){
|
|
|
+ var evt = window.event || e ;
|
|
|
+ if(isIE()){
|
|
|
+ evt.returnValue=false; //ie 禁止键盘输入
|
|
|
+ }else{
|
|
|
+ evt.preventDefault(); //fire fox 禁止键盘输入
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isIE() {
|
|
|
+ if (window.navigator.userAgent.toLowerCase().indexOf("msie") >= 1)
|
|
|
+ return true;
|
|
|
+ else
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ close(){//关闭
|
|
|
+ this.state = false
|
|
|
+ this.$emit("close",false)
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.commonWidth{
|
|
|
+ width:450px;
|
|
|
+ display: block;
|
|
|
+ margin:0 auto;
|
|
|
+ .top{
|
|
|
+ height: 39px;
|
|
|
+ line-height: 35px;
|
|
|
+ background: rgba(28,82,216,.6);
|
|
|
+ border: 1px solid #1C52D8;
|
|
|
+ border-bottom:none;
|
|
|
+ border-radius: 4px 4px 0 0;
|
|
|
+ .title{
|
|
|
+ width:50%;
|
|
|
+ margin-top:-2px;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left:16px;
|
|
|
+ vertical-align: middle;
|
|
|
+ color:#38E7EE;
|
|
|
+ vertical-align: middle;
|
|
|
+ img{
|
|
|
+ margin-right:4px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ span{
|
|
|
+ margin-left:16px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .equipment-icon{
|
|
|
+ width:16px;
|
|
|
+ position: absolute;
|
|
|
+ top:12px;
|
|
|
+ right:45%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .close{
|
|
|
+ width:16px;
|
|
|
+ height:16px;
|
|
|
+ background: url('../../../assets/image/close.png') ;
|
|
|
+ float:right;
|
|
|
+ margin:10px 6px 0 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .contain{
|
|
|
+ background-color:rgba(0,22,103,.85);
|
|
|
+ border-radius: 0 0 4px 4px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.ba{
|
|
|
+ .contain{
|
|
|
+ padding: 10px 10px 25px;
|
|
|
+ height:360px;
|
|
|
+ overflow-y:scroll;
|
|
|
+ .title{
|
|
|
+ margin-top:10px;
|
|
|
+ font-size: 14px;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ .type{
|
|
|
+ width:50%;
|
|
|
+ text-align: right;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .data{
|
|
|
+ width:50%;
|
|
|
+ text-align: left;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+ input{
|
|
|
+ width:28%;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding:0 0 0 6px;
|
|
|
+ height:20px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ button{
|
|
|
+ width:40px;
|
|
|
+ height:25px;
|
|
|
+ line-height: 25px;
|
|
|
+ background-color: rgba(28,82,216,.6);
|
|
|
+ color:#fff;
|
|
|
+ font-size: 12px;
|
|
|
+ border:none;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+/deep/ .el-input--small{
|
|
|
+ width:93% !important;
|
|
|
+}
|
|
|
+/deep/ .el-input--small .el-input__inner{
|
|
|
+ height:25px;
|
|
|
+ line-height: 25px;
|
|
|
+}
|
|
|
+/deep/ .el-input__inner{
|
|
|
+ color:#fff;
|
|
|
+ border-color:#fff;
|
|
|
+}
|
|
|
+/deep/ .el-input__icon{
|
|
|
+ color:#fff !important
|
|
|
+}
|
|
|
+/deep/ .el-input__suffix{
|
|
|
+ top:2px
|
|
|
+}
|
|
|
+/deep/ .el-table__row>td {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+/deep/ .el-input__icon{
|
|
|
+font-size:10px;-webkit-transform:scale(0.4);
|
|
|
+}
|
|
|
+
|
|
|
+/deep/ .el-table::before {
|
|
|
+ height: 0px;
|
|
|
+}
|
|
|
+.scroll{
|
|
|
+ overflow-y: scroll;
|
|
|
+ overflow-x: hidden;
|
|
|
+}
|
|
|
+// ::-webkit-scrollbar {
|
|
|
+// /*滚动条整体样式*/
|
|
|
+// width : 0px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+// height: 1px;
|
|
|
+// overflow: hidden;
|
|
|
+// }
|
|
|
+// ::-webkit-scrollbar-thumb {
|
|
|
+// /*滚动条里面小方块*/
|
|
|
+// border-radius: 1px;
|
|
|
+// box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
+// background : rgba(28,82,216,1);
|
|
|
+// }
|
|
|
+// ::-webkit-scrollbar-track {
|
|
|
+// /*滚动条里面轨道*/
|
|
|
+// box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
+// border-radius: 1px;
|
|
|
+// background : #ededed;
|
|
|
+// }
|
|
|
+
|
|
|
+// 对话框
|
|
|
+/deep/ .el-dialog{
|
|
|
+ background-color: transparent;
|
|
|
+ top:15%;
|
|
|
+}
|
|
|
+/deep/ .el-dialog__header{
|
|
|
+ padding:0;
|
|
|
+ padding-bottom:0;
|
|
|
+}
|
|
|
+/deep/ .el-dialog__body{
|
|
|
+ padding:0;
|
|
|
+}
|
|
|
+/deep/ .el-dialog__headerbtn .el-dialog__close{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+// table
|
|
|
+/deep/ .el-table--group, /deep/ .el-table--border{
|
|
|
+ border:none;
|
|
|
+}
|
|
|
+/deep/ .el-table thead{
|
|
|
+ color:#fff;
|
|
|
+ // background-color: rgba(28,82,216,.2);
|
|
|
+}
|
|
|
+
|
|
|
+/deep/ .el-table--border th{
|
|
|
+ border:1px solid #fff;
|
|
|
+ border-bottom:none;
|
|
|
+}
|
|
|
+
|
|
|
+/deep/ .el-table--border td{
|
|
|
+ border:1px solid #fff
|
|
|
+}
|
|
|
+ /deep/ .el-table, .el-table__expanded-cell {
|
|
|
+ background-color: transparent;//这是设置透明背景色
|
|
|
+ color:#fff;
|
|
|
+ border-collapse: collapse;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+/deep/ .el-table__empty-text{
|
|
|
+ color:#fff;
|
|
|
+ font-size: 10px;
|
|
|
+ letter-spacing: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+// data
|
|
|
+/deep/ .el-date-editor{
|
|
|
+ border:1px solid #ccc;
|
|
|
+ background-color: transparent;
|
|
|
+ height:25px;
|
|
|
+ line-height: 20px;
|
|
|
+ padding:0;
|
|
|
+ margin-top:2px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+/deep/ .el-range-input, /deep/ .el-input__icon el-range__close-icon{
|
|
|
+ background-color: transparent;
|
|
|
+ color:#fff;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: top;
|
|
|
+ padding:0;
|
|
|
+ position: relative;
|
|
|
+ top:-4px
|
|
|
+}
|
|
|
+/deep/ .el-range__icon{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+/deep/ .el-date-editor--datetimerange.el-input__inner{
|
|
|
+ width:77%;
|
|
|
+
|
|
|
+ display: inline-block;
|
|
|
+
|
|
|
+}
|
|
|
+/deep/ ::placeholder{
|
|
|
+ color:#fff
|
|
|
+}
|
|
|
+/deep/ .el-range-separator{
|
|
|
+ color:#fff;
|
|
|
+ position: relative;
|
|
|
+ top:-4px
|
|
|
+}
|
|
|
+/deep/table,/deep/ tr,/deep/ td{
|
|
|
+ border-collapse: collapse !important;
|
|
|
+}
|
|
|
+/deep/ tr:hover, /deep/ td:hover, /deep/ table:hover{
|
|
|
+ background-color: none !important;
|
|
|
+}
|
|
|
+/deep/ .el-table__empty-block{
|
|
|
+ border:1px solid #fff;
|
|
|
+}
|
|
|
+/deep/ .el-table tbody tr:hover>td {
|
|
|
+ background-color:transparent
|
|
|
+}
|
|
|
+
|
|
|
+::-webkit-scrollbar {
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width : 0px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+ height: 0px;
|
|
|
+ }
|
|
|
+::-webkit-scrollbar-thumb {
|
|
|
+ /*滚动条里面小方块*/
|
|
|
+ border-radius: 0px;
|
|
|
+ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
+ background : #535353;
|
|
|
+ }
|
|
|
+ ::-webkit-scrollbar-track {
|
|
|
+ /*滚动条里面轨道*/
|
|
|
+ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
+ border-radius: 0px;
|
|
|
+ background : #ededed;
|
|
|
+ }
|
|
|
+
|
|
|
+::-webkit-scrollbar {
|
|
|
+ display: none
|
|
|
+ }
|
|
|
+ /deep/.el-table--scrollable-y ::-webkit-scrollbar {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+</style>
|
wangtao