From a0fa10bc4393866445f4f77cf28b4bf98d407dfc Mon Sep 17 00:00:00 2001
From: lijun <zdxt@123>
Date: Wed, 9 Apr 2025 16:51:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8D=E5=AD=97=EF=BC=88=E4=BA=8C=E4=B8=8E?=
 =?UTF-8?q?=E4=B8=89=E5=AF=B9=E9=BD=90=EF=BC=89/=E6=97=A5=E6=9C=9F?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=EF=BC=88=E4=BA=94=E4=B8=AA=E8=87=AA=E7=84=B6?=
 =?UTF-8?q?=E6=97=A5=E5=86=85=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/enforce/comprehensiveAnalysis.vue | 84 +++++++++++++--------
 1 file changed, 52 insertions(+), 32 deletions(-)

diff --git a/src/views/enforce/comprehensiveAnalysis.vue b/src/views/enforce/comprehensiveAnalysis.vue
index 5bba867..f043d7a 100644
--- a/src/views/enforce/comprehensiveAnalysis.vue
+++ b/src/views/enforce/comprehensiveAnalysis.vue
@@ -58,14 +58,14 @@
         <div class="ratioes">
           <div class="ratio_yeaer">
             <label>环比：</label>
-            <span class="data-rise" id="regis-dw-huan-top" v-if="data.whole.huanPercentage>0">&#8593<b>{{ data.whole.huanPercentageStr }}</b></span>
-            <span class="data-fall" id="regis-dw-huan-top" v-else-if="data.whole.huanPercentage<0">&#8593<b>{{ data.whole.huanPercentageStr }}</b></span>
+            <span class="data-rise" id="regis-dw-huan-top" v-if="data.whole.huanPercentage>0"><van-icon name="down" /><b>{{ data.whole.huanPercentageStr }}</b></span>
+            <span class="data-fall" id="regis-dw-huan-top" v-else-if="data.whole.huanPercentage<0"><van-icon name="down" /><b>{{ data.whole.huanPercentageStr }}</b></span>
             <span class="data-rise" id="regis-dw-huan-top" v-else><b>-</b><b>{{ data.whole.huanPercentageStr }}</b></span>
           </div>
           <div class="ratio_month">
             <label>同比：</label>
-            <span class="data-rise" id="regis-dw-huan-top" v-if="data.whole.tongPercentage>0">&#8593<b>{{ data.whole.tongPercentageStr }}</b></span>
-            <span class="data-fall" id="regis-dw-huan-top" v-else-if="data.whole.tongPercentage<0">&#8593<b>{{ data.whole.tongPercentageStr }}</b></span>
+            <span class="data-rise" id="regis-dw-huan-top" v-if="data.whole.tongPercentage>0"><van-icon name="down" /><b>{{ data.whole.tongPercentageStr }}</b></span>
+            <span class="data-fall" id="regis-dw-huan-top" v-else-if="data.whole.tongPercentage<0"><van-icon name="down" /><b>{{ data.whole.tongPercentageStr }}</b></span>
             <span class="data-rise" id="regis-dw-huan-top" v-else><b>-</b><b>{{ data.whole.tongPercentageStr }}</b></span>
           </div>
         </div>
@@ -85,7 +85,7 @@
       <div class="count_item" v-for="item in data.whole.checkCategoryList">
         <label>{{ item.checkCategory }}</label>
         <span class="number_count">{{item.checkCategoryNumber}}</span>
-        <span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}%</span>
+        <span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}<i>%</i></span>
         <span class="number_percent" v-else>-</span>
       </div>
     </div>
@@ -94,7 +94,7 @@
       <div class="count_item" v-for="item in data.whole.companyOrgTypeList">
         <label>{{ item.companyOrgType }}</label>
         <span class="number_count">{{item.companyOrgTypeNumber}}</span>
-        <span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}%</span>
+        <span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}<i>%</i></span>
         <span class="number_percent" v-else>-</span>
       </div>
     </div>
@@ -103,7 +103,7 @@
       <div class="count_item" v-for="item in data.whole.complaintTypeList">
         <label>{{ item.complaintType }}</label>
         <span class="number_count">{{item.complaintTotal}}</span>
-        <span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}%</span>
+        <span class="number_percent" v-if="item.percentage!=null&&item.percentage!=0">{{item.percentage}}<i>%</i></span>
         <span class="number_percent" v-else>-</span>
       </div>
     </div>
@@ -122,8 +122,8 @@ const data = reactive({
   submitData: {
     searchType: "user",
     // userId:useCommon.userId,
-    // userId: "17608514096",
-    userId: "17608508256",
+    userId: "17608514096",
+    // userId: "17608508256",
     dateType: "year",
     beginTime: "",
     endTime: "",
@@ -311,14 +311,14 @@ const confirmDay = (value) => {
 </script>
 
 <style>
-html,
+/* html,
 body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   font-size: 40px;
-}
+} */
 .page_wrapper {
   width: 100%;
   height: 100%;
@@ -328,7 +328,7 @@ body {
   display: flex;
   margin: 1% 3%;
   width: 94%;
-  height: 1.2rem;
+  height: 1.1rem;
 }
 .tab_title span {
   width: 50%;
@@ -345,8 +345,9 @@ body {
   background-size: 100% 100%;
 }
 .tab_title span b {
-  margin-right: 0.25rem;
-  font-size: 0.5rem;
+    margin-right: 0.1rem;
+    font-size: 0.45rem;
+    font-weight: 500;
 }
 .tab_title span.active {
   background: url(../../assets/images/tab_bg_1.png) no-repeat;
@@ -368,7 +369,7 @@ body {
   float: left;
   margin: 3.5% 4%;
   color: #4767fe;
-  font-size: 0.35rem;
+  font-size: 0.38rem;
 }
 .time_select {
   float: right;
@@ -395,25 +396,27 @@ body {
   display: table;
   margin: 1% 2% 3.5%;
   width: 96%;
-  height: 5.25rem;
+  height: 5rem;
   background: url(../../assets/images/bg_analy_v4.jpg) no-repeat;
   background-size: 100% 100%;
   border-radius: 0.2rem;
 }
 .card_tit {
-  margin: 3% 3%;
-  width: 100%;
-  font-size: 0.35rem;
+    margin: 2% 3%;
+    width: 100%;
+    color: #333;
+    font-size: 0.35rem;
 }
 .inspact_box {
   margin: 1% 2%;
   width: 96%;
 }
 .counts {
-  float: left;
-  margin: 1% 2%;
-  color: #4767fe;
-  font-size: 1.2rem;
+    float: left;
+    margin: 1% 2%;
+    color: #4767fe;
+    font-size: 1.45rem;
+    line-height: 1.1;
 }
 .ratioes {
   float: left;
@@ -430,18 +433,29 @@ body {
 }
 .data-rise,
 .data-fall {
+  position: relative;
   margin: 2% 2% 0 2.5%;
   color: #03a159;
-  font-size: 0.42rem;
-  font-weight: 700;
+  font-size: 0.35rem;
+  font-weight: 600;
   display: flex;
 }
 .data-fall {
   color: #ff3333;
 }
+.data-rise > i, .data-fall > i {
+    position: relative;
+    top: 0.05rem;
+}
+.data-rise > i {
+  top: -0.1rem;
+  transform: rotate(-180deg);
+}
 .data-rise b,
 .data-fall b {
-  margin: 0 0 0 10%;
+    margin: 0 0 0 10%;
+    font-size: 0.4rem;
+    font-weight: 500;
 }
 .item_box {
   float: left;
@@ -466,7 +480,7 @@ body {
 }
 .item_sub b {
   color: #4767fe;
-  font-size: 0.75rem;
+  font-size: 0.85rem;
   font-weight: 500;
   line-height: 1.75;
 }
@@ -508,14 +522,20 @@ body {
   text-align: left;
 }
 .number_count {
-  display: block;
-  color: #4767fe;
-  font-size: 0.75rem;
-  font-weight: 500;
-  line-height: 1.75;
+    display: block;
+    color: #4767fe;
+    font-size: 0.85rem;
+    font-weight: 500;
+    line-height: 1.65;
 }
 .number_percent {
   color: #666;
+  font-size: 0.43rem;
+}
+.number_percent > i {
+    margin-left: 2%;
+    color: #999;
+    font-size: 0.28rem;
 }
 .ent_cate .number_count {
   color: #000;