From 0a2b2cde1d9e372fbcd83bf2d193f6bd67d8e4eb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=98=AF=E5=B0=8F=E7=8E=8B=E5=91=80=5C24601?= <819653817@qq.com> Date: Wed, 31 Jul 2024 19:31:18 +0800 Subject: [PATCH] 12344 --- .../shequzhili/analysis/css/index.scss | 176 +++++++++++++++- .../modules/shequzhili/analysis/index.vue | 189 +++++++++--------- 2 files changed, 263 insertions(+), 102 deletions(-) diff --git a/src/views/modules/shequzhili/analysis/css/index.scss b/src/views/modules/shequzhili/analysis/css/index.scss index 5a6b2ad80..f9c3df4f4 100644 --- a/src/views/modules/shequzhili/analysis/css/index.scss +++ b/src/views/modules/shequzhili/analysis/css/index.scss @@ -95,7 +95,7 @@ border-left: #777 solid 1px; .item { width: 282px; height: 86px; - background: #E6F0FF; + background: #f7faff; border-radius: 6px; margin: 15px 25px 15px 0; display: flex; @@ -128,12 +128,11 @@ border-left: #777 solid 1px; .item_row1 { border-radius: 4px; display: flex; - justify-content: space-between; align-items: center; height: 23px; .row_left { - font-size: 14px; + font-size: 18px; font-family: PingFang SC; font-weight: 500; color: #666666; @@ -153,10 +152,11 @@ border-left: #777 solid 1px; margin-top: 2px; } .text{ - font-size: 20px; + font-size: 16px; font-family: PingFang SC; color: #333333; - margin-right: 5px; + padding-left:10px ; + } } @@ -169,7 +169,7 @@ border-left: #777 solid 1px; height: 23px; margin-top: 10px; .row_left { - font-size: 14px; + font-size: 18px; font-family: PingFang SC; font-weight: 500; color: #666666; @@ -189,10 +189,10 @@ border-left: #777 solid 1px; margin-top: 2px } .text{ - font-size: 18px; + font-size: 16px; font-family: PingFang SC; - color: #666666; - margin-right: 5px; + color: #333333; + padding-left:10px } } @@ -248,4 +248,160 @@ border-left: #777 solid 1px; border: 1px solid #6bb9f8; } } - } \ No newline at end of file + .item1 { + width: 400px; + height: 86px; + background: #f7faff; + border-radius: 6px; + margin: 15px 25px 15px 0; + display: flex; + position: relative; + + + .item_category { + width: 100%; + display: flex; + align-items: center; + padding: 8px; + > img { + width: 66px; + height: 66px; + } + .item_content { + margin-left: 5px; + width: 100%; + text-align: left; + display: flex; + flex-direction: column; + justify-content: flex-start; + + .item_count { + font-size: 28px; + font-family: PingFang SC; + font-weight: bold; + color: #333333; + } + .item_row1 { + border-radius: 4px; + display: flex; + align-items: center; + height: 23px; + + .row_left { + font-size: 11px; + font-family: PingFang SC; + font-weight: 500; + color: #666666; + text-align: center; + margin-left: 5px; + } + + .row_right { + margin: 0px 5px 0 0; + + cursor: pointer; + display: flex; + flex-direction: row; + .img{ + width: 16px; + height: 16px; + margin-top: 2px; + } + .text{ + font-size: 16px; + font-family: PingFang SC; + color: #333333; + padding-left:10px + } + + } + } + .item_row2 { + border-radius: 4px; + display: flex; + justify-content: space-between; + align-items: center; + height: 23px; + margin-top: 10px; + .row_left { + font-size: 18px; + font-family: PingFang SC; + font-weight: 500; + color: #666666; + text-align: center; + margin-left: 5px; + } + + .row_right { + margin: 0px 5px 0 0; + + cursor: pointer; + display: flex; + flex-direction: row; + .img{ + width: 16px; + height: 16px; + margin-top: 2px + } + .text{ + font-size: 16px; + font-family: PingFang SC; + color: #333333; + padding-left:10px + } + + } + } + } + + > span { + margin-left: 16px; + font-size: 24px; + } + } + + .item_add { + cursor: pointer; + font-size: 24px; + font-family: PingFang SC; + font-weight: 500; + color: #333333; + display: flex; + align-items: center; + padding: 17px 16px; + + > img { + width: 86px; + height: 86px; + } + + > span { + font-size: 24px; + font-family: PingFang SC; + font-weight: 500; + color: #333333; + + margin-left: 16px; + } + } + + .icon_circle { + cursor: pointer; + position: absolute; + top: -10px; + right: -10px; + height: 23px; + width: 23px; + background-color: #ffffff; + border-radius: 50%; + border: 1px solid #a5a5a5; + } + + .icon_sel { + cursor: pointer; + background-color: #6bb9f8; + border: 1px solid #6bb9f8; + } + } + } + \ No newline at end of file diff --git a/src/views/modules/shequzhili/analysis/index.vue b/src/views/modules/shequzhili/analysis/index.vue index 87b900900..30a13f584 100644 --- a/src/views/modules/shequzhili/analysis/index.vue +++ b/src/views/modules/shequzhili/analysis/index.vue @@ -22,88 +22,85 @@

事件统计

-
-
-
- -
-
-

{{analysisList.total}}

-

事件总数

-
-
-
-
- -
-
-
-
-

{{analysisList.resolveTotal}}

- {{analysisList.resolveRate}}% -
-

已办结事件数

-
-
-
-

{{analysisList.unresolveTotal}}

- {{analysisList.unresolveRate}}% -
-

未办结事件数

-
- -
-
-
-
- -
-
-

{{analysisList.illegalConnectTotal}} {{analysisList.illegalConnectRate}}%

-

联系当事人超期事件数

-
-
-
-
- -
-
-

{{analysisList.illegalResolveTotal}} {{analysisList.illegalResolveRate}}%

-

办理超期事件数

-
-
+
+
+
+ +
+
+
{{analysisList.total}}
+
+
+
事件总数
+
+
+
+ +
+
+
+ +
+
+
{{analysisList.resolveTotal}}
+
{{analysisList.resolveRate}}%
+
+
+
已办结事件数
+
+
+
+
+
+
+
{{analysisList.unresolveTotal}}
+
{{analysisList.resolveRate}}%
+
+
+
未办结事件数
+
+
+
+ +
+
+
+ +
+
+
{{analysisList.illegalConnectTotal}}
+ +
{{analysisList.illegalConnectRate}}%
+ +
+
+
联系当事人超期事件数
+
+
+
+ +
+
+
+ +
+
+
{{analysisList.illegalResolveTotal}}
+ +
{{analysisList.illegalResolveRate}}%
+ +
+
+
办理超期事件数
+
+
+
+ +

事件类型统计

-
-
+

部门科室工单量统计

@@ -169,12 +166,12 @@ - +
-
-

社区工单量统计

+
+

社区工单量统计

@@ -188,7 +185,7 @@ - +
@@ -674,6 +671,7 @@ export default { mounted() { this.user = this.$store.state.user; this.agencyId = this.user.agencyId; + this.getLastMonthRange() this.getOrgData(); this.agencyLevel = localStorage.getItem("level", this.orgData.level); this.getTableData(); @@ -979,22 +977,29 @@ export default { formatDate1(date) { // 获取年份、月份和日期 const year = date.getFullYear(); - const month = date.getMonth() + 1; // 月份从0开始 - const day = date.getDate(); + const month = (date.getMonth() + 1).toString().padStart(2, '0'); + const day = date.getDate().toString().padStart(2, '0'); + const hours = date.getHours().toString().padStart(2, '0'); + const minutes = date.getMinutes().toString().padStart(2, '0'); + const seconds = date.getSeconds().toString().padStart(2, '0'); + + return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; + - // 返回格式化的字符串 - return `${year}-${month}-${day} 00:00:00`; }, //获取前一个月的日期 getLastMonthRange() { const now = new Date(); - const firstDayOfCurrentMonth = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), 1)); - const lastDayOfLastMonth = new Date(firstDayOfCurrentMonth - 1); - const firstDayOfLastMonth = new Date(Date.UTC(lastDayOfLastMonth.getUTCFullYear(), lastDayOfLastMonth.getUTCMonth(), 1)); - firstDayOfLastMonth.setUTCHours(0, 0, 0, 0); - lastDayOfLastMonth.setUTCHours(0, 0, 0, 0); + const firstDayOfCurrentMonth = new Date(now.getFullYear(), now.getMonth(), 1); + const lastDayOfLastMonth = new Date(firstDayOfCurrentMonth - 1); + const firstDayOfLastMonth = new Date(lastDayOfLastMonth.getFullYear(), lastDayOfLastMonth.getMonth(), 1); + + firstDayOfLastMonth.setHours(0, 0, 0, 0); + lastDayOfLastMonth.setHours(23, 59, 59, 999); + this.formData.queryDateStart =this.formatDate1(firstDayOfLastMonth), this.formData.queryDateEnd=this.formatDate1(lastDayOfLastMonth) + console.log(this.formData.queryDateEnd); }, //对部门进行统计 async EventCate(){