feat(*): 布袋监测连调

src/utils/chart.js

@@ -132,6 +132,7 @@ export const getBagMonitoringChartOption = (xData = [], seriesData = []) => ({
     top: "3%",
     containLabel: true,
   },
+  // x轴的文字去除年月日
   xAxis: {
     type: "category",
     boundaryGap: false,
@@ -145,6 +146,9 @@ export const getBagMonitoringChartOption = (xData = [], seriesData = []) => ({
       fontSize: 12,
       interval: "auto",
       rotate: 0,
+      formatter: function (value) {
+        return value.split(' ')[1];
+      }
     },
     axisTick: {
       show: false,

src/views/dustMonitoring/index.vue

@@ -74,6 +74,7 @@
                   class="point warn"
                   v-for="item in detailObj.compartHealthList[0]"
                   :key="item"
+                  @click="handleStatusDotClick()"
                 ></div>
               </div>
               <div class="part">
@@ -117,6 +118,7 @@
 </template>
 <script setup>
 import { ref, reactive, onMounted, onUnmounted, watch, computed } from "vue";
+import { useRouter } from "vue-router";
 import * as echarts from "echarts";
 import { getDataFun } from "@/request/method.js";
 import { useUsersStore } from "@/pinia/user.js";
@@ -148,6 +150,7 @@ const option = {
     },
   ],
 };
+const router = useRouter();
 const chartInstance = reactive({});
 const chartData = reactive([{}, {}, {}]);
 const initChart = (instance, option, domEl) => {
@@ -546,6 +549,14 @@ const dusterName = computed(() => {
   return dusterList.value.find((item) => item.dusterNo == form.dusterNo)
     ?.dusterName;
 });
+const handleStatusDotClick = () => {
+  router.push({
+    path: "/bag-monitor",
+    query: {
+      dusterNo: form.dusterNo,
+    }
+  });
+};
 </script>
 <style lang="scss" scoped>
 $borderColor: #bbbdc391;

src/views/dustOverview/index.vue

@@ -362,7 +362,6 @@ const handleValveNumClick = (row) => {
 };
 
 const handleStatusDotClick = (row, colIndex) => {
-  console.log("row", row);
   router.push({
     path: "/bag-monitor",
     query: {