feat：对接首页数据

src/views/home/components/vacancy.vue

@@ -34,7 +34,7 @@
     return props.list.map((item) => {
       return {
         ...item,
-        value: item.occupiedPercentage,
+        value: item.occupiedSpaces,
         itemStyle: {
           color: {
             type: 'linear',
@@ -61,7 +61,7 @@
     return props.list.map((item) => {
       return {
         ...item,
-        value: item.occupiedPercentage,
+        value: item.occupiedSpaces,
         itemStyle: {
           color: '#fff',
           opacity: 1
@@ -70,7 +70,7 @@
     })
   }
   const getYAxisData = () => {
-    return props.list.map((item) => item.occupied)
+    return props.list.map((item) => item.occupiedSpaces)
   }
   const init = () => {
     if (!params) {
@@ -91,22 +91,23 @@
         },
         xAxis: [
           {
+            type: 'value',
+            max: 100,
+            show: false,
             splitLine: {
               show: false
-            },
-            type: 'value',
-            show: false
+            }
           }
         ],
         yAxis: [
           {
+            type: 'category',
             splitLine: {
               show: false
             },
             axisLine: {
               show: false
             },
-            type: 'category',
             axisTick: {
               show: false
             },
@@ -146,6 +147,7 @@
           {
             name: '',
             type: 'bar',
+            max: 100,
             barWidth: fitChartSize(8),
             showBackground: true,
             borderRadius: [0, 0, 0, 0],

src/views/home/index.vue

@@ -38,6 +38,7 @@
     () => dataRes.value,
     (val) => {
       if (val) {
+        console.log(val, '首页接受数据')
         switch (val.type) {
           case 'userPortrait':
             homeStore.setUserPortraitData(val.data)

src/views/monitor/components/alarmRate.vue

@@ -98,10 +98,12 @@
   }
 
   watch(
-    () => [props.dataList, chart.value],
+    () => props.dataList,
     () => {
-      if (props.dataList.length > 0 && chart.value) {
-        init()
+      if (props.dataList.length > 0) {
+        setTimeout(() => {
+          init()
+        }, 1000)
       }
     },
     { immediate: true }