index.wxml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
  1. <!-- mask -->
  2. <loading/>
  3. <view class="mini_mask" style="height:{{pageHight}}px" wx:if="{{guideInit}}" bindtap="nextStep">
  4. <view class="stepmask step_one" wx:if="{{guideStep===1}}">
  5. <view class="one_contant flex_row">
  6. 点击查看科普数据哦!
  7. </view>
  8. </view>
  9. <view class="stepmask step_two" wx:if="{{guideStep===2}}">
  10. <view class="two_contant flex_row">
  11. 根据个人感受,点击任意一项即可生效哦!
  12. </view>
  13. </view>
  14. </view>
  15. <van-sticky>
  16. <header class="header_custom" wx:if="{{headerShow}}" customClass="{{true}}">
  17. <view slot="content" class="header-title">
  18. <view class='goback' bindtap="goBack">
  19. <van-icon color="#FFFFFF" name="arrow-left" size="20px"/>
  20. </view>
  21. <view class='mode_box' bindtap="changeMode">
  22. <image src="../../static/images/modechange.png" />
  23. <text class="projectname">{{StandardMode?'标准模式':'专业模式'}}</text>
  24. </view>
  25. </view>
  26. </header>
  27. </van-sticky>
  28. <view id="j_page" class="j_page">
  29. <!-- <view class="flex_row uptime" wx:if="{{nextOpenTime}}">
  30. 预计 {{nextOpenTime}} 重新开启环境调节
  31. </view> -->
  32. <!-- banner -->
  33. <view class="adjust_main">
  34. <view class="space_bg">
  35. <image src="{{imgbaseUrl}}{{spaceDetail.pic}}" wx:if="{{spaceDetail.pic}}"/>
  36. <image src="{{picInitUrl}}" lazy-load="{{true}}" wx:if="{{!spaceDetail.pic}}"/>
  37. </view>
  38. <view class="space_msg">
  39. <view class="msg_left">
  40. <view class="msg_left_text">
  41. <text class="spacename">{{spaceDetail.localName}}</text>
  42. <text wx:if="{{spaceDetail.isPassengerPassShow}}" class="peoplestate {{spaceDetail.isPassengerPass=='有人'?'activepeople':''}}">{{spaceDetail.isPassengerPass}}</text>
  43. <image class="scan_img" bindtap="getScancode" src="../../static/images/scan.svg"></image>
  44. </view>
  45. <view class="spacestate flex_row">
  46. {{spaceDetail.state}}
  47. <view>
  48. <lottie wx:if="{{!feedBack}}" id="lottie{{spaceDetail.id}}" canId="{{spaceDetail.id}}" animationData="{{statusList[spaceDetail.stateId].canvasDate}}" width="20" height="20"/>
  49. </view>
  50. </view>
  51. </view>
  52. <view class="msg_right" bindtap="toDetail">
  53. <!-- <text wx:if="{{spaceDetail.isPassengerPassShow}}" class="peoplestate">{{spaceDetail.isPassengerPass}}</text> -->
  54. <text>{{filter.initItemNum('',spaceDetail.temperature,'温度')}}</text>°C
  55. </view>
  56. </view>
  57. <view class="space_paramelist flex_row" hidden="{{!StandardMode}}">
  58. <block wx:for="{{envNamelist}}" wx:for-index="key" wx:for-item="value">
  59. <view class="parame_item flex_column" key="{{key}}" data-param="{{key}}" data-spaceid="{{spaceDetail.id}}" data-projectid="{{spaceDetail.projectId}}" data-funcid="{{value.funcid}}" data-localname="{{value.localName}}" data-name="{{value.name}}" bindtap="toDetail" wx:key="{{index}}">
  60. <view class="icon_name flex_row">
  61. <image src="{{value.imgSrc}}" /> {{value.name}}
  62. </view>
  63. <view class="parame_num"><text>{{filter.initItemNum(spaceDetail.tenantId,spaceDetail[key],value.name)}}</text>{{value.unit}}</view>
  64. <view class="parame_tag tag{{key}}bg{{spaceDetail[key+'level'].level}}" wx:if="{{(spaceDetail[key]||spaceDetail[key]==0)}}">
  65. <text>{{spaceDetail[key+'level'].levelTxt}}</text>
  66. </view>
  67. <view class="parame_tag novalue" wx:else><text>- -</text></view>
  68. </view>
  69. </block>
  70. </view>
  71. </view>
  72. <!-- 标准模式开始 -->
  73. <view class="standard_box" hidden="{{!StandardMode}}" wx:if="{{(spaceDetail.isClose+'')!='true'}}">
  74. <!-- 温度调节 -->
  75. <view class="envstate_list">
  76. <view class="list_title flex_row">
  77. <image src="../../static/images/tempadjust.png" />
  78. <text>温度调节</text>
  79. </view>
  80. <view class="list_body">
  81. <block wx:for="{{tempType}}" key="{{index}}">
  82. <view bindtap="changeType" class="{{tempTypeValue===item.id?'typelistactive':''}}" data-index="{{item.id}}" data-type="temp">
  83. <image src="{{item.imgSrc}}"></image>{{item.value}}
  84. </view>
  85. </block>
  86. </view>
  87. </view>
  88. <!-- 风速调节 -->
  89. <view class="envstate_list">
  90. <view class="list_title flex_row">
  91. <image src="../../static/images/windadjust.png" />
  92. <text>风速调节</text>
  93. </view>
  94. <view class="list_body">
  95. <block wx:for="{{windType}}" key="{{index}}">
  96. <view bindtap="changeType" class="{{windTypeValue===item.id?'typelistactive':''}} windstyle" data-index="{{item.id}}" data-type="wind">
  97. <image src="{{item.imgSrc}}"></image>{{item.value}}
  98. </view>
  99. </block>
  100. </view>
  101. </view>
  102. <view class="closedown iosbottom" bindtap="turnDown">
  103. <image src="../../static/images/turndown.png"></image>关机
  104. </view>
  105. </view>
  106. <view class="turndown" hidden="{{!StandardMode}}" wx:if="{{(spaceDetail.isClose+'')=='true'}}">
  107. <view class="closedown iosbottom" bindtap="turnUp">
  108. <image src="../../static/images/turndown.png"></image>开启
  109. </view>
  110. </view>
  111. <!-- 标准模式结束 -->
  112. <!-- 专业模式开始 -->
  113. <view class="profession_box" wx:if="{{!StandardMode}}">
  114. <van-tabs bind:change="tabChange" animated color="#04B49C" type="line" line-width="30" tab-class="tab-class" tab-active-class="tab-active-class">
  115. <van-tab title="即时调节">
  116. <view class="tabone">
  117. <view class="hopetmp flex_row">
  118. <view class="hopenum"><text class="hopetxt">期望温度</text><text>{{targetTemp}}</text> °C</view>
  119. <view>
  120. <view class="addbtn operationbtn flex_row" bindtap="addClick">+</view>
  121. <view class="minusbtn operationbtn flex_row" bindtap="minusClick">-</view>
  122. </view>
  123. </view>
  124. <view class="choose_txt">您期望温度的有效保持时间</view >
  125. <view class="choose_box">
  126. <van-radio-group value="{{ effectTime }}" bind:change="effectChange" label-class="label-class">
  127. <van-radio name="1" checked-color="#04B49C">2小时内保持该温度</van-radio>
  128. <van-radio name="2" checked-color="#04B49C">当天工作时间段内保持该温度</van-radio>
  129. <van-radio name="3" checked-color="#04B49C">每天的此刻都保持该温度</van-radio>
  130. </van-radio-group>
  131. </view>
  132. <view class="chartlenged flex_row">
  133. <view class="flex_row"><image src="../../static/images/lenged.png"/>温度目标</view>
  134. <view class="flex_row"><view></view>合格区间</view>
  135. </view>
  136. <view class="profession_chart">
  137. <view class="nodate flex_row" wx:if="{{tragetChart&&!tragetChart.length}}">暂无数据</view>
  138. <envchart envName="{{'温度'}}" targetIndex="{{targetIndex}}" tragetChart="{{tragetChart}}" wx:if="{{tragetChart&&tragetChart.length}}"/>
  139. </view>
  140. <view class="closedown submit" catchtap="taboneSubmit">
  141. 提交
  142. </view>
  143. </view>
  144. </van-tab>
  145. <van-tab title="设置全天温度计划" wx:if="{{singleOffice}}">
  146. <view class="tabtwo">
  147. <view class="flex_column plantxt">
  148. <text>请您根据自己的习惯,在不同的时间段</text>
  149. <text>滑动圆点,调节适合自己的温度</text>
  150. </view>
  151. <view class="chartlenged flex_row">
  152. <view class="flex_row"><view class="circle"></view>温度目标</view>
  153. <view class="flex_row"><view></view>合格区间</view>
  154. <!-- <van-icon name="question" color="#EAFAF8"/> -->
  155. <view class="flex_row tips" catchtap="showTips">?</view>
  156. </view>
  157. <view class="chartcontent" catchtouchmove="preventTouchMove">
  158. <!-- 中间部分区域 -->
  159. <scroll-view scroll-x="true" style="height: 100%">
  160. <view class="chartmain">
  161. <block wx:for="{{customPlan}}" wx:key="index">
  162. <view class="mian_item">
  163. <movable-area class="chartbg">
  164. <movable-view direction="vertical"data-distance="{{item.distance}}" data-index="{{index}}" style="height:{{item.height}}px" x="5" y="{{item.y}}" class="chartrange flex_row" bindchange="chartChange">
  165. <view class="abdot" style="top:{{item.planTemp>=26?'12':'-12'}}px" hidden="{{index!=chartIndex}}">{{item.planTemp}}</view><view class="chartdot"></view>
  166. </movable-view>
  167. </movable-area>
  168. <view class="item_chartx">
  169. <text>{{item.name}}</text>
  170. </view>
  171. </view>
  172. </block>
  173. </view>
  174. </scroll-view>
  175. </view>
  176. <view ></view>
  177. <view class="closedown submit" catchtap="tabtwoSubmit">
  178. 提交
  179. </view>
  180. </view>
  181. </van-tab>
  182. </van-tabs>
  183. </view>
  184. </view>
  185. <!-- 反馈弹出框 -->
  186. <van-action-sheet
  187. show="{{ feedBack }}"
  188. close-on-click-overlay="{{false}}"
  189. >
  190. <view class="feedback_box">
  191. <view class="feedimgbox flex_row">
  192. <view class="lottie" >
  193. <lottie id="lottie" animationData="{{spacestatusList[spaceStatusId].canvasDate}}" width="20" height="20"/>
  194. </view>
  195. <text class="feedtext_title">{{spaceStatus}}</text>
  196. </view>
  197. <view class="flex_column feedtext_box" wx:for="{{notice}}" wx:key="{{index}}">
  198. <text class="feedtext_desc flex_rew" style="font-size: 14px;margin: 20rpx 0">{{item}}</text>
  199. </view>
  200. <!-- 滚动列表 -->
  201. <view class="noticbox" wx:if="{{equipmentStatustext&&equipmentStatustext.length }}">
  202. <swiper vertical autoplay duration="300" circular interval="1500">
  203. <block wx:for="{{equipmentStatustext}}" >
  204. <swiper-item>
  205. <view class="noticbox_text">{{item.name}}</view>
  206. </swiper-item>
  207. <swiper-item>
  208. <view class="noticbox_text">{{item.actions}}</view>
  209. </swiper-item>
  210. </block>
  211. </swiper>
  212. </view>
  213. <view class="envpanel flex_row" wx:if="{{willAvg !='--' && currentIndex!=5 && spaceDetail.temperature }}">
  214. <view class="panel_left">
  215. <text class="left_txt">当前温度</text>
  216. <view><text class="left_num">{{ filter.initItemNum('',spaceDetail.temperature,'温度')}}</text>°C</view>
  217. </view>
  218. <view class="panel_center">
  219. <image src="../../static/images/uptemp.png" wx:if="{{currentIndex<=2}}"/>
  220. <image src="../../static/images/downtemp.png" wx:else/>
  221. </view>
  222. <view class="panel_left panel_right">
  223. <text class="left_txt">{{currentIndex<=2?'预计升温至':'预计降温至'}}</text>
  224. <view>
  225. <van-loading type="spinner" color="#1989fa" wx:if="{{!willAvg}}"/>
  226. <text class="left_num" wx:else>{{ filter.initItemNum('',willAvg,'温度')}}</text>°C</view>
  227. </view>
  228. </view>
  229. <view class="envpanel flex_row" wx:if="{{currentIndex==5 }}">
  230. <view class="panel_left">
  231. <text class="left_txt">当前风速</text>
  232. <view class="rotate">
  233. <image src="../../static/images/morewind.png"/>
  234. </view>
  235. </view>
  236. <view class="panel_center">
  237. <image src="../../static/images/downtemp.png"/>
  238. </view>
  239. <view class="panel_left panel_right">
  240. <text class="left_txt">预计风速</text>
  241. <view class="rotate_slow">
  242. <image src="../../static/images/lesswind.png"/>
  243. </view>
  244. </view>
  245. </view>
  246. <view class="closedown iknow" catchtap="knowClick">
  247. 我知道了
  248. </view>
  249. </view>
  250. </van-action-sheet>
  251. <!-- -->
  252. <van-action-sheet
  253. show="{{trunAction}}"
  254. close-on-click-overlay="{{false}}"
  255. >
  256. <view class="feedback_box">
  257. <view class="flex_column feed_tips">
  258. <text> {{failmessage ? '空调无法频繁开关' : '正在关机' }}</text>
  259. <text>{{failmessage ? failmessage :'反馈已提交,设备正在关机中!'}}</text>
  260. </view>
  261. <view class="closedown iknow" catchtap="knowCloseClick">
  262. 我知道了
  263. </view>
  264. </view>
  265. </van-action-sheet>
  266. <van-action-sheet
  267. show="{{ trunupAction }}"
  268. close-on-click-overlay="{{false}}"
  269. >
  270. <view class="seconddetail">
  271. <view class="secondtxt flex_row secondtxt_title">
  272. <view class="lottie" wx:if="{{!lottieShow}}">
  273. <lottie id="lottieup" animationData="{{spacestatusList[secondIcon-1].canvasDate}}" width="25" height="25" />
  274. </view>
  275. {{secondSpaceStatus || '空调无法频繁开关'}}
  276. </view>
  277. <view class="secondtxt flex_row">{{secondNotice}}</view>
  278. <view class="secondtxt flex_row" style="padding-bottom: 40rpx;" wx:if="{{failmessage}}">{{failmessage}}</view>
  279. <view class="closedown iknow" bindtap="commitClose">关闭</view>
  280. </view>
  281. </van-action-sheet>
  282. <questionnaire class="pagecontainer" wx:if="{{surveyShow}}" bind:surveyClose="surveyClose"></questionnaire>
  283. <van-toast id="van-toast" />
  284. <wxs src="../../utils/filter.wxs" module="filter" />