<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.findIndex(item => item.id =='10')!=-1&&purviewList[purviewList.findIndex(item => item.id =='10')].state===0">
						<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-for="item,index in statusList" :key="index">
					<view class="lishui-item">
						<view class="lishui-title">
							<view class="title-left">
								{{ item.name }}
							</view>
							<view class="title-right" @click="openModel(item)">
								设置
								<image src="../../static/set-arrow.png" mode=""></image>
							</view>
						</view>
						<template v-if="item.open!=0">
							<!-- 风机 -->
							<view class="lishui-content" v-if="item.type==1">
								<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-grid">
									<view class="btn " :class="item.status[0] == 1 ? 'btn-on' : 'btn-off'">
										<image class="fan-img" v-if="item.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="item.status[1] == 1 ? 'btn-on' : 'btn-off'">
										<image class="fan-img" v-if="item.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="item.status[2] == 1 ? 'btn-on' : 'btn-off'">
										<image class="fan-img" v-if="item.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="item.status[3] == 1 ? 'btn-on' : 'btn-off'">
										<image class="fan-img" v-if="item.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="item.status[4] == 1 ? 'btn-on' : 'btn-off'">
										<image class="fan-img" v-if="item.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 class="lishui-content" v-else-if="item.type==8">
								<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-grid"
									style="grid-template-columns: repeat(4, 1fr);grid-row-gap: 20rpx;grid-column-gap: 20rpx;">
									<view class="btn " :class="item.status[0] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[1] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[2] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[3] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[4] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[5] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[6] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[7] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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 class="lishui-content" v-else-if="item.type==18">
								<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-set text-green">
									<view class="set-1" v-if="item.count == 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="item.status[0] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[1] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[2] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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="item.status[3] == 1 ? 'btn-on' : 'btn-off'"
										style="width: 140rpx;height: 66rpx;">
										<image class="fan-img" v-if="item.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 class="lishui-content" v-else-if="item.type==17">
								<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-set text-green">
									<view class="set-1" v-if="item.count == 0">
								
										<span>自动模式</span>
									</view>
									<view class="set-1" v-if="item.count == 1">
								
										<span>制冷模式</span>
									</view>
									<view class="set-1" v-if="item.count == 2">
								
										<span>制热模式</span>
									</view>
									<view class="set-1" v-if="item.count == 3">
								
										<span>除湿模式</span>
									</view>
									<view class="set-1" v-if="item.count == 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="item.index == 1 ? 'btn-on' : 'btn-off'">
										<image class="fan-img" v-if="item.index == 1"
											src="../../static/fanwetcurtain.png" alt="" style="animation: unset;">
										</image>
										<image v-else src="../../static/fan-off.png" alt=""></image>
										<span>{{item.index == 1 ? '打开' : '关闭'}}</span>
									</view>
								</view>
							</view>
							<!-- 顶卷膜及其他 -->
							<view class="lishui-content" v-else>
								<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" v-if="item.type==15">
									{{ getNumberStatus(item) }}:
									<span :style="item.index != 1 ? 'color:#FF6C6C' : '#24B383'"
										style="margin-right: 16%;">{{ item.progress }}%</span>
									PID:
									<span>{{ item.count }}</span>
								</view>
								<view class="lishui-status" v-else-if="item.type == 2 || item.type == 5 || item.type == 6 || item.type == 12
            || item.type == 13 || item.type == 14 || item.type == 16">
									{{ getNumberStatus(item) }}:
									<span
										:style="item.index != 1 ? 'color:#FF6C6C' : '#24B383'">{{ item.progress }}%</span>
								</view>
								<view class="lishui-status" v-else>
									<view class="btn" :class="item.index == 1 ? 'btn-on' : 'btn-off'">
										<image class="fan-img" v-if="item.index == 1" src="../../static/fanwetcurtain.png" alt=""
											style="animation: unset;width: 34rpx;height: 29rpx;">
										</image>
										<image v-else src="../../static/fan-off.png" alt=""></image>
										<span>{{item.index == 1 ? '打开' : '关闭'}}</span>
									</view>
								</view>
							</view>
						</template>
						<view v-else class="status-noTrue">
							<image src="../../static/noTrue.png" mode=""></image>
							<span>当前设备无效</span>
						</view>
					</view>
			</view>
<!-- 		<view class="add-btn" @click="addModel=true">
			<image src="../../static/add_act.png" mode=""></image>
		</view> -->
		<!-- 添加设备弹窗 -->
		<u-modal v-model="addModel" width="95%" title="添加设备">
			<scroll-view scroll-y="true" style="height: 70vh;">
										<view class="slot-content">
											  <view v-for="item, index in selDevicestatus" :key="index"  @click="selClick(item)">
											                    <!-- <view :class="item.select ? 'sel-view sel' : 'sel-view no-sel'"></view> -->
																  <image v-if="item.select" src="../../static/sel-1.png" mode=""></image>
																<image v-else src="../../static/no-sel.png" mode=""></image>
																{{ item.statePermissions }}
											                </view>
										</view>
										</scroll-view>
				
				</u-modal>
		<!-- 东北五防弹框 -->
		<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">
						{{skylightName}}
					</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">
						{{fanName}}
					</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">
						{{standardFanName}}
					</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">
						{{coldWarmFanName}}
					</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="hotFanControl(1)"
							:class="coldWarmFanIndex==1?'btn-on':'btn-off'">
							<span>自动运行</span>
						</view>
						<view class="btn btn-140 " @click="hotFanControl(2)"
							:class="coldWarmFanIndex==2?'btn-on':'btn-off'">
							<span>手动启动</span>
						</view>
						<view class="btn btn-140 " @click="hotFanControl(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="changeColdWarm(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="changeColdWarm(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="changeColdWarm(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="changeColdWarm(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">
						{{supplementLightName}}
					</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">
						{{ popCirculationFengshanName }}
					</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">
						{{ airconditioningName}}
					</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">
						{{ popCO2Name}}
					</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">
						{{ popfanwetcurtainName}}
					</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">
						{{ pophighpressuremistName}}
					</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">
						{{ popoutFlipWindowName}}
					</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">
						{{ popinnercurtainName }}
					</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">
						{{popexternalsunshadeName}}
					</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">
						{{popairWindowName}}
					</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">
						{{interiorthermalinsulationName}}
					</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">
						{{ upFaceInsulationName}}
					</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="!statusList.length" style="text-align: center;">
			暂无权限查看
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				nowId:'',//当前弹窗打开的id
				// 添加设备弹窗
				addModel:false,
				// 头部导航背景
				background: {
					backgroundColor: '#24B383',
				},
				deviceId: '',

				statusTime: 2, //status状态的秒数
					allDevicestatus: [],//所有权限
		            nowDevicestatus: [],//当前设备权限
		            selDevicestatus: [],//重叠上面数组 判断选择弹窗是否打勾
					statusList: [],
					
				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
									},
								],
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
					},
				],

				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'
				},
			
				inputData: [],
				inputData1: [],
				timer: '',

				purviewList: [], //权限的list
				typeList: [],
				statusInterval: null, //状态接口调取
				fanName:'',
				fanStatus: {
					name: '风机',
					open: 0,
					status: []
				},
				indexs: 1, //弹窗打开的顶卷膜index
				openIndex1: 0, //顶卷膜的index
				modelShow: false, //顶卷膜show
				
				skylightName:'',
				fanmodelShow: false, //风机show
				openIndex: 0, //风机有效性
				inputData2: [],
				actList1: [],

				//标准风机
				standardFanmodelShow: false,
				standardFanName:'',
				standardFanStatus: {
					name: '标准风机',
					open: 0,
					status: []
				},
				standardFanOpenIndex: 0,
				standardFanInputData2: [],
				standardFanActList1: [],

				fiveControl: {}, //读取（五防项目）控制器
				fiveControlShow: false, //五防项目show
				fiveControlIndex: 0, //五防项目index
				pop_title: '',
				close_btn_all: false,
				fiveControlUrl: "",
			

				valveControlShow: false, //电磁阀
				valvePopTitle: '',
				valve_input_value: '',
				valveControlIndex: 0,
				
				electronMagneticList: [],
				supplementLightShow: false, //补光灯
				lightControlIndex: 0,
				supplementLightName:'',
			
				actListLight: [],

				coldWarmFanShow: false, //冷暖风机
				coldWarmFanIndex: 0,
				coldWarmFanName:'',
				
				coldWarmFanList: [],


				circulationFengshanShow: false, //环流风扇
				circulationControlIndex: 0,
				
				popCirculationFengshanName: '',

				fanwetcurtainShow: false, //湿帘泵
				fanwetcurtainControlIndex: 0,
			
				popfanwetcurtainName: '',

				CO2Show: false, //CO2补气
				CO2Index: 0,
				popCO2Name: '',


				highpressuremistShow: false, //高压微雾
				highpressuremistControlIndex: 0,
			
				pophighpressuremistName: '',

				outFlipWindowShow: false, //湿帘外翻窗
				outFlipWindowControlIndex: 0,
			
				popoutFlipWindowName: '',

				innercurtainShow: false, //内遮阳
				innercurtainControlIndex: 0,
			
				popinnercurtainName: '',

				externalsunshadeShow: false, //外遮阳
				externalsunshadeControlIndex: 0,
			
				popexternalsunshadeName: '',

				airWindowShow: false, //通风窗
				airWindowControlIndex: 0,
				popairWindowName: '',

				interiorthermalinsulationShow: false, //内保温
				interiorthermalinsulationIndex: 0,
				interiorthermalinsulationList: [{
						name: '1#内保温',
						state: 0,
						progress: 0,
						statusProgress: 0
					},
					{
						name: '2#内保温',
						state: 0,
						progress: 0,
						statusProgress: 0
					},
				],
				interiorthermalinsulationName: '',

				upFaceInsulationShow: false, //立面保温
				upFaceInsulationIndex: 0,
			
				upFaceInsulationName: '',

				airconditioningShow: false, //湿空调
				airconditioningControlIndex: 0,
				airconditioningName:'',
				
				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;
			}
			uni.showLoading({
				title: '加载中...'
			});
			this.dataInit()
		},
		beforeDestroy() {
			clearInterval(this.statusInterval) && this.statusInterval
		},
		onPullDownRefresh() {
			uni.showLoading({
				title: '加载中...'
			})
			this.dataInit();
		},
		methods: {
			    selClick(item) {
			            var deviceId = this.deviceId
			            var statusId = item.id.toString()
			            if (item.select) {
			                item.select = false
			                this.$forceUpdate();
							this.$http({
								url: this.api.getcontrol_delPermissionStatus + '?deviceId=' + deviceId+'&permissionid='+statusId,
								method: 'POST'
							}).then((res => {
			                    if (res.code == 200) {
									uni.showToast({
										title: '修改成功',
										icon: 'none',
										duration: 2000
									})
			                        this.getPermissionStatus()
			                    } else {
									uni.showToast({
										title:res.msg,
										icon: 'none',
										duration: 2000
									})
			                    }
			                }))
			            } else {
			                item.select = true
			                this.$forceUpdate();
							this.$http({
								url: this.api.getcontrol_addStatepermission + '?deviceId=' + deviceId+'&Permissionid='+statusId,
								method: 'POST'
							}).then((res => {
			                    if (res.code == 200) {
			                       uni.showToast({
			                       	title: '修改成功',
			                       	icon: 'none',
			                       	duration: 2000
			                       })
			                        this.getPermissionStatus()
			                    }
			                }))
			            }
			        },
			openModel(item){
				this.nowId=item.id
				// 根据id打开弹窗
				if(item.id==6||item.id==7||item.id==8||item.id==9||item.id==10||item.id==11){
					//五防弹窗
					this.openFiveControlShow(item)
				}else if(item.id==2||item.id==3||item.id==4||item.id==5){
					//顶卷膜
					this.openModelShow(item)
				}else if(item.id==1){
					//丽水风机
					this.fanmodelHander(item)
				}else if(item.id==17){
					//标准风机
					this.standardFanmodelHander(item)
				}else if(item.id==42||item.id==43||item.id==44||item.id==45||item.id==46||item.id==47||item.id==48||item.id==49){
					//电磁阀
					this.openValveControlShow(item)
				}else if(item.id==39){
					//冷暖风机
					this.coldWarmFanHander(item)
				}else if(item.id==12){
					//补光灯
					this.supplementLightHander(item)
				}else if(item.id==15||item.id==16){
					//环流风扇
					this.circulationFengshanHander(item)
				}else if(item.id==38){
					//空调
					this.airconditioningHander(item)
				}else if(item.id==40||item.id==41){
					//CO2补气
					this.CO2Hander(item)
				}else if(item.id==18||item.id==19){
					//湿帘泵
					this.fanwetcurtainHander(item)
				}else if(item.id==13||item.id==14){
					//高压微雾
					this.highpressuremistHander(item)
				}else if(item.id==20||item.id==21){
					//湿帘外翻窗
					this.outFlipWindowHander(item)
				}else if(item.id==22||item.id==23){
					//内遮阳
					this.innercurtainHander(item)
				}else if(item.id==24||item.id==25){
					//外遮阳
					this.externalsunshadeHander(item)
				}else if(item.id==26||item.id==27||item.id==28||item.id==29){
					//通风窗1234
					this.airWindowHander(item)
				}else if(item.id==32||item.id==33){
					//通风窗56
					this.airWindowHander1(item)
				}else if(item.id==30||item.id==31){
					//内保温
					this.interiorthermalinsulationHander(item)
				}else if(item.id==34||item.id==35|item.id==36||item.id==37){
					//立面保温
					this.upFaceInsulationHander(item)
				}else{
					uni.showToast({
						title: '暂无法设置。',
						icon: 'none',
						duration: 2000
					})
				}
				
				
				
			},
			// 小程序手机控制权限数据
			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.nowId == 6) {
					this.changeBtn(21520, dataNum);
				} else if (this.nowId == 7) {
					this.changeBtn(21526, dataNum);
				} else if (this.nowId == 8) {
					this.changeBtn(21530, dataNum);
				} else if (this.nowId == 9) {
					this.changeBtn(21541, dataNum);
				} else if (this.nowId == 10) {
					this.changeBtn(21548, dataNum);
				} else if (this.nowId == 11) {
					this.changeBtn(21558, dataNum);
				}
			},

			// *#电磁阀
			changeValveControl(index) {
				this.valveControlIndex = index;
				let dataNum = {
					target: {
						value: this.valveControlIndex,
					},
				};
				let num = (this.nowId - 42) * 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
				// 	})
				// 	return
				// }
				let dataNum = {
					target: {
						value: this.valve_input_value,
					},
				};
				let num = (this.valvePopTitle.substring(0, 1) - 1) * 50 + 20202;
				this.changeBtn(num, dataNum);
			},
// 冷暖风机
			hotFanControl(index) {
				this.coldWarmFanIndex = index;
				let dataNum = {
					target: {
						value: this.coldWarmFanIndex,
					},
				};
				this.changeBtn(22250, dataNum);
			},
			// 补光灯
			changeLightControl(index) {
				this.lightControlIndex = index;
				let dataNum = {
					target: {
						value: this.lightControlIndex,
					},
				};
				this.changeBtn(21400, dataNum);
			},
			// 冷暖风机
			changeColdWarm(index){
				
				if (this.coldWarmFanList[index] == '1') {
					this.coldWarmFanList[index] = '0'
				} else {
					this.coldWarmFanList[index] = '1'
				}
				var revList = this.coldWarmFanList.slice().reverse()
				var num = revList.join("");
				var dataNum = {
					target: {
						value: parseInt(num, 2),
					},
				};
				this.changeBtn('22251', 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.nowId == 15) {
					this.changeBtn(21450, dataNum);
				} else if (this.nowId == 16) {
					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.nowId == 40) {
					this.changeBtn(22360, dataNum);
				} else if (this.nowId == 41) {
					this.changeBtn(22378, dataNum);
				}
			},
			// 湿帘泵
			changefanwetcurtainControl(index) {
				this.fanwetcurtainControlIndex = index;
				let dataNum = {
					target: {
						value: this.fanwetcurtainControlIndex,
					},
				};
				if (this.nowId == 18) {
					this.changeBtn(21970, dataNum);
				} else if (this.nowId == 19) {
					this.changeBtn(21972, dataNum);
				}
			},

			// 高压微雾
			changehighpressuremistControl(index) {
				this.highpressuremistControlIndex = index;
				let dataNum = {
					target: {
						value: this.highpressuremistControlIndex,
					},
				};
				if (this.nowId == 13) {
					this.changeBtn(21800, dataNum);
				} else if (this.nowId == 14) {
					this.changeBtn(21808, dataNum);
				}
			},

			// 湿帘外翻窗弹框
			changeoutFlipWindowControl(index) {
				this.outFlipWindowControlIndex = index;
				let dataNum = {
					target: {
						value: this.outFlipWindowControlIndex,
					},
				};
				if (this.nowId == 20) {
					this.changeBtn(21974, dataNum);
				} else if (this.nowId == 21) {
					this.changeBtn(21979, dataNum);
				}
			},

			// 内遮阳
			changeinnercurtainControl(index) {
				this.innercurtainControlIndex = index;
				let dataNum = {
					target: {
						value: this.innercurtainControlIndex,
					},
				};
				if (this.nowId == 22) {
					this.changeBtn(21840, dataNum);
				} else if (this.nowId == 23) {
					this.changeBtn(21858, dataNum);
				}
			},

			// 外遮阳
			changeexternalsunshadeControl(index) {
				this.externalsunshadeControlIndex = index;
				let dataNum = {
					target: {
						value: this.externalsunshadeControlIndex,
					},
				};
				if (this.nowId == 24) {
					this.changeBtn(21900, dataNum);
				} else if (this.nowId == 25) {
					this.changeBtn(21915, dataNum);
				}
			},

			// 通风窗
			changeairWindowControl(index) {
				this.airWindowControlIndex = index;
				let dataNum = {
					target: {
						value: this.airWindowControlIndex,
					},
				};
				if (this.nowId == 26) {
					this.changeBtn(21250, dataNum);
				} else if (this.nowId == 27) {
					this.changeBtn(21273, dataNum);
				} else if (this.nowId == 28) {
					this.changeBtn(21296, dataNum);
				} else if (this.nowId == 29) {
					this.changeBtn(21319, dataNum);
				} else if (this.nowId == 32) {
					this.changeBtn(21342, dataNum);
				} else if (this.nowId == 33) {
					this.changeBtn(21365, dataNum);
				}
			},

			// 内保温
			changeInnerInsulationControl(index) {
				this.interiorthermalinsulationIndex = index;
				let dataNum = {
					target: {
						value: this.interiorthermalinsulationIndex,
					},
				};
				if (this.nowId == 30) {
					this.changeBtn(22000, dataNum);
				} else if (this.nowId == 31) {
					this.changeBtn(22012, dataNum);
				}
			},

			// 立面保温
			changeUpFaceInsulationControl(index) {
				this.upFaceInsulationIndex = index;
				let dataNum = {
					target: {
						value: this.upFaceInsulationIndex,
					},
				};
				if (this.nowId == 34) {
					this.changeBtn(22300, dataNum);
				} else if (this.nowId == 35) {
					this.changeBtn(22313, dataNum);
				} else if (this.nowId == 36) {
					this.changeBtn(22326, dataNum);
				} else if (this.nowId == 37) {
					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(item) {
				// id从2开始 需要减到0
				this.indexs = (item.id-2) + 1
				this.modelShow = true
				this.skylightName=item.name
				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()
				}))
			},
		
			// 合并两个数组
			toNewList(list, list2) {
				let newList = list.map((item, index) => {
					// 从第二个数组中获取对应的 nickName 并赋值给 name
					const match = list2[index];
					return match ? {
							...match,
							...item,
							name: match.permissionNickName ? match.permissionNickName : item.name
						} :
						item;
				});
				return newList;
			},
			getPermissionStatus() {
				var deviceId = this.deviceId

				this.$http({
					url: this.api.getcontrol_getPermissionStatus,
					data: {
						deviceId: deviceId
					},
					method: 'get',
				}).then(res => {
					if (res.code == 200) {
						uni.hideLoading()
						uni.stopPullDownRefresh();
						this.nowDevicestatus = res.data
						this.getControl_getState()
						var list1 = this.allDevicestatus
						var list2 = this.nowDevicestatus
						var resultArray = []
						// 遍历 list1
						for (const item1 of list1) {
							// 查找在 list2 中是否有相同 id 的对象
							const matchingItem = list2.find(item2 => item2.id === item1.id);

							// 如果找到匹配的对象，则在 list1 对应的对象中添加 select 属性
							if (matchingItem) {
								item1.select = true;
							} else {
								// 如果没找到匹配的对象，则添加 select 属性并设置为 false
								item1.select = false;
							}

							// 将处理后的对象添加到结果数组中
							resultArray.push(item1);
						}
						this.selDevicestatus = resultArray
					}
				})
			},
			getStatePermissionStatus() {

				this.$http({
					url: this.api.getcontrol_getStatePermissionStatus,
					method: 'get',
				}).then(res => {
					if (res.code == 200) {
						this.allDevicestatus = res.data
						this.getPermissionStatus()
					}
				})
			},
			// 读取所有寄存器的状态值
			dataInit() {
				// 控制器状态获取
				
				this.getStatePermissionStatus()
				clearInterval(this.statusInterval) && this.statusInterval
				this.statusInterval = setInterval(() => {
					this.getControl_getState()
				}, this.statusTime * 1000);
				
				var deviceId = this.deviceId
								this.$http({
									url: this.api.getcontrol_cpermission + '?deviceId=' + deviceId,
									method: 'POST',
								}).then(res=>{
									uni.stopPullDownRefresh();
res.data.forEach((el, index) =>{
	this.purviewList.push({id:el.id.toString(),state:el.state})

})
console.log();
	if (this.purviewList.findIndex(item => item.id =='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) {
						uni.hideLoading()
					 const statusList = []
					 this.nowDevicestatus.forEach((el, index) => {
					                         if (el.id == 1) {
					                             //风机
					                             var fandata = {}
					                             fandata.open = res.data['1023']
					                             fandata.id = el.id
					                             fandata.type = 1
					                             fandata.name = el.nickName
					                             fandata.status = []
					                             var num = res.data['1024'] ? res.data['1024'] : 0
					                             var num1 = this.padString(num.toString(2), 5)
					                             var openListNew = []
					                             openListNew = num1.split("")
					                             fandata.status = openListNew.reverse()
					                             statusList.push(fandata)
					                         } else if (el.id == 17) {
					                             //风机
					                             var fandata = {}
					                             fandata.open = res.data['1078']
					                             fandata.id = el.id
					                             fandata.type = 1
					                             fandata.name = el.nickName
					                             fandata.status = []
					                             var num = res.data['1079'] ? res.data['1079'] : 0
					                             var num1 = this.padString(num.toString(2), 5)
					                             var openListNew = []
					                             openListNew = num1.split("")
					                             fandata.status = openListNew.reverse()
					                             statusList.push(fandata)
					                         } else if (el.id == 12) {
					                             //补光灯
					                             var fandata = {}
					                             fandata.open = res.data['1068']
					                             fandata.id = el.id
					                             fandata.type = 8
					                             fandata.name = el.nickName
					                             fandata.status = []
					                             var num = res.data['1069'] ? res.data['1069'] : 0
					                             var num1 = this.padString(num.toString(2), 8)
					                             var openListNew = []
					                             openListNew = num1.split("")
					                             fandata.status = openListNew.reverse()
					                             statusList.push(fandata)
					                         } else if (el.id == 39) {
					                             //冷暖风机
					                             var fandata = {}
					                             fandata.open = res.data['1175']
					                             fandata.id = el.id
					                             fandata.type = 18
					                             fandata.name = el.nickName
					                             fandata.status = []
					                             fandata.count = res.data['1176'] 
					                             var num = res.data['1177'] ? res.data['1177'] : 0
					                             var num1 = this.padString(num.toString(2), 4)
					                             var openListNew = []
					                             openListNew = num1.split("")
					                             fandata.status = openListNew.reverse()
					                             statusList.push(fandata)
					                         } 
					                         else if (el.id == 2 || el.id == 3 || el.id == 4 || el.id == 5) {
					                             //顶卷膜
					                             var statusData = { name: el.nickName, type: 2, id: el.id, open: res.data[(1025 + ((el.id - 2) * 3))], progress: res.data[(1027 + ((el.id - 2) * 3))], index: res.data[(1026 + ((el.id - 2) * 3))], count: 0 }
					                             statusList.push(statusData)
					                         } else if (el.id == 6) {
					                             //加温水泵
					                             var statusData = { name: el.nickName, type: 3, id: el.id, open: res.data['1000'], progress: 0, index: res.data['1001'], count: 0 }
					                             statusList.push(statusData)
					                         } else if (el.id == 7) {
					                             //地热风机
					                             var statusData = { name: el.nickName, type: 4, id: el.id, open: res.data['1002'], progress: 0, index: res.data['1003'], count: 0 }
					                             statusList.push(statusData)
					                         } else if (el.id == 8) {
					                             //上风口
					                             var statusData = { name: el.nickName, type: 5, id: el.id, open: res.data['1004'], progress: res.data['1006'], index: res.data['1005'], count: 0 }
					                             statusList.push(statusData)
					                         } else if (el.id == 9) {
					                             //下风口
					                             var statusData = { name: el.nickName, type: 5, id: el.id, open: res.data['1007'], progress: res.data['1009'], index: res.data['1008'], count: 0 }
					                             statusList.push(statusData)
					                         } else if (el.id == 10) {
					                             //卷被
					                             var statusData = { name: el.nickName, type: 6, id: el.id, open: res.data['1010'], progress: res.data['1012'], index: res.data['1011'], count: 0 }
					                             statusList.push(statusData)
					                         } else if (el.id == 11) {
					                             //除雪
					                             var statusData = { name: el.nickName, type: 7, id: el.id, open: res.data['1013'], progress: 0, index: res.data['1014'], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 13 || el.id == 14) {
					                             //高压微雾
					                             var statusData = { name: el.nickName, type: 9, id: el.id, open: res.data[(1070 + ((el.id - 13) * 2))], progress: 0, index: res.data[(1071 + ((el.id - 13) * 2))], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 15 || el.id == 16) {
					                             //环流风扇
					                             var statusData = { name: el.nickName, type: 10, id: el.id, open: res.data[(1074 + ((el.id - 15) * 2))], progress: 0, index: res.data[(1075 + ((el.id - 15) * 2))], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 18 || el.id == 19) {
					                             //湿帘泵
					                             var statusData = { name: el.nickName, type: 11, id: el.id, open: res.data[(1080 + ((el.id - 18) * 2))], progress: 0, index: res.data[(1081 + ((el.id - 18) * 2))], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 20 || el.id == 21) {
					                             //湿帘外翻窗
					                             var statusData = { name: el.nickName, type: 12, id: el.id, open: res.data[(1084 + ((el.id - 20) * 3))], progress: res.data[(1086 + ((el.id - 20) * 3))], index: res.data[(1085 + ((el.id - 20) * 3))], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 22 || el.id == 23) {
					                             //内遮阳
					                             var statusData = { name: el.nickName, type: 13, id: el.id, open: res.data[(1090 + ((el.id - 22) * 3))], progress: res.data[(1092 + ((el.id - 22) * 3))], index: res.data[(1091 + ((el.id - 22) * 3))], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 24 || el.id == 25) {
					                             //外遮阳
					                             var statusData = { name: el.nickName, type: 14, id: el.id, open: res.data[(1096 + ((el.id - 24) * 3))], progress: res.data[(1098 + ((el.id - 24) * 3))], index: res.data[(1097 + ((el.id - 24) * 3))], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 26 || el.id == 27 || el.id == 28 || el.id == 29) {
					                             //通风窗1234
					                             var statusData = { name: el.nickName, type: 15, id: el.id, open: res.data[(1102 + ((el.id - 26) * 3))], progress: res.data[(1104 + ((el.id - 26) * 3))], index: res.data[(1103 + ((el.id - 26) * 3))], count: res.data[1115 + (el.id - 26)] }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 30 || el.id == 31) {
					                             //内保温
					                             var statusData = { name: el.nickName, type: 16, id: el.id, open: res.data[(1182 + ((el.id - 30) * 3))], progress: res.data[(1184 + ((el.id - 30) * 3))], index: res.data[(1183 + ((el.id - 30) * 3))], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 32 || el.id == 33) {
					                             //通风窗56
					                             var statusData = { name: el.nickName, type: 15, id: el.id, open: res.data[(1188 + ((el.id - 32) * 3))], progress: res.data[(1190 + ((el.id - 32) * 3))], index: res.data[(1189 + ((el.id - 32) * 3))], count: res.data[1194 + (el.id - 32)] }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id == 34 || el.id == 35|| el.id == 36|| el.id == 37) {
					                             //立面保温1234
					                             var statusData = { name: el.nickName, type: 16, id: el.id, open: res.data[(1196 + ((el.id - 34) * 3))], progress: res.data[(1198 + ((el.id - 34) * 3))], index: res.data[(1197 + ((el.id - 34) * 3))], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id ==38) {
					                             //空调
					                             var statusData = { name: el.nickName, type:17, id: el.id, open: res.data['1160'], progress: 0, index: res.data['1161'], count: res.data['1162'] }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id ==40||el.id ==41) {
					                             //CO2补气
					                             var statusData = { name: el.nickName, type:11, id: el.id, open: res.data[(1178 + ((el.id - 40) * 2))], progress: 0, index: res.data[(1179 + ((el.id - 40) * 2))], count: 0 }
					                             statusList.push(statusData)
					                         } 
											 else if (el.id ==42||el.id ==43||el.id ==44||el.id ==45||el.id ==46||el.id ==47||el.id ==48||el.id ==49) {
					                             //电磁阀
					                             var statusData = { name: el.nickName, type:9, id: el.id, open: res.data[(1166 + (el.id - 42))], progress: 0, index:this.getDCF(el,res.data), count: 0 }
					                             statusList.push(statusData)
					                         }
											    })
											    this.statusList = statusList
											                     this.$forceUpdate();
				
				}
			})
		},
		getDCF(t, data) {
			var index = t
			var num = data[1174] ? data[1174] : '0'

			var num1 = this.padString(num.toString(2), 8)

			var openListNew = []
			openListNew = num1.split("")
			var actList = openListNew.reverse();

			return actList[index]
		},
		// 丽水 风机
		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(item) {
			this.standardFanmodelShow = true;
			this.standardFanName=item.name
			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("")
				this.standardFanActList1=openListNew.reverse()
				}
			})
		},

		// 东北五防弹框
		openFiveControlShow(item) {
			this.fiveControlShow = true;
			this.pop_title = item.name;
			this.close_btn_all = true;
			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 (item.id == 6) {
						this.fiveControlIndex = this.fiveControl[21520];
						this.fiveControlUrl = 'waterPump';

					} else if (item.id == 7) {
						this.fiveControlIndex = this.fiveControl[21526];
						this.fiveControlUrl = 'geothermalFan'
					} else if (item.id == 8) {
						this.fiveControlIndex = this.fiveControl[21530];
						this.fiveControlUrl = 'uptake'
					} else if (item.id == 9) {
						this.fiveControlIndex = this.fiveControl[21541];
						this.fiveControlUrl = 'downtake'
					} else if (item.id == 10) {
						this.fiveControlIndex = this.fiveControl[21548];
						this.fiveControlUrl = 'rollByRoll'
					} else if (item.id == 11) {
						this.fiveControlIndex = this.fiveControl[21558];
						this.fiveControlUrl = 'snowRemoval'
					}
				}
			})
		},

		// 电磁阀
		openValveControlShow(item) {
			this.valveControlShow = true
			var index= item.id-42
			this.valvePopTitle = item.name;
			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(item) {
			var deviceId = this.deviceId;
			this.coldWarmFanShow = true;
			this.coldWarmFanName=item.name
			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(item) {
			var deviceId = this.deviceId;
			this.supplementLightShow = true;
			this.supplementLightName=item.name
			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(item) {
			var index=item.id-15
			this.circulationControlIndex = 0;
			this.popCirculationFengshanName = item.name;
			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(item) {
			var index=item.id-40
			this.CO2Index = 0;
			this.popCO2Name = item.name;
			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(item) {
			var index= item.id-18
			this.fanwetcurtainControlIndex = 0;
			this.popfanwetcurtainName = item.name;
			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(item) {
			this.airconditioningControlIndex = 0;
			this.airconditioningName = item.name;
			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(item) {
			var index = item.id - 13
			this.highpressuremistControlIndex = 0;
			this.pophighpressuremistName = item.name;
			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(item) {
			var index = item.id - 20
			this.outFlipWindowControlIndex = 0;
			this.popoutFlipWindowName = item.name;
			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(item) {
			var index = item.id - 22
			this.innercurtainControlIndex = 0;
			this.popinnercurtainName = item.name;
			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(item) {
			var index = item.id - 24
			this.externalsunshadeControlIndex = 0;
			this.popexternalsunshadeName =  item.name;
			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];
				}
			})
		},

		// 通风窗1234
		airWindowHander(item) {
			var index = item.id - 26
			this.airWindowControlIndex = 0;
			this.popairWindowName = item.name;
			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];
				}
			})
		},
// 通风窗56
		airWindowHander1(item) {
			// 通风窗 从五开始(4)
			var index = item.id - 28
			this.airWindowControlIndex = 0;
			this.popairWindowName = item.name;
			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(item) {
			var index = item.id - 30
			this.interiorthermalinsulationIndex = 0;
			this.interiorthermalinsulationName = item.name;
			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(item) {
			var index = item.id - 34
			this.upFaceInsulationIndex = 0;
			this.upFaceInsulationName = item.name;
			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(item) {
		 var index = item.index
		            if (item.type == 2 || item.type == 5 || item.type == 6 ) {
		                //顶卷膜
		                if (index == 0) {
		                    return '静止状态'
		                } else if (index == 1) {
		                    return '正向打开中'
		                } else if (index == 2) {
		                    return '反向关闭中'
		                } else {
		                    return ''
		                }
		            }
		           
		           if(item.type == 16|| item.type == 13 || item.type == 14){
		             if (index == 0) {
		                    return '静止状态'
		                } else if (index == 1) {
		                    return '正向展开中'
		                } else if (index == 2) {
		                    return '反向收拢中'
		                } else {
		                    return ''
		                }
		           }
		            if(item.type == 15|| item.type == 12){
		             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');
		},
	
		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",
					})
				}
			});
		},
			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);
					},
						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
												}
											}
										})
									}
								},
// 根据type参数返回对应的txt_act21680
			getTypeRoll(i) {
				let arr = this.txt_act_list.filter(el => el.key == i)
				return arr[0][Object.keys(arr[0])[0]]
			},
		// 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;
	}
	.slot-content{
		display: grid;
			grid-template-columns: repeat(2,1fr);
		grid-row-gap:20rpx;//纵向间隔
		grid-column-gap:5rpx;//横向间隔
		padding:40rpx 10rpx;
		>view{
			font-size:28rpx;
			display: flex;
			align-items: center;
		}
		image{
			width: 36rpx;
			height: 36rpx;
		}
	}
	.add-btn{
		width:70rpx;
		height: 70rpx;
		position: fixed;
		right: 15rpx;
		top: 70%;
		background: #24B383;
		display: flex;
		border-radius: 50%;
		align-items: center;
		justify-content: center;
		image{
			width: 32rpx;
			height: 32rpx;
		}
	}
	.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>