首页柱状图调整

src/views/business/OM/workMange/index.vue

@@ -1,3 +1,11 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author: wt
+ * @Date: 2022-06-06 09:17:10
+ * @LastEditors: wt
+ * @LastEditTime: 2023-04-13 17:21:33
+-->
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">

src/views/business/fireInternet/deviceMonitoring/fireMonitoring/index.vue

@@ -337,11 +337,11 @@ export default {
     },
     /** 跳转至工单 */
     jump(row){
-
+        console.log(row)
       this.$router.push({
         path: '/OM/business/OM/workMange',
         query: {
-          id: row.workId,
+          id: row.id,
           type:4
         }
       })

src/views/components/index/index2.vue

@@ -1,3 +1,11 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author: wt
+ * @Date: 2022-06-06 09:17:10
+ * @LastEditors: wt
+ * @LastEditTime: 2023-04-13 17:16:26
+-->
 <template>
   <el-row>
     <div id="index2" style="height:100%;width:110%;margin:-2em 0 0 -5%;"></div>
@@ -52,20 +60,54 @@ export default {
               }
             }
           },
+          tooltip: {
+                trigger: 'axis',
+                axisPointer: {
+                type: 'shadow'
+                }
+            },
           series: [
             {
-              data:num,
+              data:[
+                {
+                    value: num[0],
+                    itemStyle: {
+                        color: '#FF0087'
+                    }
+                },
+                {
+                    value: num[1],
+                    itemStyle: {
+                        color: '#00DDFF'
+                    }
+                },
+                {
+                    value: num[2],
+                    itemStyle: {
+                        color: '#37A2FF'
+                    }
+                },
+                {
+                    value: num[3],
+                    itemStyle: {
+                        color: '#FF5801'
+                    }
+                },
+                {
+                    value: num[4],
+                    itemStyle: {
+                        color: '#FFBF00'
+                    }
+                },
+              ],
               type:'bar'
             },
           ],
-          color: ['#FF0087', '#00DDFF', '#37A2FF', '#FF5801', '#FFBF00']
       };
       option && myChart.setOption(option);
-      // setTimeout(function (){
-      //     window.onresize = function () {
-      //       myChart.resize();
-      //     }
-      // },200)
+      window.addEventListener("resize", function() {
+        myChart.resize();
+      });
 
     },
   }

src/views/components/index/index3.vue

@@ -17,11 +17,9 @@ export default {
   },
   methods: {
     getData() {
-      console.log(1111)
       let chartDom = document.getElementById("index3");
       let myChart = echarts.init(chartDom);
       let data = this.resData;
-      console.log(data)
       let seriesData = [];
       let lineData = [];
       let date = new Date();
@@ -190,11 +188,9 @@ export default {
         series: series
       };
       option && myChart.setOption(option);
-      setTimeout(function (){
-          window.onresize = function () {
-            myChart.resize();
-          }
-      },200)
+      window.addEventListener("resize", function() {
+        myChart.resize();
+      });
     }
   }
 };