123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212 |
- <wxs src="../../utils/filter.wxs" module="filter" />
- <!--index.wxml-->
- <view class="container">
- <van-sticky>
- <!-- <van-button type="primary">基础用法</van-button> -->
- <navbar titleText='环境调节' projectName='{{tenantName}}' homeIcon="{{tenants.length>1?true:false}}" bind:home="goProject"></navbar>
- </van-sticky>
- <!-- 轮播图部分 -->
- <view class="header_container">
- <view class="header_box">
- <!-- indicator-dots="true" -->
- <swiper duration="1000" circular="true" bindchange="swiperChange" current="{{swiperCurrent}}">
- <block wx:for="{{swiperDate}}" wx:key="index">
- <swiper-item bindtap="changePop" data-index="{{index}}">
- <image src="{{item.initPic}}" wx:if="{{!item.imgShow||!item.pic}}"></image>
- <!-- -->
- <image wx:key="index" src="{{imgbaseUrl+item.pic}}&width=2154&height=1464" wx-if="{{!item.isInit&&item.pic}}" class='{{item.imgShow ? "" : "before-load"}}' bindload="imageLoad" data-index="{{index}}"></image>
- <!-- <image src="{{item.pic}}" wx-if="{{item.isInit}}" mode="scaleToFill"></image> -->
- <view class="img_footer">
- <!-- 环境参数信息 -->
- <view>
- <image src="../../static/images/Temp.png" mode="aspectFill"></image>
- 温度: <view class="envitem">{{filter.mathFormat(item.temperature) || '--'}} <text>°C</text></view>
- </view>
- <view>
- <image src="../../static/images/CO2.png"></image>
- CO2: <view class="envitem">{{filter.mathFormat(item.co2) || '--'}} <text>ppm</text> </view>
- </view>
- <view>
- <image src="../../static/images/RH.png"></image>
- 湿度: <view class="envitem">{{filter.mathFormat(item.humidity) || '--'}} <text>%</text></view>
- </view>
- <view>
- <image src="../../static/images/PM2.5.png"></image>PM2.5: <view class="envitem">{{filter.mathFormat(item.pm25) || '--'}} <text>μg/m³</text></view>
- </view>
- </view>
- <view class="fixed_box" wx:if="{{!item.isInit}}">
- <!-- 房间及定位 -->
- <view class="roombg"><text>{{item.localName}}</text></view>
- <!-- bindtap="changePop" data-index="{{index}}" -->
- <view class="envshow">
- <view>
- <view class="lottie" wx:if="{{!popShow}}"><lottie id="lottie" animationData="{{statusList[item.stateId].canvasDate}}" width="25" height="25"/></view>
- <!-- <image src="{{statusList[item.stateId].imgSrc}}"></image> -->
- <text>{{item.state}}</text>
- </view>
- <view class="fixed_dec">调节
- <van-icon name="arrow" color="#c3c6cb" />
- </view>
- </view>
- </view>
- </swiper-item>
- </block>
- </swiper>
- </view>
- </view>
-
- <!-- 轮播图小点 -->
- <swiper-dots swiperCurrent="{{swiperCurrent}}" swiperNum="{{swiperDate.length}}"></swiper-dots>
- <!-- 按钮部分 -->
- <view class="btn_list">
- <view id="{{item.id}}" catchtap="itemClick" class="btn_item" wx:for='{{meauList}}' wx:key="index">
- <view class="item_img">
- <!-- <van-icon name="qr" size="1em" /> -->
- <image src="{{item.imgSrc}}" mode="aspectFill"></image>
- </view>
- <view>
- <text class="item_title">{{item.title}}</text>
- <text class="item_des">{{item.des}}</text>
- </view>
- <view class="item_">
- <van-icon name="arrow" color="#C3C6CB" />
- </view>
- </view>
- </view>
- <!-- 弹窗部分 custom-style="height:1200rpx"-->
- <van-popup show="{{ popShow }}" round closeable="{{(popswiperDate.isClose||!feedBack)?flase:true}}" position="bottom" bind:close="popClose">
- <view class="spacedetail" catchtouchmove="preventTouchMove" >
- <!-- 房间名称 -->
- <view class="space_title">{{popswiperDate.localName}}</view>
- <!-- 数据列表 -->
- <swiper current="{{popswiperCurrent}}" bindchange="popswiperChange" circular="true">
- <swiper-item>
- <view class="item_list">
- <block wx:for="{{envList}}" wx:key="index">
- <view class="list_item">
- <view>{{filter.mathFormat(item.value) + item.unit|| '--'}}</view>
- <view>{{item.name}}</view>
- </view>
- </block>
- </view>
- </swiper-item>
- <swiper-item wx:if="{{feedBack&&!popswiperDate.isClose}}">
- <!-- catchtouchmove='preventTouchMove' bindtouchstart="touchHandler" wx:if="{{chartShow}}"-->
- <!-- {{!feedBack?'123':'456'}} -->
- <view class="canvas {{(!popShow||!chartShow)?'canvashidden':''}}}}" wx:key="{{feedBack}}" >
- <canvas canvas-id="areaCanvas" ></canvas>
- </view>
- <view wx:if="{{!chartShow}}" class="canvascenter">
- <view>小主辛苦了</view>
- <view>还未开始显示哦</view>
- </view>
- </swiper-item>
- </swiper>
- <!-- 轮播图小点 -->
- <swiper-dots swiperCurrent="{{popswiperCurrent}}" swiperNum="{{(feedBack&&!popswiperDate.isClose)?2:1}}"></swiper-dots>
- <view class="envstate" wx:if="{{feedBack&&!popswiperDate.isClose}}">
- <view class="lottie" wx:if="{{popShow}}">
- <lottie id="lottie" animationData="{{statusList[popswiperDate.stateId].canvasDate}}" width="25" height="25" wx:key="{{statusList[popswiperDate.stateId]}}"/>
- </view>
- <!-- <image src="{{statusList[popswiperDate.stateId].imgSrc}}"></image> -->
- {{popswiperDate.state}}
- </view>
- <van-divider wx:if="{{feedBack&&!popswiperDate.isClose}}" />
- <!-- 反馈列表 -->
- <view class="feedback_list" wx:if="{{feedBack&&!popswiperDate.isClose}}">
- <view class="feedback_title">您当前的感觉是</view>
- <view class="type_title">温度</view>
- <view class="typelist">
- <block wx:for="{{tempType}}" wx:key="index">
- <view bindtap="changeType" class="{{tempTypeValue===item.id?'typelistactive':''}}" data-index="{{item.id}}" data-type="temp">
- <image src="{{item.imgSrc}}"></image>{{item.value}}
- </view>
- </block>
- </view>
- <view class="type_title">环境</view>
- <view class="typelist typelistlast">
- <block wx:for="{{envType}}" wx:key="index">
- <view bindtap="changeType" class="{{envTypeValue===item.id?'typelistactive':''}}" data-index="{{item.id}}" data-type="env">
- <image src="{{item.imgSrc}}"></image>{{item.value}}
- </view>
- </block>
- </view>
- <view class='submitbtn {{(tempTypeValue!=-1||envTypeValue!=-1) ? "submitbtnactive" : ""}}' bindtap="submitFeedback">确定</view>
- </view>
- <!-- 反馈后页面显示 -->
- <view wx:if="{{!feedBack&&!popswiperDate.isClose}}">
- <!-- 文字 -->
- <view class="feedtext">
- <view class="feedimgbox">
- <!-- {{spaceStatusId}} -->
- <view class="lottie"><lottie id="lottie2" animationData="{{spacestatusList[spaceStatusId].canvasDate}}" width="25" height="25"/></view>
- <!-- <image src="{{spacestatusList[spaceStatusId].imgSrc}}"></image> -->
- <text class="feedtext_title">{{spaceStatus}}</text>
- </view>
- <block wx:for="{{notice}}" wx:key="{{index}}">
- <text class="feedtext_desc">{{item}}</text>
- </block>
-
- <!-- 滚动列表 -->
- <view class="noticbox">
- <!-- <view class="noticcontent" >
- <block wx:for="{{equipmentStatustext}}">
- <view class="noticbox_text">{{item.name}}</view>
- <view class="noticbox_text">{{item.actions}}</view>
- </block>
- <view></view>
- </view> -->
- <swiper vertical autoplay duration="300" circular interval="1500">
- <block wx:for="{{equipmentStatustext}}" >
- <swiper-item>
- <view class="noticbox_text">{{item.name}}</view>
- <!-- <view class="noticbox_text">{{item.actions}}</view> -->
- </swiper-item>
- <swiper-item>
- <!-- <view class="noticbox_text">{{item.name}}</view> -->
- <view class="noticbox_text">{{item.actions}}</view>
- </swiper-item>
- </block>
- </swiper>
- <!-- <van-notice-bar color="#80838F" backgroundColor="#ffffff" text="{{ equipmentStatustext }}" speed="{{speedValue}}" ></van-notice-bar> -->
- <!-- {{equipmentStatus}} -->
- </view>
- <view class="radiobox">
- <van-radio-group value="{{addFollow}}" bind:change="addonChange" wx:if="{{!popswiperDate.subscribe}}">
- <van-radio name="1" shape="square">是否加入关注列表</van-radio>
- </van-radio-group>
- <view wx:if="{{popswiperDate.subscribe}}">已加入关注列表</view>
- </view>
- </view>
- <!-- <view>是否加入关注列表</view> -->
- <view class='submitbtn opencontent_openbtn ' bindtap="colseFeedback">关闭</view>
- </view>
- <view class="opencontent" wx:if="{{popswiperDate.isClose}}">
- <view class="envstate">
- <view class="lottie"><lottie id="lottie" animationData="{{statusList[popswiperDate.stateId].canvasDate}}" width="25" height="25"/></view>
- <!-- <image src="{{statusList[popswiperDate.stateId].imgSrc}}"></image> -->
- {{popswiperDate.state}}
- </view>
- <!-- {{filter.formatTimeall(popswiperDate.nextOpenTime)}} -->
- <view class="opencontent_text">预计在{{monthDay}} 重新开启环境调节</view>
- <view class='submitbtn opencontent_openbtn' bindtap="openEnv">立即开启环境调节</view>
- </view>
- </view>
- </van-popup>
- <!-- 弹出提示框 -->
- <van-toast id="van-toast" />
- <!-- 关机二次确认弹窗 secondpopValue-->
- <van-popup show="{{ secondpopValue }}" round bind:close="commitClose" position="bottom" custom-style="height:380rpx;border-top:1px solid #ededee">
- <view class="spacedetail seconddetail">
- <view class="secondtxt secondtxt_title">
- <view class="lottie">
- <lottie id="lottie" animationData="{{spacestatusList[secondIcon-1].canvasDate}}" width="25" height="25" />
- </view>
- {{secondSpaceStatus}}
- </view>
- <view class="secondtxt">{{secondNotice}}</view>
- <view class="custom_button" bindtap="commitClose">关闭</view>
- </view>
- </van-popup>
- </view>
|