修改概览 事件&回访 为空不清0问题

src/views/dataBoard/overview/components/EventAndFollowUp.vue

@@ -24,7 +24,7 @@
         <div class="tit">已办结</div>
         <div class="num blue">{{ closedNum ? closedNum : 0 }}</div>
         <div class="desc white">
-          <span>办结率</span>{{ closedRatio ? closedRatio : 0 }}%
+          <span>办结率</span>{{ closedRatio ? closedRatio : 0 }}
         </div>
       </div>
     </div>
@@ -36,7 +36,7 @@ import Tabs from "@/views/dataBoard/satisfactionEval/components/Tabs/index.vue";
 
 export default {
   name: "EventAndFollowUp",
-  components: { Tabs },
+  components: {Tabs},
   props: {
     date: {
       type: String,
@@ -75,6 +75,7 @@ export default {
       }
     },
     date() {
+
       this.getData(this.currentLevelData);
     },
   },
@@ -85,26 +86,31 @@ export default {
   },
   methods: {
     getData(item) {
+      this.sumNum = 0;
+      this.lastSumNum = 0;
+      this.processNum = 0;
+      this.closedNum = 0;
+      this.closedRatio = 0;
       this.$http
-        .get(
-          "/actual/base/streetOverview/eventAndFollowGroup?month=" +
-            this.date +
-            "&level=" +
-            item.orgLevel +
-            "&orgId=" +
-            item.orgId +
-            "&queryType=" +
-            this.type
-        )
-        .then(({ data: { data } }) => {
-          if (data) {
-            this.sumNum = data.sumNum;
-            this.lastSumNum = data.lastSumNum;
-            this.processNum = data.processNum;
-            this.closedNum = data.closedNum;
-            this.closedRatio = data.closedRatio;
-          }
-        });
+          .get(
+              "/actual/base/streetOverview/eventAndFollowGroup?month=" +
+              this.date +
+              "&level=" +
+              item.orgLevel +
+              "&orgId=" +
+              item.orgId +
+              "&queryType=" +
+              this.type
+          )
+          .then(({data: {data}}) => {
+            if (data) {
+              this.sumNum = data.sumNum;
+              this.lastSumNum = data.lastSumNum;
+              this.processNum = data.processNum;
+              this.closedNum = data.closedNum;
+              this.closedRatio = data.closedRatio;
+            }
+          });
     },
     typeChange(val) {
       this.type = val;
@@ -114,7 +120,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .event {
   padding: 10px 16px;
 }
@@ -124,16 +130,16 @@ export default {
 }
 
 .content {
-  background: linear-gradient(
-    90deg,
-    rgba(1, 94, 234, 0.1) 0%,
-    rgba(16, 50, 103, 0) 50%,
-    rgba(1, 94, 234, 0.1) 100%
-  );
-  padding: 20px 19px;
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  justify-content: space-between;
+  padding: 20px 19px;
+  background: linear-gradient(
+          90deg,
+          rgba(1, 94, 234, 0.1) 0%,
+          rgba(16, 50, 103, 0) 50%,
+          rgba(1, 94, 234, 0.1) 100%
+  );
 }
 
 .total {
@@ -144,10 +150,10 @@ export default {
   }
 
   .num {
-    height: 24px;
     font-size: 32px;
     font-weight: bold;
     font-style: italic;
+    height: 24px;
     margin: 20px 0 15px;
   }
 
@@ -166,9 +172,9 @@ export default {
     color: #00d6d9;
 
     span {
-      font-style: normal;
       font-size: 14px;
       font-weight: 500;
+      font-style: normal;
       color: #a3b9da;
     }
   }
@@ -194,27 +200,28 @@ export default {
     -o-transform: rotateZ(360deg);
   }
 }
+
 .processing {
   .bg {
-    background: url("@/assets/images/gailan/yuan_bg.png") no-repeat center;
+    position: relative;
+    display: flex;
+    align-items: center;
     flex: 0 0 150px;
+    justify-content: center;
     width: 150px;
     height: 150px;
+    background: url("@/assets/images/gailan/yuan_bg.png") no-repeat center;
     background-size: 150px 150px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
 
     .bg-1 {
-      background: url("@/assets/images/gailan/zq_bg.png") no-repeat center;
-      width: 158px;
-      height: 158px;
-      background-size: 158px 158px;
       position: absolute;
-      left: -3px;
       top: -3px;
+      left: -3px;
+      width: 158px;
+      height: 158px;
       animation: roate 5s infinite linear; //这是重点，给它一个旋转的属性
+      background: url("@/assets/images/gailan/zq_bg.png") no-repeat center;
+      background-size: 158px 158px;
     }
 
     .num {
@@ -225,10 +232,10 @@ export default {
     }
 
     .name {
-      position: absolute;
-      bottom: 10px;
       font-size: 16px;
       font-weight: 400;
+      position: absolute;
+      bottom: 10px;
       color: #ffffff;
     }
   }