智慧检修0605

src/components/coms/table/table-qc.vue

@@ -8,7 +8,9 @@
           :class="{ light: col.is_light }"
           :style="{ width: col.width }"
           @click="onSort(col)"
-        >{{ col.name }}</th>
+        >
+          {{ col.name }}
+        </th>
       </tr>
     </thead>
     <el-scrollbar>
@@ -18,7 +20,11 @@
             v-for="(col, i) of data.column"
             :key="i"
             :style="{ width: col.width }"
-            :class="{ light: hoverRow == row || hoverCol == col, num: col.is_num, 'always-light': col.is_light || row.is_light }"
+            :class="{
+              light: hoverRow == row || hoverCol == col,
+              num: col.is_num,
+              'always-light': col.is_light || row.is_light,
+            }"
             @mouseenter="hover(row, col)"
             @mouseleave="leave()"
           >
@@ -67,30 +73,30 @@ export default {
     // hover 样式
     showHover: {
       type: Boolean,
-      default: true
+      default: true,
     },
     // 列高亮
     showColHover: {
       type: Boolean,
-      default: false
+      default: false,
     },
     canScroll: {
       type: Boolean,
-      default: true
+      default: true,
     },
     pageSize: {
       type: Number,
-      default: 0
+      default: 0,
     },
     height: {
       type: String,
-      default: ""
-    }
+      default: "",
+    },
   },
   // 自定义事件
   emits: {
     // 分页事件
-    onPagging: null
+    onPagging: null,
   },
   // 数据
   data() {
@@ -104,7 +110,7 @@ export default {
       dialogShow: false,
       dialogTitle: "",
       dialogData: {},
-      myChart : null
+      myChart: null,
     };
   },
   computed: {
@@ -124,7 +130,7 @@ export default {
           if (a[that.sortCol] < b[that.sortCol]) return rev * -1;
           return 0;
         });
-        return data; 
+        return data;
       }
     },
     pageable() {
@@ -141,7 +147,7 @@ export default {
     endRow() {
       if (this.pageable) return this.currentPage * this.pageSize;
       else return this.data.data.length;
-    }
+    },
   },
   // 函数
   methods: {
@@ -156,50 +162,59 @@ export default {
       });
     },
     onClick(col, row) {
+      const curIndex = row.curIndex;
       this.clearChart();
       let subUrl = "";
       let data = {};
-      let method = "POST";
-      if ("sjbz" == col.field) {
-        subUrl = "/leaderboard/curveMonthchatAjax";
-        data["type"] = "sjbz";
-      } else if ("sjzy" == col.field) {
-        subUrl = "/leaderboard/curveMonthchatAjax";
-        data["type"] = "sjzy";
-      } else if ("zybz" == col.field) {
-        subUrl = "/leaderboard/curveMonthchatAjax";
-        data["type"] = "zybz";
-      } else if ("hb" == col.field) {
-        subUrl = "/leaderboard/curveMonthchatAjaxhb";
-        data["type"] = "hb";
-        method = "GET";
-      } else if ("tb" == col.field) {
-        subUrl = "/leaderboard/curveMonthchatAjaxtb";
-        data["type"] = "tb";
-        method = "GET";
-      } else if ("bbgfj" == col.field) {
-        subUrl = "/leaderboard/curveMonthchatAjaxbg";
-        data["type"] = "bg";
-        method = "GET";
+      let method = "GET";
+      if ("deviationRate2" == col.field) {
+        data.type = "sjbz";
+      } else if ("deviationRate1" == col.field) {
+        data.type = "sjzy";
+      } else if ("deviationRate3" == col.field) {
+        data.type = "zybz";
+      } else if ("monthDeviationRate" == col.field) {
+        data.type = "hb";
+      } else if ("yearDeviationRate" == col.field) {
+        data.type = "tb";
+      } else if ("standardDeviationRate" == col.field) {
+        data.type = "bg";
       } else {
         return 0;
       }
+
+      if (curIndex) {
+        if (data.type.length < 2) {
+          subUrl = "/leaderboard/getCurvechatAjax";
+        } else {
+          subUrl = "/leaderboard/curvechatAjaxhb";
+        }
+      } else {
+        if (data.type.length < 2) {
+          subUrl = "/leaderboard/curveMonthchatAjax";
+        } else {
+          subUrl = "/leaderboard/curveMonthchatAjaxtb";
+        }
+      }
+
       this.dialogShow = true;
       this.dialogTitle = "曲线偏差率排行";
-      const date = new Date();
-      let year = date.getFullYear();
-      let month = date.getMonth() + 1;
-      let pdate = this.$parent.date.split("-");
-      if (pdate && pdate.length > 1) {
-        data["year"] = pdate[0];
-        data["month"] = pdate[1];
+
+      if (curIndex) {
+        data.recorddate = row.recordDate;
+      } else {
+        data.year = row.year;
+        data.month = row.month;
       }
-      data["wtId"] = row.fj;
+
+      data["wtId"] = row.windturbineId;
+
       let that = this;
       that.API.requestData({
-        method: method,
-        subUrl: subUrl,
-        data: data,
+        baseURL: process.env.VUE_APP_NEW_WISDOM,
+        method,
+        subUrl,
+        data,
         success(res) {
           if (res.code === 200) {
             const linedata1 = [];
@@ -214,12 +229,12 @@ export default {
             that.dialogTitle = "曲线偏差率排行";
             that.initChart(linedata1, linedata2, names);
           }
-        }
+        },
       });
     },
-    clearChart(){
-      // echarts.init(document.getElementById("chartDiv"));
-      // TODO 未实现 点开后先清空曲线。mychart 不能定义为全局变量。Echarts bug
+    clearChart() {
+      const chartDom = document.getElementById("chartDiv");
+      chartDom && chartDom.removeAttribute("_echarts_instance_");
     },
     initChart(data1, data2, names) {
       let that = this;
@@ -227,7 +242,7 @@ export default {
       let option = {
         color: ["#05bb4c", "#4b55ae"],
         tooltip: {
-          trigger: "axis"
+          trigger: "axis",
         },
         legend: {
           show: true,
@@ -238,14 +253,14 @@ export default {
           inactiveColor: "#606769",
           textStyle: {
             color: "#B3BDC0",
-            fontSize: 12
-          }
+            fontSize: 12,
+          },
         },
         grid: {
           top: 32,
           left: 40,
           right: 40,
-          bottom: 24
+          bottom: 24,
         },
         xAxis: [
           {
@@ -255,11 +270,11 @@ export default {
               formatter: "{value}",
               fontSize: 9.35925925925926,
               textStyle: {
-                color: "#606769"
-              }
+                color: "#606769",
+              },
             },
             axisLine: {
-              show: false
+              show: false,
             },
             data: [
               "0",
@@ -287,9 +302,9 @@ export default {
               "22",
               "23",
               "24",
-              "25"
-            ]
-          }
+              "25",
+            ],
+          },
         ],
         yAxis: [
           {
@@ -297,19 +312,19 @@ export default {
             name: "(W)",
             axisLabel: {
               formatter: "{value}",
-              fontSize: 9.35925925925926
+              fontSize: 9.35925925925926,
             },
             axisLine: {
-              show: false
+              show: false,
             },
             splitLine: {
               show: true,
               lineStyle: {
                 color: "#606769",
-                type: "dashed"
-              }
-            }
-          }
+                type: "dashed",
+              },
+            },
+          },
         ],
         series: [
           {
@@ -321,11 +336,11 @@ export default {
             lineStyle: {
               normal: {
                 color: "#05bb4c",
-                width: 1
+                width: 1,
               },
               emphasis: {
-                color: "#05bb4c"
-              }
+                color: "#05bb4c",
+              },
             },
             areaStyle: {
               normal: {
@@ -333,49 +348,49 @@ export default {
                   colorStops: [
                     {
                       offset: 0,
-                      color: "rgba(5,187,76,0.3)"
+                      color: "rgba(5,187,76,0.3)",
                     },
                     {
                       offset: 1,
-                      color: "rgba(5,187,76,0.1)"
-                    }
+                      color: "rgba(5,187,76,0.1)",
+                    },
                   ],
                   x: 0,
                   y: 0,
                   x2: 0,
                   y2: 1,
                   type: "linear",
-                  global: false
+                  global: false,
                 },
                 shadowColor: "rgba(5,187,76,0.1)",
-                shadowBlur: 10
+                shadowBlur: 10,
               },
               emphasis: {
                 color: {
                   colorStops: [
                     {
                       offset: 0,
-                      color: "rgba(5,187,76,0.3)"
+                      color: "rgba(5,187,76,0.3)",
                     },
                     {
                       offset: 1,
-                      color: "rgba(5,187,76,0.1)"
-                    }
+                      color: "rgba(5,187,76,0.1)",
+                    },
                   ],
                   x: 0,
                   y: 0,
                   x2: 0,
                   y2: 1,
                   type: "linear",
-                  global: false
+                  global: false,
                 },
                 shadowColor: "rgba(5,187,76,0.1)",
-                shadowBlur: 10
-              }
+                shadowBlur: 10,
+              },
             },
 
             yAxisIndex: 0,
-            data: data1
+            data: data1,
           },
           {
             name: names[1],
@@ -386,50 +401,50 @@ export default {
             lineStyle: {
               normal: {
                 color: "#606769",
-                width: 1
+                width: 1,
               },
               emphasis: {
-                color: "#fa8c16"
-              }
+                color: "#fa8c16",
+              },
             },
             areaStyle: {
               normal: {
                 color: "transparent",
                 shadowColor: "rgba(250,140,22,0.1)",
-                shadowBlur: 10
+                shadowBlur: 10,
               },
               emphasis: {
                 color: {
                   colorStops: [
                     {
                       offset: 0,
-                      color: "rgba(250,140,22,0.3)"
+                      color: "rgba(250,140,22,0.3)",
                     },
                     {
                       offset: 1,
-                      color: "rgba(250,140,22,0.1)"
-                    }
+                      color: "rgba(250,140,22,0.1)",
+                    },
                   ],
                   x: 0,
                   y: 0,
                   x2: 0,
                   y2: 1,
                   type: "linear",
-                  global: false
+                  global: false,
                 },
                 shadowColor: "rgba(250,140,22,0.1)",
-                shadowBlur: 10
-              }
+                shadowBlur: 10,
+              },
             },
 
             yAxisIndex: 0,
-            data: data2
-          }
-        ]
+            data: data2,
+          },
+        ],
       };
       myChart.clear();
       myChart.setOption(option);
-      this.resize = function() {
+      this.resize = function () {
         myChart.resize();
       };
       window.addEventListener("resize", this.resize);
@@ -471,9 +486,9 @@ export default {
         pageIndex: this.currentPage,
         pageSize: this.pageSize,
         start: this.startRow,
-        end: this.endRow
+        end: this.endRow,
       });
-    }
+    },
   },
   // 生命周期钩子
   // 创建前
@@ -485,7 +500,7 @@ export default {
   // 渲染后
   mounted() {},
   beforeUpdate() {},
-  updated() {}
+  updated() {},
 };
 </script>
 

src/router/index.js

@@ -982,6 +982,21 @@ const routes = [
     component: () => import("../views/temperatureAnalysis/index.vue"),
   },
   {
+    path: "/health/nxfx/evaluationAnalysis", // 预警评判分析
+    name: "evaluationAnalysis",
+    component: () => import("../views/evaluationAnalysis/index.vue"),
+  },
+  {
+    path: "/health/nxfx/malfunctionAnalysis", // 故障评判分析
+    name: "malfunctionAnalysis",
+    component: () => import("../views/malfunctionAnalysis/index.vue"),
+  },
+  {
+    path: "/health/nxfx/powerAnalysis", // 部件功率分析
+    name: "powerAnalysis",
+    component: () => import("../views/powerAnalysis/index.vue"),
+  },
+  {
     path: "/health/kkxfx/alarmcenter1",
     name: "alarmcenter1",
     component: () =>

src/views/evaluationAnalysis/index.vue

@@ -0,0 +1,242 @@
+<template>
+  <div class="draught-fan-list">
+    <div class="query mg-b-8">
+      <div class="query-items">
+        <div class="query-item">
+          <div class="lable">场站：</div>
+          <div class="search-input">
+            <el-select
+              v-model="wpId"
+              placeholder="请选择"
+              popper-class="select"
+              @change="getWt"
+            >
+              <el-option
+                v-for="item in wpArray"
+                :key="item.id"
+                :value="item.id"
+                :label="item.name"
+              />
+            </el-select>
+          </div>
+        </div>
+        <!-- <div class="query-item">
+          <div class="lable">风机：</div>
+          <div class="search-input">
+            <el-select
+              v-model="wtId"
+              placeholder="请选择"
+              popper-class="select"
+            >
+              <el-option
+                v-for="item in wtArray"
+                :key="item.id"
+                :value="item.id"
+                :label="item.nemCode"
+              />
+            </el-select>
+          </div>
+        </div> -->
+        <!-- <div class="query-item">
+          <div class="lable">部件类型：</div>
+          <div class="search-input">
+            <el-select v-model="partId" placeholder="Select" size="small">
+              <el-option
+                v-for="item in partArray"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div> -->
+        <div class="query-item">
+          <div class="lable">日期：</div>
+          <div class="search-input">
+            <el-date-picker
+              v-model="recordDate"
+              type="date"
+              value-format="YYYY-MM-DD"
+              placeholder="选择日期"
+              popper-class="date-select"
+            >
+            </el-date-picker>
+          </div>
+        </div>
+      </div>
+      <div class="query-actions">
+        <button class="btn green" @click="getTableData">搜索</button>
+      </div>
+    </div>
+    <el-table
+      class="custom-table"
+      :data="tableData"
+      style="width: 100%"
+      height="89vh"
+    >
+      <el-table-column type="index" label="序号" :width="75" align="center" />
+      <el-table-column
+        :label="pItem.label"
+        v-for="(pItem, pIndex) in tableColumnList"
+        :key="pItem.id"
+        align="center"
+        show-overflow-tooltip
+        :sortable="!pItem.children?.length"
+        :sort-by="
+          () => {
+            tableSort(pIndex);
+          }
+        "
+      >
+        <template v-if="pItem.children?.length">
+          <el-table-column
+            :label="cItem.label"
+            v-for="cItem in pItem.children"
+            :key="cItem.id"
+            align="center"
+            :sortable="!cItem.children?.length"
+            :sort-by="
+              () => {
+                tableSort(cItem.index);
+              }
+            "
+          >
+            <template #default="scope">
+              <span>{{ scope.row[cItem.index] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+        <template #default="scope" v-if="!pItem.children?.length">
+          <span>{{ scope.row[pIndex] }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import api from "@api/economic/index.js";
+import axios from "axios";
+export default {
+  data() {
+    return {
+      wpId: "",
+      wtId: "",
+      wpArray: [],
+      wtArray: [],
+      partId: "fdj",
+      partArray: [
+        { label: "发电机", value: "fdj" },
+        { label: "齿轮箱", value: "clx" },
+        { label: "变桨", value: "bj" },
+        { label: "主控", value: "zk" },
+      ],
+      tableData: [],
+      recordDate: new Date().formatDate("yyyy-MM-dd"),
+      tableColumnList: [],
+    };
+  },
+
+  created() {
+    this.getWp();
+  },
+
+  methods: {
+    // 获取风场
+    getWp() {
+      api
+        .getWpList({
+          type: "-1",
+        })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.wpArray = res.data.data;
+            this.wpId = res.data.data?.[0]?.id;
+            this.getWt();
+          }
+        });
+    },
+
+    // 获取风机
+    getWt() {
+      api
+        .getWtList({
+          wpId: this.wpId,
+        })
+        .then((res) => {
+          if (res.code === 200) {
+            this.wtArray = res.data;
+            this.wtId = res.data?.[0]?.id;
+            this.getTableData();
+          }
+        });
+    },
+
+    // 获取表格数据
+    getTableData() {
+      this.BASE.showLoading();
+      axios({
+        methods: "get",
+        baseURL: process.env.VUE_APP_NEW_WISDOM,
+        url: `/health/getEarlyWarningMainListByWpId?wpId=${this.wpId}&recorddate=${this.recordDate}`,
+      }).then((res) => {
+        const title1 = res.data?.data?.title1 || [];
+        const title2 = res.data?.data?.title2 || [];
+        const excludeItem = /^风机编号$|^风机编码$/;
+
+        let tableColumnList = [];
+
+        title1?.forEach((ele, index) => {
+          const findRes = tableColumnList.find((soleEle) => {
+            return soleEle.label === ele;
+          });
+          if (!findRes) {
+            let children = [];
+            if (!excludeItem.test(ele)) {
+              children.push({ id: this.getId(), label: title2[index], index });
+            }
+            tableColumnList.push({
+              id: this.getId(),
+              label: ele,
+              children,
+              index,
+            });
+          } else {
+            findRes.children.push({
+              id: this.getId(),
+              label: title2[index],
+              index,
+            });
+          }
+        });
+
+        this.tableData = res.data?.data?.list || [];
+        this.tableColumnList = tableColumnList;
+        this.BASE.closeLoading();
+      });
+    },
+
+    // 生成随机 ID
+    getId() {
+      return String(
+        new Date().getTime() + this.BASE.randomNum(1000000000, 5000000000000)
+      );
+    },
+
+    tableSort(dataIndex) {
+      return this.tableData.sort((a, b) => {
+        const num1 = parseFloat(String(a[dataIndex]).replace(/^#/, ""));
+        const num2 = parseFloat(String(b[dataIndex]).replace(/^#/, ""));
+        return num1 - num2;
+      });
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.tableBox {
+  width: 100%;
+  overflow: auto;
+}
+</style>
+  

src/views/layout/Menu.vue

@@ -423,6 +423,21 @@ export default {
                   icon: "svg-wind-site",
                   path: "/health/nxfx/temperatureAnalysis",
                 },
+                {
+                  text: "预警评判分析",
+                  icon: "svg-wind-site",
+                  path: "/health/nxfx/evaluationAnalysis",
+                },
+                {
+                  text: "故障评判分析",
+                  icon: "svg-wind-site",
+                  path: "/health/nxfx/malfunctionAnalysis",
+                },
+                {
+                  text: "部件功率分析",
+                  icon: "svg-wind-site",
+                  path: "/health/nxfx/powerAnalysis",
+                },
               ],
             },
             // {

src/views/malfunctionAnalysis/index.vue

@@ -0,0 +1,242 @@
+<template>
+  <div class="draught-fan-list">
+    <div class="query mg-b-8">
+      <div class="query-items">
+        <div class="query-item">
+          <div class="lable">场站：</div>
+          <div class="search-input">
+            <el-select
+              v-model="wpId"
+              placeholder="请选择"
+              popper-class="select"
+              @change="getWt"
+            >
+              <el-option
+                v-for="item in wpArray"
+                :key="item.id"
+                :value="item.id"
+                :label="item.name"
+              />
+            </el-select>
+          </div>
+        </div>
+        <!-- <div class="query-item">
+          <div class="lable">风机：</div>
+          <div class="search-input">
+            <el-select
+              v-model="wtId"
+              placeholder="请选择"
+              popper-class="select"
+            >
+              <el-option
+                v-for="item in wtArray"
+                :key="item.id"
+                :value="item.id"
+                :label="item.nemCode"
+              />
+            </el-select>
+          </div>
+        </div> -->
+        <!-- <div class="query-item">
+          <div class="lable">部件类型：</div>
+          <div class="search-input">
+            <el-select v-model="partId" placeholder="Select" size="small">
+              <el-option
+                v-for="item in partArray"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div> -->
+        <div class="query-item">
+          <div class="lable">日期：</div>
+          <div class="search-input">
+            <el-date-picker
+              v-model="recordDate"
+              type="date"
+              value-format="YYYY-MM-DD"
+              placeholder="选择日期"
+              popper-class="date-select"
+            >
+            </el-date-picker>
+          </div>
+        </div>
+      </div>
+      <div class="query-actions">
+        <button class="btn green" @click="getTableData">搜索</button>
+      </div>
+    </div>
+    <el-table
+      class="custom-table"
+      :data="tableData"
+      style="width: 100%"
+      height="89vh"
+    >
+      <el-table-column type="index" label="序号" :width="75" align="center" />
+      <el-table-column
+        :label="pItem.label"
+        v-for="(pItem, pIndex) in tableColumnList"
+        :key="pItem.id"
+        align="center"
+        show-overflow-tooltip
+        :sortable="!pItem.children?.length"
+        :sort-by="
+          () => {
+            tableSort(pIndex);
+          }
+        "
+      >
+        <template v-if="pItem.children?.length">
+          <el-table-column
+            :label="cItem.label"
+            v-for="cItem in pItem.children"
+            :key="cItem.id"
+            align="center"
+            :sortable="!cItem.children?.length"
+            :sort-by="
+              () => {
+                tableSort(cItem.index);
+              }
+            "
+          >
+            <template #default="scope">
+              <span>{{ scope.row[cItem.index] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+        <template #default="scope" v-if="!pItem.children?.length">
+          <span>{{ scope.row[pIndex] }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import api from "@api/economic/index.js";
+import axios from "axios";
+export default {
+  data() {
+    return {
+      wpId: "",
+      wtId: "",
+      wpArray: [],
+      wtArray: [],
+      partId: "fdj",
+      partArray: [
+        { label: "发电机", value: "fdj" },
+        { label: "齿轮箱", value: "clx" },
+        { label: "变桨", value: "bj" },
+        { label: "主控", value: "zk" },
+      ],
+      tableData: [],
+      recordDate: new Date().formatDate("yyyy-MM-dd"),
+      tableColumnList: [],
+    };
+  },
+
+  created() {
+    this.getWp();
+  },
+
+  methods: {
+    // 获取风场
+    getWp() {
+      api
+        .getWpList({
+          type: "-1",
+        })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.wpArray = res.data.data;
+            this.wpId = res.data.data?.[0]?.id;
+            this.getWt();
+          }
+        });
+    },
+
+    // 获取风机
+    getWt() {
+      api
+        .getWtList({
+          wpId: this.wpId,
+        })
+        .then((res) => {
+          if (res.code === 200) {
+            this.wtArray = res.data;
+            this.wtId = res.data?.[0]?.id;
+            this.getTableData();
+          }
+        });
+    },
+
+    // 获取表格数据
+    getTableData() {
+      this.BASE.showLoading();
+      axios({
+        methods: "get",
+        baseURL: process.env.VUE_APP_NEW_WISDOM,
+        url: `/health/getFailureStatisticMainListByWpId?wpId=${this.wpId}&recorddate=${this.recordDate}`,
+      }).then((res) => {
+        const title1 = res.data?.data?.title1 || [];
+        const title2 = res.data?.data?.title2 || [];
+        const excludeItem = /^风机编号$|^风机编码$/;
+
+        let tableColumnList = [];
+
+        title1?.forEach((ele, index) => {
+          const findRes = tableColumnList.find((soleEle) => {
+            return soleEle.label === ele;
+          });
+          if (!findRes) {
+            let children = [];
+            if (!excludeItem.test(ele)) {
+              children.push({ id: this.getId(), label: title2[index], index });
+            }
+            tableColumnList.push({
+              id: this.getId(),
+              label: ele,
+              children,
+              index,
+            });
+          } else {
+            findRes.children.push({
+              id: this.getId(),
+              label: title2[index],
+              index,
+            });
+          }
+        });
+
+        this.tableData = res.data?.data?.list || [];
+        this.tableColumnList = tableColumnList;
+        this.BASE.closeLoading();
+      });
+    },
+
+    // 生成随机 ID
+    getId() {
+      return String(
+        new Date().getTime() + this.BASE.randomNum(1000000000, 5000000000000)
+      );
+    },
+
+    tableSort(dataIndex) {
+      return this.tableData.sort((a, b) => {
+        const num1 = parseFloat(String(a[dataIndex]).replace(/^#/, ""));
+        const num2 = parseFloat(String(b[dataIndex]).replace(/^#/, ""));
+        return num1 - num2;
+      });
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.tableBox {
+  width: 100%;
+  overflow: auto;
+}
+</style>
+  

src/views/nxfx/qxpclfx.vue

@@ -86,7 +86,7 @@ export default {
         column: [
           {
             name: "风机",
-            field: "windturbineId",
+            field: "wtCode",
             is_num: false,
             is_light: false,
             sortable: thermometerVue,
@@ -169,11 +169,15 @@ export default {
       api[url](param).then((res) => {
         this.tableLoading = false;
         if (res.code === 200) {
+          res.data.forEach((ele) => {
+            ele.curIndex = this.cur;
+            ele.recordDate = this.date;
+          });
           this.tableData.data = res.data || [];
         }
       });
     },
-    //   tab
+    // tab
     handleOpen(vl, index) {
       this.cur = index;
       this.showTitle = vl;

src/views/powerAnalysis/index.vue

@@ -0,0 +1,242 @@
+<template>
+  <div class="draught-fan-list">
+    <div class="query mg-b-8">
+      <div class="query-items">
+        <div class="query-item">
+          <div class="lable">场站：</div>
+          <div class="search-input">
+            <el-select
+              v-model="wpId"
+              placeholder="请选择"
+              popper-class="select"
+              @change="getWt"
+            >
+              <el-option
+                v-for="item in wpArray"
+                :key="item.id"
+                :value="item.id"
+                :label="item.name"
+              />
+            </el-select>
+          </div>
+        </div>
+        <!-- <div class="query-item">
+          <div class="lable">风机：</div>
+          <div class="search-input">
+            <el-select
+              v-model="wtId"
+              placeholder="请选择"
+              popper-class="select"
+            >
+              <el-option
+                v-for="item in wtArray"
+                :key="item.id"
+                :value="item.id"
+                :label="item.nemCode"
+              />
+            </el-select>
+          </div>
+        </div> -->
+        <div class="query-item">
+          <div class="lable">部件类型：</div>
+          <div class="search-input">
+            <el-select v-model="partId" placeholder="Select" size="small">
+              <el-option
+                v-for="item in partArray"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </div>
+        <div class="query-item">
+          <div class="lable">日期：</div>
+          <div class="search-input">
+            <el-date-picker
+              v-model="recordDate"
+              type="date"
+              value-format="YYYY-MM-DD"
+              placeholder="选择日期"
+              popper-class="date-select"
+            >
+            </el-date-picker>
+          </div>
+        </div>
+      </div>
+      <div class="query-actions">
+        <button class="btn green" @click="getTableData">搜索</button>
+      </div>
+    </div>
+    <el-table
+      class="custom-table"
+      :data="tableData"
+      style="width: 100%"
+      height="89vh"
+    >
+      <el-table-column type="index" label="序号" :width="75" align="center" />
+      <el-table-column
+        :label="pItem.label"
+        v-for="(pItem, pIndex) in tableColumnList"
+        :key="pItem.id"
+        align="center"
+        show-overflow-tooltip
+        :sortable="!pItem.children?.length"
+        :sort-by="
+          () => {
+            tableSort(pIndex);
+          }
+        "
+      >
+        <template v-if="pItem.children?.length">
+          <el-table-column
+            :label="cItem.label"
+            v-for="cItem in pItem.children"
+            :key="cItem.id"
+            align="center"
+            :sortable="!cItem.children?.length"
+            :sort-by="
+              () => {
+                tableSort(cItem.index);
+              }
+            "
+          >
+            <template #default="scope">
+              <span>{{ scope.row[cItem.index] }}</span>
+            </template>
+          </el-table-column>
+        </template>
+        <template #default="scope" v-if="!pItem.children?.length">
+          <span>{{ scope.row[pIndex] }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import api from "@api/economic/index.js";
+import axios from "axios";
+export default {
+  data() {
+    return {
+      wpId: "",
+      wtId: "",
+      wpArray: [],
+      wtArray: [],
+      partId: "fdj",
+      partArray: [
+        { label: "发电机", value: "fdj" },
+        { label: "齿轮箱", value: "clx" },
+        { label: "变桨", value: "bj" },
+        { label: "主控", value: "zk" },
+      ],
+      tableData: [],
+      recordDate: new Date().formatDate("yyyy-MM-dd"),
+      tableColumnList: [],
+    };
+  },
+
+  created() {
+    this.getWp();
+  },
+
+  methods: {
+    // 获取风场
+    getWp() {
+      api
+        .getWpList({
+          type: "-1",
+        })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.wpArray = res.data.data;
+            this.wpId = res.data.data?.[0]?.id;
+            this.getWt();
+          }
+        });
+    },
+
+    // 获取风机
+    getWt() {
+      api
+        .getWtList({
+          wpId: this.wpId,
+        })
+        .then((res) => {
+          if (res.code === 200) {
+            this.wtArray = res.data;
+            this.wtId = res.data?.[0]?.id;
+            this.getTableData();
+          }
+        });
+    },
+
+    // 获取表格数据
+    getTableData() {
+      this.BASE.showLoading();
+      axios({
+        methods: "get",
+        baseURL: process.env.VUE_APP_NEW_WISDOM,
+        url: `/health/getProEconPartPowerStatticsSubListByWpId?wpId=${this.wpId}&recorddate=${this.recordDate}&partId=${this.partId}`,
+      }).then((res) => {
+        const title1 = res.data?.data?.title1 || [];
+        const title2 = res.data?.data?.title2 || [];
+        const excludeItem = /^风机编号$|^风机编码$/;
+
+        let tableColumnList = [];
+
+        title1?.forEach((ele, index) => {
+          const findRes = tableColumnList.find((soleEle) => {
+            return soleEle.label === ele;
+          });
+          if (!findRes) {
+            let children = [];
+            if (!excludeItem.test(ele)) {
+              children.push({ id: this.getId(), label: title2[index], index });
+            }
+            tableColumnList.push({
+              id: this.getId(),
+              label: ele,
+              children,
+              index,
+            });
+          } else {
+            findRes.children.push({
+              id: this.getId(),
+              label: title2[index],
+              index,
+            });
+          }
+        });
+
+        this.tableData = res.data?.data?.list || [];
+        this.tableColumnList = tableColumnList;
+        this.BASE.closeLoading();
+      });
+    },
+
+    // 生成随机 ID
+    getId() {
+      return String(
+        new Date().getTime() + this.BASE.randomNum(1000000000, 5000000000000)
+      );
+    },
+
+    tableSort(dataIndex) {
+      return this.tableData.sort((a, b) => {
+        const num1 = parseFloat(String(a[dataIndex]).replace(/^#/, ""));
+        const num2 = parseFloat(String(b[dataIndex]).replace(/^#/, ""));
+        return num1 - num2;
+      });
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.tableBox {
+  width: 100%;
+  overflow: auto;
+}
+</style>
+  

src/views/powerCurve/index.vue

@@ -93,9 +93,9 @@ export default {
       wtArray: [],
       wpId: "",
       wtId: "",
-      recorddate:
-        "2021-09" ||
-        new Date(new Date().getTime() - 3600 * 1000 * 24).formatDate("yyyy-MM"),
+      recorddate: new Date(new Date().getTime() - 3600 * 1000 * 24).formatDate(
+        "yyyy-MM"
+      ),
       chartLineData: {
         xTitle: "风速",
         yTitle: "功率",
@@ -149,6 +149,7 @@ export default {
 
     // 获取图表数据
     getChartData() {
+      this.BASE.showLoading();
       api
         .scatterScatterWtAjax({
           wtId: this.wtId,
@@ -171,10 +172,17 @@ export default {
               chartLineData.data[0].push(ele[1]);
             });
 
+            let scatter = [];
+            res.data?.scatter?.forEach((ele) => {
+              if (ele[0] < 30 && ele[1] < 3000) {
+                scatter.push(ele);
+              }
+            });
+
             let chartData = [
               {
                 title: "功率曲线拟合",
-                value: res.data.scatter,
+                value: scatter,
               },
             ];
 
@@ -185,50 +193,8 @@ export default {
               msg: "所选日期区间暂无数据",
             });
           }
+          this.BASE.closeLoading();
         });
-
-      // let that = this;
-      // that.API.requestData({
-      //   method: "POST",
-      //   subUrl: "scatter/scatterWtAjax",
-      //   showLoading: true,
-      //   data: {
-      //     wtId: that.wtId,
-      //     year: that.recorddate.split("-")[0],
-      //     month: that.recorddate.split("-")[1],
-      //   },
-      //   success(res) {
-      //     if (res.data.line.length || res.data.scatter.length) {
-      //       let chartLineData = {
-      //         xTitle: "风速",
-      //         yTitle: "功率",
-      //         legends: [],
-      //         // data: [[], []],
-      //         data: [[]],
-      //       };
-
-      //       res.data.line.forEach((ele) => {
-      //         // chartLineData.data[0].push(ele[0]);
-      //         // chartLineData.data[1].push(ele[1]);
-      //         chartLineData.data[0].push(ele[1]);
-      //       });
-
-      //       let chartData = [
-      //         {
-      //           title: "功率曲线拟合",
-      //           value: res.data.scatter,
-      //         },
-      //       ];
-
-      //       that.chartLineData = chartLineData;
-      //       that.chartData = chartData;
-      //     } else {
-      //       that.BASE.showMsg({
-      //         msg: "所选日期区间暂无数据",
-      //       });
-      //     }
-      //   },
-      // });
     },
 
     search() {

src/views/wtSaturability/tab1.vue

@@ -49,7 +49,16 @@
       </div>
     </div>
     <div class="df-table">
-      <ComTable height="35vh" :data="tableData"></ComTable>
+      <ComTable height="47vh" style="height: 47vh" :data="tableData"></ComTable>
+      <div class="paginationBox">
+        <el-pagination
+          @current-change="currentChange"
+          :current-page="currentPage"
+          :total="total"
+          :layout="'total, prev, pager, next, jumper'"
+          hide-on-single-page
+        />
+      </div>
     </div>
     <Mlc
       height="300px"
@@ -83,15 +92,18 @@ export default {
       wtArray: [],
       wpId: "",
       wtId: "",
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
       tableData: {
         column: [
-          {
-            name: "风机",
-            field: "windturbineId",
-            is_num: false,
-            is_light: false,
-            sortable: true,
-          },
+          // {
+          //   name: "风机",
+          //   field: "windturbineId",
+          //   is_num: false,
+          //   is_light: false,
+          //   sortable: true,
+          // },
           {
             name: "风速(m/s)",
             field: "speed",
@@ -169,15 +181,21 @@ export default {
       api
         .powersaturationPowersaturationamonutlist({
           wtId: this.wtId,
-          pageNum: 1,
-          pageSize: 5,
+          pageNum: this.currentPage,
+          pageSize: 10,
         })
         .then((res) => {
           if (res.data) this.tableData.data = res.data.records;
+          this.total = res.data.total;
           this.getChartData();
         });
     },
 
+    currentChange(currentPage) {
+      this.currentPage = currentPage;
+      this.getTabData();
+    },
+
     // 获取图表数据
     getChartData() {
       api
@@ -240,71 +258,6 @@ export default {
 
           this.chartData = chartData;
         });
-
-      // let that = this;
-      // that.API.requestData({
-      //   method: "POST",
-      //   subUrl: "powersaturation/powersaturationamonutchart",
-      //   data: {
-      //     wtId: that.wtId,
-      //   },
-      //   success(res) {
-      //     const keyArray = [
-      //       //   {
-      //       //   key: "value1",
-      //       //   title: "风速"
-      //       // },
-      //       {
-      //         key: "value2",
-      //         title: "实际拟合功率",
-      //       },
-      //       {
-      //         key: "value3",
-      //         title: "最优拟合功率",
-      //       },
-      //       {
-      //         key: "value4",
-      //         title: "保证功率",
-      //       },
-      //     ];
-
-      //     let chartData = [
-      //       //   {
-      //       //   title: "风速",
-      //       //   // yAxisIndex: 1,
-      //       //    yAxisIndex: 0,
-      //       //   value: []
-      //       // },
-
-      //       {
-      //         title: "实际拟合功率",
-      //         yAxisIndex: 0,
-      //         value: [],
-      //       },
-      //       {
-      //         title: "最优拟合功率",
-      //         yAxisIndex: 0,
-      //         value: [],
-      //       },
-      //       {
-      //         title: "保证功率",
-      //         yAxisIndex: 0,
-      //         value: [],
-      //       },
-      //     ];
-
-      //     keyArray.forEach((keyEle, keyIndex) => {
-      //       res.data.forEach((ele) => {
-      //         chartData[keyIndex].value.push({
-      //           text: "",
-      //           value: ele[keyEle.key],
-      //         });
-      //       });
-      //     });
-
-      //     that.chartData = chartData;
-      //   },
-      // });
     },
 
     search() {
@@ -367,4 +320,12 @@ export default {
     }
   }
 }
+
+.paginationBox {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 10px;
+}
 </style>

src/views/wtSaturability/tab2.vue

@@ -61,11 +61,17 @@
         <button class="btn green" @click="search">搜索</button>
       </div>
     </div>
-    <div
-      class="df-table"
-      style="width: 100%; margin-bottom: 10px; overflow-y: auto"
-    >
-      <ComTable height="35vh" :data="tableData"></ComTable>
+    <div class="df-table">
+      <ComTable height="47vh" style="height: 47vh" :data="tableData"></ComTable>
+      <div class="paginationBox">
+        <el-pagination
+          @current-change="currentChange"
+          :current-page="currentPage"
+          :total="total"
+          :layout="'total, prev, pager, next, jumper'"
+          hide-on-single-page
+        />
+      </div>
     </div>
     <Mlc
       height="300px"
@@ -139,6 +145,9 @@ export default {
       wtArray: [],
       wpId: "",
       wtId: "",
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
       editItem: {},
       dialogShow: false,
       recorddate: new Date(new Date().getTime() - 3600 * 1000 * 24).formatDate(
@@ -247,11 +256,12 @@ export default {
           wtId: this.wtId,
           year: new Date(this.recorddate).getFullYear(),
           month: new Date(this.recorddate).getMonth() + 1,
-          pageNum: 1,
-          pageSize: 5,
+          pageNum: this.currentPage,
+          pageSize: 10,
         })
         .then((res) => {
           if (res.data) this.tableData.data = res.data.records;
+          this.total = res.data.total;
           this.getChartData();
         });
     },
@@ -338,6 +348,11 @@ export default {
       }
     },
 
+    currentChange(currentPage) {
+      this.currentPage = currentPage;
+      this.getTabData();
+    },
+
     search() {
       if (!this.wpId || !this.wtId) {
         this.BASE.showMsg({
@@ -398,4 +413,12 @@ export default {
     }
   }
 }
+
+.paginationBox {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 10px;
+}
 </style>

src/views/wtSaturability/tab3.vue

@@ -62,7 +62,16 @@
       </div>
     </div>
     <div class="df-table">
-      <ComTable height="35vh" :data="tableData"></ComTable>
+      <ComTable height="47vh" style="height: 47vh" :data="tableData"></ComTable>
+      <div class="paginationBox">
+        <el-pagination
+          @current-change="currentChange"
+          :current-page="currentPage"
+          :total="total"
+          :layout="'total, prev, pager, next, jumper'"
+          hide-on-single-page
+        />
+      </div>
     </div>
     <Mlc
       height="300px"
@@ -130,13 +139,15 @@ export default {
 
   // 数据
   data() {
-    const that = this;
     return {
       isAsc: "asc",
       wpArray: [],
       wtArray: [],
       wpId: "",
       wtId: "",
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
       editItem: {},
       dialogShow: false,
       recorddate: new Date(new Date().getTime() - 3600 * 1000 * 24).formatDate(
@@ -244,11 +255,12 @@ export default {
         .powersaturationPowersaturationlist({
           wtId: this.wtId,
           recorddate: this.recorddate,
-          pageNum: 1,
-          pageSize: 5,
+          pageNum: this.currentPage,
+          pageSize: 10,
         })
         .then((res) => {
           if (res.data) this.tableData.data = res.data.records;
+          this.total = res.data.total;
           this.getChartData();
         });
     },
@@ -334,6 +346,11 @@ export default {
       }
     },
 
+    currentChange(currentPage) {
+      this.currentPage = currentPage;
+      this.getTabData();
+    },
+
     search() {
       if (!this.wpId || !this.wtId) {
         this.BASE.showMsg({
@@ -394,4 +411,12 @@ export default {
     }
   }
 }
+
+.paginationBox {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 10px;
+}
 </style>