Browse Source

add 展开收起菜单、按钮美观度、按钮权限配置、

liujiejie 4 months ago
parent
commit
ea3f5d083c

+ 2 - 2
src/views/overview/components/pitch_generator_speed/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2025-01-09 18:09:25
- * @LastEditTime: 2025-02-26 11:01:03
+ * @LastEditTime: 2025-03-20 14:32:16
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/overview/components/pitch_generator_speed/index.vue
@@ -37,7 +37,7 @@
       <VirtualList
         :list="diagramRelationsDatas"
         keyField="fieldEngineCode"
-        :itemSize="452"
+        :itemSize="700"
         v-slot="{ item, index }"
       >
         <powerMarkers2DCharts

+ 24 - 1
src/views/overview/js/colors.js

@@ -1,7 +1,7 @@
 /*
  * @Author: your name
  * @Date: 2025-02-17 15:31:57
- * @LastEditTime: 2025-03-18 14:43:34
+ * @LastEditTime: 2025-03-20 14:31:16
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/overview/js/colors.js
@@ -26,6 +26,29 @@ export const colorSchemes = [
       "#28357A",
       "#1A285E",
     ],
+    // colors: [
+    //   "#6FB99F", // 柔和的蓝绿色
+    //   "#5DA89E",
+    //   "#4C979E",
+    //   "#3B869D",
+    //   "#2D7492",
+    //   "#1F6286",
+
+    //   "#2C1B5E", // 深紫色过渡
+    //   "#27174E",
+    //   "#1F123D",
+    //   "#180C2D",
+    //   "#A76DA8", // 柔和的紫色过渡
+    //   "#95579B",
+    //   "#81408D",
+    //   "#6A297A",
+    //   "#541D67",
+    //   "#3E134E",
+    //   "#985B4A", // 深暖色调
+    //   "#874B3A",
+    //   "#763B2A",
+    //   "#652C1A",
+    // ],
   },
   {
     label: "复古",

+ 1 - 1
src/views/performance/components/chartsCom/3DDrawingChart.vue

@@ -295,7 +295,7 @@ export default {
               z: 1.0941053354561574,
             },
             projection: {
-              type: "orthographic",
+              type: "perspective",
             },
           },
         },

+ 3 - 3
src/views/performance/components/chartsCom/ColorbarInitTwoDmarkersChart.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2025-03-14 10:30:00
- * @LastEditTime: 2025-03-17 14:58:28
+ * @LastEditTime: 2025-03-20 14:06:22
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/performance/components/chartsCom/colorbarInitTwoDmarkersChart.vue
@@ -119,7 +119,7 @@ export default {
     themeColor: {
       handler(newval) {
         if (newval.length === 0) {
-          this.color1 = colorSchemes[0].colors;
+          this.color1 = colorSchemes[4].colors;
         } else {
           this.color1 = newval;
         }
@@ -138,7 +138,7 @@ export default {
   async mounted() {
     this.getData();
     if (this.themeColor.length === 0) {
-      this.color1 = colorSchemes[0].colors;
+      this.color1 = colorSchemes[4].colors;
     } else {
       this.color1 = this.themeColor;
     }

+ 10 - 6
src/views/performance/components/chartsCom/Radar.vue

@@ -152,17 +152,21 @@ export default {
           appendToBody: true, // 强制添加到 body
           formatter: (params) => {
             const indicators = [
-              "风机能量利用率",
-              "风机可利用率",
-              "平均风速",
-              "利用小时",
-              "功率曲线一致性系数",
+              { label: "风机能量利用率", unit: " %" },
+              { label: "风机可利用率", unit: " %" },
+              { label: "平均风速", unit: " m/s" },
+              { label: "利用小时", unit: " h" },
+              { label: "功率曲线一致性系数", unit: " %" },
             ];
             const values = params.value;
             const medianValues = window.medianValues || [];
             let content = `<strong>${params.seriesName}</strong><br/>`;
             for (let i = 0; i < indicators.length; i++) {
-              content += `${indicators[i]}: ${values[i]}<br/>中位值: ${medianValues[i]}<br/><br/>`;
+              content += `${indicators[i].label}: ${values[i]}${
+                indicators[i].unit
+              }<br/>中位值: ${parseFloat(medianValues[i].toFixed(3))}${
+                indicators[i].unit
+              }<br/><br/>`;
             }
             return content;
           },

+ 56 - 35
src/views/performance/components/chartsCom/Time3DChart.vue

@@ -246,7 +246,7 @@ export default {
             ticklen: 10,
             tickcolor: "black",
             zeroline: false, // 显示 X 轴的中轴线
-            tickangle: 60, // 设置Z轴刻度值的角度
+            // tickangle: 60, // 设置Z轴刻度值的角度
           },
           yaxis: {
             title: {
@@ -265,7 +265,7 @@ export default {
             tickwidth: 2,
             tickcolor: "black",
             zeroline: false, // 显示 X 轴的中轴线
-            tickangle: -60, // 设置Z轴刻度值的角度
+            // tickangle: -60, // 设置Z轴刻度值的角度
           },
           zaxis: {
             title: {
@@ -281,36 +281,57 @@ export default {
             tickwidth: 2,
             tickcolor: "black",
             zeroline: false, // 显示 X 轴的中轴线
-            tickangle: -70, // 设置Z轴刻度值的角度
+            // tickangle: -70, // 设置Z轴刻度值的角度
           },
           bgcolor: "#e5ecf6", // 设置背景颜色
           aspectratio: {
-            x: 2.2,
+            x: 2.3,
             y: 1.8,
             z: 1,
           },
           aspectmode: "manual", // ✅ 让 XYZ 轴比例不同
           gridcolor: "#fff",
-          camera: {
-            up: {
-              x: 0,
-              y: 0,
-              z: 1,
+          camera:
+            // {
+            //   up: {
+            //     x: 0.1844786403547818,
+            //     y: 0.25799580142092143,
+            //     z: 0.9483700742336969,
+            //   },
+            //   center: {
+            //     x: -0.06295317102243307,
+            //     y: 0.028475940086919383,
+            //     z: -0.05128519057088931,
+            //   },
+            //   eye: {
+            //     x: -2.2073041701824168,
+            //     y: -2.49385665138218,
+            //     z: 1.0520163618321585,
+            //   },
+            //   projection: {
+            //     type: "orthographic",
+            //   },
+            // },
+            {
+              up: {
+                x: 0.1404902084609593,
+                y: 0.21761427477626,
+                z: 0.9658708654577998,
+              },
+              center: {
+                x: -0.1006727339672774,
+                y: 0.0754471798006855,
+                z: 0.005741722270889481,
+              },
+              eye: {
+                x: -2.10865062403837,
+                y: -2.6322931505097884,
+                z: 0.9078749284640724,
+              },
+              projection: {
+                type: "orthographic",
+              },
             },
-            center: {
-              x: 0,
-              y: 0,
-              z: 0,
-            },
-            eye: {
-              x: -1.9411806339437676,
-              y: -1.0688695891896567,
-              z: 0.47888991188707036,
-            },
-            projection: {
-              type: "orthographic",
-            },
-          },
         },
         margin: { t: 50, b: 50, l: 50, r: 50 },
         staticPlot: false,
@@ -379,27 +400,27 @@ export default {
       Plotly.relayout(`plotly-3d-chart-` + this.index, {
         "scene.camera": {
           up: {
-            x: -0.0014269369124665849,
-            y: 0.0012146694366401958,
-            z: 0.9999982442130624,
+            x: 0,
+            y: 0,
+            z: 1,
           },
           center: {
-            x: -0.4418147101642839,
-            y: 0.11636199495350043,
-            z: -0.4133154056555356,
+            x: 0,
+            y: 0,
+            z: 0,
           },
           eye: {
-            x: -2.482948029595208,
-            y: -2.2792871251589983,
-            z: 1.0941053354561574,
+            x: -1.9411806339437676,
+            y: -1.0688695891896567,
+            z: 0.47888991188707036,
           },
           projection: {
-            type: "perspective",
+            type: "orthographic",
           },
         },
         "scene.aspectratio": {
-          x: 3,
-          y: 1.5,
+          x: 2.2,
+          y: 1.8,
           z: 1,
         },
       });

+ 4 - 4
src/views/performance/components/chartsCom/TwoDMarkersChart1.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2024-09-11 14:32:12
- * @LastEditTime: 2025-03-14 18:39:44
+ * @LastEditTime: 2025-03-20 14:35:08
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/performance/components/chartsCom/powerMarkers2DCharts.vue
@@ -91,7 +91,7 @@ export default {
       pointSize: 5, // 默认点大小
       chartData: {},
       chartType: "scatter", // 默认显示散点图
-      color1: colorSchemes[0].colors, // 默认颜色
+      color1: colorSchemes[5].colors, // 默认颜色
       selectedPoints: [],
       originalColors: [],
       originalSizes: [],
@@ -109,7 +109,7 @@ export default {
       handler(newval) {
         console.log(newval, "newval");
         if (newval.length === 0) {
-          this.color1 = colorSchemes[0].colors;
+          this.color1 = colorSchemes[5].colors;
         } else {
           this.color1 = newval;
         }
@@ -127,7 +127,7 @@ export default {
   async mounted() {
     this.getData();
     if (this.themeColor.length === 0) {
-      this.color1 = colorSchemes[0].colors;
+      this.color1 = colorSchemes[5].colors;
     } else {
       this.color1 = this.themeColor;
     }

+ 3 - 1
src/views/performance/components/chartsCom/lineAndChildLine.vue

@@ -165,7 +165,9 @@ export default {
               `${this.chartData.yaixs}:` +
               "%{y} <br>",
           };
-
+          if (this.chartData.yaixs === "概率密度函数") {
+            chartConfig.line.color = this.color1[12];
+          }
           if (this.chartType === "line") {
             chartConfig.mode = "lines"; // 如果是折线图
             chartConfig.fill = "none";