样式修改

.env.production

@@ -15,31 +15,31 @@ VUE_APP_DIALOG_NUM = 8
 #趋势对比鼠标点击
 VUE_APP_DIALOG_POINT = contextmenu
 # 综合报警
-# VUE_APP_ALARM=http://10.220.1.5:6015
-VUE_APP_ALARM=http://10.112.33.5:6015
+VUE_APP_ALARM=http://10.220.1.5:6015
+# VUE_APP_ALARM=http://10.112.33.5:6015
 # VUE_APP_ALARM=http://123.60.219.66:48080
 # 登录
 # VUE_APP_VUE_LOGIN_URL=http://10.220.1.8:48080
 # VUE_APP_VUE_LOGIN_URL=http://123.60.219.66:48080
 
 
-# VUE_APP_API=http://10.220.1.5:6060
-VUE_APP_API=http://10.112.33.5:6060
+VUE_APP_API=http://10.220.1.5:6060
+# VUE_APP_API=http://10.112.33.5:6060
 # VUE_APP_TEST=http://10.81.3.155:9002
 # VUE_APP_WS='ws://10.81.3.155:9002'
 # VUE_APP_ADAPTERURL=http://10.81.3.155:8011
 
-# VUE_APP_URL=https://10.220.1.5:5300
-VUE_APP_URL=https://10.112.33.5:5300
+VUE_APP_URL=https://10.220.1.5:5300
+# VUE_APP_URL=https://10.112.33.5:5300
 
-# VUE_APP_REPORT=http://10.220.1.5:8001
-VUE_APP_REPORT=http://10.112.33.5:8001
+VUE_APP_REPORT=http://10.220.1.5:8001
+# VUE_APP_REPORT=http://10.112.33.5:8001
 
-# VUE_APP_WS_URL=ws://10.220.1.5:6014
-VUE_APP_WS_URL=ws://10.112.33.5:6014
+VUE_APP_WS_URL=ws://10.220.1.5:6014
+# VUE_APP_WS_URL=ws://10.112.33.5:6014
 
-# VUE_APP_GENERAT_URL=http://10.220.1.5:6060
-VUE_APP_GENERAT_URL=http://10.112.33.5:6060
+VUE_APP_GENERAT_URL=http://10.220.1.5:6060
+# VUE_APP_GENERAT_URL=http://10.112.33.5:6060
 
 VUE_APP_HEADER_URL=http://10.112.32.31:10200
 

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

@@ -83,7 +83,7 @@
           width="100%"
           height="100%"
         >
-          <el-table-column align="center" label="指标名称" width="128">
+          <el-table-column align="center" label="指标名称" width="158">
             <template #default="{ row }">
               {{ row[0] }}
             </template>
@@ -224,10 +224,10 @@ export default {
       year: "",
       selectValue: "综合场用电量分析",
       headers: [
-        "综合场用电量",
-        "发电量",
-        "上网电量",
-        "购网电量",
+        "综合场用电量(万kWh)",
+        "发电量(万kWh)",
+        "上网电量(万kWh)",
+        "购网电量(万kWh)",
         "综合场用电率(%)",
       ],
       filter: "1",
@@ -252,7 +252,7 @@ export default {
       }
     },
     initialization() {
-    //   this.dataChange(dataJson.data, dataJson.code);
+      //   this.dataChange(dataJson.data, dataJson.code);
 
       companys().then(({ data: res }) => {
         if (res.data) {

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

@@ -188,7 +188,7 @@
 
 import BarCharts from "@/views/economicsOperation/thematicAnalysis/components/barCharts.vue";
 import { companys, mtbfList, mttrList } from "@/api/curveAnalyse";
-import dataJson from "./dataJson.json"
+import dataJson from "./dataJson.json";
 export default {
   name: "curveAnalyse",
   components: {
@@ -223,18 +223,18 @@ export default {
       barList: [],
       tableData: [],
       tableHead: [
-        "一月",
-        "二月",
-        "三月",
-        "四月",
-        "五月",
-        "六月",
-        "七月",
-        "八月",
-        "九月",
-        "十月",
-        "十一月",
-        "十二月",
+        "一月(%)",
+        "二月(%)",
+        "三月(%)",
+        "四月(%)",
+        "五月(%)",
+        "六月(%)",
+        "七月(%)",
+        "八月(%)",
+        "九月(%)",
+        "十月(%)",
+        "十一月(%)",
+        "十二月(%)",
       ],
       company: "",
       companyOptions: [],
@@ -294,47 +294,47 @@ export default {
       this.BASE.showLoading();
       switch (this.selectValue) {
         case "MTBF":
-            // this.dataChange(dataJson.data.mtbfdata)
+          // this.dataChange(dataJson.data.mtbfdata)
           mtbfList({
             companys: this.company,
             type: this.tabIndex,
             year: this.monthChange(this.searchYear),
           }).then(({ data: res }) => {
-            this.dataChange(res.data)
+            this.dataChange(res.data);
           });
           break;
 
         case "MTTR":
-            // this.dataChange(dataJson.data.mttrdata)
+          // this.dataChange(dataJson.data.mttrdata)
           mttrList({
             companys: this.company,
             type: this.tabIndex,
             year: this.monthChange(this.searchYear),
           }).then(({ data: res }) => {
-            this.dataChange(res.data)
+            this.dataChange(res.data);
           });
           break;
       }
     },
     dataChange(res) {
-        if (res.length) {
-            let arr = [
-            {
-                wpname: "",
-                data: {
-                wpname: "期次",
-                current: "本期",
-                sameperiod: "同期",
-                },
+      if (res.length) {
+        let arr = [
+          {
+            wpname: "",
+            data: {
+              wpname: "期次",
+              current: "本期",
+              sameperiod: "同期",
             },
-            ];
-            this.tableData = [...arr, ...res];
-            this.rowClick(res[res.length - 1]);
-        } else {
-            this.BASE.closeLoading();
-            this.barList = [];
-            this.tableData = [];
-        }
+          },
+        ];
+        this.tableData = [...arr, ...res];
+        this.rowClick(res[res.length - 1]);
+      } else {
+        this.BASE.closeLoading();
+        this.barList = [];
+        this.tableData = [];
+      }
     },
     monthChange(data) {
       let year = new Date(data).getFullYear().toString();
@@ -356,7 +356,7 @@ export default {
       }
     },
     initialization() {
-        // this.dataChange(dataJson.data.mtbfdata)
+      // this.dataChange(dataJson.data.mtbfdata)
       companys().then(({ data: res }) => {
         if (res.data) {
           this.companyOptions = res.data;

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

@@ -215,6 +215,24 @@ export default {
               width: "1",
             },
           },
+          formatter: function (params) {
+            var htmlStr = `<div style='margin-bottom:5px'>${params[0].axisValue}</div>`;
+            for (var i = 0; i < params.length; i++) {
+              htmlStr += `<div style='margin-bottom:2px'>`;
+              var param = params[i];
+              var seriesName = param.seriesName; //图例名称
+              var value = param.value; //y轴值
+              var mark = param.marker; //点
+              var unit = `<span style='font-size:12px'>${"%"}</span>`;
+
+              htmlStr += mark; //一个点
+              htmlStr += `${seriesName} : ${
+                value != null ? value + unit : "--"
+              }`; //圆点后面显示的文本
+              htmlStr += "</div>";
+            }
+            return htmlStr;
+          },
         },
         legend: {
           show: this.showLegend,

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

@@ -231,18 +231,18 @@ export default {
       barList: [],
       tableData: [],
       tableHead: [
-        "一月",
-        "二月",
-        "三月",
-        "四月",
-        "五月",
-        "六月",
-        "七月",
-        "八月",
-        "九月",
-        "十月",
-        "十一月",
-        "十二月",
+        "一月(%)",
+        "二月(%)",
+        "三月(%)",
+        "四月(%)",
+        "五月(%)",
+        "六月(%)",
+        "七月(%)",
+        "八月(%)",
+        "九月(%)",
+        "十月(%)",
+        "十一月(%)",
+        "十二月(%)",
       ],
       company: "",
       companyOptions: [],

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

@@ -207,7 +207,7 @@ import {
   swdlList,
   lyxsList,
 } from "@/api/curveAnalyse";
-import dataJson from "./dataJson.json"
+import dataJson from "./dataJson.json";
 export default {
   name: "curveAnalyse",
   components: {
@@ -242,18 +242,18 @@ export default {
       barList: [],
       tableData: [],
       tableHead: [
-        "一月",
-        "二月",
-        "三月",
-        "四月",
-        "五月",
-        "六月",
-        "七月",
-        "八月",
-        "九月",
-        "十月",
-        "十一月",
-        "十二月",
+        "一月(%)",
+        "二月(%)",
+        "三月(%)",
+        "四月(%)",
+        "五月(%)",
+        "六月(%)",
+        "七月(%)",
+        "八月(%)",
+        "九月(%)",
+        "十月(%)",
+        "十一月(%)",
+        "十二月(%)",
       ],
       company: "",
       companyOptions: [],
@@ -323,77 +323,77 @@ export default {
       this.BASE.showLoading();
       switch (this.selectValue) {
         case "发电量":
-            // this.dataChange(dataJson.data.fdldata)
+          // this.dataChange(dataJson.data.fdldata)
           fdlList({
             companys: this.company,
             type: this.tabIndex,
             year: this.monthChange(this.searchYear),
           }).then(({ data: res }) => {
-            this.dataChange(res.data)
+            this.dataChange(res.data);
           });
           break;
 
         case "综合场用电量":
-            // this.dataChange(dataJson.data.zhcydldata)
+          // this.dataChange(dataJson.data.zhcydldata)
           zhcydlList({
             companys: this.company,
             type: this.tabIndex,
             year: this.monthChange(this.searchYear),
           }).then(({ data: res }) => {
-            this.dataChange(res.data)
+            this.dataChange(res.data);
           });
           break;
         case "上网电量":
-            // this.dataChange(dataJson.data.swdldata)
+          // this.dataChange(dataJson.data.swdldata)
           swdlList({
             companys: this.company,
             type: this.tabIndex,
             year: this.monthChange(this.searchYear),
           }).then(({ data: res }) => {
-            this.dataChange(res.data)
+            this.dataChange(res.data);
           });
           break;
         case "购网电量":
-            // this.dataChange(dataJson.data.gwdldata)
+          // this.dataChange(dataJson.data.gwdldata)
           gwdlList({
             companys: this.company,
             type: this.tabIndex,
             year: this.monthChange(this.searchYear),
           }).then(({ data: res }) => {
-            this.dataChange(res.data)
+            this.dataChange(res.data);
           });
           break;
         case "利用小时":
-            // this.dataChange(dataJson.data.lyxsdata)
+          // this.dataChange(dataJson.data.lyxsdata)
           lyxsList({
             companys: this.company,
             type: this.tabIndex,
             year: this.monthChange(this.searchYear),
           }).then(({ data: res }) => {
-            this.dataChange(res.data)
+            this.dataChange(res.data);
           });
           break;
       }
     },
     dataChange(res) {
-        if (res.length) {
-            let arr = [
-            {
-                wpname: "",
-                data: {
-                wpname: "期次",
-                current: "本期",
-                sameperiod: "同期",
-                },
+      if (res.length) {
+        let arr = [
+          {
+            wpname: "",
+            data: {
+              wpname: "期次",
+              current: "本期",
+              sameperiod: "同期",
             },
-            ];
-            this.tableData = [...arr, ...res];
-            this.rowClick(res[res.length - 1]);
-        } else {
-            this.BASE.closeLoading();
-            this.barList = [];
-            this.tableData = [];
-        }
+          },
+        ];
+        this.tableData = [...arr, ...res];
+        this.rowClick(res[res.length - 1]);
+      } else {
+        this.BASE.closeLoading();
+        this.barList = [];
+        this.tableData = [];
+      }
     },
     monthChange(data) {
       let year = new Date(data).getFullYear().toString();
@@ -416,7 +416,7 @@ export default {
       }
     },
     initialization() {
-        // this.dataChange(dataJson.data.fdldata)
+      // this.dataChange(dataJson.data.fdldata)
       companys().then(({ data: res }) => {
         if (res.data) {
           this.companyOptions = res.data;

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

@@ -199,18 +199,18 @@ export default {
       barList: [],
       tableData: [],
       tableHead: [
-        "一月",
-        "二月",
-        "三月",
-        "四月",
-        "五月",
-        "六月",
-        "七月",
-        "八月",
-        "九月",
-        "十月",
-        "十一月",
-        "十二月",
+        "一月(%)",
+        "二月(%)",
+        "三月(%)",
+        "四月(%)",
+        "五月(%)",
+        "六月(%)",
+        "七月(%)",
+        "八月(%)",
+        "九月(%)",
+        "十月(%)",
+        "十一月(%)",
+        "十二月(%)",
       ],
       company: "",
       companyOptions: [],