大屏数据修改以及首页跳转

src/views/index/kshData.vue

 <!--
  * @Author: your name
  * @Date: 2021-07-11 15:04:34
- * @LastEditTime: 2021-07-12 17:51:25
+ * @LastEditTime: 2021-07-13 10:00:23
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \founder_vue\src\views\index\kshData.vue
@@ -28,7 +28,7 @@
       <div class="timer">
         <span> {{ date }}</span>
         <span class="vertical"> | </span>
-        <p style="cursor: pointer">
+        <p style="cursor: pointer" @click="goHome">
           <img src="~@/assets/img/homeLogo.png" alt="" />
           <span>首页</span>
         </p>
@@ -186,46 +186,42 @@ export default {
       },
       data2: [
         {
-          name: "Adidas",
-          value: 22424,
+          name: "无业",
+          value: 18274,
         },
         {
-          name: "Nike",
-          value: 10131,
+          name: "务工",
+          value: 39285,
         },
         {
-          name: "Pumas",
-          value: 15252,
+          name: "务农",
+          value: 24215,
         },
         {
-          name: "Convers",
-          value: 20232,
+          name: "其他",
+          value: 15125,
         },
       ],
       data3: [
         {
-          name: "first",
-          value: 1121,
+          name: "大学及以上",
+          value: 22516,
         },
         {
-          name: "second",
-          value: 2424,
+          name: "高中",
+          value: 35150,
         },
         {
-          name: "third",
-          value: 313,
+          name: "初中",
+          value: 25116,
         },
         {
-          name: "fourth",
-          value: 4131,
+          name: "小学及以下",
+          value: 11415,
         },
         {
-          name: "fifth",
-          value: 52323,
-        },
-        {
-          name: "sixth",
-          value: 62223,
+          name: "其他",
+          value: 16128,
         },
       ],
       data4: [1400, 2380, 4360, 5340, 3320, 3300, 4280, 5260, 1240, 2320],
@@ -243,15 +239,27 @@ export default {
       ],
       ydata: [
         "盗窃汽车",
-        "盗窃汽车",
-        "盗窃汽车",
-        "盗窃汽车",
-        "盗窃汽车",
-        "盗窃汽车",
-        "盗窃汽车",
-        "盗窃汽车",
-        "盗窃汽车",
-        "盗窃汽车",
+        "盗窃摩托车",
+        "盗窃其他机动车",
+        "盗窃自行车",
+        "盗窃电动自行车",
+        "盗窃电动自行车电瓶",
+        "盗窃其他非机动车",
+        "随窃",
+        "盗窃车辆燃油",
+        "盗窃车辆配件",
+      ],
+      areaYData: [
+        "广州",
+        "上海",
+        "北京",
+        "云南",
+        "山东",
+        "河北",
+        "四川",
+        "湖北",
+        "陕西",
+        "内蒙",
       ],
       highRiskData: [80, 80, 97, 53, 95, 26, 72, 55],
       highRiskX: [
@@ -308,44 +316,20 @@ export default {
       ajtjList: [
         {
           id: "maFaCount",
-          title: "发案数:",
-          value: null,
-          color: "#FFE45C",
+          title: "发案数据",
+          value: 242367,
+          color: "#FF7336",
           type: "up",
           num: null,
         },
         {
           id: "maPaCount",
-          title: "破案数:",
-          value: 1251,
+          title: "破案数据",
+          value: 215578,
           color: "#43E1FF",
           type: "up",
           num: null,
         },
-        {
-          id: "maWpCount",
-          title: "命案未破数:",
-          value: 2135,
-          color: "#FFE45C",
-          type: "down",
-          num: null,
-        },
-        {
-          id: "maJaPaCount",
-          title: "积案破案数:",
-          value: 3124,
-          color: "#43E1FF",
-          type: "down",
-          num: null,
-        },
-        {
-          id: "maZdswCount",
-          title: "重大伤亡命案数:",
-          value: 5123,
-          color: "#FF5816",
-          type: "down",
-          num: null,
-        },
       ],
     };
   },
@@ -369,7 +353,7 @@ export default {
             this.aside_highRisk(this.highRiskX, this.highRiskData);
             //发破案态势统计
             this.setAside_solveacase(
-              this.ydata,
+              this.areaYData,
               this.data4,
               this.data5,
               this.colorList
@@ -431,6 +415,17 @@ export default {
             },
           },
         },
+        legend: {
+          right: 85,
+          top: 26,
+          textStyle: {
+            color: "#fff",
+          },
+          itemWidth: 12,
+          itemHeight: 10,
+          itemWidth: 14,
+          itemGap: 17,
+        },
         grid: {
           top: "24%",
           left: "10%",
@@ -504,11 +499,11 @@ export default {
               },
             },
             itemStyle: {
-              color: "#000",
-              borderColor: "#28DBF1",
-              borderWidth: 2,
+              color: "#28DBF1",
+              // borderColor: "#000",
+              // borderWidth: 3,
             },
-            data: [4, 7, 5, 4], //data.values
+            data: [42626, 91880, 80880, 84200], //data.values
           },
           {
             name: "女性",
@@ -529,11 +524,11 @@ export default {
               },
             },
             itemStyle: {
-              color: "#000",
-              borderColor: "#EAC42E",
-              borderWidth: 2,
+              color: "#EAC42E",
+              // borderColor: "#EAC42E",
+              // borderWidth: 2,
             },
-            data: [3, 5, 4, 2], //data.values
+            data: [29140, 49140, 59278, 54233], //data.values
           },
         ],
       });
@@ -1230,6 +1225,9 @@ export default {
       }, 0);
       return totalPrice;
     },
+    goHome(){
+      this.$router.push('/home')
+    }
   },
 };
 </script>