index.wxml 14 KB

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