名称列表项宽度和展示位置调整，经济运行分析页面饼图修改

src/components/chart/pie/pie-chart.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="chart" :id="id"></div>
+  <div class="chart" id="equipment"></div>
 </template>
 
 <script>
@@ -45,8 +45,8 @@ export default {
         "#005bd9",
         "#019f2e",
         "#db6200",
-        "#a10f0f",
-        "#850894",
+        "#d24645",
+        "#f00bd8",
         "#9fa0a2",
       ],
     },
@@ -56,126 +56,293 @@ export default {
       id: "",
       chart: null,
       newlist: null,
+      chooseItem: {},
+      seriesData: [],
     };
   },
   watch: {
-    list: {
-      handler(newValue, oldValue) {
-        this.newlist = newValue;
-        this.$nextTick(() => {
-          this.newlist = this.list;
-          this.initChart();
-        });
-      },
-      deep: true,
+    lossPower() {
+      this.seriesData = [
+        {
+          value: this.lossPower.XNSS ? this.lossPower?.XNSS?.toFixed(2) : 0,
+          name: "性能损失",
+        },
+        {
+          value: this.lossPower.WHSS ? this.lossPower?.WHSS?.toFixed(2) : 0,
+          name: "维护损失",
+        },
+        {
+          value: this.lossPower.GZSS ? this.lossPower?.GZSS?.toFixed(2) : 0,
+          name: "故障损失",
+        },
+        {
+          value: this.lossPower.XDSS ? this.lossPower?.XDSS?.toFixed(2) : 0,
+          name: "限电损失",
+        },
+        {
+          value: this.lossPower.SLSS ? this.lossPower?.SLSS?.toFixed(2) : 0,
+          name: "受累损失",
+        },
+      ];
     },
   },
-  computed: {},
+
   methods: {
     resize() {},
     initChart() {
-      const chart = echarts.init(this.$el);
+      const chart = echarts.init(document.getElementById("equipment"));
+      let max =
+        Math.max.apply(
+          Math,
+          this.seriesData.map(function (o) {
+            return o.value;
+          })
+        ) || 0;
+      let index = this.seriesData.findIndex((item) => item.value == max);
+      let total =
+        this.seriesData.reduce((a, b) => {
+          return a + b.value * 1;
+        }, 0) || 0;
+      let title = this.seriesData.find((item) => item.value == max)?.name || "";
+
       let option = {
         color: this.color,
-        radar: [
-          {
-            indicator: [{ text: "" }],
-            center: ["47%", "50%"],
-            radius: [0, 79],
-            startAngle: 60,
-            splitNumber: 5,
-            shape: "circle",
-            name: {
-              formatter: "",
-              textStyle: {
-                color: "#0000FF",
+
+        // radar: [
+        //   {
+        //     indicator: [{ text: "" }],
+        //     center: ["47%", "50%"],
+        //     radius: [0, 79],
+        //     startAngle: 60,
+        //     splitNumber: 5,
+        //     shape: "circle",
+        //     name: {
+        //       formatter: "",
+        //       textStyle: {
+        //         color: "#0000FF",
+        //       },
+        //     },
+        //     splitArea: {
+        //       areaStyle: {
+        //         color: "rgba(0, 0, 0, 0)",
+        //       },
+        //     },
+        //     axisLine: {
+        //       lineStyle: {
+        //         color: "rgba(0, 0, 0, 0)",
+        //       },
+        //     },
+        //     splitLine: {
+        //       lineStyle: {
+        //         color: "#0a389c",
+        //         shadowColor: "#0a389c",
+        //         shadowBlur: 10,
+        //       },
+        //     },
+        //   },
+        // ],
+        // tooltip: {
+        //   trigger: "item",
+        // },
+        // series: [
+        //   {
+        //     name: "",
+        //     type: "pie",
+        //     radius: [0, 80],
+        //     center: ["47%", "50%"],
+        //     roseType: "area",
+        //     label: {
+        //       formatter: "{d}%",
+        //       padding: [-20, -25, 10, 5],
+        //     },
+        //     itemStyle: {
+        //       normal: {
+        //         // 阴影的大小
+        //         shadowBlur: 20,
+        //         // 阴影水平方向上的偏移
+        //         shadowOffsetX: 0,
+        //         // 阴影垂直方向上的偏移
+        //         shadowOffsetY: 0,
+        //         // 阴影颜色
+        //         shadowColor: "rgba(0,70,199, 0.8)",
+        //       },
+        //       borderRadius: 2,
+        //     },
+        //     data: [
+        //       {
+        //         value: this.lossPower.XNSS
+        //           ? this.lossPower?.XNSS?.toFixed(2)
+        //           : 0,
+        //         name: "性能损失",
+        //       },
+        //       {
+        //         value: this.lossPower.WHSS
+        //           ? this.lossPower?.WHSS?.toFixed(2)
+        //           : 0,
+        //         name: "维护损失",
+        //       },
+        //       {
+        //         value: this.lossPower.GZSS
+        //           ? this.lossPower?.GZSS?.toFixed(2)
+        //           : 0,
+        //         name: "故障损失",
+        //       },
+        //       {
+        //         value: this.lossPower.XDSS
+        //           ? this.lossPower?.XDSS?.toFixed(2)
+        //           : 0,
+        //         name: "限电损失",
+        //       },
+        //       {
+        //         value: this.lossPower.SLSS
+        //           ? this.lossPower?.SLSS?.toFixed(2)
+        //           : 0,
+        //         name: "受累损失",
+        //       },
+        //     ],
+        //   },
+        // ],
+        legend: {
+          top: 40,
+          right: 30,
+          orient: "vertical", //改变排列方式
+          itemGap: 15, // 设置legend的间距
+          itemWidth: 10, // 设置宽度
+          itemHeight: 10, // 设置高度
+          textStyle: {
+            fontSize: 15,
+            color: "#fff",
+          },
+          itemStyle: {
+            borderColor: "transparent",
+          },
+        },
+        title: {
+          text: `{val|${
+            max && total ? Number((max / total) * 100).toFixed(2) : 0
+          }%}\n{name|${title || ""}}`,
+          top: "43%",
+          left: "34%",
+          textAlign: "center",
+          textStyle: {
+            rich: {
+              name: {
+                fontSize: 15,
+                fontWeight: "bold",
+                color: this.color[index],
               },
-            },
-            splitArea: {
-              areaStyle: {
-                color: "rgba(0, 0, 0, 0)",
+              val: {
+                fontSize: 14,
+                fontWeight: "bold",
+                color: this.color[index],
               },
             },
-            axisLine: {
-              lineStyle: {
-                color: "rgba(0, 0, 0, 0)",
+          },
+        },
+        series: [
+          {
+            radius: ["60%", "65%"],
+            center: ["35%", "50%"],
+            type: "pie",
+            avoidLabelOverlap: false,
+            hoverAnimation: false,
+            label: {
+              position: "center",
+              normal: {
+                fontSize: 14,
+                fontWeight: "bold",
+                show: true,
+                padding: [-25, -40, 5, 1],
+                formatter: (params) => {
+                  return `${params.name}${params.percent}%`;
+                },
               },
             },
-            splitLine: {
+
+            labelLine: {
               lineStyle: {
-                color: "#0a389c",
-                shadowColor: "#0a389c",
-                shadowBlur: 10,
+                width: 1,
               },
             },
+            itemStyle: {
+              borderColor: "#000",
+            },
+            data: this.seriesData,
           },
-        ],
-        tooltip: {
-          trigger: "item",
-        },
-        series: [
           {
             name: "",
             type: "pie",
-            radius: [0, 80],
-            center: ["47%", "50%"],
-            roseType: "area",
+            radius: ["30%", "60%"],
+            center: ["35%", "50%"],
+            avoidLabelOverlap: false,
+            hoverAnimation: false,
+            itemStyle: {
+              opacity: 0.8,
+              color: "#35383f",
+              borderColor: "#000",
+            },
             label: {
-              formatter: "{d}%",
-              padding: [-20, -25, 10, 5],
+              show: false,
             },
-            itemStyle: {
-              normal: {
-                // 阴影的大小
-                shadowBlur: 20,
-                // 阴影水平方向上的偏移
-                shadowOffsetX: 0,
-                // 阴影垂直方向上的偏移
-                shadowOffsetY: 0,
-                // 阴影颜色
-                shadowColor: "rgba(0,70,199, 0.8)",
-              },
-              borderRadius: 2,
+            labelLine: {
+              show: false,
             },
-            data: [
-              {
-                value: this.lossPower.XNSS
-                  ? this.lossPower?.XNSS?.toFixed(2)
-                  : 0,
-                name: "性能损失",
-              },
-              {
-                value: this.lossPower.WHSS
-                  ? this.lossPower?.WHSS?.toFixed(2)
-                  : 0,
-                name: "维护损失",
-              },
-              {
-                value: this.lossPower.GZSS
-                  ? this.lossPower?.GZSS?.toFixed(2)
-                  : 0,
-                name: "故障损失",
-              },
-              {
-                value: this.lossPower.XDSS
-                  ? this.lossPower?.XDSS?.toFixed(2)
-                  : 0,
-                name: "限电损失",
-              },
-              {
-                value: this.lossPower.SLSS
-                  ? this.lossPower?.SLSS?.toFixed(2)
-                  : 0,
-                name: "受累损失",
-              },
-            ],
+            data: this.seriesData,
           },
         ],
       };
 
       chart.clear();
-      chart.setOption(option);
 
+      chart.setOption(option);
+      chart.on("mouseover", (event) => {
+        let name = event.name;
+        let value = event.percent;
+        option.title.text = "{val|" + value + "%}\n{name|" + name + "}";
+        option.animation = false;
+        option.title.textStyle = {
+          rich: {
+            name: {
+              fontSize: 15,
+              fontWeight: "bold",
+              color: this.color[event.dataIndex],
+            },
+            val: {
+              fontSize: 14,
+              fontWeight: "bold",
+              color: this.color[event.dataIndex],
+            },
+          },
+        };
+        chart.setOption(option);
+      });
+      chart.on("mouseout", (event) => {
+        option.animation = false;
+        option.title = {
+          text: `{val|${
+            max && total ? Number((max / total) * 100).toFixed(2) : 0
+          }%}\n{name|${title || ""}}`,
+          top: "43%",
+          left: "34%",
+          textAlign: "center",
+          textStyle: {
+            rich: {
+              name: {
+                fontSize: 15,
+                fontWeight: "bold",
+                color: this.color[index],
+                // padding: [10, 10],
+              },
+              val: {
+                fontSize: 14,
+                fontWeight: "bold",
+                color: this.color[index],
+              },
+            },
+          },
+        };
+        chart.setOption(option);
+      });
       this.resize = function () {
         chart.resize();
       };
@@ -184,15 +351,13 @@ export default {
     },
   },
   created() {
-    this.$nextTick(() => {
-      this.id = "pie-chart-" + util.newGUID();
-    });
-    this.newlist = this.list;
+    this.$nextTick(() => {});
   },
   mounted() {
     this.$nextTick(() => {
-      this.$el.style.width = this.width;
-      this.$el.style.height = this.height;
+      let el = this.$el.parentElement;
+      el.style.width = this.width;
+      el.style.height = this.height;
       this.initChart();
     });
   },

src/components/chart/pie/pie-station-top5.vue

@@ -29,11 +29,17 @@ export default {
     color: {
       type: Array,
       default: () => [
+        // "#005bd9",
+        // "#019f2e",
+        // "#db6200",
+        // "#a10f0f",
+        // "#850894",
+        // "#9fa0a2",
         "#005bd9",
         "#019f2e",
         "#db6200",
-        "#a10f0f",
-        "#850894",
+        "#d24645",
+        "#f00bd8",
         "#9fa0a2",
       ],
     },
@@ -62,81 +68,162 @@ export default {
     resize() {},
     initChart() {
       const chart = echarts.init(this.$el);
+      let max =
+        Math.max.apply(
+          Math,
+          this.list.map(function (o) {
+            return o.value;
+          })
+        ) || 0;
+      let index = this.list.findIndex((item) => item.value == max);
+      let total =
+        this.list.reduce((a, b) => {
+          return a + b.value * 1;
+        }, 0) || 0;
+      let title = this.list.find((item) => item.value == max)?.name || "";
+
       let option = {
         color: this.color,
-        radar: [
-          {
-            indicator: [{ text: "" }],
-            center: ["47%", "50%"],
-            radius: [0, 79],
-            startAngle: 60,
-            splitNumber: 5,
-            shape: "circle",
-            name: {
-              formatter: "",
-              textStyle: {
-                color: "#0000FF",
+        legend: {
+          top: 40,
+          right: 0,
+          orient: "vertical", //改变排列方式
+          itemGap: 15, // 设置legend的间距
+          itemWidth: 10, // 设置宽度
+          itemHeight: 10, // 设置高度
+          textStyle: {
+            fontSize: 15,
+            color: "#fff",
+          },
+          itemStyle: {
+            borderColor: "transparent",
+          },
+        },
+        title: {
+          text: `{val|${
+            max && total ? Number((max / total) * 100).toFixed(2) : 0
+          }%}\n{name|${title || ""}}`,
+          top: "43%",
+          left: "34%",
+          textAlign: "center",
+          textStyle: {
+            rich: {
+              name: {
+                fontSize: 15,
+                fontWeight: "bold",
+                color: this.color[index],
               },
-            },
-            splitArea: {
-              areaStyle: {
-                color: "rgba(0, 0, 0, 0)",
+              val: {
+                fontSize: 14,
+                fontWeight: "bold",
+                color: this.color[index],
               },
             },
-            axisLine: {
-              lineStyle: {
-                color: "rgba(0, 0, 0, 0)",
+          },
+        },
+        series: [
+          {
+            radius: ["60%", "65%"],
+            center: ["35%", "50%"],
+            type: "pie",
+            avoidLabelOverlap: false,
+            hoverAnimation: false,
+            label: {
+              position: "center",
+              normal: {
+                fontSize: 14,
+                fontWeight: "bold",
+                show: true,
+                padding: [-25, -40, 5, 1],
+                formatter: (params) => {
+                  return `${params.name}${params.percent}%`;
+                },
               },
             },
-            splitLine: {
+
+            labelLine: {
               lineStyle: {
-                color: "#0a389c",
-                shadowColor: "#0a389c",
-                shadowBlur: 10,
+                width: 1,
               },
             },
+            itemStyle: {
+              borderColor: "#000",
+            },
+            data: this.list,
           },
-        ],
-        tooltip: {
-          trigger: "item",
-        },
-        series: [
           {
             name: "",
             type: "pie",
-            radius: [0, 80],
-            center: ["47%", "50%"],
-            roseType: "area",
+            radius: ["30%", "60%"],
+            center: ["35%", "50%"],
+            avoidLabelOverlap: false,
+            hoverAnimation: false,
+            itemStyle: {
+              opacity: 0.8,
+              color: "#35383f",
+              borderColor: "#000",
+            },
             label: {
-              formatter: "{d}%",
-              //   position: "outer",
-              //   alignTo: "edge",
-              //   margin: 10,
-              padding: [-20, -25, 10, 5],
+              show: false,
             },
-            itemStyle: {
-              normal: {
-                // 阴影的大小
-                shadowBlur: 20,
-                // 阴影水平方向上的偏移
-                shadowOffsetX: 0,
-                // 阴影垂直方向上的偏移
-                shadowOffsetY: 0,
-                // 阴影颜色
-                shadowColor: "rgba(0,70,199, 0.8)",
-              },
-              borderRadius: 2,
+            labelLine: {
+              show: false,
             },
-            data: this.list.length
-              ? this.list
-              : Array(5).fill({ value: 0, name: "" }),
+            data: this.list,
           },
         ],
       };
 
       chart.clear();
       chart.setOption(option);
-
+      chart.on("mouseover", (event) => {
+        let name = event.name;
+        let value = event.percent;
+        option.title.text = "{val|" + value + "%}\n{name|" + name + "}";
+        option.animation = false;
+        option.title.textStyle = {
+          rich: {
+            name: {
+              fontSize: 15,
+              fontWeight: "bold",
+              color: this.color[event.dataIndex],
+            },
+            val: {
+              fontSize: 14,
+              fontWeight: "bold",
+              color: this.color[event.dataIndex],
+            },
+          },
+        };
+        chart.setOption(option);
+      });
+      chart.on("mouseout", (event) => {
+        option.animation = false;
+        option.title = {
+          text: `{val|${
+            max && total ? Number((max / total) * 100).toFixed(2) : 0
+          }%}\n{name|${title || ""}}`,
+          top: "43%",
+          left: "34%",
+          textAlign: "center",
+          textStyle: {
+            rich: {
+              name: {
+                fontSize: 15,
+                fontWeight: "bold",
+                color: this.color[index],
+                // padding: [10, 10],
+              },
+              val: {
+                fontSize: 14,
+                fontWeight: "bold",
+                color: this.color[index],
+              },
+            },
+          },
+        };
+        chart.setOption(option);
+      });
       this.resize = function () {
         chart.resize();
       };

src/views/layout/economicsOperation/benchmarkingManagement/companyBenchmarking/index.vue

@@ -107,6 +107,7 @@
           size="mini"
           :height="echartsHeight"
           :cell-style="{ padding: '6px' }"
+           :header-cell-style="{ 'text-align': 'center' }"
           :row-style="{ height: '0' }"
           stripe
           @selection-change="handleCurrentChange"
@@ -114,9 +115,10 @@
           <el-table-column type="selection" width="55" align="center">
           </el-table-column>
           <el-table-column
-            align="center"
+            align="left"
             prop="name"
             label="名称"
+            width="60"
             show-overflow-tooltip
             sortable
           >
@@ -125,7 +127,7 @@
             align="center"
             prop="zhpm"
             label="综合排名"
-            width="80"
+            width="65"
             sortable
           >
           </el-table-column>
@@ -134,7 +136,7 @@
             prop="fdlpm"
             label="发电量排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -142,7 +144,7 @@
             prop="fdl"
             label="发电量"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -150,7 +152,7 @@
             prop="gzssdlpm"
             label="故障损失排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -158,7 +160,7 @@
             prop="gzssdl"
             label="故障损失"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -166,7 +168,7 @@
             prop="jxssdlpm"
             label="检修损失排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -174,7 +176,7 @@
             prop="jxssdl"
             label="检修损失"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -182,7 +184,7 @@
             prop="xnssdlpm"
             label="性能损失排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -190,7 +192,7 @@
             prop="xnssdl"
             label="性能损失"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -198,7 +200,7 @@
             prop="xdssdlpm"
             label="限电损失排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -206,7 +208,7 @@
             prop="xdssdl"
             label="限电损失"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -214,7 +216,7 @@
             prop="slssdlpm"
             label="受累损失排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -222,7 +224,7 @@
             prop="slssdl"
             label="受累损失"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -230,7 +232,7 @@
             prop="fnlylpm"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率排名'"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -238,7 +240,7 @@
             prop="fnlyl"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率(%)'"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -246,7 +248,7 @@
             prop="gzsslpm"
             label="故障损失率排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -254,7 +256,7 @@
             prop="gzssl"
             label="故障损失率(%)"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -262,7 +264,7 @@
             prop="jxsslpm"
             label="检修损失率排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -270,7 +272,7 @@
             prop="jxssl"
             label="检修损失率(%)"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -278,7 +280,7 @@
             prop="qflpm"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -286,7 +288,7 @@
             prop="qfl"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -294,7 +296,7 @@
             prop="xnsslpm"
             label="性能损失率排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -302,7 +304,7 @@
             prop="xnssl"
             label="性能损失率(%)"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -310,7 +312,7 @@
             prop="slsslpm"
             label="受累损失率排名"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
           <el-table-column
@@ -318,10 +320,10 @@
             prop="slssl"
             label="受累损失率(%)"
             sortable
-            width="63"
+           width="68"
           >
           </el-table-column>
-          <el-table-column align="center" prop="" label="操作" width="70">
+          <el-table-column align="center" prop="" label="操作" width="68">
             <template v-slot="scope">
               <span
                 @click="goDetail(scope.row)"

src/views/layout/economicsOperation/benchmarkingManagement/intervalBenchmarking/index.vue

@@ -124,15 +124,17 @@
           :height="echartsHeight"
           :cell-style="{ padding: '6px' }"
           :row-style="{ height: '0' }"
+           :header-cell-style="{ 'text-align': 'center' }"
           stripe
           @selection-change="handleCurrentChange"
         >
           <el-table-column type="selection" width="55" align="center">
           </el-table-column>
           <el-table-column
-            align="center"
+            align="left"
             prop="name"
             label="名称"
+            width="80"
             show-overflow-tooltip
             sortable
           >
@@ -141,7 +143,7 @@
             align="center"
             prop="zhpm"
             label="综合排名"
-            width="80"
+            width="73"
             sortable
           >
           </el-table-column>
@@ -150,7 +152,7 @@
             prop="fdlpm"
             label="发电量排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -158,7 +160,7 @@
             prop="fdl"
             label="发电量"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -166,7 +168,7 @@
             prop="gzssdlpm"
             label="故障损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -174,7 +176,7 @@
             prop="gzssdl"
             label="故障损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -182,7 +184,7 @@
             prop="jxssdlpm"
             label="检修损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -190,7 +192,7 @@
             prop="jxssdl"
             label="检修损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -198,7 +200,7 @@
             prop="xnssdlpm"
             label="性能损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -206,7 +208,7 @@
             prop="xnssdl"
             label="性能损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -214,7 +216,7 @@
             prop="xdssdlpm"
             label="限电损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -222,7 +224,7 @@
             prop="xdssdl"
             label="限电损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -230,7 +232,7 @@
             prop="slssdlpm"
             label="受累损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -238,7 +240,7 @@
             prop="slssdl"
             label="受累损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -246,7 +248,7 @@
             prop="fnlylpm"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率排名'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -254,7 +256,7 @@
             prop="fnlyl"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率(%)'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -262,7 +264,7 @@
             prop="gzsslpm"
             label="故障损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -270,7 +272,7 @@
             prop="gzssl"
             label="故障损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -278,7 +280,7 @@
             prop="jxsslpm"
             label="检修损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -286,7 +288,7 @@
             prop="jxssl"
             label="检修损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -294,7 +296,7 @@
             prop="qflpm"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -302,7 +304,7 @@
             prop="qfl"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -310,7 +312,7 @@
             prop="xnsslpm"
             label="性能损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -318,7 +320,7 @@
             prop="xnssl"
             label="性能损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -326,7 +328,7 @@
             prop="slsslpm"
             label="受累损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -334,7 +336,7 @@
             prop="slssl"
             label="受累损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column align="center" prop="" label="操作" width="70">

src/views/layout/economicsOperation/benchmarkingManagement/loseRate/index.vue

@@ -154,17 +154,18 @@
           :height="echartsHeight"
           :cell-style="{ padding: '4px' }"
           :row-style="{ height: '0' }"
+           :header-cell-style="{ 'text-align': 'center' }"
           stripe
           @selection-change="handleCurrentChange"
         >
           <el-table-column type="selection" width="55" align="center">
           </el-table-column>
           <el-table-column
-            align="center"
+            align="left"
             prop="name"
             show-overflow-tooltip
             label="名称"
-            width="150"
+            width="80"
             sortable
           >
           </el-table-column>
@@ -181,7 +182,7 @@
             prop="fdlpm"
             label="发电量排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -189,7 +190,7 @@
             prop="fdl"
             label="发电量"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -197,7 +198,7 @@
             prop="gzssdlpm"
             label="故障损失排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -205,7 +206,7 @@
             prop="gzssdl"
             label="故障损失"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -213,7 +214,7 @@
             prop="jxssdlpm"
             label="检修损失排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -221,7 +222,7 @@
             prop="jxssdl"
             label="检修损失"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -229,7 +230,7 @@
             prop="xnssdlpm"
             label="性能损失排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -237,7 +238,7 @@
             prop="xnssdl"
             label="性能损失"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -245,7 +246,7 @@
             prop="xdssdlpm"
             label="限电损失排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -253,7 +254,7 @@
             prop="xdssdl"
             label="限电损失"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -261,7 +262,7 @@
             prop="slssdlpm"
             label="受累损失排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -269,7 +270,7 @@
             prop="slssdl"
             label="受累损失"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -277,7 +278,7 @@
             prop="fnlylpm"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率排名'"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -285,7 +286,7 @@
             prop="fnlyl"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率(%)'"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -293,7 +294,7 @@
             prop="gzsslpm"
             label="故障损失率排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -301,7 +302,7 @@
             prop="gzssl"
             label="故障损失率(%)"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -309,7 +310,7 @@
             prop="jxsslpm"
             label="检修损失率排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -317,7 +318,7 @@
             prop="jxssl"
             label="检修损失率(%)"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -325,7 +326,7 @@
             prop="qflpm"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -333,7 +334,7 @@
             prop="qfl"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -341,7 +342,7 @@
             prop="xnsslpm"
             label="性能损失率排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -349,7 +350,7 @@
             prop="xnssl"
             label="性能损失率(%)"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -357,7 +358,7 @@
             prop="slsslpm"
             label="受累损失率排名"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column
@@ -365,7 +366,7 @@
             prop="slssl"
             label="受累损失率(%)"
             sortable
-            width="63"
+            width="65"
           >
           </el-table-column>
           <el-table-column align="center" prop="" label="操作">

src/views/layout/economicsOperation/benchmarkingManagement/machineBenchmarking/index.vue

@@ -201,13 +201,15 @@
           :height="echartsHeight"
           :cell-style="{ padding: '6px' }"
           :row-style="{ height: '0' }"
+          :header-cell-style="{ 'text-align': 'center' }"
           stripe
           @selection-change="handleCurrentChange"
         >
           <el-table-column type="selection" width="55" align="center">
           </el-table-column>
           <el-table-column
-            align="center"
+            align="left"
+            width="75"
             prop="name"
             label="名称"
             show-overflow-tooltip
@@ -227,7 +229,7 @@
             prop="fdlpm"
             label="发电量排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -235,7 +237,7 @@
             prop="fdl"
             label="发电量"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -243,7 +245,7 @@
             prop="gzssdlpm"
             label="故障损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -251,7 +253,7 @@
             prop="gzssdl"
             label="故障损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -259,7 +261,7 @@
             prop="jxssdlpm"
             label="检修损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -267,7 +269,7 @@
             prop="jxssdl"
             label="检修损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -275,7 +277,7 @@
             prop="xnssdlpm"
             label="性能损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -283,7 +285,7 @@
             prop="xnssdl"
             label="性能损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -291,7 +293,7 @@
             prop="xdssdlpm"
             label="限电损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -299,7 +301,7 @@
             prop="xdssdl"
             label="限电损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -307,7 +309,7 @@
             prop="slssdlpm"
             label="受累损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -315,7 +317,7 @@
             prop="slssdl"
             label="受累损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -323,7 +325,7 @@
             prop="fnlylpm"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率排名'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -331,7 +333,7 @@
             prop="fnlyl"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率(%)'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -339,7 +341,7 @@
             prop="gzsslpm"
             label="故障损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -347,7 +349,7 @@
             prop="gzssl"
             label="故障损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -355,7 +357,7 @@
             prop="jxsslpm"
             label="检修损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -363,7 +365,7 @@
             prop="jxssl"
             label="检修损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -371,7 +373,7 @@
             prop="qflpm"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -379,7 +381,7 @@
             prop="qfl"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -387,7 +389,7 @@
             prop="xnsslpm"
             label="性能损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -395,7 +397,7 @@
             prop="xnssl"
             label="性能损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -403,7 +405,7 @@
             prop="slsslpm"
             label="受累损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -411,7 +413,7 @@
             prop="slssl"
             label="受累损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column align="center" prop="" label="操作" width="70">
@@ -736,6 +738,10 @@ export default {
         companyids: companyids,
         type: this.tabIndex,
       }).then((res) => {
+        this.stationObj = [];
+        this.projectObj = [];
+        this.lineObj = [];
+        this.squareObj = [];
         if (res.data.length) {
           this.stationObj = [res.data[0].id];
           this.stationList = res.data;
@@ -748,19 +754,24 @@ export default {
     },
     getProject(stationids) {
       GetProjectList(stationids.join(",")).then((res) => {
+        this.projectObj = [];
+        this.lineObj = [];
+        this.squareObj = [];
         if (res.data.length) {
           this.projectList = res.data;
           this.projectObj = [res.data[0].id];
           this.getLineList(this.projectObj);
         } else {
           this.projectList = [];
-          this.lineObj = [];
         }
         this.gerSbdb();
       });
     },
     getLineList(projectids) {
       GetLineList(projectids.join(",")).then((res) => {
+        this.lineObj = [];
+        this.squareObj = [];
+        this.windturbineids = [];
         if (res.data.length) {
           this.lineList = res.data;
           this.lineObj = [res.data[0].id];
@@ -774,6 +785,8 @@ export default {
     },
     getSquareList(lineids) {
       GetSquareList(lineids.join(",")).then((res) => {
+        this.squareObj = [];
+        this.windturbineids = [];
         if (res.data.length) {
           this.squareList = res.data;
         } else {
@@ -784,6 +797,7 @@ export default {
     },
     getWtList(squareids) {
       GeWtList(squareids.join(",")).then((res) => {
+        this.windturbineids = [];
         if (res.data.length) {
           this.wtList = res.data;
         } else {
@@ -855,32 +869,24 @@ export default {
     },
     handleCompanyChange(val) {
       this.company = val;
-      this.stationObj = [];
-      this.projectObj = [];
-      this.lineObj = [];
-      this.squareObj = [];
+
       this.getStation(val);
     },
     handleStationChange(val) {
       this.stationObj = val;
-      this.projectObj = [];
-      this.lineObj = [];
-      this.squareObj = [];
       this.getProject(val);
     },
     handleProjectChange(val) {
       this.projectObj = val;
-      this.lineObj = [];
-      this.squareObj = [];
       this.getLineList(val);
     },
     handleLineChange(val) {
       this.lineObj = val;
-      this.squareObj = [];
       this.getSquareList(val);
     },
     handleSquareChange(val) {
       this.squareObj = val;
+      this.windturbineids = [];
       this.getWtList(val);
     },
     handleWtidsChange(val) {

src/views/layout/economicsOperation/benchmarkingManagement/quarterBenchmarking/index.vue

@@ -184,15 +184,17 @@
           :height="echartsHeight"
           :cell-style="{ padding: '6px' }"
           :row-style="{ height: '0' }"
+          :header-cell-style="{ 'text-align': 'center' }"
           stripe
           @selection-change="handleCurrentChange"
         >
           <el-table-column type="selection" width="55" align="center">
           </el-table-column>
           <el-table-column
-            align="center"
+            align="left"
             prop="name"
             label="名称"
+            width="75"
             show-overflow-tooltip
             sortable
           >
@@ -210,7 +212,7 @@
             prop="fdlpm"
             label="发电量排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -218,7 +220,7 @@
             prop="fdl"
             label="发电量"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -226,7 +228,7 @@
             prop="gzssdlpm"
             label="故障损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -234,7 +236,7 @@
             prop="gzssdl"
             label="故障损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -242,7 +244,7 @@
             prop="jxssdlpm"
             label="检修损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -250,7 +252,7 @@
             prop="jxssdl"
             label="检修损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -258,7 +260,7 @@
             prop="xnssdlpm"
             label="性能损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -266,7 +268,7 @@
             prop="xnssdl"
             label="性能损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -274,7 +276,7 @@
             prop="xdssdlpm"
             label="限电损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -282,7 +284,7 @@
             prop="xdssdl"
             label="限电损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -290,7 +292,7 @@
             prop="slssdlpm"
             label="受累损失排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -298,7 +300,7 @@
             prop="slssdl"
             label="受累损失"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -306,7 +308,7 @@
             prop="fnlylpm"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率排名'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -314,7 +316,7 @@
             prop="fnlyl"
             :label="(tabIndex === -1 ? '风能' : '光能') + '利用率(%)'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -322,7 +324,7 @@
             prop="gzsslpm"
             label="故障损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -330,7 +332,7 @@
             prop="gzssl"
             label="故障损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -338,7 +340,7 @@
             prop="jxsslpm"
             label="检修损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -346,7 +348,7 @@
             prop="jxssl"
             label="检修损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -354,7 +356,7 @@
             prop="qflpm"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -362,7 +364,7 @@
             prop="qfl"
             :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -370,7 +372,7 @@
             prop="xnsslpm"
             label="性能损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -378,7 +380,7 @@
             prop="xnssl"
             label="性能损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -386,7 +388,7 @@
             prop="slsslpm"
             label="受累损失率排名"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column
@@ -394,7 +396,7 @@
             prop="slssl"
             label="受累损失率(%)"
             sortable
-            width="63"
+            width="67"
           >
           </el-table-column>
           <el-table-column align="center" prop="" label="操作" width="70">

src/views/layout/economicsOperation/benchmarkingManagement/wiringBenchmarking/index.vue

@@ -154,16 +154,17 @@
           :height="echartsHeight"
           :cell-style="{ padding: '4px' }"
           :row-style="{ height: '0' }"
+          :header-cell-style="{ 'text-align': 'center' }"
           stripe
           @selection-change="handleCurrentChange"
         >
           <el-table-column type="selection" width="55" align="center">
           </el-table-column>
           <el-table-column
-            align="center"
+            align="left"
             prop="name"
             label="名称"
-            width="150"
+            width="80"
             sortable
           >
           </el-table-column>
@@ -171,7 +172,7 @@
             align="center"
             prop="zhpm"
             label="综合排名"
-            width="80"
+            width="70"
             sortable
           >
           </el-table-column>
@@ -180,7 +181,7 @@
             prop="fdlpm"
             label="发电量排名"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -188,7 +189,7 @@
             prop="fdl"
             label="发电量"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -196,7 +197,7 @@
             prop="gzssdlpm"
             label="故障损失排名"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -204,7 +205,7 @@
             prop="gzssdl"
             label="故障损失"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -212,7 +213,7 @@
             prop="jxssdlpm"
             label="检修损失排名"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -220,7 +221,7 @@
             prop="jxssdl"
             label="检修损失"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -228,7 +229,7 @@
             prop="xnssdlpm"
             label="性能损失排名"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -236,7 +237,7 @@
             prop="xnssdl"
             label="性能损失"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -244,7 +245,7 @@
             prop="xdssdlpm"
             label="限电损失排名"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -252,7 +253,7 @@
             prop="xdssdl"
             label="限电损失"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column
@@ -364,7 +365,7 @@
             prop="slssl"
             label="受累损失率(%)"
             sortable
-            width="63"
+            width="70"
           >
           </el-table-column>
           <el-table-column align="center" prop="" label="操作">
@@ -692,6 +693,8 @@ export default {
         companyids: companyids,
         type: this.tabIndex,
       }).then((res) => {
+        this.projectObj = [];
+        this.lineObj = [];
         if (res.data.length) {
           this.stationObj = [res.data[0].id];
           this.stationList = res.data;
@@ -704,6 +707,8 @@ export default {
     },
     getProject(stationids) {
       GetProjectList(stationids.join(",")).then((res) => {
+        this.projectObj = [];
+        this.lineObj = [];
         if (res.data.length) {
           this.projectList = res.data;
         } else {
@@ -714,6 +719,7 @@ export default {
     },
     getLineList(projectids) {
       GetLineList(projectids.join(",")).then((res) => {
+        this.lineObj = [];
         if (res.data.length) {
           this.lineList = res.data;
         } else {
@@ -793,6 +799,9 @@ export default {
       //   this.lineObj = [];
       this.getLineList(val);
     },
+    handleLineChange(val) {
+      this.gerXldb();
+    },
     handleCurrentChange(val) {
       if (val.length > 5) {
         let del_row = val.shift();

src/views/layout/economicsOperation/companyHomepage/index.vue

@@ -110,7 +110,7 @@
           <div class="chart-pie">
             <pie-chart width="100%" height="100%" :lossPower="dayWindPieData" />
           </div>
-          <ul class="chart-list">
+          <!-- <ul class="chart-list">
             <li class="state-li state-gz">
               <span class="station-state">故障</span>
               <span class="station-data"
@@ -146,7 +146,7 @@
                 <i class="unit">万kWh</i></span
               >
             </li>
-          </ul>
+          </ul> -->
         </div>
       </div>
       <div class="chart-card">
@@ -155,7 +155,7 @@
           <div class="chart-online">
             <PieStationTop5 width="100%" height="100%" :list="stationTop5" />
           </div>
-          <ul class="chart-list">
+          <!-- <ul class="chart-list">
             <li
               class="online-li"
               v-for="(item, index) in stationTop5"
@@ -168,7 +168,7 @@
                 <span class="online-percent">万kWh</span>
               </div>
             </li>
-          </ul>
+          </ul> -->
         </div>
       </div>
     </div>
@@ -687,12 +687,12 @@ export default {
         display: flex;
         align-items: center;
         // justify-content: space-around;
-        height: 200px;
+        height: 250px;
 
         .chart-pie {
           position: relative;
           // flex: 1;
-          width: 52%;
+          width: 100%;
           height: 100%;
 
           .chart-total {
@@ -770,7 +770,7 @@ export default {
         }
 
         .chart-online {
-          width: 52%;
+          width: 100%;
           height: 100%;
         }
 

src/views/layout/economicsOperation/companyHomepage/indexGf.vue

@@ -110,7 +110,7 @@
           <div class="chart-pie">
             <pie-chart width="100%" height="100%" :lossPower="dayWindPieData" />
           </div>
-          <ul class="chart-list">
+          <!-- <ul class="chart-list">
             <li class="state-li state-gz">
               <span class="station-state">故障</span>
               <span class="station-data"
@@ -146,7 +146,7 @@
                 <i class="unit">万kWh</i></span
               >
             </li>
-          </ul>
+          </ul> -->
         </div>
       </div>
       <div class="chart-card">
@@ -155,7 +155,7 @@
           <div class="chart-online">
             <PieStationTop5 width="100%" height="100%" :list="stationTop5" />
           </div>
-          <ul class="chart-list">
+          <!-- <ul class="chart-list">
             <li
               class="online-li"
               v-for="(item, index) in stationTop5"
@@ -168,7 +168,7 @@
                 <span class="online-percent">万kWh</span>
               </div>
             </li>
-          </ul>
+          </ul> -->
         </div>
       </div>
     </div>
@@ -687,12 +687,12 @@ export default {
         display: flex;
         align-items: center;
         // justify-content: space-around;
-        height: 200px;
+        height: 250px;
 
         .chart-pie {
           position: relative;
           // flex: 1;
-          width: 52%;
+          width: 100%;
           height: 100%;
 
           .chart-total {
@@ -770,7 +770,7 @@ export default {
         }
 
         .chart-online {
-          width: 52%;
+          width: 100%;
           height: 100%;
         }
 

src/views/layout/economicsOperation/homePage/index.vue

@@ -97,7 +97,7 @@
           <div class="chart-pie">
             <pie-chart width="100%" height="100%" :lossPower="dayWindPieData" />
           </div>
-          <ul class="chart-list">
+          <!-- <ul class="chart-list">
             <li class="state-li state-gz">
               <span class="station-state">故障</span>
               <span class="station-data"
@@ -133,7 +133,7 @@
                 <i class="unit">万kWh</i></span
               >
             </li>
-          </ul>
+          </ul> -->
         </div>
       </div>
       <div class="chart-card">
@@ -142,7 +142,7 @@
           <div class="chart-online">
             <PieStationTop5 width="100%" height="100%" :list="stationTop5" />
           </div>
-          <ul class="chart-list">
+          <!-- <ul class="chart-list">
             <li
               class="online-li"
               v-for="(item, index) in stationTop5"
@@ -155,7 +155,7 @@
                 <span class="online-percent">万kWh</span>
               </div>
             </li>
-          </ul>
+          </ul> -->
         </div>
       </div>
     </div>
@@ -620,12 +620,12 @@ export default {
         display: flex;
         align-items: center;
         // justify-content: space-around;
-        height: 200px;
+        height: 250px;
 
         .chart-pie {
           position: relative;
           // flex: 1;
-          width: 52%;
+          width: 100%;
           height: 100%;
 
           .chart-total {
@@ -699,7 +699,7 @@ export default {
         }
 
         .chart-online {
-          width: 52%;
+          width: 100%;
           height: 100%;
         }
 

src/views/layout/economicsOperation/homePage/indexGF.vue

@@ -97,7 +97,7 @@
           <div class="chart-pie">
             <pie-chart width="100%" height="100%" :lossPower="dayWindPieData" />
           </div>
-          <ul class="chart-list">
+          <!-- <ul class="chart-list">
             <li class="state-li state-gz">
               <span class="station-state">故障</span>
               <span class="station-data"
@@ -133,7 +133,7 @@
                 <i class="unit">万kWh</i></span
               >
             </li>
-          </ul>
+          </ul> -->
         </div>
       </div>
       <div class="chart-card">
@@ -142,7 +142,7 @@
           <div class="chart-online">
             <PieStationTop5 width="100%" height="100%" :list="stationTop5" />
           </div>
-          <ul class="chart-list">
+          <!-- <ul class="chart-list">
             <li
               class="online-li"
               v-for="(item, index) in stationTop5"
@@ -155,7 +155,7 @@
                 <span class="online-percent">万kWh</span>
               </div>
             </li>
-          </ul>
+          </ul> -->
         </div>
       </div>
     </div>
@@ -620,12 +620,12 @@ export default {
         display: flex;
         align-items: center;
         // justify-content: space-around;
-        height: 200px;
+        height: 250px;
 
         .chart-pie {
           position: relative;
           // flex: 1;
-          width: 52%;
+          width: 100%;
           height: 100%;
 
           .chart-total {
@@ -699,7 +699,7 @@ export default {
         }
 
         .chart-online {
-          width: 52%;
+          width: 100%;
           height: 100%;
         }
 

src/views/layout/economicsOperation/thematicAnalysis/failure/index.vue

@@ -84,17 +84,21 @@
           size="mini"
           stripe
           height="50vh"
+          :header-cell-style="{ 'text-align': 'center' }"
           @row-click="rowClick"
         >
           <el-table-column
-            align="center"
+            align="left"
+            width="80"
             prop=""
             label="场站"
             show-overflow-tooltip
             sortable
           >
             <template v-slot="scope">
-              <span style="cursor: pointer">{{ scope.row.wpname }}</span>
+              <span style="cursor: pointer; text-align: left">{{
+                scope.row.wpname
+              }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -102,7 +106,7 @@
             :label="val"
             v-for="(val, index) in tableHead"
             :key="index"
-            width="144"
+            width="auto"
             sortable
           >
             <template v-slot="scope">

src/views/layout/economicsOperation/thematicAnalysis/failure/indexFd.vue

@@ -84,17 +84,21 @@
           size="mini"
           stripe
           height="50vh"
+          :header-cell-style="{ 'text-align': 'center' }"
           @row-click="rowClick"
         >
           <el-table-column
-            align="center"
+            align="left"
+            width="80"
             prop=""
             label="场站"
             show-overflow-tooltip
             sortable
           >
             <template v-slot="scope">
-              <span style="cursor: pointer">{{ scope.row.wpname }}</span>
+              <span style="cursor: pointer; text-align: left">{{
+                scope.row.wpname
+              }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -102,7 +106,7 @@
             :label="val"
             v-for="(val, index) in tableHead"
             :key="index"
-            width="144"
+            width="auto"
             sortable
           >
             <template v-slot="scope">

src/views/layout/economicsOperation/thematicAnalysis/generation/index.vue

@@ -83,11 +83,13 @@
           size="mini"
           stripe
           height="50vh"
+          :header-cell-style="{ 'text-align': 'center' }"
           @row-click="rowClick"
         >
           <el-table-column
-            align="center"
+            align="left"
             prop=""
+            width="80"
             label="场站"
             show-overflow-tooltip
             sortable
@@ -101,7 +103,7 @@
             :label="val"
             v-for="(val, index) in tableHead"
             :key="index"
-            width="142"
+            width="auto"
             sortable
           >
             <template v-slot="scope">

src/views/layout/economicsOperation/thematicAnalysis/generation/indexFd.vue

@@ -83,12 +83,14 @@
           size="mini"
           stripe
           height="50vh"
+          :header-cell-style="{ 'text-align': 'center' }"
           @row-click="rowClick"
         >
           <el-table-column
-            align="center"
+            align="left"
             prop=""
             label="场站"
+            width="80"
             show-overflow-tooltip
             sortable
           >
@@ -101,7 +103,7 @@
             :label="val"
             v-for="(val, index) in tableHead"
             :key="index"
-            width="142"
+            width="auto"
             sortable
           >
             <template v-slot="scope">

src/views/layout/economicsOperation/thematicAnalysis/windEnergy/index.vue

@@ -63,17 +63,21 @@
           size="mini"
           stripe
           height="50vh"
+          :header-cell-style="{ 'text-align': 'center' }"
           @row-click="rowClick"
         >
           <el-table-column
-            align="center"
+            align="left"
+            width="80"
             prop=""
             label="场站"
             show-overflow-tooltip
             sortable
           >
             <template v-slot="scope">
-              <span style="cursor: pointer">{{ scope.row.wpname }}</span>
+              <span style="cursor: pointer; text-align: left">{{
+                scope.row.wpname
+              }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -81,7 +85,7 @@
             :label="val"
             v-for="(val, index) in tableHead"
             :key="index"
-            width="144"
+            width="auto"
             sortable
           >
             <template v-slot="scope">

src/views/layout/economicsOperation/thematicAnalysis/windEnergy/indexGf.vue

@@ -63,17 +63,21 @@
           size="mini"
           stripe
           height="50vh"
+          :header-cell-style="{ 'text-align': 'center' }"
           @row-click="rowClick"
         >
           <el-table-column
-            align="center"
+            align="left"
+            width="80"
             prop=""
             label="场站"
             show-overflow-tooltip
             sortable
           >
             <template v-slot="scope">
-              <span style="cursor: pointer">{{ scope.row.wpname }}</span>
+              <span style="cursor: pointer; text-align: left">{{
+                scope.row.wpname
+              }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -81,7 +85,7 @@
             :label="val"
             v-for="(val, index) in tableHead"
             :key="index"
-            width="144"
+            width="auto"
             sortable
           >
             <template v-slot="scope">