dataCenterZWTJ.wxml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  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 class="namebox nametwo">重庆市南岸区城市管理局</view>
  106. <view class="namebox nameone">重庆市南岸区交通局</view>
  107. <view class="namebox namethree">重庆市南岸区卫生健康委员会</view>
  108. </view>
  109. </view>
  110. <view>
  111. <view class="box2ItemTitle">
  112. <view class="dot"></view>
  113. <text>事项排序</text>
  114. </view>
  115. <view class="box2ItemContent" style="background-image: url({{imgUrl}}xdzONq1.png);">
  116. <view class="countGroup">
  117. <view class="countbox two">{{matterSort.secondNumber}}<span style="color: #999999;font-size: 24rpx;margin-left: 10rpx;">件</span></view>
  118. <view class="countbox one">{{matterSort.firstNumber}}<span style="color: #999999;font-size: 24rpx;margin-left: 10rpx;">件</span></view>
  119. <view class="countbox three">{{matterSort.thirdNumber}}<span style="color: #999999;font-size: 24rpx;margin-left: 10rpx;">件</span></view>
  120. </view>
  121. </view>
  122. <view class="unitName">
  123. <!-- <view class="namebox nametwo">{{matterSort.firstName}}</view>
  124. <view class="namebox nameone">{{matterSort.secondName}}</view>
  125. <view class="namebox namethree">{{matterSort.thirdName}}</view> -->
  126. <view class="namebox nametwo">户外招牌设置备案</view>
  127. <view class="namebox nameone">出租汽车驾驶员从业资格注册</view>
  128. <view class="namebox namethree">执业医师注册</view>
  129. </view>
  130. </view>
  131. </view>
  132. <!-- <view class="box">
  133. <view class="box2Title">
  134. <image class="box2TitleIcon" src="{{imgUrl}}zwtjYC.png"></image>
  135. <text>一窗通办</text>
  136. </view>
  137. <view class="box2Crossline">
  138. </view>
  139. <view class="chuangBoxGourps">
  140. <view class="chuangbox" style="background-image: url({{imgUrl}}xwEGPH.png);">
  141. <view class="chuangboxtext1">申请数</view>
  142. <view class="chuangboxtext2">{{windowList.applicationNumber}}件</view>
  143. </view>
  144. <view class="chuangbox" style="background-image: url({{imgUrl}}xwE3Ie.png);">
  145. <view class="chuangboxtext1">办件数</view>
  146. <view class="chuangboxtext2">{{windowList.acceptNumber}}件</view>
  147. </view>
  148. <view class="chuangbox" style="background-image: url({{imgUrl}}xwEYRA.png);">
  149. <view class="chuangboxtext1">不予受理数</view>
  150. <view class="chuangboxtext2">{{windowList.rejectionNumber}}件</view>
  151. </view>
  152. <view class="chuangbox" style="background-image: url({{imgUrl}}xwEJGd.png);">
  153. <view class="chuangboxtext1">办结数</view>
  154. <view class="chuangboxtext2">{{windowList.serialNumber}}件</view>
  155. </view>
  156. </view>
  157. </view> -->
  158. <view class="box">
  159. <view class="box2Title">
  160. <image class="box2TitleIcon" src="{{imgUrl}}zwtjFLW.png"></image>
  161. <text>互联网申报情况</text>
  162. </view>
  163. <view class="box2Crossline">
  164. </view>
  165. <view class="sbboxcontent">
  166. <view class="sbboxleft">
  167. <ec-canvas class="m-container" id="annulus" canvas-id="annulus" ec="{{streetlinechartec}}"></ec-canvas>
  168. </view>
  169. <view class="sbboxright">
  170. <view class="item1" style=" background-image: url('{{imgUrl}}textBox1.png')">
  171. <view class="oneThing" style="display: flex;align-items: center;">
  172. <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>
  173. <view>网上申报 <text style="font-size: 40rpx;">{{yearWork.applicationNumberNetwork}}</text> 件</view>
  174. </view>
  175. </view>
  176. <view class="item1" style=" margin-top: 40rpx; background-image: url('{{imgUrl}}textBox-green.png')">
  177. <view class="oneThing" style="display: flex;align-items: center;">
  178. <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>
  179. <view>窗口申报 <text style="font-size: 40rpx;color: #73BF4F;">{{yearWork.applicationNumberWindow}}</text> 件</view>
  180. </view>
  181. </view>
  182. </view>
  183. </view>
  184. </view>
  185. <view class="box">
  186. <view class="box2Title">
  187. <image class="box2TitleIcon" src="{{imgUrl}}zwtjHCP.png"></image>
  188. <text>好差评</text>
  189. </view>
  190. <view class="box2Crossline">
  191. </view>
  192. <view style=" margin-top: 20rpx; display: flex;justify-content: space-between;padding: 0 40rpx;">
  193. <!-- 评价总量 -->
  194. <!-- 满意度 -->
  195. <view style="display: flex;flex-wrap: wrap;justify-content: space-between;height: 200rpx;width: 100%;margin-bottom: 60rpx;">
  196. <!-- 好评数 -->
  197. <!-- 好评数 -->
  198. <view style="margin-bottom: 30rpx; height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
  199. <!-- 数据 -->
  200. <view style="margin: 0 auto; width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  201. <view style="text-align: center;width: 100%; font-size: 24rpx;color: #999999;padding-bottom:8rpx">评价数</view>
  202. <view style="width: 100%;display:flex;justify-content:left;align-items:center;color: #333333;">
  203. <view style="width: 100%; text-align: center; font-size: 28rpx;font-weight: bold;">{{evalutionNum}}</view>
  204. </view>
  205. </view>
  206. </view>
  207. <!-- 评价总量 -->
  208. <view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
  209. <!-- 数据 -->
  210. <view style="margin: 0 auto; width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  211. <view style="text-align: center;width: 100%; font-size: 24rpx;color: #999999;padding-bottom:8rpx">好评率</view>
  212. <view style="width: 100%;display:flex;justify-content:left;align-items:center;color: #333333;">
  213. <view style="width: 100%; text-align: center; font-size: 28rpx;font-weight: bold;">{{goodevalutionRate}}%</view>
  214. </view>
  215. </view>
  216. </view>
  217. <!-- 好评【 -->
  218. <view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
  219. <!-- 数据 -->
  220. <view style="margin: 0 auto; width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  221. <view style="text-align: center;width: 100%; font-size: 24rpx;color: #999999;padding-bottom:8rpx">差评数</view>
  222. <view style="width: 100%;display:flex;justify-content:left;align-items:center;color: #333333;">
  223. <view style="width: 100%; text-align: center; font-size: 28rpx;font-weight: bold;">{{badevalutionNum}}</view>
  224. </view>
  225. </view>
  226. </view>
  227. <!-- 评价总量 -->
  228. <view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
  229. <!-- 数据 -->
  230. <view style="margin: 0 auto; width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  231. <view style="text-align: center;width: 100%; font-size: 24rpx;color: #999999;padding-bottom:8rpx">差评整改率</view>
  232. <view style="width: 100%;display:flex;justify-content:left;align-items:center;color: #333333;">
  233. <view style="width: 100%; text-align: center; font-size: 28rpx;font-weight: bold;">{{badevalutionRate}}%</view>
  234. </view>
  235. </view>
  236. </view>
  237. </view>
  238. </view>
  239. <view style=" display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 40rpx">
  240. <view class="evaluate">评价我的办件</view>
  241. <view class="evaluate">评价窗口人员</view>
  242. <view class="evaluate">评价办事指南</view>
  243. <view class="evaluate" style="width: 300rpx;">评价服务应用</view>
  244. <view class="evaluate" style="width: 316rpx;">评价电子证照</view>
  245. </view>
  246. </view>
  247. <view class="box">
  248. <view class="box2Title">
  249. <image class="box2TitleIcon" src="{{imgUrl}}zwtjZWFW.png"></image>
  250. <text style="font-size:26rpx">南岸区依申请+公共服务办理类事项总数</text>
  251. </view>
  252. <view class="box2Crossline">
  253. </view>
  254. <view style="height: 170rpx; margin-top: 20rpx; margin-bottom: 20rpx; display: flex;justify-content: space-between;padding: 0 30rpx;">
  255. <view class="matters {{mattersZero > index ? 'default' : '' }}" wx:for="{{matters}}" wx:key="index">{{item}}</view>
  256. <view style="width: 27rpx;height: 26rpx;font-size: 28rpx;font-weight: 500;color: #999999;margin-top: 80rpx;">项</view>
  257. </view>
  258. </view>
  259. <view class="box">
  260. <view class="box2Title">
  261. <image class="box2TitleIcon" src="{{imgUrl}}zwtjYJS.png"></image>
  262. <text>一件事一次办</text>
  263. </view>
  264. <view class="box2Crossline">
  265. </view>
  266. <view style="margin-top: 20rpx; display: flex;justify-content: space-between;padding: 0 40rpx 40rpx 20rpx">
  267. <view style="position: relative;">
  268. <image src="{{imgUrl}}textBox4.png" style="width: 290rpx;height: 278rpx;" />
  269. <view class="oneThing-left-top">套餐总数</view>
  270. <view class="oneThing-left-bottom">
  271. <view>258</view>
  272. <view style="font-size: 25rpx;margin: 23rpx 0 0 10rpx;">件</view>
  273. </view>
  274. </view>
  275. <view>
  276. <view style="background-image: url('{{imgUrl}}textBox1.png');background-repeat: round;width: 314rpx;height: 93rpx;display: flex;justify-content: space-between;padding: 0 20rpx;">
  277. <view class="triangles"></view>
  278. <view style="width: 50rpx;height: 25rpx;"></view>
  279. <view class="oneThing">减环节</view>
  280. <view class="oneThing" style="display: flex;">
  281. <view style="font-size: 34rpx;font-weight: 500;margin-right: 10rpx;">1622</view>
  282. <view>件</view>
  283. </view>
  284. </view>
  285. <view style="background-image: url('{{imgUrl}}textBox2.png');background-repeat: round;width: 314rpx;height: 93rpx;display: flex;justify-content: space-between;padding: 0 20rpx;">
  286. <view class="triangles" style="border-left: 18rpx solid #156FA6;"></view>
  287. <view style="width: 50rpx;height: 25rpx;"></view>
  288. <view class="oneThing" style="color: #156FA6;">减跑动</view>
  289. <view class="oneThing" style="display: flex;color: #156FA6;">
  290. <view style="font-size: 34rpx;font-weight: 500;margin-right: 10rpx;">799</view>
  291. <view>件</view>
  292. </view>
  293. </view>
  294. <view style="background-image: url('{{imgUrl}}textBox3.png');background-repeat: round;width: 314rpx;height: 93rpx;display: flex;justify-content: space-between;padding: 0 20rpx;">
  295. <view class="triangles" style="border-left: 18rpx solid #DF6866;"></view>
  296. <view style="width: 50rpx;height: 25rpx;"></view>
  297. <view class="oneThing" style="color: #DF6866;">减材料</view>
  298. <view class="oneThing" style="display: flex;color: #DF6866;">
  299. <view style="font-size: 34rpx;font-weight: 500;margin-right: 10rpx;">465</view>
  300. <view>件</view>
  301. </view>
  302. </view>
  303. </view>
  304. </view>
  305. </view>
  306. <view class="box">
  307. <view class="box2Title">
  308. <image class="box2TitleIcon" src="{{imgUrl}}zwtjBJQK.png"></image>
  309. <text>实时办件详情</text>
  310. </view>
  311. <view class="box2Crossline">
  312. </view>
  313. <view class="table">
  314. <include src="./tableHead"></include>
  315. <view class="box2-detail">
  316. <include src="./tableContent"></include>
  317. </view>
  318. </view>
  319. </view>
  320. <view class="foot"></view>