1

src/views/securityCheck/views/agentHome.vue

@@ -31,7 +31,7 @@
                     <div class="name" @click="echar">{{ item.name }}</div>
                   </div>
                   <div class="boot">
-                    <div class="child" @click="echar">
+                    <div class="child" @click="echarup(item, '总件数')">
                       件数：{{ item.value }}
                     </div>
                     <div class="child">占比：{{ item.proportion }}</div>
@@ -52,11 +52,11 @@
               </div>
               <div class="chart_right">
                 <div class="analysis">
-                  <div class="analysis_cont" @click="echar">
+                  <div class="analysis_cont" @click="echarup('总件数', '普通')">
                     <p>总件数</p>
                     <span>{{ dataLowpt.num }}</span>
                   </div>
-                  <div class="analysis_cont" @click="echar">
+                  <div class="analysis_cont" @click="echarup('开包数', '普通')">
                     <p>开包数</p>
                     <span>{{ dataLowpt.kxsNum }}</span>
                   </div>
@@ -75,7 +75,7 @@
                     <div class="name">{{ item.name }}</div>
                   </div>
                   <div class="boot">
-                    <div class="child" @click="echar">
+                    <div class="child" @click="echarup(item, '普通')">
                       件数：{{ item.value }}
                     </div>
                     <div class="child">占比：{{ item.prot }}</div>
@@ -96,11 +96,17 @@
               </div>
               <div class="chart_right">
                 <div class="analysis">
-                  <div class="analysis_cont" @click="echar">
+                  <div
+                    class="analysis_cont"
+                    @click="echarup('总件数', '低风险')"
+                  >
                     <p>总件数</p>
                     <span>{{ dataLow.num }}</span>
                   </div>
-                  <div class="analysis_cont" @click="echar">
+                  <div
+                    class="analysis_cont"
+                    @click="echarup('开包数', '低风险')"
+                  >
                     <p>开包数</p>
                     <span>{{ dataLow.kxsNum }}</span>
                   </div>
@@ -119,7 +125,7 @@
                     <div class="name">{{ item.name }}</div>
                   </div>
                   <div class="boot">
-                    <div class="child" @click="echar">
+                    <div class="child" @click="echarup(item, '低风险')">
                       件数：{{ item.value }}
                     </div>
                     <div class="child">占比：{{ item.prot }}</div>
@@ -140,11 +146,17 @@
               </div>
               <div class="chart_right">
                 <div class="analysis">
-                  <div class="analysis_cont" @click="echar">
+                  <div
+                    class="analysis_cont"
+                    @click="echarup('总件数', '高风险')"
+                  >
                     <p>总件数</p>
                     <span>{{ dataLowgf.num }}</span>
                   </div>
-                  <div class="analysis_cont" @click="echar">
+                  <div
+                    class="analysis_cont"
+                    @click="echarup('开包数', '高风险')"
+                  >
                     <p>开包数</p>
                     <span>{{ dataLowgf.kxsNum }}</span>
                   </div>
@@ -163,7 +175,7 @@
                     <div class="name">{{ item.name }}</div>
                   </div>
                   <div class="boot">
-                    <div class="child" @click="echar">
+                    <div class="child" @click="echarup(item, '高风险')">
                       件数：{{ item.value }}
                     </div>
                     <div class="child">占比：{{ item.prot }}</div>
@@ -296,6 +308,14 @@ export default {
       };
       this.getData();
     },
+    echarup(data, item) {
+      this.queryData.riskClassification = item;
+      this.queryData.openResult = data.name ? data.name : data;
+      this.$router.push({
+        path: "/waybillTable",
+        query: this.queryData,
+      });
+    },
     //点击跳转
     echar(data) {
       if (data) {
@@ -793,6 +813,9 @@ export default {
           font-weight: bold;
           color: #101116;
         }
+        > span:hover {
+          color: blue;
+        }
       }
     }
     > .child {
@@ -828,6 +851,9 @@ export default {
           font-weight: 400;
           color: #747784;
         }
+        > .child:hover {
+          color: blue;
+        }
       }
     }
     .child:nth-child(1) {
@@ -877,6 +903,9 @@ export default {
           font-weight: 400;
           color: #747784;
         }
+        > .child:hover {
+          color: blue;
+        }
       }
     }
     .childcop:nth-child(2) {