index.wxml 13 KB

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