diff --git a/src/views/modules/shequzhili/analysis/css/index.scss b/src/views/modules/shequzhili/analysis/css/index.scss index 15be5bff4..2aab3ed78 100644 --- a/src/views/modules/shequzhili/analysis/css/index.scss +++ b/src/views/modules/shequzhili/analysis/css/index.scss @@ -93,7 +93,8 @@ border-left: #777 solid 1px; margin-left: 20px; margin-bottom: 10px; .item { - width: 200px; + width: 188px; + height: 280px; display: flex; flex-direction: column; background: #f3f9ff; @@ -110,27 +111,34 @@ border-left: #777 solid 1px; padding: 8px; flex-direction: column; >img { - width: 66px; - height: 66px; + margin-top: 10px; + width: 50px; + height: 50px; + margin-bottom: 10px; } .row_left { - margin-top: 8px; + font-family: PingFang SC; font-weight: bold; + font-size: 18px; color: #333333; - text-align: center; - margin-left: 5px; - white-space: nowrap; - font-size: 14px; + line-height: 32px; } .item_content { - margin-left: 5px; - width: 100%; - text-align: left; - display: flex; - flex-direction: column; - justify-content: flex-start; - + margin-left: 5px; + width: 100%; + text-align: center; + font-family: PingFang SC; + font-weight: 500; + font-size: 14px; + color: #aaadb1; + line-height: 32px; + .img_describe { + width: 10px; + height: 10px; + margin-left: 3px; + margin-bottom: 2px; + } .item_count { font-size: 28px; font-family: PingFang SC; @@ -182,8 +190,7 @@ border-left: #777 solid 1px; justify-content: space-between; align-items: center; height: 23px; - margin-top: 10px; - + margin-top: 5px; .row_left { font-size: 14px; font-weight: 500; @@ -271,6 +278,7 @@ border-left: #777 solid 1px; position: relative; width: 280px; + img { width: 100%; } diff --git a/src/views/modules/shequzhili/analysis/index.vue b/src/views/modules/shequzhili/analysis/index.vue index 83946b78a..0e128f3e8 100644 --- a/src/views/modules/shequzhili/analysis/index.vue +++ b/src/views/modules/shequzhili/analysis/index.vue @@ -23,7 +23,6 @@

镇街办件情况总览

-
@@ -39,10 +38,9 @@
98%
- 按时办结率 + 办结率
-
@@ -68,90 +66,87 @@
-
+
派件/派件
- +
{{ analysisList.total}}
-
收件数
+
收件数
{{ analysisList.total}}
-
收件数
- +
派件数
+
-
派件/派件
-
-
- -
{{analysisList.resolveTotal}}
-
已办结事件数
-
{{analysisList.resolveTotal}}
-
已办结事件数
-
{{analysisList.resolveTotal}}
-
已办结事件数
+
办理
+
+
+ +
{{ analysisList.total}}
+
已联系当事人(初访)件数
+
{{ analysisList.total}}
+
办理中件数
+ +
-
-
派件/派件
-
-
- -
-
-
{{analysisList.illegalConnectTotal}}
+
办结
+
+
+ +
+
+
{{ analysisList.total}}
+
收件数
+
+
+
{{ analysisList.total}}
+
收件数
+
+
+
{{ analysisList.total}}
+
收件数
+
+
+
{{ analysisList.total}}
+
收件数
+
+
-
{{analysisList.illegalConnectRate}}%
-
-
-
联系当事人超期事件数
-
- -
-
派件/派件
-
-
- -
-
-
{{analysisList.illegalResolveTotal}}
-
{{analysisList.illegalResolveRate}}%
- -
-
-
办理超期事件数
-
+
退件/不合规申请件
+
+
+ +
{{ analysisList.total}}
+
收件数
+
{{ analysisList.total}}
+
收件数
+
{{ analysisList.total}}
+
收件数
-
-
派件/派件
+
退件/不合规申请件
-
- -
-
-
{{ analysisList.tackleWarehouseTotal }}
-
{{ analysisList.tackleWarehouseRate }}%
- -
-
-
攻坚事件数
-
+
+ +
{{ analysisList.total }}
+
收件数
+
{{ analysisList.total }}
+
收件数
-
- +

事件类型统计

@@ -1354,7 +1349,15 @@ thead { width: 100px; /* 调整箭头容器的宽度 */ height: 100px; /* 调整箭头容器的高度 */ } - +.flex-x{ + +} +.flex { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} .arrow { width: 0; height: 0;