index.wxml 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <navigator url="/packageA/project/detail?sa_projectid={{item.sa_projectid}}" class="project-item" wx:for="{{list}}" wx:key="item.sa_projectid">
  2. <view class="chart">
  3. <view class="circle">
  4. <view class="circle_left ab" style="{{render.leftRate(item.progress)}}" />
  5. <view class="circle_right ab" style="{{render.rightRate(item.progress)}}" />
  6. <view class="circle_text">
  7. <text class="value">{{item.stage+'/'+item.totalstage}}</text>
  8. <text class="name">阶段进度</text>
  9. </view>
  10. </view>
  11. </view>
  12. <view class="main">
  13. <view class="label">
  14. <view class="title line-1">{{item.projectname}}</view>
  15. <view class="state">进行中</view>
  16. </view>
  17. <view class="tag-box">
  18. <view class="systemtag" wx:for="{{item.tags.systemtag}}" wx:key="item">{{item}}</view>
  19. <view class="datatag" wx:for="{{item.tags.datatag}}" wx:key="item">{{item}}</view>
  20. </view>
  21. <view class="replenish">
  22. <text style="color: #666;">项目编号:</text>
  23. <text>{{item.projectnum}}</text>
  24. </view>
  25. <view class="replenish" wx:if="{{item.province}}">
  26. <text style="color: #666; flex-shrink: 0;">项目地址:</text>
  27. <text class="line-1" style="width: 480rpx;">{{item.province+item.city+item.county+item.address}}</text>
  28. </view>
  29. <view class="replenish" wx:if="{{item.projecttype}}">
  30. <text style="color: #666;">项目类型:</text>
  31. <text>{{item.projecttype}}</text>
  32. </view>
  33. <view class="replenish" wx:if="{{item.grade}}">
  34. <text style="color: #666;">项目等级:</text>
  35. <text>{{item.grade}}</text>
  36. </view>
  37. <view class="leader">
  38. <image src="{{item.leader[0].headpic}}" wx:if="{{item.leader[0].headpic}}" mode="aspectFill" />
  39. <view wx:else>{{item.leader[0].name[0]}}</view>
  40. </view>
  41. </view>
  42. </navigator>
  43. <My_empty wx:if="{{list.length==0}}" />
  44. <wxs module="render">
  45. module.exports = {
  46. rightRate: function (rate) {
  47. if (rate - 0 < 50) {
  48. return 'transform: rotate(' + 3.6 * (rate - 0) + 'deg);';
  49. } else {
  50. return 'transform: rotate(0);border-color: var(--assist);';
  51. }
  52. },
  53. leftRate: function (rate) {
  54. if (rate - 0 >= 50) {
  55. return 'transform: rotate(' + 3.6 * (rate - 50) + 'deg);';
  56. }
  57. }
  58. }
  59. </wxs>