index.wxml 4.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <loading id="loading"/>
  2. <van-sticky>
  3. <header>
  4. <view slot="content" class="header-title">
  5. <view class='user-img' bindtap="gotoUser">
  6. <open-data type="userAvatarUrl"></open-data>
  7. </view>
  8. <view class='home-icon'>
  9. <view class="projectname flex_row" bindtap="chooseTenant">{{tenantName}}<image src="../../static/images/downarrow2.png" wx:if="{{tenants.length>1?true:false}}"/></view>
  10. <view class="daytmp flex_row">
  11. <image src="../../static/images/sun.png" />
  12. {{temperatureNum}}°C
  13. </view>
  14. </view>
  15. </view>
  16. </header>
  17. </van-sticky>
  18. <van-toast id="van-toast" />
  19. <view class="contant_box {{logined?'':'faillogin'}}">
  20. <view class="spacelist_box">
  21. <view class="nospace flex_column" wx:if="{{cardList&&!cardList.length}}">
  22. <view class="nospace_center flex_column">
  23. <image class="nospace_img" src="../../static/images/nospace.png"/>
  24. <text>此处还没有空间</text>
  25. </view>
  26. <view class="nospace_msg flex_column">
  27. <text>请选择下方途径进行调节</text>
  28. <text>调节后方可添加空间</text>
  29. <image class="nospace_down" src="../../static/images/downarrow.png"/>
  30. </view>
  31. </view>
  32. <view class="scannospace flex_column" bindtap="getScancode" wx:if="{{!logined}}">
  33. <view class="scan_box flex_column">
  34. <image src="../../static/images/qrcode.png" />
  35. </view>
  36. <text class="scan_name">扫码调节</text>
  37. <text class="scan_scr">扫描空间二维码</text>
  38. </view>
  39. <block wx:for="{{cardList}}">
  40. <van-swipe-cell right-width="{{60}}" key="{{index}}">
  41. <view class="space_item">
  42. <view class="space_bg">
  43. <image src="{{imgbaseUrl}}{{item.pic}}&width=1029&height=597" lazy-load="{{true}}" wx:if="{{item.pic}}"/>
  44. <image src="{{picInitUrl}}" lazy-load="{{true}}" wx:if="{{!item.pic}}"/>
  45. </view>
  46. <view class="space_msg">
  47. <view class="msg_left">
  48. <text class="spacename">{{item.localName}}</text>
  49. <view class="spacestate flex_row">
  50. <text>{{item.state}}</text>
  51. <view><lottie id="lottie{{item.id}}" animationData="{{statusList[item.stateId].canvasDate}}" width="20" height="20"/></view>
  52. </view>
  53. </view>
  54. <view class="msg_right">
  55. <text>{{item.temperature}}</text>°C
  56. </view>
  57. </view>
  58. <view class="space_paramelist flex_row">
  59. <block wx:for="{{envNamelist}}" wx:for-index="key" wx:for-item="value">
  60. <view class="parame_item flex_column one-line-text" bindtap="toDetail" :key="index">
  61. <view class="icon_name flex_row">
  62. <image src="{{value.imgSrc}}" /> {{value.name}}
  63. </view>
  64. <view class="parame_num"><text>{{(item[key]||item[key]==0)?item[key]:'--'}}</text>{{value.unit}}</view>
  65. </view>
  66. </block>
  67. </view>
  68. <view class="space_btns">
  69. <button class="btns_top {{item.top?'btns_top_active':''}}" catchtap="tapItem" data-index="{{index}}" data-spaceid="{{item}}">
  70. {{item.top?'已':''}}置顶
  71. </button>
  72. <button class="btns_adjust" catchtap="goToadjust" data-index="{{index}}">立即调节</button>
  73. </view>
  74. </view>
  75. <view slot="right" class="delete_icon">
  76. <view class="delete_box flex_column"><image src="../../static/images/delete.png" data-spaceid="{{item.id}}" bindtap="swipeClick"/></view>
  77. </view>
  78. </van-swipe-cell>
  79. </block>
  80. </view>
  81. <!-- 垫板 -->
  82. <view class='placeholder-view' hidden="{{cardList&&cardList.length<=1}}"></view>
  83. </view>
  84. <cover-view class="footer_box" wx:if="{{logined}}">
  85. <cover-view class="spacedetail" wx:for="{{meauList}}" wx:key="{{index}}" bindtap="meauClick" data-index="{{item.id}}">
  86. <cover-view class="item_img">
  87. <cover-image src="{{item.imgSrc}}" mode="aspectFill"></cover-image>
  88. </cover-view>
  89. <cover-view>
  90. <cover-view class="item_title">{{item.title}}</cover-view>
  91. <cover-view class="item_des">{{item.des}}</cover-view>
  92. </cover-view>
  93. </cover-view>
  94. </cover-view>