index.wxml 15 KB

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