From 84c9bba11f1d86c9cfb87decf96bc05b05ca28de 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 23:19:50 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E5=BC=80=E5=A4=B4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shequzhili/analysis/css/index.scss        | 83 +++++++++++--------
 .../modules/shequzhili/analysis/index.vue     | 27 +++---
 2 files changed, 64 insertions(+), 46 deletions(-)

diff --git a/src/views/modules/shequzhili/analysis/css/index.scss b/src/views/modules/shequzhili/analysis/css/index.scss
index f9c3df4f4..c368df410 100644
--- a/src/views/modules/shequzhili/analysis/css/index.scss
+++ b/src/views/modules/shequzhili/analysis/css/index.scss
@@ -93,7 +93,7 @@ border-left: #777 solid   1px;
     // margin: 0 21px 0 21px;
   
     .item {
-      width: 282px;
+      width: 20%;
       height: 86px;
       background: #f7faff;
       border-radius: 6px;
@@ -130,16 +130,28 @@ border-left: #777 solid   1px;
             display: flex;
             align-items: center;
             height: 23px;
-  
             .row_left {
-              font-size: 18px;
-              font-family: PingFang SC;
-              font-weight: 500;
-              color: #666666; 
-              text-align: center;
-              margin-left: 5px;
+                font-size: 24px;
+                font-weight: bold;
+                color: #333333;
+                text-align: center;
+                margin-left: 5px;
             }
-  
+            .text1{
+                font-size: 16px;
+                font-family: PingFang SC;
+                color: #00BB72; 
+                margin-left:20px
+
+              }
+              
+              .text2{
+                font-size: 16px;
+                font-family: PingFang SC;
+                color: #FF7135; 
+                margin-left:20px
+
+              }  
             .row_right {
               margin: 0px 5px 0 0;
         
@@ -151,13 +163,7 @@ border-left: #777 solid   1px;
                 height: 16px;
                 margin-top: 2px;
               }
-              .text{
-                font-size: 16px;
-                font-family: PingFang SC;
-                color: #333333; 
-                padding-left:10px ;
-
-              }
+        
               
             }
           }
@@ -169,8 +175,6 @@ border-left: #777 solid   1px;
             height: 23px;
             margin-top: 10px;
             .row_left {
-              font-size: 18px;
-              font-family: PingFang SC;
               font-weight: 500;
               color: #666666; 
               text-align: center;
@@ -249,7 +253,7 @@ border-left: #777 solid   1px;
       }
     }
     .item1 {
-        width: 400px;
+        width: 30%;
         height: 86px;
         background: #f7faff;
         border-radius: 6px;
@@ -281,21 +285,39 @@ border-left: #777 solid   1px;
               font-weight: bold;
               color: #333333;
             }
+            .row_left1 {
+                font-size: 24px;
+                font-weight: bold;
+                color: #333333;
+                text-align: center;
+                margin-left: 5px;
+              }
             .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; 
+              .row_left1 {
+                font-size: 24px;
+                font-weight: bold;
+                color: #333333;
                 text-align: center;
                 margin-left: 5px;
               }
-    
+              .row_left2 {
+                font-size: 24px;
+                font-weight: bold;
+                color: #FF7035;
+                text-align: center;
+                margin-left: 5px;
+              }
+              .text1{
+                font-size: 16px;
+                font-family: PingFang SC;
+                color: #FDB305; 
+                padding-left:20px 
+            }
               .row_right {
                 margin: 0px 5px 0 0;
           
@@ -307,12 +329,7 @@ border-left: #777 solid   1px;
                   height: 16px;
                   margin-top: 2px;
                 }
-                .text{
-                    font-size: 16px;
-                    font-family: PingFang SC;
-                    color: #333333; 
-                    padding-left:10px 
-                }
+         
                 
               }
             }
@@ -324,10 +341,8 @@ border-left: #777 solid   1px;
               height: 23px;
               margin-top: 10px;
               .row_left {
-                font-size: 18px;
-                font-family: PingFang SC;
                 font-weight: 500;
-                color: #666666; 
+                color: #333333; 
                 text-align: center;
                 margin-left: 5px;
               }
diff --git a/src/views/modules/shequzhili/analysis/index.vue b/src/views/modules/shequzhili/analysis/index.vue
index 30a13f584..ae021843b 100644
--- a/src/views/modules/shequzhili/analysis/index.vue
+++ b/src/views/modules/shequzhili/analysis/index.vue
@@ -29,6 +29,9 @@
                                 <div class="item_content">
                                     <div class="item_row1">
                                         <div class="row_left">{{analysisList.total}}</div>
+                                
+  
+                                 
                                     </div>
                                     <div class="item_row2">
                                         <div class="row_left">事件总数</div>
@@ -39,11 +42,11 @@
           </div>
           <div class="item1">
                             <div class="item_category">
-                                <img src="@/assets/images/category/perpon.png"  />
+                                <img src="./img//eventNum.png"  />
                                 <div class="item_content">
                                     <div class="item_row1">
-                                        <div class="row_left">{{analysisList.resolveTotal}}</div>
-                                        <div class="text">{{analysisList.resolveRate}}%</div>
+                                        <div class="row_left1">{{analysisList.resolveTotal}}</div>
+                                        <div class="text1">{{analysisList.resolveRate}}%</div>
                                     </div>
                                     <div class="item_row2">
                                         <div class="row_left">已办结事件数</div>
@@ -53,8 +56,8 @@
                             <div class="item_category">
                                 <div class="item_content">
                                     <div class="item_row1">
-                                        <div class="row_left">{{analysisList.unresolveTotal}}</div>
-                                        <div class="text">{{analysisList.resolveRate}}%</div>
+                                        <div class="row_left2">{{analysisList.unresolveTotal}}</div>
+                                        <div class="text1">{{analysisList.resolveRate}}%</div>
                                     </div>
                                     <div class="item_row2">
                                         <div class="row_left">未办结事件数</div>
@@ -65,12 +68,12 @@
           </div>
           <div class="item">
                             <div class="item_category">
-                                <img src="@/assets/images/category/perpon.png" alt />
+                                <img src="./img/perp.png" alt />
                                 <div class="item_content">
                                     <div class="item_row1">
                                         <div class="row_left">{{analysisList.illegalConnectTotal}}</div>
                                 
-                                            <div class="text">{{analysisList.illegalConnectRate}}%</div>
+                                            <div class="text1">{{analysisList.illegalConnectRate}}%</div>
                                  
                                     </div>
                                     <div class="item_row2">
@@ -87,7 +90,7 @@
                                     <div class="item_row1">
                                         <div class="row_left">{{analysisList.illegalResolveTotal}}</div>
                                 
-                                            <div class="text">{{analysisList.illegalResolveRate}}%</div>
+                                            <div class="text2">{{analysisList.illegalResolveRate}}%</div>
                                  
                                     </div>
                                     <div class="item_row2">
@@ -103,7 +106,7 @@
         </div>
         <el-table
         :data="tableList"
-        style="width: 100%;margin-bottom: 20px;"
+        style="width: 80%;"
         row-key="id"
         border
         default-expand-all
@@ -151,7 +154,7 @@
       </el-table>
 
         <div style="display: flex;justify-content: space-between;flex-direction:row; height:500px">
-          <div style="display: flex;width: 50%; margin-right: 10px; justify-content: space-between;flex-direction:column;">
+          <div style="display: flex;width: 50%;  padding-right: 5px;flex-direction:column;">
             <h1 style="font-size: 24px; font-weight: bold;"> 部门科室工单量统计 </h1>
             <el-table :data="departmentList"  height="250" border class="m-table-item" style="width: 100%">
           <!-- <el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> -->
@@ -170,9 +173,9 @@
         </el-table>
         </div>
           
-          <div  style="display: flex;margin-right: 10px; justify-content: space-between;flex-direction:column;">
+          <div  style="display: flex;padding-right: 5px;width: 50%;flex-direction:column;">
                 <h1 style="font-size: 24px; font-weight: bold;"> 社区工单量统计 </h1>
-          <el-table :data="communityList"   height="300" border class="m-table-item" style="width: 100%">
+          <el-table :data="communityList"   height="300" border class="m-table-item" style="">
           <!-- <el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> -->
           <!-- <el-table-column prop="address" align="center" label="地点" :show-overflow-tooltip="true"></el-table-column> -->
           <el-table-column prop="assignOrgName" align="center" label="社区"