在无网情况下展示模拟数据

src/App.vue

@@ -13,8 +13,8 @@
         <div class="header-title" @click="handleClickJump()">
           <!-- <img v-if="$store.state.themeName === 'dark'" src="./assets/projectLogo.png" alt="" />
         <img v-if="$store.state.themeName === 'light'" src="./assets/light-projectLogo.png" alt="" /> -->
-        <img src="./assets/logonx.png" alt="" />
-          <!-- <span
+        <!-- <img src="./assets/logonx.png" alt="" /> -->
+          <span
             :style="
               $store.state.themeName === 'dark'
                 ? 'color:#fff; font-size:18px;font-family: SimHei'
@@ -22,7 +22,7 @@
             "
           >
             &gt;&gt;&nbsp;演示平台</span
-          > -->
+          >
         </div>
         <div class="header-menu-body">
           <Header />

src/assets/styles/table.less

@@ -1,83 +1,87 @@
 // 自定义table
 @titleGray: #9ca5a8;
-@rowGray  : #606769;
+@rowGray : #606769;
 @darkBack : #536268;
 
 .el-table td.el-table__cell,
 .el-table th.el-table__cell.is-leaf {
-  border-bottom: 0 !important;
+    border-bottom: 0 !important;
+}
+
+.economicTable .el-table__header-wrapper tr .cell {
+    color: #bcd2ff;
 }
 
 .el-table th.el-table__cell {
-  border-right: 1px solid rgba(0, 0, 0, 0.8) !important;
+    border-right: 1px solid rgba(0, 0, 0, 0.8) !important;
 }
 
 .com-table {
-  width          : 100%;
-  border-collapse: collapse;
+    width: 100%;
+    border-collapse: collapse;
 
-  thead {
-    tr {
-      display     : table;
-      table-layout: fixed;
-      width       : 100%;
+    thead {
+        tr {
+            display: table;
+            table-layout: fixed;
+            width: 100%;
 
-      th {
-        background-color: #132347;
-        height          : 30px;
-        line-height     : 30px;
-        color           : #c2e1ff;
-        font-weight     : 400;
-        font-size       : 14px;
-        position        : sticky;
-        top             : 0;
-        cursor          : pointer;
+            th {
+                background-color: #132347;
+                height: 30px;
+                line-height: 30px;
+                color: #c2e1ff;
+                font-weight: 400;
+                font-size: 14px;
+                position: sticky;
+                top: 0;
+                cursor: pointer;
 
-        &.light,
-        &.always-light {
-          color: #67b9ff;
+                &.light,
+                &.always-light {
+                    color: #67b9ff;
+                }
+            }
         }
-      }
     }
-  }
 
-  tbody {
-    display: block;
+    tbody {
+        display: block;
 
-    tr {
-      display     : table;
-      table-layout: fixed;
-      width       : 100%;
+        tr {
+            display: table;
+            table-layout: fixed;
+            width: 100%;
 
-      &:nth-child(2n) {
-        background-color: fade(@rowGray, 20%);
-      }
+            &:nth-child(2n) {
+                background-color: fade(@rowGray, 20%);
+            }
 
-      td {
-        padding      : 4px;
-        color        : #c2e1ff;
-        text-align   : center;
-        font-size    : 14px;
-        white-space  : nowrap;
-        overflow     : hidden;
-        text-overflow: ellipsis;
+            td {
+                padding: 4px;
+                color: #c2e1ff;
+                text-align: center;
+                font-size: 14px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
 
-        &>span {
-          white-space  : nowrap;
-          overflow     : hidden;
-          text-overflow: ellipsis;
-        }
+                &>span {
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
 
-        &.light,
-        &.always-light {
-          color: #67b9ff  !important;
-        }
+                &.light,
+                &.always-light {
+                    color: #67b9ff !important;
+                }
 
-        &.num {
-          font-family: "Bicubik";
-          font-weight: 400;
+                &.num {
+                    font-family: "Bicubik";
+                    font-weight: 400;
+                }
+            }
         }
-      }
     }
-  }
 }

src/components/chart/bar/list-bar-chart2.vue

@@ -48,7 +48,7 @@
             },
             colors: {
                 type: Array,
-                default: () => ["blue", "purple"],
+                default: () => ["#2999a0", "#67b9ff", "#ff6271"],
             },
         },
         data() {
@@ -123,26 +123,27 @@
                             // silent: true,
                             itemStyle: {
                                 normal: {
-                                    color: function (params) {
-                                        return {
-                                            type: "linear",
-                                            x: 100,
-                                            y: 10,
-                                            x2: 1,
-                                            y2: 0,
-                                            colorStops: [{
-                                                    offset: 0,
-                                                    color: partten.getColor(currColor), // 0% 处的颜色
-                                                },
-                                                {
-                                                    offset: 1,
-                                                    color: partten.getColor(currColor), // 100% 处的颜色
-                                                },
-                                            ],
-                                        };
-                                    },
-                                    shadowBlur: 10,
-                                    shadowColor: "rgba(255, 255, 255, 0.30)",
+                                    // color: function (params) {
+                                    //     return {
+                                    //         type: "linear",
+                                    //         x: 100,
+                                    //         y: 10,
+                                    //         x2: 1,
+                                    //         y2: 0,
+                                    //         colorStops: [{
+                                    //                 offset: 0,
+                                    //                 color: partten.getColor(currColor), // 0% 处的颜色
+                                    //             },
+                                    //             {
+                                    //                 offset: 1,
+                                    //                 color: partten.getColor(currColor), // 100% 处的颜色
+                                    //             },
+                                    //         ],
+                                    //     };
+                                    // },
+                                    // shadowBlur: 10,
+                                    // shadowColor: "rgba(255, 255, 255, 0.30)",
+                                    color: currColor
                                 },
                             },
                             label: {

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

@@ -61,13 +61,13 @@
             initChart() {
                 let option = {
                     color: [
-                        "#2169c3",
-                        "#4b55ae",
-                        "#fa8c16",
-                        "#f8de5b",
-                        "#1a93cf",
-                        "#c531c7",
-                        "#bd3338",
+                        "#3e73e9",
+                        "#4fa6e8",
+                        "#70d0f4",
+                        "#ffc149",
+                        "#ff7a87",
+                        "#70d0f4",
+                        "#cff4d8",
                     ],
                     tooltip: {
                         trigger: "item",

src/components/coms/panel/panel-sand-toolbar.vue

@@ -27,7 +27,8 @@
 </script>
 <style lang="less">
     .com-panel-sand {
-        background: #1a1f2fCC;
+        // background: #1a1f2fCC;
+        background: #142446  !important;
         padding: 0 1.481vh 1.481vh 1.481vh;
         border-top: 1px solid #15a952;
         position: relative;

src/components/coms/panel/panel-sand.vue

@@ -31,7 +31,8 @@
 <style lang="less">
     .com-panel-sand {
         // background: #1a1f2fCC;
-        background: rgba(33, 105, 195, .1) !important;
+        // background: rgba(33, 105, 195, .1) !important;
+        background: #142446  !important;
         padding: 0 1.481vh 0 1.481vh !important;
         // border-top: 1px solid #15a952;
         border-top: 1px solid #2169c3 !important;

src/components/coms/panel/panel.vue

@@ -3,7 +3,7 @@
         <div v-if="hasTitle" class="panel-header">
             <div class="panel-title">
                 <i v-if="hasIcon" class="panel-icon" :class="icon"></i>
-                {{ title }}
+                <span class="panel-title-span">{{ title }}</span>
             </div>
             <div class="panel-tools">{{ subTitle }}</div>
         </div>
@@ -54,7 +54,8 @@
 </script>
 <style lang="less">
     .com-panel {
-        background: rgba(33, 105, 195, .1) !important;
+        // background: rgba(33, 105, 195, .1) !important;
+        background: #142446  !important;
 
         &.line {
             border-left: 1px solid @gray;
@@ -93,11 +94,16 @@
                 .panel-icon {
                     margin-right: 5px;
                 }
+                .panel-title-span{
+                    font-size: 14px;
+                    color: #fff;
+                }
             }
 
             .panel-tools {
                 flex: 0 0 auto;
-                color: #ffffff4d;
+                // color: #ffffff4d;
+                color: #c3e1ff;
                 padding: 0 5px;
                 font-size: 12px;
                 letter-spacing: 0.093vh;
@@ -111,7 +117,7 @@
         }
 
         &.line .panel-body {
-            padding-left: 15px;
+            padding-left: 10px;
         }
 
         &.no-title .panel-body {

src/views/IntegratedAlarm/reliability/customAnalyse/index.vue

@@ -265,7 +265,7 @@ onMounted(() => {
   getWpArray();
   getequipmentmodel_list();
   getfetchRelatePart();
-  //   getTableList();
+    // getTableList();
 });
 const pageTitle = "预警分析";
 const store = useStore();
@@ -786,7 +786,8 @@ const compare = function (property) {
         font-size: 16px;
         font-family: Microsoft YaHei;
         font-weight: 400;
-        color: #05bb4c;
+        // color: #05bb4c;
+        color: #2169c3;
         margin-left: 25px;
       }
     }
@@ -810,7 +811,8 @@ const compare = function (property) {
 
     .bar-percent {
       height: 100%;
-      background: #05bb4c;
+    //   background: #05bb4c;
+      background: #2169c3;
       margin-right: 8px;
     }
   }

src/views/IntegratedAlarm/reliability/historyAnalyse/index.vue

@@ -788,7 +788,8 @@ const compare = function (property) {
         font-size: 16px;
         font-family: Microsoft YaHei;
         font-weight: 400;
-        color: #05bb4c;
+        // color: #05bb4c;
+        color: #2169c3;
         margin-left: 25px;
       }
     }
@@ -812,7 +813,8 @@ const compare = function (property) {
 
     .bar-percent {
       height: 100%;
-      background: #05bb4c;
+    //   background: #05bb4c;
+    background: #2169c3;
       margin-right: 8px;
     }
   }

src/views/IntegratedAlarm/safe/components/safecomponent.vue

@@ -69,8 +69,8 @@
           <span
             :style="`color:${
               scope.row.isClose
-                ? 'var(--el-color-success)'
-                : 'var(--el-color-danger)'
+                ? '#2999a0'
+                : '#ff6271'
             }`"
             >{{ scope.row.isClose ? "已解除" : "未解除" }}</span
           >

src/views/IntegratedAlarm/safe/customWarning/index.vue

@@ -338,6 +338,8 @@ onMounted(() => {
   getStationList();
   getequipmentmodel_list();
   getfetchRelatePart();
+
+  getAlarmHistoryt()
 });
 
 // 机型

src/views/IntegratedAlarm/safe/dataSearch/index.vue

@@ -274,6 +274,7 @@ watch(
 
 onMounted(async () => {
   getequipmentmodel_list();
+  getTreeData();
 });
 onUnmounted(() => {
   state.echarts?.clear(); //销毁

src/views/IntegratedAlarm/safe/historyWarning/index.vue

@@ -338,6 +338,8 @@ onMounted(() => {
     state.typeVal = route.query.deviceType || "booststation";
   }
   state.isshowwindturbineName = state.typeVal == "booststation" ? false : true;
+
+  getAlarmHistoryt()
   //   if (route.query.ts) {
   //     state.dateTime = [
   //       `${dayjs(Number(route.query.ts)).format("YYYY-MM-DD")} 00:00:00`,

src/views/IntegratedAlarm/safe/stopQuery/index.vue

@@ -227,6 +227,7 @@ export default {
       dayjs().format("YYYY-MM-DD HH:mm:ss"),
     ];
     this.getWpList();
+    this.getTableData();
   },
 
   methods: {

src/views/SandTable/SandTable.vue

@@ -23,7 +23,7 @@
 
             </div>
             <div class="sand-table-right" v-if="showPanel">
-                <PanelSand class="right-panel" title="视频监控">
+                <PanelSand class="right-panel  mg-t-16" title="视频监控">
                     <el-row v-for="(pItem, pIndex) in videoArray1" :key="pIndex">
                         <el-col :span="12" class="pre-img-box" v-for="(cItem, cIndex) in pItem" :key="cIndex"
                             @click="openVideoDialog1(cItem)">

src/views/SandTable/component/rank-table.vue

@@ -259,10 +259,10 @@
         }
 
         .rank.rank0 td {
-            color: #edb32f;
+            color: #ffa025;
 
             &.rank-index span {
-                background: #edb32f;
+                background: #ffa025;
                 color: #ffffff;
             }
         }

src/views/SandTable/component/weather.vue

@@ -16,35 +16,35 @@
         <div class="other-info">
             <Row>
                 <Col>
-                <div class="svg-icon svg-icon-sm svg-icon-green other-icon">
-                    <svg-icon svgid="svg-能见度" style="color: #67b9ff" />
+                <div class="svg-icon svg-icon-sm other-icon">
+                    <svg-icon svgid="svg-能见度" />
                 </div>
                 <div class="value">{{ sourceData.qxd }}</div>
                 <div class="text">能见度</div>
                 </Col>
                 <Col>
-                <div class="svg-icon svg-icon-sm svg-icon-green other-icon">
+                <div class="svg-icon svg-icon-sm other-icon">
                     <svg-icon svgid="svg-湿度" />
                 </div>
                 <div class="value">{{ sourceData.sd }}</div>
                 <div class="text">湿度</div>
                 </Col>
                 <Col>
-                <div class="svg-icon svg-icon-sm svg-icon-green other-icon">
+                <div class="svg-icon svg-icon-sm other-icon">
                     <svg-icon svgid="svg-气压" />
                 </div>
                 <div class="value">{{ sourceData.dqyl }}</div>
                 <div class="text">气压</div>
                 </Col>
                 <Col>
-                <div class="svg-icon svg-icon-sm svg-icon-green other-icon">
+                <div class="svg-icon svg-icon-sm other-icon">
                     <svg-icon svgid="svg-日出" />
                 </div>
                 <div class="value">{{ sourceData.richushijian }}</div>
                 <div class="text">日出时间</div>
                 </Col>
                 <Col>
-                <div class="svg-icon svg-icon-sm svg-icon-green other-icon">
+                <div class="svg-icon svg-icon-sm other-icon">
                     <svg-icon svgid="svg-日落" />
                 </div>
                 <div class="value">{{ sourceData.riluoshijian }}</div>

src/views/SandTable/component/weatherDialogdataJson.json

@@ -449,7 +449,7 @@
         "stationId": "GJNY_SXGS_XZ_FDC_STA",
         "stationName": "惠安风电场",
         "recordDate": "2024-08-14",
-        "weather": "小雨",
+        "weather": "晴",
         "temperatureNight": "15.00",
         "temperatureDay": "25.00",
         "windDirection": "东北风",

src/views/economicsOperation/benchmarkingManagement/compontent/bar-line-chart.vue

@@ -52,12 +52,13 @@ export default {
     color: {
       type: Array,
       default: () => [
-        "#323E6F",
-        "#e17e23",
-        "#ba3237",
-        "#c531c7",
-        "#ffffff",
-        "#EDEB2F",
+        // "#323E6F",
+        // "#e17e23",
+        // "#ba3237",
+        // "#c531c7",
+        // "#ffffff",
+        // "#EDEB2F",
+        "#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae", "#EDB32F", "#DB5520", "#323E6F"
       ],
     },
     // 每页显示个数
@@ -108,7 +109,7 @@ export default {
           inactiveColor: "#999999",
           padding: [10, 0],
           textStyle: {
-            color: "#999999",
+            color: "#a6c1dd",
             fontSize: 12,
           },
         },
@@ -133,7 +134,7 @@ export default {
           {
             type: "category",
             axisLabel: {
-              color: "#999999",
+              color: "#a6c1dd",
             },
             inverse: true,
             // minInterval: 10,
@@ -152,7 +153,7 @@ export default {
             type: "value",
             axisLabel: {
               show: false,
-              color: "#999999",
+              color: "#a6c1dd",
             },
             axisLine: {
               type: "",
@@ -177,6 +178,9 @@ export default {
             name: "",
             axisLabel: {
               show: false,
+              textStyle: {
+                color: "#a6c1dd"
+              },
               // formatter: "{value}",
               // color: partten.getColor("gray"),
             },

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

@@ -401,6 +401,8 @@ export default {
       //   this.initialization()
     },
     initialization() {
+        this.dataChange(dataJson.data)
+
       companys().then(({ data: res }) => {
         if (res.data) {
           this.company = res.data[0].id;
@@ -423,7 +425,6 @@ export default {
       });
     },
     gerCjdb() {
-        this.dataChange(dataJson.data)
       cjdb({
         companys: this.company,
         type: this.tabIndex,

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

@@ -417,6 +417,7 @@ export default {
       //   this.gerWxssl();
     },
     initialization() {
+        this.dataChange(dataJson.data)
       companys().then(({ data: res }) => {
         if (res.data) {
           this.company = res.data[0].id;
@@ -464,7 +465,7 @@ export default {
     },
     gerWxssl() {
       this.BASE.showLoading();
-      this.dataChange(dataJson.data)
+      
       wxssl({
         companys: this.company,
         type: this.tabIndex,

src/views/economicsOperation/benchmarkingManagement/performanceRankingList/index.vue

@@ -343,6 +343,8 @@ export default {
     }
     this.initialization();
   },
+  mounted() {
+  },
   methods: {
     onHeaderClick(column) {
       this.target = column.property;
@@ -357,6 +359,7 @@ export default {
       this.getPerformance();
     },
     initialization() {
+        this.dataChange(dataJson)
       companys().then(({ data: res }) => {
         this.companyOptions = res.data;
         if (res.data.length) {
@@ -458,6 +461,7 @@ export default {
     },
     getPerformance() {
       this.BASE.showLoading();
+
       let routeParams = this.$route.params;
       if (this.initFlag) {
         this.starTime = routeParams.starTime;
@@ -477,7 +481,17 @@ export default {
       })
         .then((res) => {
           this.initFlag = false;
-          if (res.data.data && res.data.data.length) {
+          this.dataChange(res)
+        })
+        .catch((err) => {
+          this.tableData = [];
+          this.bardata = [];
+          this.lineData = [];
+          this.BASE.closeLoading();
+        });
+    },
+    dataChange(res) {
+        if (res.data.data && res.data.data.length) {
             let name = [],
               data = [],
               llfdl = [],
@@ -540,13 +554,6 @@ export default {
             this.lineData = [];
             this.BASE.closeLoading();
           }
-        })
-        .catch((err) => {
-          this.tableData = [];
-          this.bardata = [];
-          this.lineData = [];
-          this.BASE.closeLoading();
-        });
     },
     mxClick() {
       this.$router.push({

src/views/economicsOperation/benchmarkingManagement/projectBenchmarking/index.vue

@@ -407,6 +407,8 @@ export default {
       this.getXmdb();
     },
     initialization() {
+        this.dataChange(dataJson.data)
+
       companys().then(({ data: res }) => {
         if (res.data) {
           this.company = res.data[0].id;
@@ -440,7 +442,6 @@ export default {
       });
     },
     getXmdb() {
-        this.dataChange(dataJson.data)
       xmdb({
         companys: this.company,
         type: this.tabIndex,

src/views/economicsOperation/benchmarkingManagement/siteBenchmarking/index.vue

@@ -706,6 +706,8 @@ export default {
       //   this.initialization();
     },
     initialization() {
+      this.dataChange(dataJson.data)
+
       companys().then(({ data: res }) => {
         if (res.data) {
           this.company = res.data[0].id;
@@ -732,7 +734,6 @@ export default {
     },
     gerCndb() {
       this.BASE.showLoading();
-      this.dataChange(dataJson.data)
       cndb({
         companys: this.company,
         type: this.tabIndex,

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

@@ -454,6 +454,8 @@ export default {
       this.gerXldb();
     },
     initialization() {
+        this.dataChange(dataJson.data)
+
       companys().then(({ data: res }) => {
         if (res.data) {
           this.company = res.data[0].id;
@@ -495,7 +497,6 @@ export default {
       });
     },
     gerXldb() {
-        this.dataChange(dataJson.data)
       xldb({
         companys: this.company,
         type: this.tabIndex,

src/views/economicsOperation/efficiency/consumeEfficiency/index.vue

@@ -130,6 +130,8 @@ export default {
   },
   methods: {
     initialization() {
+      this.dataChange(dataJson.data)
+
       companys().then(({ data: res }) => {
         this.companyOptions = res.data;
         this.company = res.data[0].id;
@@ -138,7 +140,6 @@ export default {
     },
     getTableDate() {
       this.BASE.showLoading();
-      this.dataChange(dataJson.data)
       eliminatRate({
         companyId: this.company,
         beginDate: this.starTime,

src/views/economicsOperation/efficiency/restorationEfficiency/index.vue

@@ -165,6 +165,8 @@ export default {
   },
   methods: {
     initialization() {
+        this.dataChange(dataJson.data)
+
       companys().then(({ data: res }) => {
         this.companyOptions = res.data;
         this.company = res.data[0].id;
@@ -172,7 +174,6 @@ export default {
       });
     },
     getTableDate() {
-        this.dataChange(dataJson.data)
       timelyRate({
         companyId: this.company,
         beginDate: this.starTime,

src/views/economicsOperation/efficiency/stateEfficiency/index.vue

@@ -188,6 +188,8 @@ export default {
   },
   methods: {
     initialization() {
+        this.dataChange(dataJson.data)
+
       companys().then(({ data: res }) => {
         this.companyOptions = res.data;
         this.company = res.data[0].id;
@@ -195,7 +197,6 @@ export default {
       });
     },
     getTableDate() {
-        this.dataChange(dataJson.data)
       conversionRate({
         companyId: this.company,
         beginDate: this.starTime,

src/views/economicsOperation/homePage/components/barCharts.vue

@@ -59,11 +59,7 @@ export default {
     color: {
       type: Array,
       default: () => [
-        "#ba3237",
-        "#e17e23",
-        "#05bb4c",
-        "#c531c7",
-        "#ffffff",
+        "#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae", "#EDB32F", "#DB5520", "#323E6F"
       ],
     },
     showAnimation: {
@@ -125,17 +121,20 @@ export default {
           data = {
             type: "value",
             name: value,
+            nameTextStyle: {
+                color: "#a6c1dd"
+            },
             axisLabel: {
               formatter: "{value} ",
               fontSize: 12,
               textStyle: {
-                color: "#828484",
+                color: "#a6c1dd",
               },
             },
             //分格线
             splitLine: {
               lineStyle: {
-                color: "rgba(96,103,105,0.3)",
+                color: "#a6c1dd",
                 type: "dashed",
               },
             },
@@ -144,11 +143,14 @@ export default {
           data = {
             type: "value",
             name: value,
+            nameTextStyle: {
+                color: "#a6c1dd"
+            },
             axisLabel: {
               formatter: "{value}",
               fontSize: 12,
               textStyle: {
-                color: "#828484",
+                color: "#a6c1dd",
               },
             },
             //分格线
@@ -255,7 +257,7 @@ export default {
               interval: this.interval,
               fontSize: 12,
               textStyle: {
-                color: "rgb(116,124,128)",
+                color: "#a6c1dd",
               },
             },
           },

src/views/economicsOperation/homePage/components/pieChart.vue

@@ -41,12 +41,7 @@ export default {
     color: {
       type: Array,
       default: () => [
-        "#005bd9",
-        "#019f2e",
-        "#db6200",
-        "#a10f0f",
-        "#850894",
-        "#9fa0a2",
+        "#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae", "#EDB32F", "#DB5520", "#323E6F"
       ],
     },
   },

src/views/economicsOperation/nxfHomePage/component/multiple-bar-chart.vue

@@ -145,6 +145,7 @@
             color: {
                 type: Array,
                 default: () => [
+                    "#2999a0", "#67b9ff", "#ff6271", 
                     "#05bb4c",
                     "#4b55ae",
                     "#fa8c16",
@@ -199,18 +200,21 @@
                         data = {
                             type: "value",
                             name: value,
+                            nameTextStyle: {
+                                color: "#a6c1dd"
+                            },
                             axisLabel: {
                                 formatter: "{value} ",
                                 fontSize: 12,
                                 textStyle: {
                                     color: this.$store.state.themeName === "dark" ?
-                                        "rgb(116,124,128)" : "#000",
+                                        "#a6c1dd" : "#000",
                                 },
                             },
                             //分格线
                             splitLine: {
                                 lineStyle: {
-                                    color: this.$store.state.themeName === "dark" ? "#5a6162" : "#000",
+                                    color: this.$store.state.themeName === "dark" ? "#404d69" : "#000",
                                     type: "dashed",
                                 },
                             },
@@ -219,12 +223,15 @@
                         data = {
                             type: "value",
                             name: value,
+                            nameTextStyle: {
+                                color: "#a6c1dd"
+                            },
                             axisLabel: {
                                 formatter: "{value}",
                                 fontSize: 12,
                                 textStyle: {
                                     color: this.$store.state.themeName === "dark" ?
-                                        "rgb(116,124,128)" : "#000",
+                                        "#a6c1dd" : "#000",
                                 },
                             },
                             //分格线
@@ -322,7 +329,7 @@
                             fontSize: 12,
                             textStyle: {
                                 color: this.$store.state.themeName === "dark" ?
-                                    "rgb(116,124,128)" : "#000",
+                                    "#a6c1dd" : "#000",
                             },
                         },
                     }, ],

src/views/economicsOperation/nxfHomePage/component/multiple-y-line-chart-normal.vue

@@ -285,7 +285,7 @@ export default {
     return {
       id: "",
       chart: null,
-      color: ["#05b2fa", "#0ef167","#05bb4c", "#4b55ae", "#EDB32F", "#DB5520", "#323E6F",  ],
+      color: ["#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae", "#EDB32F", "#DB5520", "#323E6F",  ],
     };
   },
   computed: {
@@ -308,6 +308,9 @@ export default {
           name: `${item.name}${item.unit}`,
           nameLocation: p[item.position] % 2 == 0 ? "end" : "start",
           nameGap: 10,
+          nameTextStyle: {
+            color: "#a6c1dd"
+          },
           min: item.min,
           max: item.max,
           position: item.position,
@@ -318,7 +321,7 @@ export default {
             textStyle: {
               color:
                 this.$store.state.themeName === "dark"
-                  ? "rgb(116,124,128)"
+                  ? "#a6c1dd"
                   : "#000",
             },
           },
@@ -326,7 +329,7 @@ export default {
           splitLine: {
             show: index === 0 ? true : false,
             lineStyle: {
-              color: partten.getColor("gray"),
+              color: "#404d69",
               type: "dashed",
             },
           },
@@ -431,7 +434,7 @@ export default {
               textStyle: {
                 color:
                   this.$store.state.themeName === "dark"
-                    ? partten.getColor("gray")
+                    ? "#a6c1dd"
                     : "#000",
               },
             },

src/views/economicsOperation/nxfHomePage/component/operationTable.vue

@@ -250,7 +250,8 @@
 
     .rank-table {
         thead tr th {
-            color: #ffffff;
+            color: #bcd2ff;
+            background: #23396f;
         }
 
         .rank {
@@ -262,7 +263,8 @@
                 height: 4.5vh;
                 line-height: 4.5vh;
                 padding: 0;
-                color: #ffffff;
+                // color: #ffffff;
+                color: #c2e1ff;
 
                 &.rank-index {
                     span {
@@ -294,23 +296,23 @@
             }
 
             .tdIndex0 {
-                background: #3a4378;
+                background: #2169c3;
             }
 
             .tdIndex1 {
-                background: #2d575c;
+                background: #2999a0;
             }
 
             .tdIndex2 {
-                background: #2d4d27;
+                background: #67b9ff;
             }
 
             .tdzd1 {
-                color: #ed1515;
+                color: #ff6271;
             }
 
             .tdzd2 {
-                color: #05bb4c;
+                color: #2999a0;
             }
         }
 

src/views/economicsOperation/nxfHomePage/component/percent-bar.vue

@@ -105,15 +105,24 @@
                             barWidth: 80,
                             showBackground: true,
                             backgroundStyle: {
-                                // color: "rgb(33, 105, 195)",
-                                color: "rgb(81, 81, 81)"
+                                color: "rgb(35, 57, 111)"
                             },
                             data: [this.value],
                             coordinateSystem: "polar",
                             itemStyle: {
                                 normal: {
                                     // color: "rgb(81, 81, 81)",
-                                    color: "rgb(33, 105, 195)",
+                                    color: function(params) {
+                                        var colorList = [
+                                            new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                                                offset: 0, color: 'rgb(33, 107, 214)' // 颜色渐变
+                                            }, {
+                                                offset: 1, color: 'rgb(110, 205, 243)'   // 颜色渐变
+                                            }]),
+                                            // ... 可以定义更多的颜色渐变
+                                        ];
+                                        return colorList[params.dataIndex % colorList.length];
+                                    }
                                 },
                             },
                         },
@@ -127,7 +136,8 @@
                                     value: 100,
                                     name: "",
                                     itemStyle: {
-                                        color: "rgb(33, 105, 195)",
+                                        // color: "rgb(33, 105, 195)",
+                                        background: "linear-gradient(rgb(33, 107, 214), rgb(110, 205, 243))",
                                     },
                                     label: {
                                         show: false,

src/views/economicsOperation/nxfHomePage/component/percent-card-2.vue

@@ -6,16 +6,16 @@
         </div>
         <div class="card-info">
             <div class="card-value">
-                <span class="value-text gray">{{ TotalText }}</span>
-                <span class="white">{{ TotalValue.toFixed(2) }}</span>
+                <span class="value-text newBlue">{{ TotalText }}</span>
+                <span class="newwhite">{{ TotalValue.toFixed(2) }}</span>
             </div>
             <div class="card-value">
-                <span class="value-text gray">{{ ActualText }}</span>
-                <span class="white">{{ ActualValue * 10 }}</span>
+                <span class="value-text newBlue">{{ ActualText }}</span>
+                <span class="newwhite">{{ ActualValue * 10 }}</span>
             </div>
             <div class="card-value">
-                <span class="value-text gray">{{ PercentText }}</span>
-                <span class="white">{{ PercentValue }}</span>
+                <span class="value-text newBlue">{{ PercentText }}</span>
+                <span class="newwhite">{{ PercentValue }}</span>
             </div>
         </div>
     </div>
@@ -113,6 +113,12 @@
                     margin-right: 10px;
                     font-family: @font-family-num;
                 }
+                .newBlue{
+                    color: #4d72bb;
+                }
+                .newwhite{
+                    color: #c3e1ff;
+                }
             }
 
             .card-text {

src/views/economicsOperation/nxfHomePage/index.vue

@@ -34,7 +34,7 @@
                 </div>
                 <div class="homeCenter">
                     <Row type="flex" style="height:20%;">
-                        <Col :span="24" style="background: rgba(33, 105, 195, .1) !important;">
+                        <Col :span="24" style="background: #142446 !important;">
                         <power-plan :data="planData" :title="planBtnName" />
                         </Col>
                     </Row>

src/views/economicsOperation/stationAnalyse/electricAnalyse/components/barCharts.vue

@@ -63,7 +63,7 @@ export default {
             barMinHeight: 2,
             data: listItem?.data,
             itemStyle: {
-              color: listItem.color,
+            //   color: listItem.color,
             },
             barWidth: "20%",
           };
@@ -94,6 +94,7 @@ export default {
     initChart() {
       let chart = echarts.init(this.$el);
       let option = {
+        color: ["#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167"],
         tooltip: {
           trigger: "axis",
           backgroundColor: "rgba(#2169c3, 0.35)",

src/views/economicsOperation/stationAnalyse/electricAnalyse/index.vue

@@ -197,6 +197,8 @@ export default {
       }
     },
     initialization() {
+        this.dataChange(dataJson.data, dataJson.code)
+
       companys().then(({ data: res }) => {
         if (res.data) {
           this.companyOptions = res.data;
@@ -233,7 +235,6 @@ export default {
       }
     },
     asyncDataFd() {
-        this.dataChange(dataJson.data, dataJson.code)
       getMonthElectricAnalyse({ wpId: this.station, year: this.year }).then(
         ({ data, code }) => {
           this.dataChange(data, code)

src/views/economicsOperation/stationAnalyse/stationElectricAnalyse/components/line-bar-charts.vue

@@ -60,7 +60,7 @@ export default {
             type: "bar",
             data: listItem?.data,
             itemStyle: {
-              color: listItem.color,
+            //   color: listItem.color,
             },
             barWidth: "20%",
           };
@@ -90,6 +90,7 @@ export default {
     initChart() {
       let chart = echarts.init(this.$el);
       let option = {
+        color: ["#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae"],
         tooltip: {
           trigger: "axis",
           backgroundColor: "rgba(#2169c3, 0.35)",

src/views/economicsOperation/stationAnalyse/stationElectricAnalyse/index.vue

@@ -250,6 +250,8 @@ export default {
       }
     },
     initialization() {
+      this.dataChange(dataJson.data, dataJson.code)
+
       companys().then(({ data: res }) => {
         if (res.data) {
           this.companyOptions = res.data;
@@ -276,7 +278,6 @@ export default {
     },
     getDatas() {
       this.loading = true;
-      this.dataChange(dataJson.data, dataJson.code)
       getOwnDemand({ wpId: this.station, year: this.year }).then(
         ({ data, code }) => {
             this.dataChange(data, code)

src/views/economicsOperation/stationAnalyse/windAndPhotovoltaic/components/lineCharts.vue

@@ -61,6 +61,7 @@ export default {
       var myChart = echarts.init(chartDom); // 绘制图表
       var units = this.unit;
       var options = {
+        color: ["#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae"],
         tooltip: {
           trigger: "axis",
           textStyle: {
@@ -181,7 +182,7 @@ export default {
             lineStyle: {
               width: 1,
             },
-            color: this.color,
+            // color: this.color,
             data: this.windCurveValues.map((item) => {
               return [item.dateTime, item.value];
             }),

src/views/economicsOperation/stationAnalyse/windAndPhotovoltaic/components/radar-chart.vue

@@ -102,17 +102,7 @@ export default {
       let chart = echarts.init(this.$el);
       let option = {
         color: [
-          "#626c91",
-          "#96dee8",
-          "#3fb1e3",
-          "#6be6c1",
-          "#a0a7e6",
-          "#c4ebad",
-          "#7efe7b",
-          "#fec80a",
-          "#e06702",
-          "#f20801",
-          "#7f0001",
+          "#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae"
         ],
         title: {
           text: "",

src/views/economicsOperation/thematicAnalysis/MTBF/index.vue

@@ -356,6 +356,7 @@ export default {
       }
     },
     initialization() {
+        this.dataChange(dataJson.data.mtbfdata)
       companys().then(({ data: res }) => {
         if (res.data) {
           this.companyOptions = res.data;

src/views/economicsOperation/thematicAnalysis/components/barCharts.vue

@@ -58,7 +58,7 @@ export default {
     // 颜色#
     color: {
       type: Array,
-      default: () => ["#05bb4c", "#1b92f4"],
+      default: () => ["#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167"],
     },
     showAnimation: {
       type: Boolean,

src/views/economicsOperation/thematicAnalysis/comprehensiveAnalysis/index.vue

@@ -450,10 +450,16 @@ export default {
       });
     },
   },
+  mounted() {
+      this.dataChange(dataJson.data)
+      this.tabledataChange(dataJson.data)
+      this.changePieData();
+  },
   methods: {
     // 获取公司列表
     async getCompanyData() {
       this.companyOptions = [];
+
       this.pickerTimer = this.getchangeTime(new Date());
       const { data: datas } = await getApicompanyslist();
       this.companyOptions = datas.data;
@@ -490,7 +496,6 @@ export default {
       };
       this.comAnalysisData = [];
       this.comAnalysisDataCompare = {};
-      this.dataChange(dataJson.data)
       const { data: datas } = await getApimaintoplist(params);
       this.dataChange(datas)
       this.changePieData();
@@ -514,7 +519,6 @@ export default {
         type: this.tabIndex,
         month: this.pickerTimer,
       };
-      this.tabledataChange(dataJson.data)
       const { data: datas } = await getApimaincenterlist(params);
       this.tabledataChange(datas)
     },
@@ -604,7 +608,7 @@ export default {
     },
     getPieChart(nameTit, lenged, series, name) {
       let option = {
-        color: ["#05bb4c", "#ba3237", "#e17e23", "#fff", "#c531c7"],
+        color: ["#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae"],
         legend: {
           type: "scroll",
           orient: "vertical",
@@ -744,7 +748,7 @@ export default {
         ],
       };
       let dom = document.getElementById(name);
-      dom.removeAttribute("_echarts_instance_");
+      dom ? dom.removeAttribute("_echarts_instance_") : '';
       let myChart = echarts.init(dom);
       myChart.clear();
       myChart.setOption(option);

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

@@ -405,6 +405,7 @@ export default {
       }
     },
     initialization() {
+        this.dataChange(dataJson.data.gzdata)
       companys().then(({ data: res }) => {
         if (res.data) {
           this.companyOptions = res.data;

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

@@ -416,6 +416,7 @@ export default {
       }
     },
     initialization() {
+        this.dataChange(dataJson.data.fdldata)
       companys().then(({ data: res }) => {
         if (res.data) {
           this.companyOptions = res.data;

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

@@ -259,7 +259,6 @@ export default {
     // },
     search() {
       this.BASE.showLoading();
-      this.dataChange(dataJson.data)
       fnlylList({
         companys: this.company,
         type: this.tabIndex,
@@ -311,6 +310,8 @@ export default {
       }
     },
     initialization() {
+      this.dataChange(dataJson.data)
+
       companys().then(({ data: res }) => {
         if (res.data) {
           this.companyOptions = res.data;

src/views/economicsOperation/windAnalyse/cutInAndOutAnalysis/index.vue

@@ -236,6 +236,9 @@ export default {
     } else {
       this.isFullScreen = false;
     }
+    
+      this.cutInAndOutAnalysisData = dataJson.data.data.records;
+      this.page.total = dataJson.data.data.total;
     this.getCompanyData();
   },
   mounted() {
@@ -328,8 +331,6 @@ export default {
         recorddate: this.pickerTimer,
         wpId: this.stationVal,
       };
-      this.cutInAndOutAnalysisData = dataJson.data.data.records;
-      this.page.total = dataJson.data.data.total;
       const { data: datas } = await getApioutputSpeedlist(params);
       this.cutInAndOutAnalysisData = datas.data.records;
       this.page.total = datas.data.total;

src/views/economicsOperation/windAnalyse/monthlyAnalysis/index.vue

@@ -226,6 +226,9 @@ export default {
     } else {
       this.isFullScreen = false;
     }
+    
+      this.monthMachineData = dataJson.data.data.values;
+      this.page.total = dataJson.data.data.total;
     this.getCompanyData();
   },
   mounted() {
@@ -284,8 +287,6 @@ export default {
         wpId: this.stationVal,
       };
 
-      this.monthMachineData = dataJson.data.data.values;
-      this.page.total = dataJson.data.data.total;
       const { data: datas } = await getApisingleanalysisMainlist(params);
       this.monthMachineData = datas.data.values;
       this.page.total = datas.data.total;

src/views/economicsOperation/windAnalyse/performanceAssess/index.vue

@@ -315,6 +315,9 @@ export default {
     };
   },
   created() {
+    
+      this.EvaluationData = dataJson.data.data.records;
+      this.page.total = dataJson.data.data.total;
     this.getCompanyData();
   },
   computed: {
@@ -402,8 +405,6 @@ export default {
         pageSize: this.page.pagesize,
       };
 
-      this.EvaluationData = dataJson.data.data.records;
-      this.page.total = dataJson.data.data.total;
       const { data: datas } = await getApiequipmentinfoDayList(params);
       this.EvaluationData = datas.data.records;
       this.page.total = datas.data.total;

src/views/economicsOperation/windAnalyse/powerCurve/components/current-scatter-chart.vue

@@ -67,13 +67,7 @@ export default {
       id: "",
       chart: null,
       color: [
-        "#05bb4c",
-        "#4b55ae",
-        "#fa8c16",
-        "#f8de5b",
-        "#1a93cf",
-        "#c531c7",
-        "#bd3338",
+        "#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae"
       ],
       theme: "dark",
     };
@@ -125,14 +119,15 @@ export default {
         //     : "rgba(255,255,255,0.5)",
         //工具箱
         color: [
-          "#3D54BE",
-          "rgb(255,0,0)",
-          "#a1a1a1",
-          "#0098d9",
-          "#FF8700",
-          "#005eaa",
-          "#cda819",
-          "#32a487",
+        //   "#3D54BE",
+        //   "rgb(255,0,0)",
+        //   "#a1a1a1",
+        //   "#0098d9",
+        //   "#FF8700",
+        //   "#005eaa",
+        //   "#cda819",
+        //   "#32a487",
+        "#2999a0", "#67b9ff", "#a1a1a1", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae"
         ],
         toolbox: {
           show: true,

src/views/economicsOperation/windAnalyse/powerCurve/index.vue

@@ -454,7 +454,7 @@ export default {
     },
   },
   mounted() {
-    
+    this.chartdataChange(dataJson.chartData)
   },
   // 函数
   methods: {
@@ -700,7 +700,7 @@ export default {
     // 获取表格数据
     getTableData() {
     //   this.tableLoading = true;
-      this.tabledataChange(dataJson.tableData)
+    this.tabledataChange(dataJson.tableData)
     //   getPowerFittingTable({
     //     id: this.fittingId,
     //   }).then((res) => {

src/views/economicsOperation/windAnalyse/powerSearch/index.vue

@@ -171,9 +171,10 @@ export default {
     };
   },
   created() {
-    this.getCompanyData();
   },
   mounted(){
+    this.getCompanyData();
+    
   },
   watch: {},
   methods: {
@@ -219,6 +220,9 @@ export default {
     },
     // 获取公司列表
     async getCompanyData() {
+        this.powerLinefittingData = dataJson.data.data
+        this.changeEchartsData(dataJson.data.data);
+
       this.companyOptions = [];
       this.pickerTimer = this.getchangeTime(new Date());
       const { data } = await getApicompanyslist();
@@ -291,8 +295,7 @@ export default {
         wtId: this.windVal,
         type: this.tabEvent,
       };
-      this.powerLinefittingData = dataJson.data.data
-        this.changeEchartsData(dataJson.data.data);
+      
 
       const { data: datas } = await getApiPerformancecurvefitting(params);
 
@@ -347,12 +350,7 @@ export default {
     getChartes(xAxis, lenged, series, showY) {
       let option = {
         color: [
-          "#1C99FF",
-          "#FF8700",
-          "#3D54BE",
-          "#fa8c16",
-          "#1DA0D7",
-          "#DD5044",
+          "#2999a0", "#67b9ff", "#ff6271", "#05b2fa", "#0ef167","#05bb4c", "#4b55ae"
         ],
         tooltip: {
           trigger: "axis",

src/views/economicsOperation/windAnalyse/qxpclfx/index.vue

@@ -118,8 +118,7 @@ export default {
         param.year = parseInt(this.date?.split("-")[0]);
         param.month = parseInt(this.date?.split("-")[1]);
       }
-      this.tableData = dataJson.data
-        this.dataChange(dataJson.data)
+      
     //   api[url](param).then((res) => {
     //     this.dataChange(res)
     //   });
@@ -149,6 +148,8 @@ export default {
     },
     // 场站
     ChangZhanVal() {
+        this.tableData = dataJson.data
+        this.dataChange(dataJson.data)
       api1
         .getWpList({
           type: "-1",

src/views/economicsOperation/windAnalyse/qxqjpcl/index.vue

@@ -98,7 +98,6 @@ export default {
         recorddate: this.date,
       };
 
-      this.tableData = dataJson.data || [];
 
       getCurveIntervalfittingmainList(param).then(({ data: res }) => {
         this.tableLoading = false;
@@ -120,6 +119,8 @@ export default {
     },
     // 场站
     ChangZhanVal() {
+      this.tableData = dataJson.data || [];
+
       api1
         .getWpList({
           type: "-1",

src/views/economicsOperation/windAnalyse/singleWindAnasyle/index.vue

@@ -262,6 +262,9 @@ export default {
   },
   created() {
     this.pickerTimer = dayjs().add(-1, "day").format("YYYY-MM-DD");
+    
+      this.singleMachineData = dataJson.data.data.records;
+      this.page.total = dataJson.data.data.total;
     this.getCompanyData();
   },
   mounted() {},
@@ -332,8 +335,6 @@ export default {
         wpId: this.stationVal,
       };
       let datas = {};
-      this.singleMachineData = dataJson.data.data.records;
-      this.page.total = dataJson.data.data.total;
       if (this.tabIndex == -2) {
         datas = await getApiwindturbinegoodnesslistGf(params);
         // this.singleMachineData = datas.data.data;