取消异步

src/views/modules/shequzhili/analysis/css/index.scss

@@ -82,4 +82,170 @@
 .br{
 padding: 20px 0;
 border-left: #777 solid   1px;
-}
+}
+.div_room {
+    // height: calc(88vh - 40px);
+    // margin-top: 9px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    margin-left: 42px;
+    // margin: 0 21px 0 21px;
+  
+    .item {
+      width: 282px;
+      height: 86px;
+      background: #E6F0FF;
+      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;
+            justify-content: space-between;
+            align-items: center;
+            height: 23px;
+  
+            .row_left {
+              font-size: 14px;
+              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: 20px;
+                font-family: PingFang SC;
+                color: #333333; 
+                margin-right: 5px;
+              }
+              
+            }
+          }
+          .item_row2 {
+            border-radius: 4px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 23px;
+            margin-top: 10px;
+            .row_left {
+              font-size: 14px;
+              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: 18px;
+                font-family: PingFang SC;
+                color: #666666; 
+                margin-right: 5px;
+              }
+              
+            }
+          }
+        }
+  
+        > 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;
+      }
+    }
+  }

src/views/modules/shequzhili/analysis/index.vue

@@ -671,16 +671,16 @@ export default {
       ...mapGetters(["clientHeight", "iframeHeight"]),
   },
   watch: {},
-  async mounted() {
+   mounted() {
       this.user = this.$store.state.user;
       this.agencyId = this.user.agencyId;
-      await this.getOrgData();
+       this.getOrgData();
       this.agencyLevel = localStorage.getItem("level", this.orgData.level);
-      await this.getTableData();
-      await this.initEcharts();
-      await this.EventCategoryAnalysis();
-      await this.EventCate();
-      await this.getCategoryTree()
+       this.getTableData();
+      //  this.initEcharts();
+       this.EventCategoryAnalysis();
+       this.EventCate();
+       this.getCategoryTree()
   },
   methods: {
     calculateRowspan(item) {
@@ -831,15 +831,15 @@ export default {
       },
 
       // 搜索事件
-      async handleSearch(val) {
+       handleSearch(val) {
           console.log(this.formData);
           // 清空数据
           this.cleanReportData();
-          await this.getTableData();
-          await this.initEcharts();
-          await this.EventCategoryAnalysis();
-          await this.EventCate();
-          await this.getCategoryTree()
+           this.getTableData();
+          // await this.initEcharts();
+           this.EventCategoryAnalysis();
+           this.EventCate();
+           this.getCategoryTree()
       },
       //事件类型统计
       async getCategoryTree(){