dataCenterZWTJ.wxml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  1. <!--pages/dataCenterZWTJ/dataCenterZWTJ.wxml-->
  2. <wxs module="filter" src="./util.wxs"></wxs>
  3. <view class="box box1">
  4. <view class="bgitem">
  5. <view class="title">
  6. <image class="titileicon" src="{{imgUrl}}/icon/zhou.png"></image>
  7. <text>本周办件数量</text>
  8. </view>
  9. <view class="line">
  10. <image class="lineicon" src="{{imgUrl}}/icon/line1.png"></image>
  11. <view class="lineTextGroups">
  12. <view class="lineTextGroup">
  13. <text style="color: #999999;">申报</text>
  14. <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{weekWork.applicationNumberNetwork+weekWork.applicationNumberWindow}}</text>
  15. </view>
  16. <view class="verticalbar"></view>
  17. <view class="lineTextGroup">
  18. <text style="color: #999999;">受理</text>
  19. <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{weekWork.acceptNumber}}</text>
  20. </view>
  21. <view class="verticalbar"></view>
  22. <view class="lineTextGroup">
  23. <text style="color: #999999;">办结</text>
  24. <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{weekWork.serialNumber}}</text>
  25. </view>
  26. </view>
  27. </view>
  28. </view>
  29. <view class="crossline"></view>
  30. <view class="bgitem">
  31. <view class="title">
  32. <image class="titileicon" src="{{imgUrl}}/icon/yue.png"></image>
  33. <text>本月办件数量</text>
  34. </view>
  35. <view class="line">
  36. <image class="lineicon" src="{{imgUrl}}/icon/line2.png"></image>
  37. <view class="lineTextGroups">
  38. <view class="lineTextGroup">
  39. <text style="color: #999999;">申报</text>
  40. <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{monthWork.applicationNumberNetwork+monthWork.applicationNumberWindow}}</text>
  41. </view>
  42. <view class="verticalbar"></view>
  43. <view class="lineTextGroup">
  44. <text style="color: #999999;">受理</text>
  45. <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{monthWork.acceptNumber}}</text>
  46. </view>
  47. <view class="verticalbar"></view>
  48. <view class="lineTextGroup">
  49. <text style="color: #999999;">办结</text>
  50. <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{monthWork.serialNumber}}</text>
  51. </view>
  52. </view>
  53. </view>
  54. </view>
  55. <view class="crossline"></view>
  56. <view class="bgitem">
  57. <view class="title">
  58. <image class="titileicon" src="{{imgUrl}}/icon/nian.png"></image>
  59. <text>本年办件数量</text>
  60. </view>
  61. <view class="line">
  62. <image class="lineicon" src="{{imgUrl}}/icon/line3.png"></image>
  63. <view class="lineTextGroups">
  64. <view class="lineTextGroup">
  65. <text style="color: #999999;">申报</text>
  66. <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{yearWork.applicationNumberNetwork+yearWork.applicationNumberWindow}}</text>
  67. </view>
  68. <view class="verticalbar"></view>
  69. <view class="lineTextGroup">
  70. <text style="color: #999999;">受理</text>
  71. <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{yearWork.acceptNumber}}</text>
  72. </view>
  73. <view class="verticalbar"></view>
  74. <view class="lineTextGroup">
  75. <text style="color: #999999;">办结</text>
  76. <text style="color:#333333; font-size: 32rpx; font-weight: bold;">{{yearWork.serialNumber}}</text>
  77. </view>
  78. </view>
  79. </view>
  80. </view>
  81. </view>
  82. <view class="box" style="padding-bottom: 40rpx;">
  83. <view class="box2Title">
  84. <image class="box2TitleIcon" src="{{imgUrl}}zwtjBM.png"></image>
  85. <text>部门办件情况</text>
  86. </view>
  87. <view class="box2Crossline">
  88. </view>
  89. <view>
  90. <view class="box2ItemTitle">
  91. <view class="dot"></view>
  92. <text>本月部门办件排序</text>
  93. </view>
  94. <view class="box2ItemContent" style="background-image: url({{imgUrl}}xdzONq.png);">
  95. <view class="countGroup">
  96. <view class="countbox two">{{departmentSort.secondNumber}}<span style="color: #999999;font-size: 24rpx;margin-left: 10rpx;">件</span></view>
  97. <view class="countbox one">{{departmentSort.firstNumber}}<span style="color: #999999;font-size: 24rpx;margin-left: 10rpx;">件</span></view>
  98. <view class="countbox three">{{departmentSort.thirdNumber}}<span style="color: #999999;font-size: 24rpx;margin-left: 10rpx;">件</span></view>
  99. </view>
  100. </view>
  101. <view class="unitName">
  102. <view class="namebox nametwo">{{departmentSort.firstName}}</view>
  103. <view class="namebox nameone">{{departmentSort.secondName}}</view>
  104. <view class="namebox namethree">{{departmentSort.thirdName}}</view>
  105. </view>
  106. </view>
  107. <view>
  108. <view class="box2ItemTitle">
  109. <view class="dot"></view>
  110. <text>事项排序</text>
  111. </view>
  112. <view class="box2ItemContent" style="background-image: url({{imgUrl}}xdzONq1.png);">
  113. <view class="countGroup">
  114. <view class="countbox two">{{matterSort.secondNumber}}<span style="color: #999999;font-size: 24rpx;margin-left: 10rpx;">件</span></view>
  115. <view class="countbox one">{{matterSort.firstNumber}}<span style="color: #999999;font-size: 24rpx;margin-left: 10rpx;">件</span></view>
  116. <view class="countbox three">{{matterSort.thirdNumber}}<span style="color: #999999;font-size: 24rpx;margin-left: 10rpx;">件</span></view>
  117. </view>
  118. </view>
  119. <view class="unitName">
  120. <view class="namebox nametwo">{{matterSort.firstName}}</view>
  121. <view class="namebox nameone">{{matterSort.secondName}}</view>
  122. <view class="namebox namethree">{{matterSort.thirdName}}</view>
  123. </view>
  124. </view>
  125. </view>
  126. <view class="box">
  127. <view class="box2Title">
  128. <image class="box2TitleIcon" src="{{imgUrl}}zwtjYC.png"></image>
  129. <text>一窗通办</text>
  130. </view>
  131. <view class="box2Crossline">
  132. </view>
  133. <view class="chuangBoxGourps">
  134. <view class="chuangbox" style="background-image: url({{imgUrl}}xwEGPH.png);">
  135. <view class="chuangboxtext1">申请数</view>
  136. <view class="chuangboxtext2">{{windowList.applicationNumber}}件</view>
  137. </view>
  138. <view class="chuangbox" style="background-image: url({{imgUrl}}xwE3Ie.png);">
  139. <view class="chuangboxtext1">办件数</view>
  140. <view class="chuangboxtext2">{{windowList.acceptNumber}}件</view>
  141. </view>
  142. <view class="chuangbox" style="background-image: url({{imgUrl}}xwEYRA.png);">
  143. <view class="chuangboxtext1">不予受理数</view>
  144. <view class="chuangboxtext2">{{windowList.rejectionNumber}}件</view>
  145. </view>
  146. <view class="chuangbox" style="background-image: url({{imgUrl}}xwEJGd.png);">
  147. <view class="chuangboxtext1">办结数</view>
  148. <view class="chuangboxtext2">{{windowList.serialNumber}}件</view>
  149. </view>
  150. </view>
  151. </view>
  152. <view class="box">
  153. <view class="box2Title">
  154. <image class="box2TitleIcon" src="{{imgUrl}}zwtjFLW.png"></image>
  155. <text>互联网申报情况</text>
  156. </view>
  157. <view class="box2Crossline">
  158. </view>
  159. <view class="sbboxcontent">
  160. <view class="sbboxleft">
  161. <ec-canvas class="m-container" id="annulus" canvas-id="annulus" ec="{{streetlinechartec}}"></ec-canvas>
  162. </view>
  163. <view class="sbboxright">
  164. <view class="item1" style=" background-image: url('{{imgUrl}}textBox1.png')">
  165. <view class="oneThing" style="display: flex;align-items: center;">
  166. <view style="width: 0;height: 0;border-left: 15rpx solid #0B868E;border-bottom: 15rpx solid transparent;border-top: 15rpx solid transparent;margin: 0 15rpx;"></view>
  167. <view>网上申报 <text style="font-size: 40rpx;">{{yearWork.applicationNumberNetwork}}</text> 件</view>
  168. </view>
  169. </view>
  170. <view class="item1" style=" margin-top: 40rpx; background-image: url('{{imgUrl}}textBox-green.png')">
  171. <view class="oneThing" style="display: flex;align-items: center;">
  172. <view style="width: 0;height: 0;border-left: 15rpx solid #73BF4F;border-bottom: 15rpx solid transparent;border-top: 15rpx solid transparent;margin: 0 15rpx;"></view>
  173. <view>窗口申报 <text style="font-size: 40rpx;color: #73BF4F;">{{yearWork.applicationNumberWindow}}</text> 件</view>
  174. </view>
  175. </view>
  176. </view>
  177. </view>
  178. </view>
  179. <view class="box">
  180. <view class="box2Title">
  181. <image class="box2TitleIcon" src="{{imgUrl}}zwtjHCP.png"></image>
  182. <text>好差评</text>
  183. </view>
  184. <view class="box2Crossline">
  185. </view>
  186. <view style=" margin-top: 20rpx; display: flex;justify-content: space-between;padding: 0 40rpx;">
  187. <!-- 评价总量 -->
  188. <view style="height: 100rpx;width:310rpx;display: flex;background-color: #E5F4FE;border-radius: 10px;">
  189. <!-- 图标 -->
  190. <view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center;">
  191. <image src="{{imgUrl}}index-evalution.png" style="height:64rpx;width:64rpx;"></image>
  192. </view>
  193. <!-- 数据 -->
  194. <view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  195. <view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">本年评价总量</view>
  196. <view style="display:flex;justify-content:left;align-items:center;color: #333333;">
  197. <view style="font-size: 26rpx;font-weight: bold;">{{evalutionNum}}</view>
  198. <view style="font-size:20rpx;padding-left:5rpx">条</view>
  199. </view>
  200. </view>
  201. </view>
  202. <!-- 满意度 -->
  203. <view style="height: 100rpx;width:310rpx;display: flex;background-color: #E5F4FE;border-radius: 10px;">
  204. <!-- 图标 -->
  205. <view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center">
  206. <image src="{{imgUrl}}index-good-blud.png" style="height:64rpx;width:70rpx;"></image>
  207. </view>
  208. <!-- 数据 -->
  209. <view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  210. <view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">满意度</view>
  211. <view style="display:flex;justify-content:left;align-items:center;color: #333333;">
  212. <view style="font-size: 26rpx;font-weight: bold;">{{evalutionRate}}</view>
  213. <view style="font-size:20rpx;padding-left:5rpx">%</view>
  214. </view>
  215. </view>
  216. </view>
  217. </view>
  218. <view style="width: 100%;height: 300rpx; margin-bottom: 30rpx;margin-bottom: 10rpx;">
  219. <ec-canvas id="goodOrBad" canvas-id="goodOrBad" ec="{{ streetlinechartec }}" />
  220. </view>
  221. <view style=" display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 40rpx">
  222. <view class="evaluate">评价我的办件</view>
  223. <view class="evaluate">评价窗口人员</view>
  224. <view class="evaluate">评价办事指南</view>
  225. <view class="evaluate" style="width: 300rpx;">评价服务应用</view>
  226. <view class="evaluate" style="width: 316rpx;">评价电子证照</view>
  227. </view>
  228. </view>
  229. <view class="box">
  230. <view class="box2Title">
  231. <image class="box2TitleIcon" src="{{imgUrl}}zwtjZWFW.png"></image>
  232. <text style="font-size:26rpx">南岸区依申请+公共服务办理类事项总数</text>
  233. </view>
  234. <view class="box2Crossline">
  235. </view>
  236. <view style="height: 170rpx; margin-top: 20rpx; margin-bottom: 20rpx; display: flex;justify-content: space-between;padding: 0 30rpx;">
  237. <view class="matters {{mattersZero > index ? 'default' : '' }}" wx:for="{{matters}}" wx:key="index">{{item}}</view>
  238. <view style="width: 27rpx;height: 26rpx;font-size: 28rpx;font-weight: 500;color: #999999;margin-top: 80rpx;">项</view>
  239. </view>
  240. </view>
  241. <view class="box">
  242. <view class="box2Title">
  243. <image class="box2TitleIcon" src="{{imgUrl}}zwtjYJS.png"></image>
  244. <text>一件事一次办</text>
  245. </view>
  246. <view class="box2Crossline">
  247. </view>
  248. <view style="margin-top: 20rpx; display: flex;justify-content: space-between;padding: 0 40rpx 40rpx 20rpx">
  249. <view style="position: relative;">
  250. <image src="{{imgUrl}}textBox4.png" style="width: 290rpx;height: 278rpx;" />
  251. <view class="oneThing-left-top">套餐总数</view>
  252. <view class="oneThing-left-bottom">
  253. <view>258</view>
  254. <view style="font-size: 25rpx;margin: 23rpx 0 0 10rpx;">件</view>
  255. </view>
  256. </view>
  257. <view>
  258. <view style="background-image: url('{{imgUrl}}textBox1.png');background-repeat: round;width: 314rpx;height: 93rpx;display: flex;justify-content: space-between;padding: 0 20rpx;">
  259. <view class="triangles"></view>
  260. <view style="width: 50rpx;height: 25rpx;"></view>
  261. <view class="oneThing">减环节</view>
  262. <view class="oneThing" style="display: flex;">
  263. <view style="font-size: 34rpx;font-weight: 500;margin-right: 10rpx;">1622</view>
  264. <view>件</view>
  265. </view>
  266. </view>
  267. <view style="background-image: url('{{imgUrl}}textBox2.png');background-repeat: round;width: 314rpx;height: 93rpx;display: flex;justify-content: space-between;padding: 0 20rpx;">
  268. <view class="triangles" style="border-left: 18rpx solid #156FA6;"></view>
  269. <view style="width: 50rpx;height: 25rpx;"></view>
  270. <view class="oneThing" style="color: #156FA6;">减跑动</view>
  271. <view class="oneThing" style="display: flex;color: #156FA6;">
  272. <view style="font-size: 34rpx;font-weight: 500;margin-right: 10rpx;">799</view>
  273. <view>件</view>
  274. </view>
  275. </view>
  276. <view style="background-image: url('{{imgUrl}}textBox3.png');background-repeat: round;width: 314rpx;height: 93rpx;display: flex;justify-content: space-between;padding: 0 20rpx;">
  277. <view class="triangles" style="border-left: 18rpx solid #DF6866;"></view>
  278. <view style="width: 50rpx;height: 25rpx;"></view>
  279. <view class="oneThing" style="color: #DF6866;">减材料</view>
  280. <view class="oneThing" style="display: flex;color: #DF6866;">
  281. <view style="font-size: 34rpx;font-weight: 500;margin-right: 10rpx;">465</view>
  282. <view>件</view>
  283. </view>
  284. </view>
  285. </view>
  286. </view>
  287. </view>
  288. <view class="box">
  289. <view class="box2Title">
  290. <image class="box2TitleIcon" src="{{imgUrl}}zwtjBJQK.png"></image>
  291. <text>实时办件详情</text>
  292. </view>
  293. <view class="box2Crossline">
  294. </view>
  295. <view class="table">
  296. <include src="./tableHead"></include>
  297. <view class="box2-detail">
  298. <include src="./tableContent"></include>
  299. </view>
  300. </view>
  301. </view>
  302. <view class="foot"></view>