fix: 修复bug

src/views/dike/runManage/supervisionInspetion/statisticAnalysis/components/Pie.vue

@@ -0,0 +1,154 @@
+<template>
+  <div class="pie-component">
+    <div class="title">{{ title }}</div>
+    <div ref="pieEle" class="canvas"></div>
+  </div>
+</template>
+<script>
+import * as echarts from "echarts";
+
+export default {
+  data() {
+    return {
+      myChart: null,
+    };
+  },
+  props: {
+    title: {
+      type: String,
+      default: "",
+    },
+    echartsTitle: {
+      type: String,
+      default: "",
+    },
+    itemData: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  mounted() {
+    this.initEcharts();
+  },
+  watch: {
+    itemData() {
+      this.initEcharts();
+    },
+  },
+  methods: {
+    initEcharts() {
+      const colorList = ["#28CE8E", "#165DFF", "#FFAB00", "#F86220"];
+      let sum = 0;
+      let seriesData = this.itemData.map((item, index) => {
+        if (!isNaN(item.value)) sum += item.value;
+        return {
+          name: item.text,
+          value: item.value,
+          itemStyle: {
+            color: colorList[index],
+          },
+        };
+      });
+      if (!this.myChart) {
+        this.myChart = echarts.init(this.$refs.pieEle);
+      }
+      let option = {
+        title: {
+          left: "29%",
+          top: "38%",
+          text: sum,
+          textAlign: "center",
+          textStyle: {
+            fontSize: 18,
+            fontWeight: "bold",
+            textAlign: "center",
+            color: "#333",
+          },
+          subtext: this.echartsTitle,
+          subtextStyle: {
+            fontSize: 14,
+            textAlign: "center",
+            color: "#666",
+          },
+        },
+        legend: {
+          // type: "scroll",
+          orient: "vertical",
+          left: "60%",
+          top: 20,
+          bottom: 20,
+          data: seriesData,
+          formatter: function (name) {
+            return `{a|${name}}\n{b|${
+              seriesData.find((item) => item.name === name).value
+            }}`;
+          },
+          itemWidth: 4,
+          itemHeight: 50,
+          itemGap: 25,
+          itemStyle: {
+            borderJoin: "round",
+          },
+          textStyle: {
+            fontSize: 16,
+            rich: {
+              a: {
+                fontSize: 12,
+                lineHeight: 20,
+              },
+              b: {
+                fontSize: 18,
+                fontWeight: "bold",
+              },
+            },
+          },
+          label: {},
+        },
+        tooltip: {
+          trigger: "item",
+        },
+        series: [
+          {
+            name: "",
+            type: "pie",
+            radius: ["50%", "75%"],
+            center: ["30%", "50%"],
+            label: {
+              show: false,
+              position: "center",
+            },
+            emphasis: {
+              label: {
+                show: false,
+                fontSize: 16,
+                fontWeight: "bold",
+              },
+            },
+            labelLine: {
+              show: false,
+            },
+            data: seriesData,
+          },
+        ],
+      };
+      this.myChart.setOption(option);
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.pie-component {
+  border: 1px solid #e5e5e5;
+  border-radius: 5px;
+
+  .title {
+    padding: 10px;
+    border-bottom: 1px solid #e5e5e5;
+  }
+  .canvas {
+    width: 500px;
+    height: 200px;
+    padding: 10px;
+  }
+}
+</style>

src/views/sluice/runManage/dangerWeakProject/inspectTasks/taskDetails.vue

@@ -214,7 +214,8 @@ export default {
     // 获取水闸类型
     formatType(type) {
       if (!type) return "";
-      let typeArr = JSON.parse(type);
+      // let typeArr = JSON.parse(type);
+      let typeArr = [type];
       let str = "";
       typeArr.forEach((item) => {
         let res = this.projectTypeOptions.find(

src/views/sluice/runManage/monitoring/sluice/index.vue

@@ -38,7 +38,8 @@ export default {
     // 过滤类型
     filterSluice(price) {
       if (!price) return "-";
-      let typeArr = JSON.parse(price);
+      // let typeArr = JSON.parse(price);
+      let typeArr = [price];
       // 根据typeArr数组的值，找到对应的label
       let labelArr = [];
       typeArr.forEach((item) => {

src/views/sluice/runManage/supervisionInspetion/questionManage/index.vue

@@ -147,7 +147,8 @@ export default {
     // 水闸类型字典翻译
     wagaTypeFormat(wagaType) {
       if (!wagaType) return "";
-      let typeArr = JSON.parse(wagaType);
+      // let typeArr = JSON.parse(wagaType);
+      let typeArr = [wagaType];
       return this.wagaTypeOptions
         .filter((item) => typeArr.includes(item.dictValue))
         .map((item) => item.dictLabel)

src/views/sluice/runManage/waterRainReport/testReportManage/index.vue

@@ -191,7 +191,8 @@ export default {
     },
     getWagaType(key) {
       if (key) {
-        let typeArr = JSON.parse(key);
+        // let typeArr = JSON.parse(key);
+        let typeArr = [key];
         let tempTypeArr = [];
         typeArr.forEach((item) => {
           let dictItem = this.wagaTypeList.filter(