问题修改

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

@@ -87,7 +87,8 @@
                             fontSize: util.vh(16),
                         },
                         formatter: function(param) {
-                            let marker = '<span style="display:inline-block;margin-right:0.370vh;border-radius:0.926vh;width:0.926vh;height:0.926vh;background-color:' + partten.getColor("green") + ';"></span>';
+                            // partten.getColor("green")
+                            let marker = '<span style="display:inline-block;margin-right:0.370vh;border-radius:0.926vh;width:0.926vh;height:0.926vh;background-color:' + param.color + ';"></span>';
                             return param.seriesName + "<br >" + marker + param.name + "：" + param.value + that.unit;
                         },
                     },

src/utills/constant.js

@@ -13,13 +13,13 @@ export const tableHeader = [
     { name: "受累损失排名", code: "slssdlpm" },
     { name: "受累损失(万kWh)", code: "slssdl", align: "right" },
     { name: "风能利用率排名", code: "fnlylpm" },
-    { name: "风能利用率", code: "fnlyl", align: "right" },
+    { name: "风能利用率(%)", code: "fnlyl", align: "right" },
     { name: "故障损失率排名", code: "gzsslpm" },
     { name: "故障损失率(%)", code: "gzssl", align: "right" },
     { name: "检修损失率排名", code: "jxsslpm" },
     { name: "检修损失率(%)", code: "jxssl", align: "right" },
     { name: "弃风率排名", code: "qflpm" },
-    { name: "弃风率", code: "qfl", align: "right" },
+    { name: "弃风率(%)", code: "qfl", align: "right" },
     { name: "性能损失率排名", code: "xnsslpm" },
     { name: "性能损失率(%)", code: "xnssl", align: "right" },
     { name: "受累损失率排名", code: "slsslpm" },
@@ -69,7 +69,7 @@ export const tableHeaderDetail = [
     { name: "检修损失率排名", code: "jxsslpm" },
     { name: "检修损失率(%)", code: "jxssl", align: "right" },
     { name: "弃风率排名", code: "qflpm" },
-    { name: "弃风率", code: "qfl", align: "right" },
+    { name: "弃风率(%)", code: "qfl", align: "right" },
     { name: "性能损失率排名", code: "xnsslpm" },
     { name: "性能损失率(%)", code: "xnssl", align: "right" },
     { name: "受累损失率排名", code: "slsslpm" },

src/views/SandTable/SandTable.vue

@@ -775,8 +775,7 @@ export default {
         const powerMax =
           Math.max(...seriesSpeed) < 5 ? 5 : Math.max(...seriesSpeed);
         const windSpeedMin = Math.min(...seriesGl);
-        const windSpeedMax =
-          Math.max(...seriesGl) < 0.5 ? 0.5 : Math.max(...seriesGl);
+        const windSpeedMax = this.getHourSetp(Math.max(...seriesGl));
         const splitNumber = 5;
 
         let series = [
@@ -923,6 +922,12 @@ export default {
               it.startTime = dayjs(it.startTime).format("YYYY-MM-DD HH:mm:ss");
               it.stopTime = dayjs(it.stopTime).format("YYYY-MM-DD HH:mm:ss");
             });
+            res.data.result.sort((a, b) => {
+              return (
+                new Date(b.startTime).getTime() -
+                new Date(a.startTime).getTime()
+              );
+            });
             that.tableData = res.data.result;
           }
         }
@@ -954,18 +959,25 @@ export default {
         if (res) {
           let result = [];
           res.forEach((it) => {
-            let obj = {
-              name: it.typeName,
-              value:
-                modelIds === "WT2000D121H85"
-                  ? that.warnPC
-                    ? it.total
-                    : it.totalSeconds
-                  : that.warnPC2
+            let value =
+              modelIds === "WT2000D121H85"
+                ? that.warnPC
                   ? it.total
-                  : it.totalSeconds,
+                  : it.totalSeconds
+                : that.warnPC2
+                ? it.total
+                : it.totalSeconds;
+            let obj = {
+              name: "",
+              value: "",
             };
-            result.push(obj);
+            if (value !== 0) {
+              obj = {
+                name: it.typeName,
+                value: value,
+              };
+              result.push(obj);
+            }
           });
           if (modelIds === "WT2000D121H85") {
             that.warnChartDataZC = result;
@@ -998,18 +1010,45 @@ export default {
         if (res && res.data) {
           let result = [];
           res.data.forEach((it) => {
-            let obj = {
-              name: it.name,
-              value:
-                modelIds === "WT2000D121H85"
-                  ? that.probPC
-                    ? it.times
-                    : it.hours?it.hours:0
-                  : that.probPC2
+            let value =
+              modelIds === "WT2000D121H85"
+                ? that.probPC
                   ? it.times
-                  : it.hours?it.hours:0,
+                  : it.hours
+                  ? it.hours
+                  : 0
+                : that.probPC2
+                ? it.times
+                : it.hours
+                ? it.hours
+                : 0;
+            let obj = {
+              name: "",
+              value: "",
             };
-            result.push(obj);
+            if (value !== 0) {
+              obj = {
+                name: it.name,
+                value: value,
+              };
+              result.push(obj);
+            }
+            // let obj = {
+            //   name: it.name,
+            //   value:
+            //     modelIds === "WT2000D121H85"
+            //       ? that.probPC
+            //         ? it.times
+            //         : it.hours
+            //         ? it.hours
+            //         : 0
+            //       : that.probPC2
+            //       ? it.times
+            //       : it.hours
+            //       ? it.hours
+            //       : 0,
+            // };
+            // result.push(obj);
           });
           if (modelIds === "WT2000D121H85") {
             that.probChartDataZC = result;
@@ -1058,8 +1097,7 @@ export default {
           const powerMax =
             Math.max(...seriesSpeed) < 5 ? 5 : Math.max(...seriesSpeed);
           const windSpeedMin = Math.min(...seriesGl);
-          const windSpeedMax =
-            Math.max(...seriesGl) < 0.5 ? 0.5 : Math.max(...seriesGl);
+          const windSpeedMax = this.getHourSetp(Math.max(...seriesGl));
 
           const splitNumber = 5;
 
@@ -1103,6 +1141,19 @@ export default {
         }
       });
     },
+
+    getHourSetp(value) {
+      if (value < 1) {
+        return 1;
+      } else if (value < 5) {
+        return 5;
+      } else if (value < 10) {
+        return value;
+      } else {
+        return parseInt(value);
+      }
+    },
+
     getShutdownEventByMonth(modelIds, dates) {
       let that = this;
       let params = {

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

@@ -347,7 +347,8 @@ export default {
   },
   created() {
     this.dateTime = [
-      `${dayjs().format("YYYY-MM")}-01`,
+      dayjs().startOf("month").subtract(1, "day").format("YYYY-MM-DD"),
+      //   `${dayjs().format("YYYY-MM")}-01`,
       dayjs().format("YYYY-MM-DD"),
     ];
     this.initialization();

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

@@ -186,6 +186,9 @@
           />
         </div>
         <div class="lyl" :style="{ height: tableData.length * 39 + 'px' }">
+          <span style="position: absolute; top: 6px; color: #bcd2ff"
+            >风能利用率(%)</span
+          >
           <div class="lyl-item" v-for="(item, index) in tableData" :key="index">
             {{ item.fnlly }}%
             <img class="lyl-item-img" src="@assets/imgs/fnlyl1.png" />
@@ -261,7 +264,7 @@ export default {
         { code: "xd", name: "限电", unit: "万kWh" },
         { code: "sl", name: "受累", unit: "万kWh" },
         { code: "xn", name: "性能", unit: "万kWh" },
-        { code: "fnlly", name: "风能利用率", name1: "光能利用率", unit: "%" },
+        // { code: "fnlly", name: "风能利用率", name1: "光能利用率", unit: "%" },
       ],
       //   tableData: dataJson.data.data,
       tableData: [],
@@ -318,7 +321,8 @@ export default {
   created() {
     let routeParams = this.$route.params;
     this.dateTime = [
-      `${dayjs().format("YYYY-MM")}-01`,
+      dayjs().startOf("month").subtract(1, "day").format("YYYY-MM-DD"),
+      //   dayjs().format("YYYY-MM")}-01`,
       dayjs().format("YYYY-MM-DD"),
     ];
     if (Object.keys(routeParams).length) {

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

@@ -94,7 +94,7 @@
           size="mini"
           class="buttons"
           @click="getXmdb"
-           v-if="!displayDetail"
+          v-if="!displayDetail"
           >搜 索</el-button
         >
         <el-button
@@ -158,7 +158,7 @@
             :key="item.code"
             :prop="item.code"
             :label="item.name"
-            :width="item.name.length == 4 ? 55 : 68"
+            :width="item.name.length == 4 ? 55 : 75"
             show-overflow-tooltip
             sortable
             ><template #header="scope">
@@ -368,7 +368,8 @@ export default {
   },
   created() {
     this.dateTime = [
-      `${dayjs().format("YYYY-MM")}-01`,
+      dayjs().startOf("month").subtract(1, "day").format("YYYY-MM-DD"),
+      //   `${dayjs().format("YYYY-MM")}-01`,
       dayjs().format("YYYY-MM-DD"),
     ];
     this.initialization();

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

@@ -95,7 +95,7 @@
       <div class="station" v-if="!displayDetail">
         日期
         <div class="search-input">
-              <el-date-picker
+          <el-date-picker
             v-model="dateTime"
             size="mini"
             type="daterange"
@@ -179,7 +179,7 @@
             :key="item.code"
             :prop="item.code"
             :label="item.name"
-            :width="item.name.length == 4 ? 55 : 67"
+            :width="item.name.length == 4 ? 55 : 75"
             show-overflow-tooltip
             sortable
           >
@@ -376,7 +376,7 @@ export default {
       projectList: [],
       lineObj: [],
       lineList: [],
-      dateTime:[],
+      dateTime: [],
       tabIndex: -1,
       tabOptions: [
         { id: -1, name: "风电" },
@@ -404,7 +404,8 @@ export default {
   },
   created() {
     this.dateTime = [
-      `${dayjs().format("YYYY-MM")}-01`,
+      dayjs().startOf("month").subtract(1, "day").format("YYYY-MM-DD"),
+      //   `${dayjs().format("YYYY-MM")}-01`,
       dayjs().format("YYYY-MM-DD"),
     ];
     this.initialization();

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

@@ -53,7 +53,10 @@
     </div>
     <div class="downPdf" id="downPdf">
       <div class="comAnalysis_Table">
-        <div class="table_month" style="margin-right: 10px">
+        <div
+          class="table_month"
+          style="margin-right: 10px; margin-bottom: 10px"
+        >
           <div class="table_top">
             <div class="table_top_tit">
               <span>月度</span>
@@ -166,7 +169,7 @@
             </el-table>
           </div>
         </div>
-        <div class="table_year" style="margin-left: 6px">
+        <div class="table_year" style="margin-left: 6px; margin-bottom: 10px">
           <div class="table_top">
             <div class="table_top_tit">
               <span>年度</span>
@@ -766,10 +769,10 @@ export default {
             // roseType: "area",
             label: {
               show: false,
-            //   normal: {
-            //     color: "#fff",
-            //     formatter: "{d}%",
-            //   },
+              //   normal: {
+              //     color: "#fff",
+              //     formatter: "{d}%",
+              //   },
             },
 
             itemStyle: {
@@ -934,6 +937,7 @@ export default {
       padding-bottom: 10px;
       display: flex;
       height: calc(100% - 300px);
+      padding: 20px 0;
       .table_month,
       .table_year {
         width: 49.5%;
@@ -1010,8 +1014,8 @@ export default {
         }
 
         .table_bot {
-          height: calc(100% - 174px - 20px);
-          margin-top: 20px;
+          height: calc(100% - 174px - 30px);
+          margin-top: 30px;
           .el-table--mini .el-table__cell {
             padding: 3px 0;
           }

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

@@ -63,21 +63,19 @@
           header-align="center"
           align="center"
         >
-        <template #header="scope">
+          <template #header="scope">
             <div v-if="scope.column.label.indexOf('(') > 0">
-            <div style="font-size: 14px">
+              <div style="font-size: 14px">
                 {{
-                scope.column.label.slice(0, scope.column.label.indexOf("("))
+                  scope.column.label.slice(0, scope.column.label.indexOf("("))
                 }}
-            </div>
-            <div style="font-size: 12px">
-                {{
-                scope.column.label.slice(scope.column.label.indexOf("("))
-                }}
-            </div>
+              </div>
+              <div style="font-size: 12px">
+                {{ scope.column.label.slice(scope.column.label.indexOf("(")) }}
+              </div>
             </div>
             <div v-else>{{ scope.column.label }}</div>
-        </template>
+          </template>
         </el-table-column>
       </el-table>
       <el-pagination
@@ -145,27 +143,27 @@ export default {
         { title: "日平均风速", code: "rpjfs" },
         { title: "月平均风速", code: "ypjfs" },
         { title: "年平均风速", code: "npjfs" },
-        { title: "日运行小时", code: "ryxxs" },
-        { title: "月运行小时", code: "yyxxs" },
-        { title: "年运行小时", code: "nyxxs" },
-        { title: "日待机小时", code: "rdjxs" },
-        { title: "月待机小时", code: "ydjxs" },
-        { title: "年待机小时", code: "ndjxs" },
-        { title: "日故障小时", code: "rgzxs" },
-        { title: "月故障小时", code: "ygzxs" },
-        { title: "年故障小时", code: "ngzxs" },
-        { title: "日检修小时", code: "rjxxs" },
-        { title: "月检修小时", code: "yjxxs" },
-        { title: "年检修小时", code: "njxxs" },
+        { title: "日运行小时(h)", code: "ryxxs" },
+        { title: "月运行小时(h)", code: "yyxxs" },
+        { title: "年运行小时(h)", code: "nyxxs" },
+        { title: "日待机小时(h)", code: "rdjxs" },
+        { title: "月待机小时(h)", code: "ydjxs" },
+        { title: "年待机小时(h)", code: "ndjxs" },
+        { title: "日故障小时(h)", code: "rgzxs" },
+        { title: "月故障小时(h)", code: "ygzxs" },
+        { title: "年故障小时(h)", code: "ngzxs" },
+        { title: "日检修小时(h)", code: "rjxxs" },
+        { title: "月检修小时(h)", code: "yjxxs" },
+        { title: "年检修小时(h)", code: "njxxs" },
         // { title: "日中断小时", code: "rzdxs" },
         // { title: "月中断小时", code: "yzdxs" },
         // { title: "年中断小时", code: "nzdxs" },
         // { title: "日有效风时", code: "ryxfs" },
         // { title: "月有效风时", code: "yyxfs" },
         // { title: "年有效风时", code: "nyxfs" },
-        { title: "日损失电量", code: "rssdl" },
-        { title: "月损失电量", code: "yssdl" },
-        { title: "年损失电量", code: "nssdl" },
+        { title: "日损失电量(万kWh)", code: "rssdl" },
+        { title: "月损失电量(万kWh)", code: "yssdl" },
+        { title: "年损失电量(万kWh)", code: "nssdl" },
         // { title: "日报警次数", code: "rbjcs" },
         // { title: "月报警次数", code: "ybjcs" },
         // { title: "年报警次数", code: "nbjcs" },

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

@@ -67,12 +67,12 @@ const props = defineProps({
 const option = computed({
   get() {
     return {
-      title: {
-        text: props.title || "",
-        subtext: props.subtext || "",
-        top: 10,
-        left: 30,
-      },
+      //   title: {
+      //     text: props.title || "",
+      //     subtext: props.subtext || "",
+      //     top: 10,
+      //     left: 30,
+      //   },
       angleAxis: props.xAxis || {},
       radiusAxis: {},
       radar: props.isRadar
@@ -105,7 +105,10 @@ const option = computed({
           return params.componentSubType === "radar"
             ? `${params.name}`
             : `${params.seriesName}<br/>${
-                params.value > 1 ? "频次：" + params.value : ""
+                // params.value > 1 ? "频次：" + params.value : ""
+                params.value > 1
+                  ? props.title + "：" + params.value + props.subtext
+                  : ""
               }`;
         },
         confine: true,
@@ -148,6 +151,7 @@ onMounted(() => {
     chartIns.value = echartIns;
 
     echartIns.setOption(option.value);
+
     window.addEventListener("resize", () => {
       echartIns.resize();
     });

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

@@ -127,25 +127,25 @@
 
     <!-- tab1 -->
     <div v-if="tabIndex == 0" class="TabOne tabsev">
-        <panel :title="'功率分析'" class="TabOne_topChart">
-            <area-line-chart
-            :height="'100%'"
-            :lineData="lostChartData"
-            :units="lostChartUnit"
-            :areaData="LostChartBgColorData"
-            @areaClick="areaBarChartClick"
-            :showLegend="true"
-            />
-        </panel>
-        <panel :title="'损失电量分析'" class="TabOne_centerChart">
-            <multiple-bar-line-chart
-            :height="'100%'"
-            :barData="powerChartData"
-            :lineData="powerChartLineData"
-            :units="['(kWh)', '(m/s)']"
-            :showLegend="true"
-            />
-        </panel>
+      <panel :title="'功率分析'" class="TabOne_topChart">
+        <area-line-chart
+          :height="'100%'"
+          :lineData="lostChartData"
+          :units="lostChartUnit"
+          :areaData="LostChartBgColorData"
+          @areaClick="areaBarChartClick"
+          :showLegend="true"
+        />
+      </panel>
+      <panel :title="'损失电量分析'" class="TabOne_centerChart">
+        <multiple-bar-line-chart
+          :height="'100%'"
+          :barData="powerChartData"
+          :lineData="powerChartLineData"
+          :units="['(kWh)', '(m/s)']"
+          :showLegend="true"
+        />
+      </panel>
       <div class="table-info">
         <panel class="table-panel" :title="'当日报警记录'" :showLine="false">
           <el-table
@@ -367,7 +367,7 @@
               </panel>
             </div>
             <div class="month-info-right">
-                <!-- style="height: calc(100% - 220px - 10px)" -->
+              <!-- style="height: calc(100% - 220px - 10px)" -->
               <panel
                 :title="'年发电量信息'"
                 :subTitle="'单位:万kWh'"
@@ -393,9 +393,14 @@
                   </div>
                   <div class="info-item">
                     <div class="text">年停机小时：</div>
-                    <div class="value green">{{
-                        Number(dayPowerInfo.ngzxs) + Number(dayPowerInfo.njxxs)
-                      }}</div>
+                    <div class="value green">
+                      {{
+                        (
+                          Number(dayPowerInfo.ngzxs) +
+                          Number(dayPowerInfo.njxxs)
+                        ).toFixed(2)
+                      }}
+                    </div>
                   </div>
                   <div class="info-item">
                     <div class="text">年故障小时：</div>
@@ -695,6 +700,8 @@
               <rander-new-chart
                 width="100%"
                 height="100%"
+                title="日最大风速"
+                subtext="(m/s)"
                 :lenged="rzdfsLen"
                 :xAxis="rzdfsxaisx"
                 :series="rzdfsData"
@@ -723,6 +730,8 @@
               <rander-new-chart
                 width="100%"
                 height="100%"
+                title="月最大风速"
+                subtext="(m/s)"
                 :lenged="yzdfsLen"
                 :xAxis="yzdfsxaisx"
                 :series="yzdfsData"
@@ -751,6 +760,8 @@
               <rander-new-chart
                 width="100%"
                 height="100%"
+                title="年最大风速"
+                subtext="(m/s)"
                 :lenged="nzdfsLen"
                 :xAxis="nzdfsxaisx"
                 :series="nzdfsData"
@@ -781,6 +792,8 @@
               <rander-new-chart
                 width="100%"
                 height="100%"
+                title="日风向频率"
+                subtext="(%)"
                 :lenged="rfxplLen"
                 :xAxis="rfxplxaisx"
                 :series="rfxplData"
@@ -809,6 +822,8 @@
               <rander-new-chart
                 width="100%"
                 height="100%"
+                title="月风向频率"
+                subtext="(%)"
                 :lenged="yfxplLen"
                 :xAxis="yfxplxaisx"
                 :series="yfxplData"
@@ -834,14 +849,16 @@
                 :value="nfxplData"
                 title="年风向频率"
               /> -->
-              <!-- <rander-new-chart
+              <rander-new-chart
                 width="100%"
                 height="100%"
+                title="年风向频率"
+                subtext="(%)"
                 :lenged="nfxplLen"
                 :xAxis="nfxplxaisx"
                 :series="nfxplData"
                 :isRadar="false"
-              /> -->
+              />
             </div>
           </panel>
         </el-col>
@@ -1084,7 +1101,7 @@ export default {
         column: [
           {
             name: "风机",
-            field: "windTurbineId",
+            field: "aname",
             is_num: false,
             is_light: false,
           },
@@ -1096,7 +1113,7 @@ export default {
           },
           {
             name: "恢复时间",
-            field: "starttime",
+            field: "startTime",
             is_num: false,
             is_light: false,
           },
@@ -1494,18 +1511,25 @@ export default {
         pageNum: "1",
         pageSize: "5",
       };
-        const { data: datas } = await getApigzjllist(params);
-        if (datas && datas.data && datas.data.records.length > 0) {
-          datas.data.records.forEach((ele) => {
-            ele.stopTime = new Date(ele.stopTime).formatDate(
-              "yyyy-MM-dd hh:mm:ss"
-            );
-            ele.starttime = ele.starttime
-              ? new Date(ele.starttime).formatDate("yyyy-MM-dd hh:mm:ss")
-              : "";
+      const { data: datas } = await getApigzjllist(params);
+      if (datas && datas.data && datas.data.records.length > 0) {
+        datas.data.records.forEach((ele) => {
+          ele.stopTime = new Date(ele.stopTime).formatDate(
+            "yyyy-MM-dd hh:mm:ss"
+          );
+          ele.startTime = ele.startTime
+            ? new Date(ele.startTime).formatDate("yyyy-MM-dd hh:mm:ss")
+            : "";
+        });
+        datas.data.records.forEach((it) => {
+          this.wtArray.forEach((ic) => {
+            if (it.windturbineId === ic.id) {
+              it.aname = ic.aname;
+            }
           });
-          that.stopTableData.data = datas.data.records;
-        }
+        });
+        that.stopTableData.data = datas.data.records;
+      }
     },
     // tab1 - 获取当日限电数据
     async getXdData() {
@@ -1516,18 +1540,18 @@ export default {
         pageNum: "1",
         pageSize: "5",
       };
-        const { data: datas } = await getApixdjllist(params);
-        if (datas && datas.data && datas.data.records.length > 0) {
-          datas.data.records.forEach((ele) => {
-            ele.stopTime = new Date(ele.stopTime).formatDate(
-              "yyyy-MM-dd hh:mm:ss"
-            );
-            ele.starttime = ele.starttime
-              ? new Date(ele.starttime).formatDate("yyyy-MM-dd hh:mm:ss")
-              : "";
-          });
-          that.xdTableData.data = datas.data.records;
-        }
+      const { data: datas } = await getApixdjllist(params);
+      if (datas && datas.data && datas.data.records.length > 0) {
+        datas.data.records.forEach((ele) => {
+          ele.stopTime = new Date(ele.stopTime).formatDate(
+            "yyyy-MM-dd hh:mm:ss"
+          );
+          ele.starttime = ele.starttime
+            ? new Date(ele.starttime).formatDate("yyyy-MM-dd hh:mm:ss")
+            : "";
+        });
+        that.xdTableData.data = datas.data.records;
+      }
     },
     // tab2 ----------------------------------------
     // tab2 - 获取日发电量信息
@@ -1539,6 +1563,7 @@ export default {
       };
       const { data: datas } = await getApiwadAjax(params);
       if (datas && datas.data) {
+        debugger;
         that.dayPowerInfo = datas.data;
       }
     },
@@ -1849,11 +1874,11 @@ export default {
       } else {
         this.hisWpid = this.wpId;
       }
-    //   if (index == 2) {
-    //     this.wpId = this.hisSubid ? this.hisSubid : this.cftlist[0].id;
-    //   } else {
-    //     this.wpId = this.hisWpid ? this.hisWpid : this.wpArray[0].id;
-    //   }
+      //   if (index == 2) {
+      //     this.wpId = this.hisSubid ? this.hisSubid : this.cftlist[0].id;
+      //   } else {
+      //     this.wpId = this.hisWpid ? this.hisWpid : this.wpArray[0].id;
+      //   }
       this.tabIndex = index;
       this.search();
     },
@@ -1977,13 +2002,13 @@ export default {
 
   .TabOne {
     .TabOne_topChart {
-        height: calc((100% - 260px) / 2);
-        margin-bottom: 10px;
-        }
-        .TabOne_centerChart {
-        margin-bottom: 10px;
-        height: calc((100% - 260px) / 2);
-        }
+      height: calc((100% - 260px) / 2);
+      margin-bottom: 10px;
+    }
+    .TabOne_centerChart {
+      margin-bottom: 10px;
+      height: calc((100% - 260px) / 2);
+    }
     .table-info {
       display: flex;
       height: 260px;
@@ -2004,14 +2029,14 @@ export default {
       flex-wrap: wrap;
       height: 100%;
       color: #05bb4c;
-      &.month-1{
+      &.month-1 {
         justify-content: flex-start;
         .info-item {
-            margin-right: 8px;
+          margin-right: 8px;
         }
       }
       &.month-3 {
-      justify-content: space-between;
+        justify-content: space-between;
         .info-item {
           height: calc((100% - 8px * 4) / 5);
           line-height: calc((100% - 8px * 4) / 5);
@@ -2063,12 +2088,12 @@ export default {
       }
     }
 
-    .power-infoss{
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-        height: calc(100% - 230px);
-        color: #05bb4c;
+    .power-infoss {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      height: calc(100% - 230px);
+      color: #05bb4c;
     }
 
     .month-info {