index.wxml 14 KB

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