修改执法综合分析页面

src/views/enforce/comprehensiveAnalysis.vue

@@ -81,7 +81,7 @@
           <b>{{data.whole.complaintTotal}}</b> </span> </div>
       </div>
     </div>
-    <h3 class="card_tit">执法类别</h3>
+    <!--<h3 class="card_tit">执法类别</h3>
     <div class="count_wrap">
       <div class="count_item" v-for="item in data.whole.lawEnforceCategoryList">
         <label>{{ item.lawEnforceCategory }}</label>
@@ -89,9 +89,19 @@
         <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>
+    </div>-->
 
     <van-tabs v-model:active="active">
+      <van-tab title="执法类别">
+        <div class="count_wrap ent_cate">
+          <div class="count_item" v-for="item in data.whole.lawEnforceCategoryList">
+            <label>{{ item.lawEnforceCategory }}</label>
+            <span class="number_count">{{item.lawEnforceCategoryNumber}}</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>
+      </van-tab>
       <van-tab title="企业类别">
         <div class="count_wrap ent_cate">
           <div class="count_item" v-for="item in data.whole.companyOrgTypeList">
@@ -165,10 +175,10 @@ const data = reactive({
     uniteTotal: 0,
     evaluateTotal: 0,
     complaintTotal: 0,
+    lawEnforceCategoryList:[],
     checkCategoryList: [],
     companyOrgTypeList: [],
     complaintTypeList: [],
-    lawEnforceCategoryList:[]
   }),
   ontabClass1: true,
   ontabClass2: false,
@@ -532,9 +542,9 @@ body {
 .count_item {
   float: left;
   position: relative;
-  margin: -1% 0.5% 2.5% 1.5%;
+  margin: -1% 0.5% 3.5% 1.5%;
-  width: 31.3%;
+  width: 48%;
-  height: 3rem;
+  height: 2.5rem;
   background: url(../../assets/images/bg_analy_card.jpg) no-repeat;
   background-size: cover;
   border-radius: 0.2rem;
@@ -544,18 +554,18 @@ body {
 .count_item label {
   position: absolute;
   display: block;
-  margin: 6% 0 0;
+  margin: 3% 0 0;
   width: 100%;
   color: #666;
   text-align: center;
 }
 .number_count {
   display: block;
-  margin: 30% 0 0;
+  margin: 17% 0 0;
   color: #4767fe;
   font-size: 0.85rem;
   font-weight: 500;
-  line-height: 1.65;
+  line-height: 1.35;
 }
 .number_percent {
   color: #666;
@@ -566,9 +576,9 @@ body {
     color: #999;
     font-size: 0.28rem;
 }
-.ent_cate .number_count {
+/*.ent_cate .number_count {
   color: #333;
-}
+}*/
 .com_cate .number_count {
   color: #f73b3b;
 }
@@ -577,14 +587,15 @@ body {
   background-size: cover;
 }
 .van-tabs__nav {
-    justify-content: flex-start !important;
+  justify-content: flex-start !important;
-    width: 40% !important;
+  margin-left: 0.25rem;
+  width: 60% !important;
 }
 .van-tab {
     font-size: 0.35rem !important;
 }
 .van-tabs__line {
     bottom: 0.6rem !important;
-    width: 35% !important;
+    width: 28% !important;
 }
 </style>