myWork.wxml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. <view bindtouchstart="touchStart" bindtouchend="touchEnd" style="width:100%;height:100%">
  2. <van-dropdown-menu class="{{screenHeight=='xSeries' ? 'menu1' : 'menu'}}">
  3. <van-dropdown-item id="menu" value="{{ value1 }}" options="{{ option1 }}" bind:change="change" />
  4. </van-dropdown-menu>
  5. <view class="{{screenHeight=='xSeries' ? 'myWork1' : 'myWork'}}">
  6. <van-tabs active="{{ active }}" bind:change="onChange" color="#18D5B9">
  7. <van-tab title="未认领">
  8. <view class="list" wx:for="{{workList}}" wx:key="index" bindtap="wordDetail" data-id="{{item.id}}">
  9. <view class="reason">{{item.reason?item.reason:item.type_name}}</view>
  10. <view class="type " wx:if="{{item.type_name=='充电工单'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
  11. {{item.type_name}}({{item.times}}次)
  12. </view>
  13. <view class="type" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
  14. {{item.type_name}}({{item.times}}次)
  15. </view>
  16. <view class="type" wx:if="{{item.type_name=='组长工单'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
  17. {{item.type_name}}({{item.times}}次)
  18. </view>
  19. <view class="type" wx:if="{{item.type_name=='偷盗工单'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
  20. {{item.type_name}}({{item.times}}次)
  21. </view>
  22. <view class="type" wx:if="{{item.type_name=='离线工单'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
  23. {{item.type_name}}({{item.times}}次)
  24. </view>
  25. <view class="type" wx:if="{{item.type_name=='救援工单'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
  26. {{item.type_name}}({{item.times}}次)
  27. </view>
  28. <view class="type" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
  29. {{item.type_name}}({{item.times}}次)
  30. </view>
  31. <view class="type" wx:if="{{item.type_name=='警报工单'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
  32. {{item.type_name}}({{item.times}}次)
  33. </view>
  34. <view class="type" wx:if="{{item.type_name=='故障工单'}}" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
  35. {{item.type_name}}({{item.times}}次)
  36. </view>
  37. <view class="type" wx:if="{{item.type_name=='其他工单'}}" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
  38. {{item.type_name}}({{item.times}}次)
  39. </view>
  40. <view class="type" wx:if="{{item.type_name=='查看工单'}}" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
  41. {{item.type_name}}({{item.times}}次)
  42. </view>
  43. <view class="flexB" style="margin-top:0;">
  44. <view>
  45. <view>车辆编号:{{item.bike_no}}</view>
  46. <view>更新时间:{{item.updated_at}}</view>
  47. <!-- <view>次数:20</view> -->
  48. </view>
  49. <view style="margin-right:50rpx;">
  50. <view>进度:{{item.planned}}</view>
  51. <view>来源:{{item.source}}</view>
  52. <!-- <view>查看详情</view> -->
  53. </view>
  54. </view>
  55. </view>
  56. <view class="noData" wx:if="{{workList.length == 0 && active ==0}}">
  57. <image src="http://resource.bike.hanyiyun.com/none.png"></image>
  58. <view>暂无相关数据~</view>
  59. </view>
  60. </van-tab>
  61. <van-tab title="处理中">
  62. <view class="list" wx:for="{{workList}}" wx:key="index" bindtap="wordDetail" data-id="{{item.id}}">
  63. <view class="reason">{{item.reason?item.reason:item.type_name}}</view>
  64. <view class="type flexC state2" wx:if="{{item.type_name=='充电工单'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
  65. {{item.type_name}}({{item.times}}次)
  66. </view>
  67. <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
  68. {{item.type_name}}({{item.times}}次)
  69. </view>
  70. <view class="type flexC state2" wx:if="{{item.type_name=='组长工单'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
  71. {{item.type_name}}({{item.times}}次)
  72. </view>
  73. <view class="type flexC state2" wx:if="{{item.type_name=='偷盗工单'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
  74. {{item.type_name}}({{item.times}}次)
  75. </view>
  76. <view class="type flexC state2" wx:if="{{item.type_name=='离线工单'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
  77. {{item.type_name}}({{item.times}}次)
  78. </view>
  79. <view class="type flexC state2" wx:if="{{item.type_name=='救援工单'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
  80. {{item.type_name}}({{item.times}}次)
  81. </view>
  82. <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
  83. {{item.type_name}}({{item.times}}次)
  84. </view>
  85. <view class="type flexC state2" wx:if="{{item.type_name=='警报工单'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
  86. {{item.type_name}}({{item.times}}次)
  87. </view>
  88. <view class="type flexC state2" wx:if="{{item.type_name=='故障工单'}}" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
  89. {{item.type_name}}({{item.times}}次)
  90. </view>
  91. <view class="type flexC state2" wx:if="{{item.type_name=='其他工单'}}" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
  92. {{item.type_name}}({{item.times}}次)
  93. </view>
  94. <view class="type flexC state2" wx:if="{{item.type_name=='查看工单'}}" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
  95. {{item.type_name}}({{item.times}}次)
  96. </view>
  97. <view>
  98. <view>当前负责人:{{item.worker}}</view>
  99. <view class="flexB" style="margin-top:0;">
  100. <view>
  101. <view>车辆编号:{{item.bike_no}}</view>
  102. <view>更新时间:{{item.updated_at}}</view>
  103. </view>
  104. <view style="margin-right:50rpx;">
  105. <view>进度:{{item.planned}}</view>
  106. <view>来源:{{item.source}}</view>
  107. </view>
  108. </view>
  109. </view>
  110. </view>
  111. <view class="noData" wx:if="{{workList.length == 0 && active ==1}}">
  112. <image src="http://resource.bike.hanyiyun.com/none.png"></image>
  113. <view>暂无相关数据~</view>
  114. </view>
  115. </van-tab>
  116. <van-tab title="已处理">
  117. <view class="list" wx:for="{{workList}}" wx:key="index" bindtap="wordDetail" data-id="{{item.id}}">
  118. <view class="reason">{{item.reason?item.reason:item.type_name}}</view>
  119. <view class="type flexC state2" wx:if="{{item.type_name=='充电工单'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
  120. {{item.type_name}}({{item.times}}次)
  121. </view>
  122. <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
  123. {{item.type_name}}({{item.times}}次)
  124. </view>
  125. <view class="type flexC state2" wx:if="{{item.type_name=='组长工单'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
  126. {{item.type_name}}({{item.times}}次)
  127. </view>
  128. <view class="type flexC state2" wx:if="{{item.type_name=='偷盗工单'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
  129. {{item.type_name}}({{item.times}}次)
  130. </view>
  131. <view class="type flexC state2" wx:if="{{item.type_name=='离线工单'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
  132. {{item.type_name}}({{item.times}}次)
  133. </view>
  134. <view class="type flexC state2" wx:if="{{item.type_name=='救援工单'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
  135. {{item.type_name}}({{item.times}}次)
  136. </view>
  137. <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
  138. {{item.type_name}}({{item.times}}次)
  139. </view>
  140. <view class="type flexC state2" wx:if="{{item.type_name=='警报工单'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
  141. {{item.type_name}}({{item.times}}次)
  142. </view>
  143. <view class="type flexC state2" wx:if="{{item.type_name=='故障工单'}}" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
  144. {{item.type_name}}({{item.times}}次)
  145. </view>
  146. <view class="type flexC state2" wx:if="{{item.type_name=='其他工单'}}" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
  147. {{item.type_name}}({{item.times}}次)
  148. </view>
  149. <view class="type flexC state2" wx:if="{{item.type_name=='查看工单'}}" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
  150. {{item.type_name}}({{item.times}}次)
  151. </view>
  152. <view>
  153. <view>当前负责人:{{item.worker}}</view>
  154. <view class="flexB" style="margin-top:0;">
  155. <view>
  156. <view>车辆编号:{{item.bike_no}}</view>
  157. <view>更新时间:{{item.updated_at}}</view>
  158. </view>
  159. <view style="margin-right:50rpx;">
  160. <view>进度:{{item.planned}}</view>
  161. <view>来源:{{item.source}}</view>
  162. </view>
  163. </view>
  164. </view>
  165. </view>
  166. <view class="noData" wx:if="{{workList.length == 0 && active ==2}}">
  167. <image src="http://resource.bike.hanyiyun.com/none.png"></image>
  168. <view>暂无相关数据~</view>
  169. </view>
  170. </van-tab>
  171. <van-tab title="已完成">
  172. <view class="list" wx:for="{{workList}}" wx:key="index" bindtap="wordDetail" data-id="{{item.id}}">
  173. <view class="reason">{{item.reason?item.reason:item.type_name}}</view>
  174. <view class="type flexC state2" wx:if="{{item.type_name=='充电工单'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
  175. {{item.type_name}}({{item.times}}次)
  176. </view>
  177. <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
  178. {{item.type_name}}({{item.times}}次)
  179. </view>
  180. <view class="type flexC state2" wx:if="{{item.type_name=='组长工单'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
  181. {{item.type_name}}({{item.times}}次)
  182. </view>
  183. <view class="type flexC state2" wx:if="{{item.type_name=='偷盗工单'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
  184. {{item.type_name}}({{item.times}}次)
  185. </view>
  186. <view class="type flexC state2" wx:if="{{item.type_name=='离线工单'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
  187. {{item.type_name}}({{item.times}}次)
  188. </view>
  189. <view class="type flexC state2" wx:if="{{item.type_name=='救援工单'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
  190. {{item.type_name}}({{item.times}}次)
  191. </view>
  192. <view class="type flexC state2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
  193. {{item.type_name}}({{item.times}}次)
  194. </view>
  195. <view class="type flexC state2" wx:if="{{item.type_name=='警报工单'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
  196. {{item.type_name}}({{item.times}}次)
  197. </view>
  198. <view class="type flexC state2" wx:if="{{item.type_name=='故障工单'}}" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
  199. {{item.type_name}}({{item.times}}次)
  200. </view>
  201. <view class="type flexC state2" wx:if="{{item.type_name=='其他工单'}}" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
  202. {{item.type_name}}({{item.times}}次)
  203. </view>
  204. <view class="type flexC state2" wx:if="{{item.type_name=='查看工单'}}" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
  205. {{item.type_name}}({{item.times}}次)
  206. </view>
  207. <view>
  208. <view>当前负责人:{{item.worker}}</view>
  209. <view class="flexB" style="margin-top:0;">
  210. <view>
  211. <view>车辆编号:{{item.bike_no}}</view>
  212. <view>更新时间:{{item.updated_at}}</view>
  213. </view>
  214. <view style="margin-right:50rpx;">
  215. <view>进度:{{item.planned}}</view>
  216. <view>来源:{{item.source}}</view>
  217. </view>
  218. </view>
  219. </view>
  220. </view>
  221. <view class="noData" wx:if="{{workList.length == 0 && active ==3}}">
  222. <image src="http://resource.bike.hanyiyun.com/none.png"></image>
  223. <view>暂无相关数据~</view>
  224. </view>
  225. </van-tab>
  226. </van-tabs>
  227. </view>
  228. <footer params="{{current}}" bind:scanCode="scanCode"></footer>
  229. </view>