xiaomeng/wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
wszhyWx/pages/controller/controller.vue
home孙 340153a534 空调弹窗添加选择
2025-04-23 10:30:16 +08:00

4744 lines
139 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="controller">
<u-navbar :background="background" :is-back='true' back-icon-color='#FFFFFF' :border-bottom="false" title="控制器"
title-color='#FFFFFF' :title-bold='true' title-size='32'></u-navbar>
<!-- 通风窗 -->
<view class="content" v-if="purviewList.indexOf('19')!=-1">
<template v-for="(item,index) in airWindowList">
<!-- -->
<view class="lishui-item" :key="index" v-show="item.airWindowState != 0">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="airWindowHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.airWindowState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.airWindowState == 1" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.airWindowState != 1" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
{{ getNumberStatus2(item.statusProgress) }}:
<span :style="item.statusProgress != 1 ? 'color:#FF6C6C' : '#24B383'"
style="margin-right: 16%;">{{ item.progress }}%</span>
PID:
<span>{{ item.pid }}</span>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 外遮阳 -->
<view class="content" v-if="purviewList.indexOf('25')!=-1">
<template v-for="(item,index) in externalsunshadeList">
<view class="lishui-item" v-show="item.externalsunshadeState != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="externalsunshadeHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.externalsunshadeState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.externalsunshadeState == 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.externalsunshadeState != 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
{{ getNumberStatus1(item.statusProgress) }}:
<span
:style="item.statusProgress != 1 ? 'color:#FF6C6C' : '#24B383'">{{ item.progress }}%</span>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 内遮阳 -->
<view class="content" v-if="purviewList.indexOf('24')!=-1">
<template v-for="(item,index) in innercurtainList">
<view class="lishui-item" v-show="item.innercurtainState != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="innercurtainHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.innercurtainState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.innercurtainState == 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.innercurtainState != 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
{{ getNumberStatus1(item.statusProgress) }}:
<span
:style="item.statusProgress != 1 ? 'color:#FF6C6C' : '#24B383'">{{ item.progress }}%</span>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 内保温 -->
<view class="content" v-if="purviewList.indexOf('27')!=-1">
<template v-for="(item,index) in interiorthermalinsulationList">
<view class="lishui-item" v-show="item.interiorthermalinsulationState != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="interiorthermalinsulationHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.interiorthermalinsulationState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.interiorthermalinsulationState == 1" class="sel"
src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.interiorthermalinsulationState != 1" class="sel"
src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
{{ getNumberStatus1(item.statusProgress) }}:
<span
:style="item.statusProgress != 1 ? 'color:#FF6C6C' : '#24B383'">{{ item.progress }}%</span>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 立面保温 -->
<view class="content" v-if="purviewList.indexOf('29')!=-1">
<template v-for="(item,index) in upFaceInsulationList">
<view class="lishui-item" v-show="item.upFaceInsulationState != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="upFaceInsulationHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.upFaceInsulationState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.upFaceInsulationState == 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.upFaceInsulationState != 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
{{ getNumberStatus1(item.statusProgress) }}:
<span
:style="item.statusProgress != 1 ? 'color:#FF6C6C' : '#24B383'">{{ item.progress }}%</span>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 标准风机 -->
<view class="content" v-if="purviewList.indexOf('26')!=-1">
<view class="lishui-item" v-if="standardFanStatus.open != 0">
<view class="lishui-title">
<view class="title-left">
{{ standardFanStatus.name }}
</view>
<view class="title-right" @click="standardFanmodelHander">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="standardFanStatus.open != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="standardFanStatus.open == 1" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="standardFanStatus.open != 1" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-grid">
<view class="btn " :class="standardFanStatus.status[0] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="standardFanStatus.status[0] == 1" src="../../static/fan-on.png"
alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image>
<span>1#风机</span>
</view>
<view class="btn" :class="standardFanStatus.status[1] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="standardFanStatus.status[1] == 1" src="../../static/fan-on.png"
alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image> <span>2#风机</span>
</view>
<view class="btn" :class="standardFanStatus.status[2] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="standardFanStatus.status[2] == 1" src="../../static/fan-on.png"
alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image> <span>3#风机</span>
</view>
<view class="btn" :class="standardFanStatus.status[3] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="standardFanStatus.status[3] == 1" src="../../static/fan-on.png"
alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image> <span>4#风机</span>
</view>
<view class="btn" :class="standardFanStatus.status[4] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="standardFanStatus.status[4] == 1" src="../../static/fan-on.png"
alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image> <span>5#风机</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</view>
<!-- 空调 -->
<view class="content" v-if="purviewList.indexOf('28')!=-1">
<template>
<view class="lishui-item" v-show="airconditioning.airconditioningState != 0">
<view class="lishui-title">
<view class="title-left">
{{ airconditioning.name }}
</view>
<view class="title-right" @click="airconditioningHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="airconditioning.airconditioningState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="airconditioning.airconditioningState == 1" class="sel"
src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="airconditioning.airconditioningState != 1" class="sel"
src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-set text-green">
<view class="set-1" v-if="airconditioning.open1 == 0">
<span>自动模式</span>
</view>
<view class="set-1" v-if="airconditioning.open1 == 1">
<span>制冷模式</span>
</view>
<view class="set-1" v-if="airconditioning.open1 == 2">
<span>制热模式</span>
</view>
<view class="set-1" v-if="airconditioning.open1 == 3">
<span>除湿模式</span>
</view>
<view class="set-1" v-if="airconditioning.open1 == 4">
<span>送风模式</span>
</view>
<!-- <view class="set-1" v-if="airconditioning.open1 == 5">
<span>冷暖模式</span>
</view> -->
</view>
<view class="lishui-status">
<view class="btn" :class="airconditioning.open == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="airconditioning.open == 1"
src="../../static/fanwetcurtain.png" alt="" style="animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image>
<span>{{airconditioning.open == 1 ? '打开' : '关闭'}}</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 湿帘泵 -->
<view class="content" v-if="purviewList.indexOf('26')!=-1">
<template v-for="(item,index) in fanwetcurtainList">
<view class="lishui-item" v-show="item.fanwetcurtainState != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="fanwetcurtainHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.fanwetcurtainState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.fanwetcurtainState == 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.fanwetcurtainState != 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
<view class="btn" :class="item.open == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="item.open == 1" src="../../static/fanwetcurtain.png" alt=""
style="animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image>
<span>{{item.open == 1 ? '打开' : '关闭'}}</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- CO2补气 -->
<view class="content" v-if="purviewList.indexOf('30')!=-1">
<template v-for="(item,index) in CO2List">
<view class="lishui-item" v-show="item.CO2State != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="CO2Hander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.CO2State != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.CO2State == 1" class="sel" src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.CO2State != 1" class="sel" src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
<view class="btn" :class="item.open == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="item.open == 1" src="../../static/fanwetcurtain.png" alt=""
style="animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image>
<span>{{item.open == 1 ? '打开' : '关闭'}}</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- #湿窗外翻窗 -->
<view class="content" v-if="purviewList.indexOf('26')!=-1">
<template v-for="(item,index) in outFlipWindowList">
<view class="lishui-item" v-show="item.outFlipWindowState != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="outFlipWindowHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.outFlipWindowState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.outFlipWindowState == 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.outFlipWindowState != 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
{{ getNumberStatus2(item.statusProgress) }}:
<span
:style="item.statusProgress != 1 ? 'color:#FF6C6C' : '#24B383'">{{ item.progress }}%</span>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 环流风扇 -->
<view class="content" v-if="purviewList.indexOf('21')!=-1">
<template v-for="(item,index) in circulationFengshanList">
<view class="lishui-item" v-show="item.circulationFengshanState != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="circulationFengshanHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.circulationFengshanState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.circulationFengshanState == 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.circulationFengshanState != 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
<view class="btn" :class="item.open == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="item.open == 1" src="../../static/fan-on.png" alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image>
<span>{{item.open == 1 ? '打开' : '关闭'}}</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 金华权限 -->
<view class="content" v-if="purviewList.indexOf('10')!=-1">
<div class="item">
<u-collapse :accordion='false' :item-style="itemStyle" :head-style='headStyle' ref="collapseView">
<u-collapse-item :title="item.nickName" v-for="(item,index) in itemList" :key="index" align="center"
v-show="isInclude(item)">
<view class="collapseItem">
<view class="line"></view>
<view class="control_model">
<view class="control">
控制模式:
</view>
<view class="model">
<text @click="change00(item.type,1)"
:class="getTypeRoll(item.type)==1?'txt_act':'txt'">打&nbsp;&nbsp;&nbsp;开</text>
<text @click="change00(item.type,2)"
:class="getTypeRoll(item.type)==2?'txt_act':'txt'">{{ item.type_2 ? '关&nbsp;&nbsp;&nbsp;闭' : '停&nbsp;&nbsp;&nbsp;止' }}</text>
<text @click="change00(item.type,3)" v-if="!item.type_2"
:class="getTypeRoll(item.type)==3?'txt_act':'txt'">关&nbsp;&nbsp;&nbsp;闭</text>
</view>
<view class="line1"></view>
<view class="roll_input" v-if="!item.type_2">
<view class="">
<view class="">
<input v-model="item.open_value"
@blur="blurChangeData00_1(item.type+1,$event)" type="number"
placeholder="0">
</view>
<text>通道打开;</text>
</view>
<view class="">
<view class="">
<input v-model="item.close_value"
@blur="blurChangeData00_2(item.type+2,$event)" type="number"
placeholder="0">
</view>
<text>通道关闭</text>
</view>
</view>
<view class="roll_input" v-else>
<view class="">
<view class="">
<input v-model="item.value" @blur="blurChangeData00_1(item.type+1,$event)"
type="number" placeholder="0">
</view>
<text>通道;</text>
</view>
</view>
</view>
</view>
</u-collapse-item>
</u-collapse>
</div>
</view>
<!-- 丽水权限 -->
<view class="content" v-if="purviewList.indexOf('9')!=-1">
<view class="lishui-item" v-if="fanStatus.open != 0">
<view class="lishui-title">
<view class="title-left">
{{ fanStatus.name }}
</view>
<view class="title-right" @click="fanmodelHander">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="fanStatus.open != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="fanStatus.open == 1" class="sel" src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="fanStatus.open != 1" class="sel" src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-grid">
<view class="btn " :class="fanStatus.status[0] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="fanStatus.status[0] == 1" src="../../static/fan-on.png" alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image>
<span>1#风机</span>
</view>
<view class="btn" :class="fanStatus.status[1] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="fanStatus.status[1] == 1" src="../../static/fan-on.png" alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image> <span>2#风机</span>
</view>
<view class="btn" :class="fanStatus.status[2] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="fanStatus.status[2] == 1" src="../../static/fan-on.png" alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image> <span>3#风机</span>
</view>
<view class="btn" :class="fanStatus.status[3] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="fanStatus.status[3] == 1" src="../../static/fan-on.png" alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image> <span>4#风机</span>
</view>
<view class="btn" :class="fanStatus.status[4] == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="fanStatus.status[4] == 1" src="../../static/fan-on.png" alt="">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image> <span>5#风机</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
<template v-for="item, index in statusList">
<view class="lishui-item" v-show="item.open != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="openModelShow(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.open != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.open == 1" class="sel" src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.open != 1" class="sel" src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
{{ getNumberStatus(item.index) }}:
<span>{{ item.progress }}%</span>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 东北五防 -->
<view class="content" v-if="purviewList.indexOf('8')!=-1">
<template v-for="(item,index) in fiveControlList">
<view class="lishui-item" v-show="item.controlState != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.title }}
</view>
<view class="title-right" @click="openFiveControlShow(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.controlState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.controlState == 1" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.controlState != 1" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status" v-if="item.progress_num">
<!-- 静止状态:
<span>{{ item.progress }}%</span> -->
{{ getNumberStatus(item.progress_state) }}:
<span
:style="item.progress_state != 1 ? 'color:#FF6C6C' : '#24B383'">{{ item.progress }}%</span>
</view>
<view class="lishui-status" v-if="item.open_num">
<view class="btn" :class="item.open == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="item.open == 1 && item.open_num == 1001"
src="../../static/fanwetcurtain.png" alt=""
style="animation: unset;width: 34rpx;height: 34rpx;">
</image>
<image class="fan-img" v-if="item.open == 1 && item.open_num == 1003"
src="../../static/fan-on.png" alt="" style="width: 34rpx;height: 34rpx;">
</image>
<image class="fan-img" v-if="item.open == 1 && item.open_num == 1014"
src="../../static/status-icon2.png" alt=""
style="animation: unset;width: 34rpx;height: 34rpx;">
</image>
<image v-if='item.open != 1' src="../../static/fan-off.png" alt=""></image>
<span>{{item.open == 1 ? '打开' : '关闭'}}</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- 冷暖风机 -->
<view class="content" v-if="purviewList.indexOf('31')!=-1">
<view class="lishui-item" v-if="coldWarmFanStatus.open != 0">
<view class="lishui-title">
<view class="title-left">
{{coldWarmFanStatus.name}}
</view>
<view class="title-right" @click="coldWarmFanHander">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="coldWarmFanStatus.open != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="coldWarmFanStatus.open == 1" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="coldWarmFanStatus.open != 1" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-set text-green">
<view class="set-1" v-if="coldWarmFanStatus.open1 == 1">
<span>加热模式</span>
</view>
<view class="set-1" v-else>
<span>制冷模式</span>
</view>
</view>
<view class="lishui-grid"
style="grid-template-columns: repeat(4, 1fr);grid-row-gap: 20rpx;grid-column-gap: 20rpx;">
<view class="btn " :class="coldWarmFanStatus.status[0] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="coldWarmFanStatus.status[0] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">1#风机</span>
</view>
<view class="btn" :class="coldWarmFanStatus.status[1] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="coldWarmFanStatus.status[1] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">2#风机</span>
</view>
<view class="btn" :class="coldWarmFanStatus.status[2] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="coldWarmFanStatus.status[2] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">3#风机</span>
</view>
<view class="btn" :class="coldWarmFanStatus.status[3] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="coldWarmFanStatus.status[3] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">4#风机</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</view>
<!-- 补光灯 -->
<view class="content" v-if="purviewList.indexOf('20')!=-1">
<view class="lishui-item" v-if="supplementLightStatus.open != 0">
<view class="lishui-title">
<view class="title-left">
{{supplementLightStatus.name}}
</view>
<view class="title-right" @click="supplementLightHander">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="supplementLightStatus.open != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="supplementLightStatus.open == 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="supplementLightStatus.open != 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-grid"
style="grid-template-columns: repeat(4, 1fr);grid-row-gap: 20rpx;grid-column-gap: 20rpx;">
<view class="btn " :class="supplementLightStatus.status[0] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="supplementLightStatus.status[0] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">1#补光灯</span>
</view>
<view class="btn" :class="supplementLightStatus.status[1] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="supplementLightStatus.status[1] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">2#补光灯</span>
</view>
<view class="btn" :class="supplementLightStatus.status[2] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="supplementLightStatus.status[2] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">3#补光灯</span>
</view>
<view class="btn" :class="supplementLightStatus.status[3] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="supplementLightStatus.status[3] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">4#补光灯</span>
</view>
<view class="btn" :class="supplementLightStatus.status[4] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="supplementLightStatus.status[4] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">5#补光灯</span>
</view>
<view class="btn" :class="supplementLightStatus.status[5] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="supplementLightStatus.status[5] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">6#补光灯</span>
</view>
<view class="btn" :class="supplementLightStatus.status[6] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="supplementLightStatus.status[6] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">7#补光灯</span>
</view>
<view class="btn" :class="supplementLightStatus.status[7] == 1 ? 'btn-on' : 'btn-off'"
style="width: 140rpx;height: 66rpx;">
<image class="fan-img" v-if="supplementLightStatus.status[7] == 1"
src="../../static/supplementLight.png" alt=""
style="width: 26rpx;height: 24rpx;animation: unset;">
</image>
<image v-else src="../../static/fan-off.png" alt="" style="width: 20rpx;height: 20rpx;">
</image>
<span style="font-size: 22rpx;margin-left: 5rpx;">8#补光灯</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</view>
<!-- 高压微雾 -->
<view class="content" v-if="purviewList.indexOf('23')!=-1">
<template v-for="(item,index) in highpressuremistList">
<view class="lishui-item" v-show="item.highpressuremistState != 0" :key="index">
<view class="lishui-title">
<view class="title-left">
{{ item.name }}
</view>
<view class="title-right" @click="highpressuremistHander(index)">
设置
<image src="../../static/set-arrow.png" mode=""></image>
</view>
</view>
<view class="lishui-content" v-if="item.highpressuremistState != 0">
<view class="lishui-set">
<view class="set-1">
<image v-if="item.highpressuremistState == 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>自动控制</span>
</view>
<view class="set-2">
<image v-if="item.highpressuremistState != 1" class="sel" src="../../static/sel.png"
mode=""></image>
<view v-else class="sel-no"></view>
<span>手机控制</span>
</view>
</view>
<view class="lishui-status">
<view class="btn" :class="item.open == 1 ? 'btn-on' : 'btn-off'">
<image class="fan-img" v-if="item.open == 1" src="../../static/highpressuremist.png"
alt="" style="animation: unset;width: 34rpx;height: 29rpx;">
</image>
<image v-else src="../../static/fan-off.png" alt=""></image>
<span>{{item.open == 1 ? '打开' : '关闭'}}</span>
</view>
</view>
</view>
<view v-else class="status-noTrue">
<image src="../../static/noTrue.png" mode=""></image>
<span>当前设备无效</span>
</view>
</view>
</template>
</view>
<!-- *#电磁阀 -->
<view class="content">
<template v-for="(item,index) in electronMagneticStatus">
<view :key="index" v-show="item.status != 0">
<view class="valve" v-if="purviewList.indexOf((index + 11).toString())!=-1">
<image src="../../static/valve.png" mode=""></image>
<span>{{item.name}}</span>
<view @click="openValveControlShow(index)">
设置
<image src="../../static/right-arrow.png" mode=""></image>
</view>
</view>
</view>
</template>
</view>
<!-- 东北五防弹框 -->
<u-popup v-model="fiveControlShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ pop_title }}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changefiveControl(1)"
:class="fiveControlIndex==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changefiveControl(2)"
:class="fiveControlIndex==2?'btn-on':'btn-off'">
<span>手动打开</span>
</view>
<view class="btn btn-140 " @click="changefiveControl(3)"
:class="fiveControlIndex==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
<view class="btn btn-110 " @click="changefiveControl(4)"
:class="fiveControlIndex==4?'btn-on':'btn-off'" v-if="close_btn_all">
<span>停止</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView(fiveControlUrl)">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="fiveControlShow=false"></image>
</view>
</u-popup>
<!-- 顶卷膜弹框 -->
<u-popup v-model="modelShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
顶卷膜{{indexs}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeOpen1(1)" :class="openIndex1==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changeOpen1(2)" :class="openIndex1==2?'btn-on':'btn-off'">
<span>手动打开</span>
</view>
<view class="btn btn-140 " @click="changeOpen1(3)" :class="openIndex1==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
<view class="btn btn-110 " @click="changeOpen1(4)" :class="openIndex1==4?'btn-on':'btn-off'">
<span>停止</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('skylight')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="modelShow=false"></image>
</view>
</u-popup>
<!-- 风机弹框 -->
<u-popup v-model="fanmodelShow" mode="center" :mask-close-able='true' width="640rpx" height="654rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box padding-none">
<view class="title">
{{fanStatus.name}}
</view>
</view>
<view class="lishui-content padding-none">
<view class="lishui-set">
<view class="set-1" @click="changeOpen(1)">
<image v-if="openIndex == 1" class="sel" src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>自动运行</span>
</view>
<view class="set-2" @click="changeOpen(2)">
<image v-if="openIndex == 2" class="sel" src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>手动打开</span>
</view>
<view class="set-3" @click="changeOpen(3)">
<image v-if="openIndex == 3" class="sel" src="../../static/sel.png" mode=""></image>
<view v-else class="sel-no"></view>
<span>手动关闭</span>
</view>
</view>
<view class="model-title" style="padding:30rpx 0 0 30rpx;">
手动打开时，开几号风机：
</view>
<view class="lishui-grid">
<view class="btn" @click="changeIndexOpen(0)" :class="actList1[0]=='1'?'btn-on':'btn-off'">
<span>一号风机</span>
</view>
<view class="btn" @click="changeIndexOpen(1)" :class="actList1[1]=='1'?'btn-on':'btn-off'">
<span>二号风机</span>
</view>
<view class="btn" @click="changeIndexOpen(2)" :class="actList1[2]=='1'?'btn-on':'btn-off'">
<span>三号风机</span>
</view>
<view class="btn" @click="changeIndexOpen(3)" :class="actList1[3]=='1'?'btn-on':'btn-off'">
<span>四号风机</span>
</view>
<view class="btn" @click="changeIndexOpen(4)" :class="actList1[4]=='1'?'btn-on':'btn-off'">
<span>五号风机</span>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('fan')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
</view>
<image src="../../static/closed.png" mode="" @click="fanmodelShow=false"></image>
</view>
</u-popup>
<!-- 标准风机弹框 -->
<u-popup v-model="standardFanmodelShow" mode="center" :mask-close-able='true' width="640rpx" height="654rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box padding-none">
<view class="title">
{{standardFanStatus.name}}
</view>
</view>
<view class="lishui-content padding-none">
<view class="lishui-set">
<view class="set-1" @click="changeStandardFanOpen(1)">
<image v-if="standardFanOpenIndex == 1" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>自动运行</span>
</view>
<view class="set-2" @click="changeStandardFanOpen(2)">
<image v-if="standardFanOpenIndex == 2" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>手动打开</span>
</view>
<view class="set-3" @click="changeStandardFanOpen(3)">
<image v-if="standardFanOpenIndex == 3" class="sel" src="../../static/sel.png" mode="">
</image>
<view v-else class="sel-no"></view>
<span>手动关闭</span>
</view>
</view>
<view class="model-title" style="padding:30rpx 0 0 30rpx;">
手动打开时，开几号风机：
</view>
<view class="lishui-grid">
<view class="btn" @click="changeStandardFanIndexOpen(0)"
:class="standardFanActList1[0]=='1'?'btn-on':'btn-off'">
<span>一号风机</span>
</view>
<view class="btn" @click="changeStandardFanIndexOpen(1)"
:class="standardFanActList1[1]=='1'?'btn-on':'btn-off'">
<span>二号风机</span>
</view>
<view class="btn" @click="changeStandardFanIndexOpen(2)"
:class="standardFanActList1[2]=='1'?'btn-on':'btn-off'">
<span>三号风机</span>
</view>
<view class="btn" @click="changeStandardFanIndexOpen(3)"
:class="standardFanActList1[3]=='1'?'btn-on':'btn-off'">
<span>四号风机</span>
</view>
<view class="btn" @click="changeStandardFanIndexOpen(4)"
:class="standardFanActList1[4]=='1'?'btn-on':'btn-off'">
<span>五号风机</span>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('wetFan')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
</view>
<image src="../../static/closed.png" mode="" @click="standardFanmodelShow=false"></image>
</view>
</u-popup>
<!-- *#电磁阀弹框 -->
<u-popup v-model="valveControlShow" mode="center" :mask-close-able='true' width="640rpx" height="610rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ valvePopTitle }}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeValveControl(1)"
:class="valveControlIndex==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changeValveControl(2)"
:class="valveControlIndex==2?'btn-on':'btn-off'">
<span>手动启动</span>
</view>
<view class="btn btn-140 " @click="changeValveControl(3)"
:class="valveControlIndex==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
</view>
<view class="input_value">
手动启动时间<input v-model="valve_input_value" type="number" placeholder="0"
@blur='changeValveInput' />min
</view>
</view>
<view class="changeMoreBtn" @click="toWebView1('electromagneticControl')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="valveControlShow=false"></image>
</view>
</u-popup>
<!-- 冷暖风机弹框 -->
<u-popup v-model="coldWarmFanShow" mode="center" :mask-close-able='true' width="640rpx" height="700rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box padding-none">
<view class="title">
冷暖风机
</view>
</view>
<view class="lishui-content padding-none">
<view class="model-title" style="margin: 30rpx 0 30rpx 30rpx;">
控制模式:
</view>
<view class="lishui-flex" style="box-sizing: border-box;padding: 0 30rpx;">
<view class="btn btn-140 " @click="changeLightControl(1)"
:class="coldWarmFanIndex==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changeLightControl(2)"
:class="coldWarmFanIndex==2?'btn-on':'btn-off'">
<span>手动启动</span>
</view>
<view class="btn btn-140 " @click="changeLightControl(3)"
:class="coldWarmFanIndex==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
</view>
<view class="" style="width: 100%;height: 1rpx;background: #DDDDDD;margin-top: 30rpx;"></view>
<view class="model-title" style="padding:30rpx 0 0 30rpx;">
手动打开时冷暖风机启动
</view>
<view class="lishui-grid"
style="grid-template-columns: repeat(4, 1fr);grid-row-gap: 20rpx;grid-column-gap: 20rpx;">
<view class="btn" @click="changeLightOpen(0)"
:class="coldWarmFanList[0]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">1#风机</span>
</view>
<view class="btn" @click="changeLightOpen(1)"
:class="coldWarmFanList[1]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">2#风机</span>
</view>
<view class="btn" @click="changeLightOpen(2)"
:class="coldWarmFanList[2]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">3#风机</span>
</view>
<view class="btn" @click="changeLightOpen(3)"
:class="coldWarmFanList[3]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">4#风机</span>
</view>
</view>
<view class="" style="width: 100%;height: 1rpx;background: #DDDDDD;margin-top: 30rpx;"></view>
<view class="changeMoreBtn" @click="toWebView('heatFan')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
</view>
<image src="../../static/closed.png" mode="" @click="coldWarmFanShow=false"></image>
</view>
</u-popup>
<!-- 补光灯弹框 -->
<u-popup v-model="supplementLightShow" mode="center" :mask-close-able='true' width="640rpx" height="770rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box padding-none">
<view class="title">
补光灯
</view>
</view>
<view class="lishui-content padding-none">
<view class="model-title" style="margin: 30rpx 0 30rpx 30rpx;">
控制模式:
</view>
<view class="lishui-flex" style="box-sizing: border-box;padding: 0 30rpx;">
<view class="btn btn-140 " @click="changeLightControl(1)"
:class="lightControlIndex==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changeLightControl(2)"
:class="lightControlIndex==2?'btn-on':'btn-off'">
<span>手动启动</span>
</view>
<view class="btn btn-140 " @click="changeLightControl(3)"
:class="lightControlIndex==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
</view>
<view class="" style="width: 100%;height: 1rpx;background: #DDDDDD;margin-top: 30rpx;"></view>
<view class="model-title" style="padding:30rpx 0 0 30rpx;">
手动打开时，开几号补光灯：
</view>
<view class="lishui-grid"
style="grid-template-columns: repeat(4, 1fr);grid-row-gap: 20rpx;grid-column-gap: 20rpx;">
<view class="btn" @click="changeLightOpen(0)" :class="actListLight[0]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">1#补光灯</span>
</view>
<view class="btn" @click="changeLightOpen(1)" :class="actListLight[1]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">2#补光灯</span>
</view>
<view class="btn" @click="changeLightOpen(2)" :class="actListLight[2]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">3#补光灯</span>
</view>
<view class="btn" @click="changeLightOpen(3)" :class="actListLight[3]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">4#补光灯</span>
</view>
<view class="btn" @click="changeLightOpen(4)" :class="actListLight[4]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">5#补光灯</span>
</view>
<view class="btn" @click="changeLightOpen(5)" :class="actListLight[5]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">6#补光灯</span>
</view>
<view class="btn" @click="changeLightOpen(6)" :class="actListLight[6]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">7#补光灯</span>
</view>
<view class="btn" @click="changeLightOpen(7)" :class="actListLight[7]=='1'?'btn-on':'btn-off'"
style="width: 130rpx !important;height: 66rpx;">
<span style="font-size: 24rpx;">8#补光灯</span>
</view>
</view>
<view class="" style="width: 100%;height: 1rpx;background: #DDDDDD;margin-top: 30rpx;"></view>
<view class="changeMoreBtn" @click="toWebView('LED')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
</view>
<image src="../../static/closed.png" mode="" @click="supplementLightShow=false"></image>
</view>
</u-popup>
<!-- 环流风扇弹框 -->
<u-popup v-model="circulationFengshanShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ circulationFengshanList[popCirculationFengshanName].name }}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeCirculationControl(1)"
:class="circulationControlIndex==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changeCirculationControl(2)"
:class="circulationControlIndex==2?'btn-on':'btn-off'">
<span>手动打开</span>
</view>
<view class="btn btn-140 " @click="changeCirculationControl(3)"
:class="circulationControlIndex==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('circulationCan')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="circulationFengshanShow=false"></image>
</view>
</u-popup>
<!-- 空调弹框 -->
<u-popup v-model="airconditioningShow" mode="center" :mask-close-able='true' width="640rpx" height="1404rpx"
:closeable='false'>
<view class="contentPop lishui-item airconditioning">
<view class="contentPop_box">
<view class="title">
{{ airconditioning.name}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeairconditioningControl(1)"
:class="airconditioningControlIndex==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changeairconditioningControl(2)"
:class="airconditioningControlIndex==2?'btn-on':'btn-off'">
<span>手动打开</span>
</view>
<view class="btn btn-140 " @click="changeairconditioningControl(3)"
:class="airconditioningControlIndex==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
</view>
</view>
<view class="model-title border-top" style="padding:30rpx 0 0 30rpx;">
手动设置：
</view>
<view class="input_value border-top-none">
手动开启空调的温度<input v-model="airconditioningInputData[22043]" type="number" placeholder="0"
@blur="blurChangeCount(22043, $event)" />℃
</view>
<view class="model-title" style="padding:30rpx 0 0 30rpx;">
手自动设置：
</view>
<view class="input_value input-sel border-top-none">
<view class="">
空调的风速 <view class="select-label" @click="type1show=true">
{{airconditioningInputDataNew[22041]}}
</view>
</view>
<view class="">
空调的模式<view class="select-label" @click="type2show=true">
{{airconditioningInputDataNew[22042]}}
</view>
</view>
</view>
<view class="model-title" style="padding:30rpx 0 0 30rpx;">
手自动开启几区空调：
</view>
<view class="airconditioning-grid">
<view class="btn" @click="changeIndexOpen2(0)" :class="actList2[0]=='1'?'btn-on':'btn-off'">
<span>1#</span>
</view>
<view class="btn" @click="changeIndexOpen2(1)" :class="actList2[1]=='1'?'btn-on':'btn-off'">
<span>2#</span>
</view>
<view class="btn" @click="changeIndexOpen2(2)" :class="actList2[2]=='1'?'btn-on':'btn-off'">
<span>3#</span>
</view>
<view class="btn" @click="changeIndexOpen2(3)" :class="actList2[3]=='1'?'btn-on':'btn-off'">
<span>4#</span>
</view>
<view class="btn" @click="changeIndexOpen2(4)" :class="actList2[4]=='1'?'btn-on':'btn-off'">
<span>5#</span>
</view>
<view class="btn" @click="changeIndexOpen2(5)" :class="actList2[5]=='1'?'btn-on':'btn-off'">
<span>6#</span>
</view>
<view class="btn" @click="changeIndexOpen2(6)" :class="actList2[6]=='1'?'btn-on':'btn-off'">
<span>7#</span>
</view>
<view class="btn" @click="changeIndexOpen2(7)" :class="actList2[7]=='1'?'btn-on':'btn-off'">
<span>8#</span>
</view>
<view class="btn" @click="changeIndexOpen2(8)" :class="actList2[8]=='1'?'btn-on':'btn-off'">
<span>9#</span>
</view>
<view class="btn" @click="changeIndexOpen2(9)" :class="actList2[9]=='1'?'btn-on':'btn-off'">
<span>10#</span>
</view>
<view class="btn" @click="changeIndexOpen2(10)" :class="actList2[10]=='1'?'btn-on':'btn-off'">
<span>11#</span>
</view>
<view class="btn" @click="changeIndexOpen2(11)" :class="actList2[11]=='1'?'btn-on':'btn-off'">
<span>12#</span>
</view>
<view class="btn" @click="changeIndexOpen2(12)" :class="actList2[12]=='1'?'btn-on':'btn-off'">
<span>13#</span>
</view>
<view class="btn" @click="changeIndexOpen2(13)" :class="actList2[13]=='1'?'btn-on':'btn-off'">
<span>14#</span>
</view>
<view class="btn" @click="changeIndexOpen2(14)" :class="actList2[14]=='1'?'btn-on':'btn-off'">
<span>15#</span>
</view>
<view class="btn" @click="changeIndexOpen2(15)" :class="actList2[15]=='1'?'btn-on':'btn-off'">
<span>16#</span>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('wetFan')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="airconditioningShow=false"></image>
</view>
</u-popup>
<!-- 空调选择器弹窗 -->
<u-picker mode="selector" v-model="type1show" :range="typeList1" range-key="label" @confirm="handleCommand1"></u-picker>
<u-picker mode="selector" v-model="type2show" :range="typeList2" range-key="label" @confirm="handleCommand2"></u-picker>
<!-- CO2补气弹框 -->
<u-popup v-model="CO2Show" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ CO2List[popCO2Name].name}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeCO2Control(1)" :class="CO2Index==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changeCO2Control(2)" :class="CO2Index==2?'btn-on':'btn-off'">
<span>手动打开</span>
</view>
<view class="btn btn-140 " @click="changeCO2Control(3)" :class="CO2Index==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('wetFan')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="CO2Show=false"></image>
</view>
</u-popup>
<!-- 湿帘泵弹框 -->
<u-popup v-model="fanwetcurtainShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ fanwetcurtainList[popfanwetcurtainName].name}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changefanwetcurtainControl(1)"
:class="fanwetcurtainControlIndex==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changefanwetcurtainControl(2)"
:class="fanwetcurtainControlIndex==2?'btn-on':'btn-off'">
<span>手动打开</span>
</view>
<view class="btn btn-140 " @click="changefanwetcurtainControl(3)"
:class="fanwetcurtainControlIndex==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('wetFan')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="fanwetcurtainShow=false"></image>
</view>
</u-popup>
<!-- 高压微雾弹框 -->
<u-popup v-model="highpressuremistShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ highpressuremistList[pophighpressuremistName].name}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changehighpressuremistControl(1)"
:class="highpressuremistControlIndex==1?'btn-on':'btn-off'">
<span>自动运行</span>
</view>
<view class="btn btn-140 " @click="changehighpressuremistControl(2)"
:class="highpressuremistControlIndex==2?'btn-on':'btn-off'">
<span>手动打开</span>
</view>
<view class="btn btn-140 " @click="changehighpressuremistControl(3)"
:class="highpressuremistControlIndex==3?'btn-on':'btn-off'">
<span>手动关闭</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('coercionMist')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="highpressuremistShow=false"></image>
</view>
</u-popup>
<!-- 湿帘外翻窗弹框 -->
<u-popup v-model="outFlipWindowShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ outFlipWindowList[popoutFlipWindowName].name}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeoutFlipWindowControl(1)"
:class="outFlipWindowControlIndex==1?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">自动运行</span>
</view>
<view class="btn btn-140 " @click="changeoutFlipWindowControl(2)"
:class="outFlipWindowControlIndex==2?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">开窗</span>
</view>
<view class="btn btn-140 " @click="changeoutFlipWindowControl(3)"
:class="outFlipWindowControlIndex==3?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">关窗</span>
</view>
<view class="btn btn-110 " @click="changeoutFlipWindowControl(4)"
:class="outFlipWindowControlIndex==4?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">停止</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('wetFan')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="outFlipWindowShow=false"></image>
</view>
</u-popup>
<!-- 内遮阳 -->
<u-popup v-model="innercurtainShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ innercurtainList[popinnercurtainName].name }}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeinnercurtainControl(1)"
:class="innercurtainControlIndex==1?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">自动运行</span>
</view>
<view class="btn btn-140 " @click="changeinnercurtainControl(2)"
:class="innercurtainControlIndex==2?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">展开</span>
</view>
<view class="btn btn-140 " @click="changeinnercurtainControl(3)"
:class="innercurtainControlIndex==3?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">收拢</span>
</view>
<view class="btn btn-110 " @click="changeinnercurtainControl(4)"
:class="innercurtainControlIndex==4?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">停止</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('insizeSunshade')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="innercurtainShow=false"></image>
</view>
</u-popup>
<!-- 外遮阳 -->
<u-popup v-model="externalsunshadeShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{externalsunshadeList[popexternalsunshadeName].name}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeexternalsunshadeControl(1)"
:class="externalsunshadeControlIndex==1?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">自动运行</span>
</view>
<view class="btn btn-140 " @click="changeexternalsunshadeControl(2)"
:class="externalsunshadeControlIndex==2?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">展开</span>
</view>
<view class="btn btn-140 " @click="changeexternalsunshadeControl(3)"
:class="externalsunshadeControlIndex==3?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">收拢</span>
</view>
<view class="btn btn-110 " @click="changeexternalsunshadeControl(4)"
:class="externalsunshadeControlIndex==4?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">停止</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('outsizeSunshade')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="externalsunshadeShow=false"></image>
</view>
</u-popup>
<!-- 通风窗 -->
<u-popup v-model="airWindowShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{airWindowList[popairWindowName].name}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeairWindowControl(1)"
:class="airWindowControlIndex==1?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">自动运行</span>
</view>
<view class="btn btn-140 " @click="changeairWindowControl(2)"
:class="airWindowControlIndex==2?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">开窗</span>
</view>
<view class="btn btn-140 " @click="changeairWindowControl(3)"
:class="airWindowControlIndex==3?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">关窗</span>
</view>
<view class="btn btn-110 " @click="changeairWindowControl(4)"
:class="airWindowControlIndex==4?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">停止</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('sunroofControl')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="airWindowShow=false"></image>
</view>
</u-popup>
<!-- 内保温 -->
<u-popup v-model="interiorthermalinsulationShow" mode="center" :mask-close-able='true' width="640rpx"
height="454rpx" :closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ interiorthermalinsulationList[interiorthermalinsulationName].name}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeInnerInsulationControl(1)"
:class="interiorthermalinsulationIndex==1?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">自动运行</span>
</view>
<view class="btn btn-140 " @click="changeInnerInsulationControl(2)"
:class="interiorthermalinsulationIndex==2?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">展开</span>
</view>
<view class="btn btn-140 " @click="changeInnerInsulationControl(3)"
:class="interiorthermalinsulationIndex==3?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">收拢</span>
</view>
<view class="btn btn-110 " @click="changeInnerInsulationControl(4)"
:class="interiorthermalinsulationIndex==4?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">停止</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('internalInsulation')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="interiorthermalinsulationShow=false"></image>
</view>
</u-popup>
<!-- 立面保温 -->
<u-popup v-model="upFaceInsulationShow" mode="center" :mask-close-able='true' width="640rpx" height="454rpx"
:closeable='false'>
<view class="contentPop lishui-item">
<view class="contentPop_box">
<view class="title">
{{ upFaceInsulationList[upFaceInsulationName].name}}
</view>
</view>
<view class="lishui-content">
<view class="model-title">
控制模式:
</view>
<view class="lishui-flex">
<view class="btn btn-140 " @click="changeUpFaceInsulationControl(1)"
:class="upFaceInsulationIndex==1?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">自动运行</span>
</view>
<view class="btn btn-140 " @click="changeUpFaceInsulationControl(2)"
:class="upFaceInsulationIndex==2?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">展开</span>
</view>
<view class="btn btn-140 " @click="changeUpFaceInsulationControl(3)"
:class="upFaceInsulationIndex==3?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">收拢</span>
</view>
<view class="btn btn-110 " @click="changeUpFaceInsulationControl(4)"
:class="upFaceInsulationIndex==4?'btn-on':'btn-off'">
<span style="font-size: 28rpx;">停止</span>
</view>
</view>
</view>
<view class="changeMoreBtn" @click="toWebView('facadeInsulation')">
<image src="../../static/changeMore.png" mode=""></image>
<text>修改更多参数</text>
</view>
<image src="../../static/closed.png" mode="" @click="upFaceInsulationShow=false"></image>
</view>
</u-popup>
<view class="content" v-if="!purviewList.length" style="text-align: center;">
暂无权限查看
</view>
</view>
</template>
<script>
export default {
data() {
return {
// 头部导航背景
background: {
backgroundColor: '#24B383',
},
deviceId: '',
wxgetpermission: [], //小程序手机控制权限数据
itemList: [{
head: "1#顶卷膜",
type: 21680,
open_value: 0,
close_value: 0
},
{
head: "2#顶卷膜",
type: 21683,
open_value: 0,
close_value: 0
},
{
head: "3#顶卷膜",
type: 21686,
open_value: 0,
close_value: 0
},
{
head: "1#侧卷膜",
type: 21689,
open_value: 0,
close_value: 0
},
{
head: "2#侧卷膜",
type: 21692,
open_value: 0,
close_value: 0
},
{
head: "外遮阳1",
type: 21695,
open_value: 0,
close_value: 0
},
{
head: "外遮阳2",
type: 21698,
open_value: 0,
close_value: 0
},
{
head: "外遮阳3",
type: 21701,
open_value: 0,
close_value: 0
},
{
head: "外遮阳4",
type: 21704,
open_value: 0,
close_value: 0
},
{
head: "外遮阳5",
type: 21707,
open_value: 0,
close_value: 0
},
{
head: "风机1",
type: 21710,
value: 0,
type_2: 2
},
{
head: "风机2",
type: 21712,
value: 0,
type_2: 2
},
{
head: "风机3",
type: 21714,
value: 0,
type_2: 2
},
{
head: "风机4",
type: 21716,
value: 0,
type_2: 2
},
{
head: "风机5",
type: 21718,
value: 0,
type_2: 2
},
{
head: "风机6",
type: 21720,
value: 0,
type_2: 2
},
{
head: "风机7",
type: 21722,
value: 0,
type_2: 2
},
{
head: "风机8",
type: 21724,
value: 0,
type_2: 2
},
{
head: "风机9",
type: 21726,
value: 0,
type_2: 2
},
{
head: "风机10",
type: 21728,
value: 0,
type_2: 2
},
],
itemStyle: {
width: "690rpx",
background: " #FFFFFF",
boxShadow: "0rpx 4rpx 20rpx 0rpx rgba(153,153,153,0.1)",
borderRadius: "20rpx",
marginBottom: '30rpx',
},
headStyle: {
fontSize: "30rpx",
fontFamily: "PingFang-SC-Bold",
fontWeight: "bold",
color: "#333333",
height: '91rpx'
},
txt_act_list: [{
txt_act21680: 0,
key: 21680
},
{
txt_act21683: 0,
key: 21683
},
{
txt_act21686: 0,
key: 21686
},
{
txt_act21689: 0,
key: 21689
},
{
txt_act21692: 0,
key: 21692
},
{
txt_act21695: 0,
key: 21695
},
{
txt_act21698: 0,
key: 21698
},
{
txt_act21701: 0,
key: 21701
},
{
txt_act21704: 0,
key: 21704
},
{
txt_act21707: 0,
key: 21707
},
{
txt_act21710: 0,
key: 21710
},
{
txt_act21712: 0,
key: 21712
},
{
txt_act21714: 0,
key: 21714
},
{
txt_act21716: 0,
key: 21716
},
{
txt_act21718: 0,
key: 21718
},
{
txt_act21720: 0,
key: 21720
},
{
txt_act21722: 0,
key: 21722
},
{
txt_act21724: 0,
key: 21724
},
{
txt_act21726: 0,
key: 21726
},
{
txt_act21728: 0,
key: 21728
},
],
inputData: [],
inputData1: [],
timer: '',
purviewList: [], //权限的list
typeList: [],
statusList: [],
statusInterval: null, //状态接口调取
fanStatus: {
name: '风机',
open: 0,
status: []
},
indexs: 1, //弹窗打开的顶卷膜index
openIndex1: 0, //顶卷膜的index
modelShow: false, //顶卷膜show
fanmodelShow: false, //风机show
openIndex: 0, //风机有效性
inputData2: [],
actList1: [],
//标准风机
standardFanmodelShow: false,
standardFanStatus: {
name: '标准风机',
open: 0,
status: []
},
standardFanOpenIndex: 0,
standardFanInputData2: [],
standardFanActList1: [],
fiveControl: {}, //读取（五防项目）控制器
fiveControlShow: false, //五防项目show
fiveControlIndex: 0, //五防项目index
pop_title: '',
close_btn_all: false,
fiveControlUrl: "",
fiveControlList: [{
title: '加温水泵',
controlState: 0,
num: '1000',
close_btn: false,
open_num: 1001,
open: 0
},
{
title: '地热风机',
controlState: 0,
num: '1002',
close_btn: false,
open_num: 1003,
open: 0
},
{
title: '上风口',
controlState: 0,
num: '1004',
close_btn: true,
progress_state_num: 1005, //状态
progress_state: 0, //状态值
progress_num: '1006', //开度值
progress: ''
},
{
title: '下风口',
controlState: 0,
num: '1007',
close_btn: true,
progress_state_num: 1008, //状态
progress_state: 0, //状态值
progress_num: '1009',
progress: ''
},
{
title: '卷被',
controlState: 0,
num: '1010',
close_btn: true,
progress_state_num: 1011, //状态
progress_state: 0, //状态值
progress_num: '1012',
progress: ''
},
{
title: '除雪',
controlState: 0,
num: '1013',
close_btn: false,
open_num: 1014,
open: 0
},
],
valveControlShow: false, //电磁阀
valvePopTitle: '',
valve_input_value: '',
valveControlIndex: 0,
electronMagneticStatus: [{
name: '1#电磁阀',
code: 1166,
status: 0
},
{
name: '2#电磁阀',
code: 1167,
status: 0
},
{
name: '3#电磁阀',
code: 1168,
status: 0
},
{
name: '4#电磁阀',
code: 1169,
status: 0
},
{
name: '5#电磁阀',
code: 1170,
status: 0
},
{
name: '6#电磁阀',
code: 1171,
status: 0
},
{
name: '7#电磁阀',
code: 1172,
status: 0
},
{
name: '8#电磁阀',
code: 1173,
status: 0
},
],
supplementLightShow: false, //补光灯
lightControlIndex: 0,
supplementLightStatus: {
name: '补光灯',
open: 0,
status: []
},
actListLight: [],
coldWarmFanShow: false, //冷暖风机
coldWarmFanIndex: 0,
coldWarmFanStatus: {
name: '冷暖风机',
open: 0,
open1: 0,
status: []
},
coldWarmFanList: [],
circulationFengshanShow: false, //环流风扇
circulationControlIndex: 0,
circulationFengshanList: [{
name: '1#环流风扇',
circulationFengshanState: 0,
open: 0
},
{
name: '2#环流风扇',
circulationFengshanState: 0,
open: 0
},
],
popCirculationFengshanName: '',
fanwetcurtainShow: false, //湿帘泵
fanwetcurtainControlIndex: 0,
fanwetcurtainList: [{
name: '1#湿帘泵',
fanwetcurtainState: 0,
open: 0
},
{
name: '2#湿帘泵',
fanwetcurtainState: 0,
open: 0
},
],
popfanwetcurtainName: '',
CO2Show: false, //CO2补气
CO2Index: 0,
CO2List: [{
name: 'CO2补气1',
CO2State: 0,
open: 0
},
{
name: 'CO2补气2',
CO2State: 0,
open: 0
},
],
popCO2Name: '',
highpressuremistShow: false, //高压微雾
highpressuremistControlIndex: 0,
highpressuremistList: [{
name: '1#高压微雾',
highpressuremistState: 0,
open: 0
},
{
name: '2#高压微雾',
highpressuremistState: 0,
open: 0
},
],
pophighpressuremistName: '',
outFlipWindowShow: false, //湿帘外翻窗
outFlipWindowControlIndex: 0,
outFlipWindowList: [{
name: '1#湿帘外翻窗',
outFlipWindowState: 0,
progress: 0,
statusProgress: 0
},
{
name: '2#湿帘外翻窗',
outFlipWindowState: 0,
progress: 0,
statusProgress: 0
},
],
popoutFlipWindowName: '',
innercurtainShow: false, //内遮阳
innercurtainControlIndex: 0,
innercurtainList: [{
name: '1#内遮阳',
innercurtainState: 0,
progress: 0,
statusProgress: 0
},
{
name: '2#内遮阳',
innercurtainState: 0,
progress: 0,
statusProgress: 0
},
],
popinnercurtainName: '',
externalsunshadeShow: false, //外遮阳
externalsunshadeControlIndex: 0,
externalsunshadeList: [{
name: '1#外遮阳',
externalsunshadeState: 0,
progress: 0,
statusProgress: 0
},
{
name: '2#外遮阳',
externalsunshadeState: 0,
progress: 0,
statusProgress: 0
},
],
popexternalsunshadeName: '',
airWindowShow: false, //通风窗
airWindowControlIndex: 0,
airWindowList: [{
name: '1#通风窗',
airWindowState: 0,
progress: 0,
statusProgress: 0,
pid: 0
},
{
name: '2#通风窗',
airWindowState: 0,
progress: 0,
statusProgress: 0,
pid: 0
},
{
name: '3#通风窗',
airWindowState: 0,
progress: 0,
statusProgress: 0,
pid: 0
},
{
name: '4#通风窗',
airWindowState: 0,
progress: 0,
statusProgress: 0,
pid: 0
},
{
name: '5#通风窗',
airWindowState: 0,
progress: 0,
statusProgress: 0,
pid: 0
},
{
name: '6#通风窗',
airWindowState: 0,
progress: 0,
statusProgress: 0,
pid: 0
},
],
popairWindowName: '',
interiorthermalinsulationShow: false, //内保温
interiorthermalinsulationIndex: 0,
interiorthermalinsulationList: [{
name: '1#内保温',
interiorthermalinsulationState: 0,
progress: 0,
statusProgress: 0
},
{
name: '2#内保温',
interiorthermalinsulationState: 0,
progress: 0,
statusProgress: 0
},
],
interiorthermalinsulationName: '',
upFaceInsulationShow: false, //立面保温
upFaceInsulationIndex: 0,
upFaceInsulationList: [{
name: '1#立面保温',
upFaceInsulationState: 0,
progress: 0,
statusProgress: 0
},
{
name: '2#立面保温',
upFaceInsulationState: 0,
progress: 0,
statusProgress: 0
},
{
name: '3#立面保温',
upFaceInsulationState: 0,
progress: 0,
statusProgress: 0
},
{
name: '4#立面保温',
upFaceInsulationState: 0,
progress: 0,
statusProgress: 0
},
],
upFaceInsulationName: '',
airconditioningShow: false, //湿空调
airconditioningControlIndex: 0,
airconditioning: {
name: '空调',
airconditioningState: 0,
open: 0,
open1: 0
},
actList2:[],
airconditioningInputData:{},
airconditioningInputDataNew:{},
type1show:false,
typeList1: [
{ label: "自动调整风速", value: 0 },
{ label: "1级风速", value: 1 },
{ label: "2级风速", value: 2 },
{ label: "3级风速", value: 3 },
{ label: "4级风速", value: 4 },
{ label: "5级风速", value: 5 },
{ label: "6级风速", value: 6 },
],
type2show:false,
typeList2: [
{ label: "自动模式", value: 0 },
{ label: "制冷模式", value: 1 },
{ label: "制热模式", value: 2 },
{ label: "除湿模式", value: 3 },
{ label: "送风模式", value: 4 },
{ label: "冷暖模式", value: 5 },
],
};
},
onReady() {
if (this.purviewList.indexOf('10') != -1) {
setTimeout(() => {
this.$refs.collapseView.init();
}, 1000);
}
},
onLoad(options) {
console.log(options);
this.typeList = this.api.typeList
if (options.id) {
this.deviceId = options.id;
}
this.dataInit()
},
beforeDestroy() {
clearInterval(this.statusInterval) && this.statusInterval
},
onPullDownRefresh() {
uni.showLoading({
title: '加载中...'
})
this.dataInit();
},
methods: {
// 小程序手机控制权限数据
getcontrol_wxgetpermission() {
var deviceId = this.deviceId
this.$http({
url: this.api.getcontrol_wxgetpermission + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
this.wxgetpermission = res.data;
this.itemList = this.itemList.map(i => {
return {
...i,
nickName: ''
}
})
this.itemList.forEach(h => {
let s = this.wxgetpermission.filter(m => m.name == h.head)
if (s.length > 0) {
h.nickName = s[0].nickName
}
})
}
})
},
// 判断小程序手机控制是否有这个项,有的话返回true
isInclude(el) {
let result = false;
this.wxgetpermission.forEach(item => {
if (item.name == el.head) {
result = true
}
})
return result
},
toWebView1(url) {
let num = this.valvePopTitle.substring(0, 1)
uni.navigateTo({
url: `/pages/web_view_controller/web_view_controller?deviceId=${this.deviceId}&url=${url}&num=${num}`
})
},
toWebView(url) {
uni.navigateTo({
url: `/pages/web_view_controller/web_view_controller?deviceId=${this.deviceId}&url=${url}`
})
},
//开启几号风机
changeIndexOpen(active) {
if (this.actList1[active] == '1') {
this.actList1[active] = '0'
} else {
this.actList1[active] = '1'
}
var revList = this.actList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.changeBtn('21601', dataNum);
},
//风机有效性修改
changeOpen(index) {
this.openIndex = index
var dataNum = {
target: {
value: this.openIndex,
},
};
this.changeBtn('21600', dataNum);
},
// 标准风机
changeStandardFanOpen(index) {
this.standardFanOpenIndex = index
var dataNum = {
target: {
value: this.standardFanOpenIndex,
},
};
this.changeBtn('21950', dataNum);
},
//标准风机 开启几号风机
changeStandardFanIndexOpen(active) {
if (this.standardFanActList1[active] == '1') {
this.standardFanActList1[active] = '0'
} else {
this.standardFanActList1[active] = '1'
}
var revList = this.standardFanActList1.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.changeBtn('21951', dataNum);
},
//顶卷膜修改
changeOpen1(index) {
this.openIndex1 = index
var dataNum = {
target: {
value: this.openIndex1,
},
};
this.changeBtn(21613 + ((this.indexs - 1) * 11), dataNum);
},
// 五防项目修改
changefiveControl(index) {
this.fiveControlIndex = index
var dataNum = {
target: {
value: this.fiveControlIndex,
},
};
if (this.pop_title == '加温水泵') {
this.changeBtn(21520, dataNum);
} else if (this.pop_title == '地热风机') {
this.changeBtn(21526, dataNum);
} else if (this.pop_title == '上风口') {
this.changeBtn(21530, dataNum);
} else if (this.pop_title == '下风口') {
this.changeBtn(21541, dataNum);
} else if (this.pop_title == '卷被') {
this.changeBtn(21548, dataNum);
} else if (this.pop_title == '除雪') {
this.changeBtn(21558, dataNum);
}
},
// *#电磁阀
changeValveControl(index) {
this.valveControlIndex = index;
let dataNum = {
target: {
value: this.valveControlIndex,
},
};
let num = (this.valvePopTitle.substring(0, 1) - 1) * 50 + 20201;
this.changeBtn(num, dataNum);
},
// *#电磁阀输入框
changeValveInput() {
// console.log(this.valve_input_value);
if (this.valve_input_value < 1) {
uni.showToast({
title: '数字不能小于1',
icon: 'error',
duration: 2000
})
}
let dataNum = {
target: {
value: this.valve_input_value,
},
};
let num = (this.valvePopTitle.substring(0, 1) - 1) * 50 + 20202;
this.changeBtn(num, dataNum);
},
// 补光灯
changeLightControl(index) {
this.lightControlIndex = index;
let dataNum = {
target: {
value: this.lightControlIndex,
},
};
this.changeBtn(21400, dataNum);
},
// 开启几号补光灯
changeLightOpen(index) {
if (this.actListLight[index] == '1') {
this.actListLight[index] = '0'
} else {
this.actListLight[index] = '1'
}
var revList = this.actListLight.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.changeBtn('21401', dataNum);
},
// 环流风扇
changeCirculationControl(index) {
this.circulationControlIndex = index;
let dataNum = {
target: {
value: this.circulationControlIndex,
},
};
if (this.popCirculationFengshanName == 0) {
this.changeBtn(21450, dataNum);
} else if (this.popCirculationFengshanName == 1) {
this.changeBtn(21470, dataNum);
}
},
// 空调
changeairconditioningControl(index) {
this.airconditioningControlIndex = index;
let dataNum = {
target: {
value: this.airconditioningControlIndex,
},
};
this.changeBtn(22040, dataNum);
},
// CO2补气
changeCO2Control(index) {
this.CO2Index = index;
let dataNum = {
target: {
value: this.CO2Index,
},
};
if (this.popCO2Name == 0) {
this.changeBtn(22360, dataNum);
} else if (this.popCO2Name == 1) {
this.changeBtn(22378, dataNum);
}
},
// 湿帘泵
changefanwetcurtainControl(index) {
this.fanwetcurtainControlIndex = index;
let dataNum = {
target: {
value: this.fanwetcurtainControlIndex,
},
};
if (this.popfanwetcurtainName == 0) {
this.changeBtn(21970, dataNum);
} else if (this.popfanwetcurtainName == 1) {
this.changeBtn(21972, dataNum);
}
},
// 高压微雾
changehighpressuremistControl(index) {
this.highpressuremistControlIndex = index;
let dataNum = {
target: {
value: this.highpressuremistControlIndex,
},
};
if (this.pophighpressuremistName == 0) {
this.changeBtn(21800, dataNum);
} else if (this.pophighpressuremistName == 1) {
this.changeBtn(21808, dataNum);
}
},
// 湿帘外翻窗弹框
changeoutFlipWindowControl(index) {
this.outFlipWindowControlIndex = index;
let dataNum = {
target: {
value: this.outFlipWindowControlIndex,
},
};
if (this.popoutFlipWindowName == 0) {
this.changeBtn(21974, dataNum);
} else if (this.popoutFlipWindowName == 1) {
this.changeBtn(21979, dataNum);
}
},
// 内遮阳
changeinnercurtainControl(index) {
this.innercurtainControlIndex = index;
let dataNum = {
target: {
value: this.innercurtainControlIndex,
},
};
if (this.popinnercurtainName == 0) {
this.changeBtn(21840, dataNum);
} else if (this.popinnercurtainName == 1) {
this.changeBtn(21858, dataNum);
}
},
// 外遮阳
changeexternalsunshadeControl(index) {
this.externalsunshadeControlIndex = index;
let dataNum = {
target: {
value: this.externalsunshadeControlIndex,
},
};
if (this.popexternalsunshadeName == 0) {
this.changeBtn(21900, dataNum);
} else if (this.popexternalsunshadeName == 1) {
this.changeBtn(21915, dataNum);
}
},
// 通风窗
changeairWindowControl(index) {
this.airWindowControlIndex = index;
let dataNum = {
target: {
value: this.airWindowControlIndex,
},
};
if (this.popairWindowName == 0) {
this.changeBtn(21250, dataNum);
} else if (this.popairWindowName == 1) {
this.changeBtn(21273, dataNum);
} else if (this.popairWindowName == 2) {
this.changeBtn(21296, dataNum);
} else if (this.popairWindowName == 3) {
this.changeBtn(21319, dataNum);
} else if (this.popairWindowName == 4) {
this.changeBtn(21342, dataNum);
} else if (this.popairWindowName == 5) {
this.changeBtn(21365, dataNum);
}
},
// 内保温
changeInnerInsulationControl(index) {
this.interiorthermalinsulationIndex = index;
let dataNum = {
target: {
value: this.interiorthermalinsulationIndex,
},
};
if (this.interiorthermalinsulationName == 0) {
this.changeBtn(22000, dataNum);
} else if (this.interiorthermalinsulationName == 1) {
this.changeBtn(22012, dataNum);
}
},
// 立面保温
changeUpFaceInsulationControl(index) {
this.upFaceInsulationIndex = index;
let dataNum = {
target: {
value: this.upFaceInsulationIndex,
},
};
if (this.upFaceInsulationName == 0) {
this.changeBtn(22300, dataNum);
} else if (this.upFaceInsulationName == 1) {
this.changeBtn(22313, dataNum);
} else if (this.upFaceInsulationName == 2) {
this.changeBtn(22326, dataNum);
} else if (this.upFaceInsulationName == 3) {
this.changeBtn(22339, dataNum);
}
},
changeBtn(code, el) {
var data = {
equipmentId: this.deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimerBtn(0, data);
},
//切换btn的限制 写入停止后j*100毫秒调取函数
delayTimerBtn(i, data) {
const that = this;
//整体接口
let j = 10;
//避免开启多个计时器
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
// 丽水 打开顶卷膜的弹窗
openModelShow(index) {
this.indexs = index + 1
this.modelShow = true
var data = {
deviceId: this.deviceId
};
this.$http({
url: this.api.getReadControlliShuiControl,
data: data,
method: 'GET',
}).then((res => {
this.inputData2 = res.data;
this.openIndex1 = this.inputData2[21613 + ((this.indexs - 1) * 11)]
// this.openIndex = this.inputData2[21600]
// this.getAct21601()
}))
},
// 根据type参数返回对应的txt_act21680
getTypeRoll(i) {
let arr = this.txt_act_list.filter(el => el.key == i)
return arr[0][Object.keys(arr[0])[0]]
},
// 合并两个数组
toNewList(list, list2) {
let newList = list.map((item, index) => {
// 从第二个数组中获取对应的 nickName 并赋值给 name
const match = list2[index];
return match ? {
...item,
id: match.childId,
name: match.nickName ? match.nickName : item.name
} : item;
});
return newList
},
// 读取所有寄存器的状态值
dataInit() {
var deviceId = this.deviceId
this.$http({
url: this.api.getcontrol_cpermission + '?deviceId=' + deviceId,
method: 'POST',
}).then((res => {
if (res.code == 200) {
uni.hideLoading()
uni.stopPullDownRefresh();
res.data.forEach((el, index) => {
this.purviewList.push(el.id.toString())
if (el.id == '19') {
//通风窗
this.airWindowList = this.toNewList(this.airWindowList, el.child)
} else if (el.id == '25') {
//外遮阳
this.externalsunshadeList = this.toNewList(this.externalsunshadeList,
el.child)
} else if (el.id == '24') {
//内遮阳
this.innercurtainList = this.toNewList(this.innercurtainList, el.child)
} else if (el.id == '27') {
//内保温
this.interiorthermalinsulationList = this.toNewList(this
.interiorthermalinsulationList, el.child)
} else if (el.id == '30') {
//立面保温
this.CO2List = this.toNewList(this.CO2List, el.child)
} else if (el.id == '29') {
//立面保温
this.upFaceInsulationList = this.toNewList(this.upFaceInsulationList,
el.child)
} else if (el.id == '20') {
//补光灯
this.supplementLightStatus.name = el.nickName
} else if (el.id == '31') {
//冷暖风机
this.coldWarmFanStatus.name = el.nickName
} else if (el.id == '26') {
//风机/湿帘泵/湿帘外翻窗
el.child.forEach((el1, index1) => {
if (el1.childId == '20') {
//风机
this.standardFanStatus.name = el1.nickName
} else if (el1.childId == '21') {
this.fanwetcurtainList.forEach((el2, index2) => {
el2.name = el1.nickName + (index2 + 1)
})
} else if (el1.childId == '22') {
this.outFlipWindowList.forEach((el2, index2) => {
el2.name = el1.nickName + (index2 + 1)
})
}
})
} else if (el.id == '28') {
//空调
this.airconditioning.name = el.nickName
} else if (el.id == '21') {
//环流风扇
this.circulationFengshanList = this.toNewList(this
.circulationFengshanList, el.child)
} else if (el.id == '23') {
//高压微雾
this.highpressuremistList = this.toNewList(this.highpressuremistList,
el.child)
} else {
for (let t = 0; t < this.electronMagneticStatus.length; t++) {
if ((t + 11) == el.id) {
this.electronMagneticStatus[t].name = el.nickName
}
}
}
})
// 控制器状态获取
this.getControl_getState();
clearInterval(this.statusInterval) && this.statusInterval
this.statusInterval = setInterval(() => {
this.getControl_getState()
}, 3000);
//查看金华权限
if (this.purviewList.indexOf('10') != -1) {
// 小程序手机控制权限数据
this.getcontrol_wxgetpermission();
this.$http({
url: this.api.readJinHuaControl_reg + '?deviceId=' + deviceId,
method: 'POST',
}).then(res => {
// console.log(res, 'deviceId读取所有寄存器的状态值');
if (res.code == 200) {
uni.hideLoading()
uni.stopPullDownRefresh();
this.inputData = res.data
for (let i = 0; i < this.itemList.length; i++) {
if (!this.itemList[i].type_2) {
this.itemList[i].open_value = this.inputData[Number(
'21681') +
i *
3]
this.itemList[i].close_value = this.inputData[Number(
'21682') +
i *
3]
this.getType((21680 + i * 3), 1)
} else {
this.itemList[i].value = this.inputData[21711 + (i - 10) *
2]
this.getType((21710 + (i - 10) * 2), 2)
}
}
// this.getType('21680')
// this.getType('21683')
// this.getType('21686')
// this.getType('21689')
// this.getType('21692')
}
})
}
//查看丽水权限
// if (this.purviewList.indexOf('9') != -1) {
// // this.getControl_getState()
// // this.getReadControlliShuiControl()
// // clearInterval(this.statusInterval) && this.statusInterval
// // this.statusInterval = setInterval(() => {
// // this.getControl_getState()
// // }, 3000);
// }
// 查看五防项目权限
// if (this.purviewList.indexOf('8') != -1) {
// }
// 读取（补光灯）控制器
// if(this.purviewList.indexOf('20') != -1){
// };
// 环流风扇
// if(this.purviewList.indexOf('21') != -1){};
}
}))
},
// getReadControlliShuiControl() {
// var data = {
// deviceId: this.deviceId
// };
// this.$http({
// url: this.api.getReadControlliShuiControl,
// data: data,
// method: 'GET',
// }).then((res => {
// this.inputData2 = res.data;
// this.openIndex = this.inputData2[21600]
// this.getAct21601()
// }))
// },
getAct21601() {
this.actList1 = []
var num = this.inputData2['21601']
var num1 = this.padString(num.toString(2), 5)
var openListNew = []
openListNew = num1.split("")
openListNew.forEach((el, index) => {
this.actList1.push(openListNew[openListNew.length - index - 1])
})
},
getAct22063() {
this.actList2 = []
var num = this.airconditioningInputData[22063]
var num1 = this.padString(num.toString(2), 16)
var openListNew = []
openListNew = num1.split("")
this.actList2 = openListNew.reverse();
},
changeIndexOpen2(active) {
if (this.actList2[active] == '1') {
this.actList2[active] = '0'
} else {
this.actList2[active] = '1'
}
this.$forceUpdate();
var revList = this.actList2.slice().reverse()
var num = revList.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.changeBtn(22063, dataNum);
},
getControl_getState() {
var data = {
deviceId: this.deviceId
};
this.$http({
url: this.api.getControl_getState,
data: data,
method: 'GET',
}).then(res => {
if (res.code == 200) {
// 丽水
if (this.purviewList.indexOf('9') != -1) {
this.fanStatus.open = res.data['1023']
this.fanStatus.status = []
var num = res.data['1024']
var num1 = this.padString(num.toString(2), 5)
var openListNew = []
openListNew = num1.split("")
this.fanStatus.status = openListNew.reverse()
this.statusList = []
for (var i = 0; i < 4; i++) {
var statusData = {
name: `顶卷膜${i + 1}`,
open: res.data[(1025 + (i * 3))],
progress: res.data[(1027 + (i * 3))],
index: res.data[(1026 + (i * 3))]
}
this.statusList.push(statusData)
}
}
// 五防项目状态
if (this.purviewList.indexOf('8') != -1) {
this.fiveControlList.forEach(el => {
el.controlState = res.data[el.num];
if (el.progress_num) {
el.progress = res.data[el.progress_num];
el.progress_state = res.data[el.progress_state_num];
}
if (el.open_num) {
el.open = res.data[el.open_num]
}
});
console.log(this.fiveControlList, 'this.fiveControlList');
}
// 冷暖风机状态值获取
if (this.purviewList.indexOf('31') != -1) {
this.coldWarmFanStatus.open = res.data[1175];
this.coldWarmFanStatus.open1 = res.data[1176];
this.coldWarmFanStatus.status = [];
let numLight = res.data[1177];
let numLight1 = this.padString(numLight.toString(2), 4);
let openListNew = [];
openListNew = numLight1.split('')
this.coldWarmFanStatus.status = openListNew.reverse()
};
// 补光灯状态值获取
if (this.purviewList.indexOf('20') != -1) {
this.supplementLightStatus.open = res.data[1068];
this.supplementLightStatus.status = [];
let numLight = res.data[1069];
let numLight1 = this.padString(numLight.toString(2), 8);
let openListNew = [];
openListNew = numLight1.split('')
this.supplementLightStatus.status = openListNew.reverse()
};
// 环流风扇状态值获取
if (this.purviewList.indexOf('21') != -1) {
this.circulationFengshanList.forEach((el, index) => {
el.circulationFengshanState = res.data[1074 + index * 2];
el.open = res.data[1075 + index * 2];
})
};
// 标准风机
if (this.purviewList.indexOf('26') != -1) {
this.standardFanStatus.open = res.data['1078']
this.standardFanStatus.status = []
var standardnum = res.data['1079']
var standardnum1 = this.padString(standardnum.toString(2), 5)
var openListNew = []
openListNew = standardnum1.split("")
this.standardFanStatus.status = openListNew.reverse()
};
// CO2补气
if (this.purviewList.indexOf('30') != -1) {
this.CO2List.forEach((el, index) => {
el.CO2State = res.data[1178 + index * 2];
el.open = res.data[1179 + index * 2];
})
};
// 湿帘泵
if (this.purviewList.indexOf('26') != -1) {
this.fanwetcurtainList.forEach((el, index) => {
el.fanwetcurtainState = res.data[1080 + index * 2];
el.open = res.data[1081 + index * 2];
})
};
// 空调
if (this.purviewList.indexOf('28') != -1) {
this.airconditioning.airconditioningState = res.data['1160']
this.airconditioning.open = res.data['1161']
this.airconditioning.open1 = res.data['1162']
};
// 高压微雾
if (this.purviewList.indexOf('23') != -1) {
this.highpressuremistList.forEach((el, index) => {
el.highpressuremistState = res.data[1070 + index * 2];
el.open = res.data[1071 + index * 2];
})
};
// 湿窗外翻窗
if (this.purviewList.indexOf('26') != -1) {
this.outFlipWindowList.forEach((el, index) => {
el.outFlipWindowState = res.data[1084 + index * 3];
el.progress = res.data[1086 + index * 3];
el.statusProgress = res.data[1085 + index * 3]
})
};
//内遮阳
if (this.purviewList.indexOf('24') != -1) {
this.innercurtainList.forEach((el, index) => {
el.innercurtainState = res.data[1090 + index * 3];
el.progress = res.data[1092 + index * 3];
el.statusProgress = res.data[1091 + index * 3]
})
};
//外遮阳
if (this.purviewList.indexOf('25') != -1) {
this.externalsunshadeList.forEach((el, index) => {
el.externalsunshadeState = res.data[1096 + index * 3];
el.progress = res.data[1098 + index * 3];
el.statusProgress = res.data[1097 + index * 3]
})
};
//通风窗
if (this.purviewList.indexOf('19') != -1) {
this.airWindowList.forEach((el, index) => {
if (el.id == '8') {
el.airWindowState = res.data[1188] ? res.data[1188] : 0;
el.progress = res.data[1190];
el.statusProgress = res.data[1189]
el.pid = res.data[1194]
} else if (el.id == '9') {
el.airWindowState = res.data[1191] ? res.data[1191] : 0;
el.progress = res.data[1193];
el.statusProgress = res.data[1192]
el.pid = res.data[1195]
} else {
el.airWindowState = res.data[1102 + index * 3] ? res.data[1102 +
index * 3] : 0;
el.progress = res.data[1104 + index * 3];
el.statusProgress = res.data[1103 + index * 3]
el.pid = res.data[1115 + index]
}
})
};
// 内保温
if (this.purviewList.indexOf('27') != -1) {
this.interiorthermalinsulationList.forEach((el, index) => {
el.interiorthermalinsulationState = res.data[1182 + index * 3];
el.progress = res.data[1184 + index * 3];
el.statusProgress = res.data[1183 + index * 3]
})
};
// 立面保温
if (this.purviewList.indexOf('29') != -1) {
this.upFaceInsulationList.forEach((el, index) => {
el.upFaceInsulationState = res.data[1196 + index * 3];
el.progress = res.data[1198 + index * 3];
el.statusProgress = res.data[1197 + index * 3]
})
};
// 电磁阀
for (let t = 0; t < this.electronMagneticStatus.length; t++) {
this.electronMagneticStatus[t].status = res.data[1166 + t]
}
// console.log(this.electronMagneticStatus,'this.electronMagneticStatus');
}
})
},
// 丽水 风机
fanmodelHander() {
this.fanmodelShow = true;
var data = {
deviceId: this.deviceId
};
this.$http({
url: this.api.getReadControlliShuiControl,
data: data,
method: 'GET',
}).then((res => {
this.inputData2 = res.data;
// this.openIndex1 = this.inputData2[21613 + ((this.indexs - 1) * 11)]
this.openIndex = this.inputData2[21600]
this.getAct21601()
}))
},
// 标准风机
standardFanmodelHander() {
this.standardFanmodelShow = true;
var deviceId = this.deviceId
this.$http({
url: this.api.readControl_fanwetcurtain + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
this.standardFanInputData2 = res.data;
this.standardFanOpenIndex = this.standardFanInputData2[21950]
this.standardFanActList1 = []
let num = this.standardFanInputData2['21951']
let num1 = this.padString(num.toString(2), 5)
let openListNew = []
openListNew = num1.split("")
openListNew.forEach((el, index) => {
this.standardFanActList1.push(openListNew[openListNew.length - index - 1])
})
}
})
},
// 东北五防弹框
openFiveControlShow(index) {
this.fiveControlShow = true;
this.pop_title = this.fiveControlList[index].title;
this.close_btn_all = this.fiveControlList[index].close_btn;
var deviceId = this.deviceId
this.$http({
url: this.api.readControl_fiveControl + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.fiveControl = res.data
if (index == 0) {
this.fiveControlIndex = this.fiveControl[21520];
this.fiveControlUrl = 'waterPump';
} else if (index == 1) {
this.fiveControlIndex = this.fiveControl[21526];
this.fiveControlUrl = 'geothermalFan'
} else if (index == 2) {
this.fiveControlIndex = this.fiveControl[21530];
this.fiveControlUrl = 'uptake'
} else if (index == 3) {
this.fiveControlIndex = this.fiveControl[21541];
this.fiveControlUrl = 'downtake'
} else if (index == 4) {
this.fiveControlIndex = this.fiveControl[21548];
this.fiveControlUrl = 'rollByRoll'
} else if (index == 5) {
this.fiveControlIndex = this.fiveControl[21558];
this.fiveControlUrl = 'snowRemoval'
}
}
})
},
// 电磁阀
openValveControlShow(index) {
this.valveControlShow = true
this.valvePopTitle = index + 1 + '#电磁阀';
var data = {
deviceId: this.deviceId
};
this.$http({
url: this.api['readControl_solenoidValve' + `${index+1}`],
data: data,
method: 'GET',
}).then(res => {
if (res.code == 200) {
this.valveControlIndex = res.data[20201 + index * 50]
this.valve_input_value = res.data[20202 + index * 50]
}
})
},
// 冷暖风机
coldWarmFanHander() {
var deviceId = this.deviceId;
this.coldWarmFanShow = true;
this.$http({
url: this.api.readControl_heatfan + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
// console.log(res,'补光灯');
uni.hideLoading();
uni.stopPullDownRefresh();
this.coldWarmFanIndex = res.data[22250];
this.coldWarmFanList = []
let numLight = res.data[22251];
let numLight1 = this.padString(numLight.toString(2), 4);
let openListNew = [];
openListNew = numLight1.split('')
this.coldWarmFanList = openListNew.reverse()
}
})
},
// 补光灯
supplementLightHander() {
var deviceId = this.deviceId;
this.supplementLightShow = true;
this.$http({
url: this.api.readControl_readfilllight + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
// console.log(res,'补光灯');
uni.hideLoading();
uni.stopPullDownRefresh();
this.lightControlIndex = res.data[21400];
this.actListLight = []
let numLight = res.data[21401];
let numLight1 = this.padString(numLight.toString(2), 8);
let openListNew = [];
openListNew = numLight1.split('')
this.actListLight = openListNew.reverse()
}
})
},
// 环流风扇弹框
circulationFengshanHander(index) {
this.circulationControlIndex = 0;
this.popCirculationFengshanName = index;
var deviceId = this.deviceId
this.circulationFengshanShow = true;
this.$http({
url: this.api.readControl_readcirculationfan + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.circulationControlIndex = res.data[21450 + index * 20];
}
})
},
// CO2补气弹框
CO2Hander(index) {
this.CO2Index = 0;
this.popCO2Name = index;
var deviceId = this.deviceId
this.CO2Show = true;
this.$http({
url: this.api.readControl_co2replenishment + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.CO2Index = res.data[21970 + index * 2];
}
})
},
// 湿帘泵弹框
fanwetcurtainHander(index) {
this.fanwetcurtainControlIndex = 0;
this.popfanwetcurtainName = index;
var deviceId = this.deviceId
this.fanwetcurtainShow = true;
this.$http({
url: this.api.readControl_fanwetcurtain + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.fanwetcurtainControlIndex = res.data[21970 + index * 2];
}
})
},
countData(data) {
if (data) {
return (data - 400) / 10;
} else {
return 0;
}
},
//失去焦点
blurChangeCount(code, el) {
var data = {
equipmentId: this.deviceId,
regAddress: code,
num: el.target.value * 10 + 400,
}; //避免开启多个计时器
this.changeData(data);
},
// 空调选择弹窗反选1
getData1(data) {
var name = "";
this.typeList1.forEach((el, index) => {
if (el.value == data) {
name = el.label;
}
});
return name;
},
// 空调选择弹窗反选2
getData2(data) {
var name = "";
this.typeList2.forEach((el, index) => {
if (el.value == data) {
name = el.label;
}
});
return name;
},
//类型选择
handleCommand1(selData) {
var code=22041
var command=selData[0]
// command, code
this.typeList1.forEach((el, index) => {
if (el.value == command) {
this.airconditioningInputDataNew[code] = el.label;
}
});
this.airconditioningInputData[code] = command;
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
//制冷制热类型选择
handleCommand2(selData) {
var code=22042
var command=selData[0]
this.typeList2.forEach((el, index) => {
if (el.value == command) {
this.airconditioningInputDataNew[code] = el.label;
}
});
this.airconditioningInputData[code] = command;
var dataNum = {
target: {
value: command,
},
};
this.changeBtn(code, dataNum);
},
// 空调弹框
airconditioningHander(index) {
this.airconditioningControlIndex = 0;
this.popfanwetcurtainName = index;
var deviceId = this.deviceId
this.airconditioningShow = true;
this.$http({
url: this.api.readControl_airconditioner + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.airconditioningInputData=res.data
this.airconditioningInputData[22043] = this.countData(this.airconditioningInputData[22043]);
this.getAct22063()
this.airconditioningInputDataNew[22041] = this.getData1(this.airconditioningInputData[22041]);
this.airconditioningInputDataNew[22042] = this.getData2(this.airconditioningInputData[22042]);
this.airconditioningControlIndex = res.data[22040];
}
})
},
// 高压微雾
highpressuremistHander(index) {
this.highpressuremistControlIndex = 0;
this.pophighpressuremistName = index;
var deviceId = this.deviceId
this.highpressuremistShow = true;
this.$http({
url: this.api.readControl_highpressuremist + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.highpressuremistControlIndex = res.data[21800 + index * 8];
}
})
},
// 湿帘外翻窗
outFlipWindowHander(index) {
this.outFlipWindowControlIndex = 0;
this.popoutFlipWindowName = index;
var deviceId = this.deviceId
this.outFlipWindowShow = true;
this.$http({
url: this.api.readControl_fanwetcurtain + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.outFlipWindowControlIndex = res.data[21974 + index * 5];
}
})
},
// 内遮阳
innercurtainHander(index) {
this.innercurtainControlIndex = 0;
this.popinnercurtainName = index;
var deviceId = this.deviceId
this.innercurtainShow = true;
this.$http({
url: this.api.readControl_innercurtain + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.innercurtainControlIndex = res.data[21840 + index * 18];
}
})
},
// 外遮阳
externalsunshadeHander(index) {
this.externalsunshadeControlIndex = 0;
this.popexternalsunshadeName = index;
var deviceId = this.deviceId
this.externalsunshadeShow = true;
this.$http({
url: this.api.readControl_externalsunshade + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.externalsunshadeControlIndex = res.data[21900 + index * 15];
}
})
},
// 通风窗
airWindowHander(index) {
this.airWindowControlIndex = 0;
this.popairWindowName = index;
var deviceId = this.deviceId
this.airWindowShow = true;
this.$http({
url: this.api.readControl_readskylight + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.airWindowControlIndex = res.data[21250 + index * 23];
}
})
},
// 内保温
interiorthermalinsulationHander(index) {
this.interiorthermalinsulationIndex = 0;
this.interiorthermalinsulationName = index;
var deviceId = this.deviceId;
this.interiorthermalinsulationShow = true;
this.$http({
url: this.api.readControl_interiorthermalinsulation + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.interiorthermalinsulationIndex = res.data[22000 + index * 12];
}
})
},
//立面保温
upFaceInsulationHander(index) {
this.upFaceInsulationIndex = 0;
this.upFaceInsulationName = index;
var deviceId = this.deviceId;
this.upFaceInsulationShow = true;
this.$http({
url: this.api.readControl_facadeinsulation + '?deviceId=' + deviceId,
method: 'GET'
}).then(res => {
if (res.code == 200) {
uni.hideLoading();
uni.stopPullDownRefresh();
this.upFaceInsulationIndex = res.data[22300 + index * 13];
}
})
},
getNumberStatus(index) {
if (index == 0) {
return '静止状态'
} else if (index == 1) {
return '正向打开中'
} else if (index == 2) {
return '反向关闭中'
} else {
return ''
}
},
getNumberStatus1(index) {
if (index == 0) {
return '静止状态'
} else if (index == 1) {
return '正向展开'
} else if (index == 2) {
return '反向收拢'
} else {
return ''
}
},
getNumberStatus2(index) {
if (index == 0) {
return '静止状态'
} else if (index == 1) {
return '正向开窗'
} else if (index == 2) {
return '反向关窗'
} else {
return ''
}
},
padString(str, length) {
return str.padStart(length, '0');
},
getType(type, flag) {
if (flag == 1) {
var number = this.padString(Number(this.inputData[type]).toString(2), 3)
// console.log(number); //001
// console.log(number[0]); //0 bit2 关闭
// console.log(number[1]); //0 bit1 停止
// console.log(number[2]); //1 bit0 打开
let arr = this.txt_act_list.filter(el => el.key == type)
let key1 = Object.keys(arr[0])[0];
this.txt_act_list.forEach(el => {
if (el.key == type) {
if (Number(number[0])) {
el[key1] = 3
} else if (Number(number[1])) {
el[key1] = 2
} else if (Number(number[2])) {
el[key1] = 1
} else {
el[key1] = 0
}
}
})
} else if (flag == 2) {
var number = this.padString(Number(this.inputData[type]).toString(2), 2)
// console.log(number); //01
// console.log(number[0]); //1 bit1 关闭
// console.log(number[1]); //1 bit0 打开
let arr = this.txt_act_list.filter(el => el.key == type)
let key1 = Object.keys(arr[0])[0];
this.txt_act_list.forEach(el => {
if (el.key == type) {
if (Number(number[0])) {
el[key1] = 2
} else if (Number(number[1])) {
el[key1] = 1
} else {
el[key1] = 0
}
}
})
}
},
change00(type, index) {
uni.showLoading({
title: '加载中...'
})
let arr = this.txt_act_list.filter(el => el.key == type)
let key1 = Object.keys(arr[0])[0];
this.txt_act_list.forEach(el => {
if (el.key == type) {
el[key1] = index
}
})
if (type > 21679 && type < 21708) {
var list = ["0", "0", "0"];
if (index == 1) {
list[2] = "1";
} else {
list[2] = "0";
}
if (index == 2) {
list[1] = "1";
} else {
list[1] = "0";
}
if (index == 3) {
list[0] = "1";
} else {
list[0] = "0";
}
} else if (type > 21709 && type < 21729) {
var list = ["0", "0"];
if (index == 1) {
list[1] = "1";
} else {
list[1] = "0";
};
if (index == 2) {
list[0] = "1";
} else {
list[0] = "0";
};
}
var num = list.join("");
var dataNum = {
target: {
value: parseInt(num, 2),
},
};
this.change(type, dataNum);
},
changeCountData(code, el) {
var data = el.target.value * 10 + 400;
var sendData = {
target: {
value: data,
},
};
this.change(code, sendData);
},
change(code, el) {
var data = {
equipmentId: this.deviceId,
regAddress: code,
num: el.target.value,
};
this.delayTimer(0, data);
},
delayTimer(i, data) {
const that = this;
//整体接口
let j = 5;
//避免开启多个计时器
this.timer && clearInterval(this.timer);
this.timer = setInterval(() => {
++i;
if (i == j) {
that.changeData(data);
clearInterval(this.timer);
}
}, 100);
},
changeData(data) {
const that = this
this.$http({
url: this.api.writeJinHuaControl_write,
data: data
}).then((res) => {
if (res.code == 200) {
uni.hideLoading()
uni.showToast({
title: res.msg,
icon: "success",
duration: 1500
})
setTimeout(() => {
this.dataInit()
}, 1500)
} else {
uni.showToast({
title: "失败!",
icon: "error",
})
}
});
},
// x#顶卷膜输入框
blurChangeData00_1(code, el) {
uni.showLoading({
title: '加载中...'
})
var data = el.target.value
// console.log(data);
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
blurChangeData00_2(code, el) {
uni.showLoading({
title: '加载中...'
})
var data = el.target.value
var sendData = {
target: {
value: data
}
}
this.change(code, sendData)
},
}
}
</script>
<style lang="scss" scoped>
.border-none {
border: none !important;
}
.border-top-none{
border-top: none!important;
}
.border-top{
border-top: 1rpx solid #DDDDDD;
}
.airconditioning{
.input_value{
margin-top: 0;
justify-content: flex-start;
padding: 0 0 0 30rpx;
height: 100rpx;
&.input-sel{
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
>view{
height: 100rpx;
display: flex;
align-items: center;
justify-content: flex-start;
.select-label{
width: 200rpx;
height: 66rpx;
background: #F5F6FA;
border: 2px solid #E1E2E6;
border-radius: 10rpx;
margin: 0 20rpx;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
}
}
}
}
.input_value {
width: 100%;
height: 126rpx;
border-top: 1rpx solid #DDDDDD;
border-bottom: 1rpx solid #DDDDDD;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30rpx;
input {
width: 120rpx;
height: 66rpx;
background: #F5F6FA;
border: 2px solid #E1E2E6;
border-radius: 10rpx;
margin: 0 20rpx;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
padding: 0 20rpx;
}
&.input-sel{
flex-direction: column;
>view{
display: flex;
align-items: center;
justify-content: center;
}
}
}
.controller {
width: 100%;
min-height: 100vh;
background-color: #F5F6FA;
box-sizing: border-box;
padding: 30rpx;
.content {
box-sizing: border-box;
// padding: 30rpx;
::v-deep .uicon-arrow-down {
width: 16rpx;
height: 8rpx;
}
::v-deep .uicon-arrow-down::before {
content: " ";
width: 16rpx;
height: 8rpx;
background: url('../../static/downArrow.png') center no-repeat;
background-size: 100% 100%;
position: absolute;
}
.collapseItem {
width: 100%;
height: 298rpx;
.line {
width: 100%;
height: 1rpx;
background: #DDDDDD;
}
.control_model {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 30rpx 30rpx 28rpx;
.control {
font-size: 28rpx;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: #333333;
box-sizing: border-box;
padding: 0 50rpx;
}
.model {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10rpx;
box-sizing: border-box;
padding: 0 50rpx;
.txt {
width: 150rpx;
height: 66rpx;
background: #EFFCF7;
border: 2px solid rgba(58, 187, 144, 0.25);
border-radius: 10rpx;
font-size: 28rpx;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: #24B383;
text-align: center;
line-height: 62rpx;
}
.txt_act {
width: 150rpx;
height: 66rpx;
background: linear-gradient(0deg, #54CDA4, #27B584);
border-radius: 10rpx;
font-size: 28rpx;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: #EFFCF7;
text-align: center;
line-height: 66rpx;
}
}
.line1 {
width: 630rpx;
height: 1rpx;
background: #DDDDDD;
margin: 30rpx 0;
}
.roll_input {
display: flex;
align-items: center;
justify-content: space-around;
box-sizing: border-box;
padding: 0 50rpx;
view {
display: flex;
align-items: center;
view {
width: 110rpx;
height: 66rpx;
background: #F5F6FA;
border: 2px solid #E1E2E6;
border-radius: 10rpx;
margin-right: 15rpx;
>input {
width: 100%;
height: 100%;
text-align: center;
}
}
text {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
}
}
}
}
}
}
.valve {
width: 100%;
height: 100rpx;
background: #FFFFFF;
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(153, 153, 153, 0.1);
border-radius: 20rpx;
margin-bottom: 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 20rpx;
image {
width: 60rpx;
height: 61rpx;
margin-right: 20rpx;
}
span {
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
flex: 1;
}
view {
width: 120rpx;
height: 54rpx;
background: #F5F6FA;
border: 2px solid #E1E2E6;
border-radius: 10rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #666666;
display: flex;
align-items: center;
justify-content: center;
image {
width: 12rpx;
height: 20rpx;
margin-left: 19rpx;
}
}
}
.lishui-item {
width: 100%;
background: #FFFFFF;
box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(153, 153, 153, 0.1);
border-radius: 20rpx;
min-height: 150rpx;
margin-bottom: 30rpx;
.model-title {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
margin-bottom: 20rpx;
}
.airconditioning-grid{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 20rpx; //纵向间隔
grid-column-gap: 24rpx; //横向间隔
padding: 30rpx 10px 15rpx 10px;
.btn {
width: 130rpx;
height: 66rpx;
display: flex;
align-items: center;
justify-content: center;
>image {
width: 30rpx;
height: 30rpx;
&.fan-img {
animation: rotate 5s linear infinite;
/* 持续时间为 5 秒，线性缓动，无限循环 */
/* 定义旋转动画 */
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
}
span {
margin-left: 10rpx;
}
&.btn-on {
background: linear-gradient(0deg, #54CDA4, #27B584);
border-radius: 10rpx;
span {
color: #fff;
}
}
&.btn-off {
background: #EFFCF7;
border: 2px solid rgba(58, 187, 144, 0.25);
border-radius: 10rpx;
box-sizing: border-box;
span {
font-weight: bold;
color: #24B383;
}
}
}
}
.lishui-title {
width: 100%;
padding: 0 20rpx 0 30rpx;
border-bottom: 1rpx solid #DDD;
height: 80rpx;
display: flex;
align-items: center;
justify-content: space-between;
.title-left {
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
}
.title-right {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #999999;
display: flex;
align-items: center;
image {
margin-left: 20rpx;
width: 16rpx;
height: 8rpx;
}
}
}
.status-noTrue {
width: 100%;
height: 150rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #999999;
image {
width: 50rpx;
height: 50rpx;
margin-right: 20rpx;
}
}
.lishui-content {
padding: 0 30rpx;
.lishui-set {
width: 100%;
height: 100rpx;
border-bottom: 1rpx solid #DDD;
display: flex;
align-items: center;
justify-content: center;
&.text-green {
.set-1 span {
font-size: 32rpx;
color: green;
}
}
>view {
padding: 0 35rpx;
display: flex;
align-items: center;
>span {
font-weight: bold;
margin-left: 20rpx;
}
.sel {
width: 40rpx;
height: 40rpx;
}
.sel-no {
width: 40rpx;
height: 40rpx;
background: #F5F6FA;
border: 2rpx solid #E1E2E6;
border-radius: 50%;
box-sizing: border-box;
}
}
}
.lishui-status {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
padding: 35rpx 0;
span {
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #24B383;
margin-left: 15rpx;
}
.btn {
width: 190rpx;
height: 66rpx;
display: flex;
align-items: center;
justify-content: center;
>image {
width: 30rpx;
height: 30rpx;
&.fan-img {
animation: rotate 5s linear infinite;
/* 持续时间为 5 秒，线性缓动，无限循环 */
/* 定义旋转动画 */
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
}
span {
margin-left: 10rpx;
}
&.btn-on {
background: linear-gradient(0deg, #54CDA4, #27B584);
border-radius: 10rpx;
span {
color: #fff !important;
}
}
&.btn-off {
background: #EFFCF7;
border: 2px solid rgba(58, 187, 144, 0.25);
border-radius: 10rpx;
box-sizing: border-box;
span {
font-weight: bold;
color: #24B383;
}
}
}
}
.lishui-flex {
display: flex;
align-items: center;
>view {
margin-right: 20rpx;
}
.btn {
width: 140px;
height: 66rpx;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
padding: 0 15rpx;
white-space: nowrap;
&.btn-140 {
width: 140px;
}
&.btn-110 {
width: 110px;
}
&.btn-on {
background: linear-gradient(0deg, #54CDA4, #27B584);
border-radius: 10rpx;
span {
color: #fff;
}
}
&.btn-off {
background: #EFFCF7;
border: 2px solid rgba(58, 187, 144, 0.25);
border-radius: 10rpx;
box-sizing: border-box;
span {
color: #24B383;
}
}
}
}
.model-title {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
margin-bottom: 20rpx;
}
.lishui-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 30rpx; //纵向间隔
grid-column-gap: 30rpx; //横向间隔
padding: 30rpx 0 35rpx 0;
.btn {
width: 190rpx;
height: 66rpx;
display: flex;
align-items: center;
justify-content: center;
>image {
width: 30rpx;
height: 30rpx;
&.fan-img {
animation: rotate 5s linear infinite;
/* 持续时间为 5 秒，线性缓动，无限循环 */
/* 定义旋转动画 */
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
}
span {
margin-left: 10rpx;
}
&.btn-on {
background: linear-gradient(0deg, #54CDA4, #27B584);
border-radius: 10rpx;
span {
color: #fff;
}
}
&.btn-off {
background: #EFFCF7;
border: 2px solid rgba(58, 187, 144, 0.25);
border-radius: 10rpx;
box-sizing: border-box;
span {
font-weight: bold;
color: #24B383;
}
}
}
}
}
}
/deep/.u-mode-center-box {
background-color: transparent;
}
.contentPop {
width: 100%;
min-height: calc(100% - 70rpx);
position: relative;
.contentPop_box {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 20rpx;
padding-bottom: 30rpx;
.title {
width: 100%;
height: 91rpx;
font-size: 34rpx;
font-family: PingFang SC;
font-weight: bold;
color: #333333;
border-bottom: 1rpx solid #DDDDDD;
text-align: center;
line-height: 91rpx;
}
}
>image {
width: 50rpx;
height: 50rpx;
position: absolute;
bottom: -70rpx;
left: 50%;
transform: translate(-50%);
}
.padding-none {
padding: unset !important;
}
.lishui-content {
.lishui-set {
padding: unset;
>view {
padding: 0 15rpx;
span {
margin-left: 10rpx;
}
}
}
.lishui-grid {
padding: 0rpx 30rpx 0rpx;
>view {
width: 175rpx !important;
span {
margin-left: 0;
}
}
}
}
}
}
.changeMoreBtn {
width: 340rpx;
height: 80rpx;
background: linear-gradient(0deg, #57CFA6, #25B383);
box-shadow: 0rpx 3rpx 15rpx 0rpx rgba(36, 179, 131, 0.35);
border-radius: 15rpx;
display: flex;
justify-content: center;
align-items: center;
margin: 30rpx auto;
>image {
width: 30rpx;
height: 30rpx;
margin-right: 16rpx;
}
>text {
font-size: 30rpx;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: #FFFFFF;
}
}
</style>
Reference in New Issue View Git Blame Copy Permalink