dataCenterXXTJ.wxml 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!--pages/dataCenterXXTJ/dataCenterXXTJ.wxml-->
  2. <!-- 本年度公开信箱办理情况 -->
  3. <view style="background-color: #FFFFFF;margin-top: 30rpx;">
  4. <view style="border-bottom: 1px solid #C5C5C5;">
  5. <view class="title">
  6. <image src="{{imgUrl}}processing.png"></image>
  7. <view class="title-text">本年度公开信箱办理情况</view>
  8. </view>
  9. </view>
  10. <!-- 内容 -->
  11. <view>
  12. <view class="type-title">
  13. <view class="dots" />
  14. <view class="type-text">
  15. 本年度公开信箱办理情况
  16. </view>
  17. </view>
  18. <view style="display: flex;justify-content: space-between;padding: 10rpx 30rpx 20rpx 30rpx;">
  19. <view class="processing">
  20. <image src="{{imgUrl}}chat.png" style="width: 68rpx;height:68rpx;line-height: 110rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 11rpx;"></image>
  21. <view style="position: absolute;top: 50%;transform: translateY(-50%);left: 94rpx;">
  22. <view style="font-size: 20rpx;font-weight: 400;color: #333333;">
  23. 近30天来信
  24. </view>
  25. <view style="display: flex;color: #333333;">
  26. <view style="font-size: 32rpx;font-weight: bold;">{{leaveAMessage.handle}}</view>
  27. <view style="margin: 10rpx 0 0 10rpx;font-size: 24rpx;">件</view>
  28. </view>
  29. </view>
  30. </view>
  31. <view class="processing" style="background: #E8F4FF;">
  32. <image src="{{imgUrl}}message.png" style="width: 68rpx;height:68rpx;line-height: 110rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 11rpx;"></image>
  33. <view style="position: absolute;top: 50%;transform: translateY(-50%);left: 94rpx;">
  34. <view style="font-size: 20rpx;font-weight: 400;color: #333333;">
  35. 近30天受理
  36. </view>
  37. <view style="display: flex;color: #333333;">
  38. <view style="font-size: 32rpx;font-weight: bold;">{{leaveAMessage.accepting}}</view>
  39. <view style="margin: 10rpx 0 0 10rpx;font-size: 24rpx;">件</view>
  40. </view>
  41. </view>
  42. </view>
  43. <view class="processing" style="background: #E2FFFD;">
  44. <image src="{{imgUrl}}write.png" style="width: 68rpx;height:68rpx;line-height: 110rpx;position: absolute;top: 50%;transform: translateY(-50%);left: 11rpx;"></image>
  45. <view style="position: absolute;top: 50%;transform: translateY(-50%);left: 94rpx;">
  46. <view style="font-size: 20rpx;font-weight: 400;color: #333333;">
  47. 近30天办理
  48. </view>
  49. <view style="display: flex;color: #333333;">
  50. <view style="font-size: 32rpx;font-weight: bold;">{{leaveAMessage.finished}}</view>
  51. <view style="margin: 10rpx 0 0 10rpx;font-size: 24rpx;">件</view>
  52. </view>
  53. </view>
  54. </view>
  55. </view>
  56. <view style="height: 500rpx;">
  57. <ec-canvas id="treeDiagram" canvas-id="treeDiagram" ec="{{ streetlinechartec }}" />
  58. </view>
  59. <view>
  60. <view class="type-title">
  61. <view class="dots" />
  62. <view class="type-text">
  63. 近90天办理类别统计
  64. </view>
  65. </view>
  66. <view style="height: 500rpx;">
  67. <ec-canvas id="processingCategory" canvas-id="processingCategory" ec="{{ streetlinechartec }}" />
  68. </view>
  69. </view>
  70. <view>
  71. <view class="type-title">
  72. <view class="dots" />
  73. <view class="type-text">
  74. 近90天公开信箱领域统计
  75. </view>
  76. </view>
  77. <view style="height: 500rpx;">
  78. <ec-canvas id="publicMailbox" canvas-id="publicMailbox" ec="{{ streetlinechartec }}" />
  79. </view>
  80. </view>
  81. <view>
  82. <view class="type-title">
  83. <view class="dots" />
  84. <view class="type-text">
  85. 详细数据
  86. </view>
  87. </view>
  88. <view wx:for="{{detailList}}" wx:key="index" style="width: 707rpx;background: #EDF3FF;border-radius: 8rpx;margin: 0 22rpx 20rpx 22rpx;padding-bottom: 30rpx;">
  89. <view style="border-bottom: 0.1rpx solid #C1CADA;font-size: 28rpx;font-weight: 550;color: #333333;padding: 32rpx 0 22rpx 0;margin: 0 20rpx;">{{item.month}}</view>
  90. <!-- <view style="display: flex;">
  91. <view style="width: 100%;margin-top: 20rpx;">
  92. <view style="display: flex;border-right: 1rpx solid #D9E1EF;height: 200rpx;line-height: 200rpx;">
  93. <view style="width: 300rpx;">
  94. <view style="margin: 0 21rpx;color: #999999;font-size: 26rpx;">留言</view>
  95. <view style="font-weight: bold;color: #508FF4;font-size: 32rpx;padding-right: 20rpx;">{{item.count}}</view>
  96. </view>
  97. <view style="display: flex;flex-wrap: wrap;margin: 20rpx 0 0 24rpx;">
  98. <view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">咨询:{{item.inquiry}}</view>
  99. <view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">建议:{{item.suggestion}}</view>
  100. <view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">投诉:{{item.complain}}</view>
  101. <view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">其他:{{item.other}}</view>
  102. <view style="margin-right: 60rpx;color: #666666;font-size: 24rpx;">意见:{{item.comment}}</view>
  103. </view>
  104. </view>
  105. <view style="display: flex;height: 85rpx;line-height: 85rpx;">
  106. <view style="margin: 0 21rpx;color: #999999;font-size: 26rpx;">办结</view>
  107. <view style="font-weight: bold;color: #508FF4;font-size: 32rpx;">{{item.finished}}</view>
  108. </view>
  109. </view>
  110. </view> -->
  111. <view style="width: 100%">
  112. <view class="xxitemf">
  113. <view style="margin-top: 10rpx; font-size: 30rpx; width: 24%; height: 100rpx; line-height: 100rpx; float: left; padding-left: 15rpx; border-right: 1rpx solid #D9E1EF;">留言
  114. <text style="margin-left: 15rpx;margin-right: 5rpx; color: #508FF4; font-weight: 600; font-size: 36rpx;">{{item.finished}}</text>
  115. </view>
  116. <view style="margin-left: 10rpx; float: left; width: 72%">
  117. <view class="item1">咨询:{{item.inquiry ? item.inquiry : 0}}</view>
  118. <view class="item1">建议:{{item.suggestion ? item.suggestion : 0}}</view>
  119. <view class="item1">投诉:{{item.complain ? item.complain : 0}}</view>
  120. <view class="item1">其他:{{item.other ? item.other : 0}}</view>
  121. <view class="item1">意见:{{item.comment ? item.comment : 0}}</view>
  122. </view>
  123. </view>
  124. <view class="xxitems">
  125. <view style="margin-top: 10rpx; font-size: 30rpx; width: 24%; height: 80rpx; line-height: 80rpx; float: left; padding-left: 15rpx; ">办结
  126. <text style="margin-left: 15rpx;margin-right: 5rpx; color: #508FF4;font-weight: 600; font-size: 36rpx;">{{item.finished}}</text>
  127. </view>
  128. </view>
  129. </view>
  130. </view>
  131. <view class="statistics-btn">
  132. <button hidden="{{moreBtn}}" bindtap="queryDetailedDataPage">查看更多</button>
  133. </view>
  134. </view>
  135. </view>
  136. </view>