调生产效能指标

src/views/overview/components/production_indicator_unit/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2025-01-13 13:44:56
- * @LastEditTime: 2025-01-22 16:09:58
+ * @LastEditTime: 2025-01-22 18:02:06
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/overview/components/production_indicator_unit/index.vue
@@ -32,16 +32,8 @@
       </el-alert>
       <div v-if="productionIndicatorCsvData.length > 0">
         <template v-for="(itemCsv, itemind) in productionIndicatorCsvData">
-          <div v-if="Object.keys(itemCsv.data[0]).length > 4">
-            <Rader
-              :chartData="chantItem"
-              v-for="(chantItem, chartInd) in itemCsv.data"
-              :key="chartInd + 'chantItem' + itemind"
-            ></Rader>
-          </div>
-
           <el-table
-            :key="chartInd + 'table' + itemind"
+            :key="'table' + itemind"
             max-height="500"
             v-if="Object.keys(itemCsv.data[0]).length > 4"
             :data="itemCsv.data"
@@ -53,31 +45,57 @@
             </el-table-column>
             <el-table-column prop="EPActualTotal" label="实发电量（kWh）">
             </el-table-column>
-            <el-table-column prop="TurbinePowerRate" label="风机能量利用率">
+            <el-table-column
+              prop="TurbinePowerRate"
+              label="风机能量利用率（%）"
+            >
             </el-table-column>
-            <el-table-column prop="EPLostStopPercent" label="停机损失百分比">
+            <el-table-column
+              prop="EPLostStopPercent"
+              label="停机损失百分比（%）"
+            >
             </el-table-column>
-            <el-table-column prop="EPLostBadPercent" label="欠发损失百分比">
+            <el-table-column
+              prop="EPLostBadPercent"
+              label="欠发损失百分比（%）"
+            >
             </el-table-column>
             <el-table-column
               prop="EPLostPerformPercent"
-              label="功率曲线未达标损失百分比"
+              label="功率曲线未达标损失百分比（%）"
             >
             </el-table-column>
-            <el-table-column prop="EPLostLimitPercent" label="限电损失百分比">
+            <el-table-column
+              prop="EPLostLimitPercent"
+              label="限电损失百分比（%）"
+            >
             </el-table-column>
-            <el-table-column prop="TurbineRunRate" label="风机可利用率">
+            <el-table-column prop="TurbineRunRate" label="风机可利用率（%）">
             </el-table-column>
-            <el-table-column prop="mean_width" label="功率水平平均宽度">
+            <el-table-column prop="mean_width" label="功率水平平均宽度(m/s)">
             </el-table-column>
             <el-table-column prop="variance_width" label="功率水平方差">
             </el-table-column>
             <el-table-column prop="WindSpeedAvr" label="平均风速(m/s)">
             </el-table-column>
-            <el-table-column prop="Thi" label="利用小时"> </el-table-column>
+            <el-table-column prop="Thi" label="利用小时（h）">
+            </el-table-column>
             <el-table-column prop="Ws" label="功率曲线一致性系数">
             </el-table-column>
           </el-table>
+          <el-row v-if="Object.keys(itemCsv.data[0]).length > 4">
+            <el-col
+              :xs="24"
+              :sm="24"
+              :md="24"
+              :lg="12"
+              :xl="12"
+              v-for="(chantItem, chartInd) in itemCsv.data"
+              :key="chartInd + 'chantItem' + itemind"
+            >
+              <Rader :chartData="chantItem"></Rader>
+            </el-col>
+          </el-row>
         </template>
       </div>
       <el-empty description="暂无分析记录" v-else></el-empty>

src/views/performance/components/chartsCom/3DDrawingChart.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: your name
  * @Date: 2025-01-17 19:04:52
- * @LastEditTime: 2025-01-22 14:09:40
- * @LastEditors: bogon
+ * @LastEditTime: 2025-01-22 17:42:58
+ * @LastEditors: milo-MacBook-Pro.local
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/performance/components/chartsCom/3DDrawingChart.vue
 -->
@@ -128,33 +128,7 @@ export default {
     },
     renderChart() {
       // 构造3D散点图数据
-      // const trace = {
-      //   x: this.chartData.data[0].xData, // 发电机转速
-      //   y: this.chartData.data[0].yData, // 时间
-      //   z: this.chartData.data[0].zData, // 有功功率
-      //   mode: this.chartData.data[0].mode,
-      //   type: "scatter3d", // 3D 散点图
-      //   marker: {
-      //     size: 2, // 点的大小
-      //     color: this.chartData.data[0].zData, // 根据 Z 数据设置颜色
-      //     //   colorscale: "Viridis", // 色带
-      //     colorscale: this.color1
-      //       ? [
-      //           [0, "#F9FDD2"], // 颜色从 this.color1 开始
-      //           [1, this.color1], // 结束颜色为其他颜色
-      //         ]
-      //       : [
-      //           [0, "#F9FDD2"],
-      //           [0.15, "#E9F6BD"],
-      //           [0.3, "#C2E3B9"],
-      //           [0.45, "#8AC8BE"],
-      //           [0.6, "#5CA8BF"],
-      //           [0.75, "#407DB3"],
-      //           [0.9, "#2E4C9A"],
-      //           [1, "#1B2973"],
-      //         ],
-      //   },
-      // };
+
       const trace = {
         x: this.chartData.data[0].xData, // 发电机转速
         y: this.chartData.data[0].yData, // 时间

src/views/performance/components/chartsCom/BoxLineCharts.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2024-09-11 14:32:51
- * @LastEditTime: 2025-01-21 19:04:09
+ * @LastEditTime: 2025-01-22 17:38:59
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/performance/components/chartsCom/BoxLineCharts.vue
@@ -225,7 +225,6 @@ export default {
           color: "#00000000",
           size: 0,
         },
-
         line: {
           color: "#C7C7C7", // 设置箱线图边框颜色
         },

src/views/performance/components/chartsCom/Radar.vue

@@ -60,8 +60,8 @@ export default {
         ],
         // r: [...values, values[0]], // 闭合多边形，起点与终点一致
         // theta: [...keys, keys[0]], // 闭合多边形，起点与终点一致
-        // fill: "toself", // 填充多边形区域
-        name: "多边形雷达图",
+        fill: "toself", // 填充多边形区域
+        name: this.chartData.wind_turbine_name + "机组指标",
         marker: {
           color: "#636efc",
         },
@@ -74,18 +74,21 @@ export default {
       // 雷达图布局
       const layout = {
         polar: {
+          bgcolor: "#e5ecf6", // 设置背景色为黄色
           radialaxis: {
             visible: true,
             range: [Math.min(...values) * 1.1, Math.max(...values) * 1.1], // 设置范围
+            gridcolor: "white", // 设置径向网格线为白色
           },
           angularaxis: {
             showline: false, // 隐藏 `angularaxis` 线
             showticklabels: true, // 隐藏角度标签
-            ticks: "", // 隐藏刻度
+            ticks: false, // 隐藏刻度
+            gridcolor: "white", // 设置角度网格线为白色
           },
         },
         showlegend: false, // 隐藏图例
-        title: "多边形雷达图",
+        title: this.chartData.wind_turbine_name + "机组指标",
       };
 
       // 渲染图表