多余页面剔除

src/router/index.js

@@ -267,11 +267,6 @@ const routes = [
     }]
   },
   {
-    path: '/performanceAnalysis/detail/:wpId', // 单机性能分析详情页
-    name: 'performanceAnalysisDetail',
-    component: () => import('../views/performanceAnalysis/detail/index.vue'),
-  },
-  {
     path: '/historySearch', // 测点历史数据查询
     name: 'historySearch',
     component: () => import('../views/historySearch/index.vue'),

src/views/performanceAnalysis/detail/index.vue

@@ -1,105 +0,0 @@
-<template>
-  <div class="health">
-    <div class="selections mg-b-16">
-      <div class="item" @click="tabSelect(0)" :class="{ active: tabIndex == 0 }">风机运行情况信息</div>
-      <div class="item" @click="tabSelect(1)" :class="{ active: tabIndex == 1 }">风机日详细信息</div>
-      <div class="item" @click="tabSelect(2)" :class="{ active: tabIndex == 2 }">风场玫瑰图</div>
-      <div class="item" @click="tabSelect(3)" :class="{ active: tabIndex == 3 }">风机玫瑰图</div>
-      <div class="item" @click="tabSelect(4)" :class="{ active: tabIndex == 4 }">风机切入切出分析</div>
-    </div>
-    <div class="curHeight" v-if="tabIndex == 0">
-      <Tab1 />
-    </div>
-    <div class="curHeight" v-if="tabIndex == 1">
-      <Tab2 />
-    </div>
-    <div class="curHeight" v-if="tabIndex == 2">
-      <Tab3 />
-    </div>
-    <div class="curHeight" v-if="tabIndex == 3">
-      <Tab4 />
-    </div>
-    <div class="curHeight" v-if="tabIndex == 4">
-      <Tab5 />
-    </div>
-  </div>
-</template>
-
-<script>
-import Tab1 from "./tab1.vue";
-import Tab2 from "./tab2.vue";
-import Tab3 from "./tab3.vue";
-import Tab4 from "./tab4.vue";
-import Tab5 from "./tab5.vue";
-export default {
-  // 名称
-  name: "wtSaturability",
-
-  // 使用组件
-  components: {
-    Tab1,
-    Tab2,
-    Tab3,
-    Tab4,
-    Tab5
-  },
-
-  // 数据
-  data () {
-    const that = this;
-    return {
-      tabIndex: 0,
-    };
-  },
-
-  // 函数
-  methods: {
-    tabSelect (state) {
-      this.tabIndex = state;
-    },
-    // 请求服务
-    requestData () {
-      
-    }
-  },
-
-  created () {
-    this.requestData();
-  },
-
-  mounted () { },
-
-  unmounted () { },
-};
-</script>
-
-<style lang="less" scope>
-.health {
-  .selections {
-    display: flex;
-
-    .item {
-      flex: 0 0 128px;
-      text-align: center;
-      line-height: 33px;
-      margin-right: 8px;
-      color: @font-color;
-      font-size: @fontsize-s;
-      background: fade(@gray, 20);
-      border: 1px solid fade(@gray, 20);
-
-      &:hover,
-      &.active {
-        background: fade(@green, 20);
-        border: 1px solid @green;
-        color: @green;
-        cursor: pointer;
-      }
-    }
-  }
-
-  .curHeight {
-    height: 87vh;
-  }
-}
-</style>

src/views/performanceAnalysis/detail/tab1.vue

@@ -1,171 +0,0 @@
-<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" clearable placeholder="请选择" popper-class="select">
-              <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-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="search">搜索</button>
-      </div>
-    </div>
-    <Mlc height="650px" :list="chartData" :units="chartUnit" :showLegend="true" />
-  </div>
-</template>
-
-<script>
-import Mlc from "@com/chart/line/multiple-line-chart.vue";
-export default {
-  // 名称
-  name: "cutAnalyse",
-
-  // 使用组件
-  components: {
-    Mlc
-  },
-
-  // 数据
-  data () {
-    return {
-      isAsc: "asc",
-      wpArray: [],
-      wtArray: [],
-      wpId: "",
-      wtId: "MG01_01",
-      recorddate:new Date((new Date().getTime() - 3600 * 1000 * 24)).formatDate("yyyy-MM-dd"),
-      chartData: [{
-        title: "",
-        yAxisIndex: 0,
-        value: []
-      }],
-      chartUnit: ["功率(万kw)"]
-    };
-  },
-
-  // 函数
-  methods: {
-    // 获取风场
-    getWp (reGetWp) {
-      let that = this;
-      that.API.requestData({
-        method: "GET",
-        subUrl: "powercompare/windfarmAjax",
-        success (res) {
-          that.wpArray = res.data;
-          that.wpId = res.data[0].id;
-          that.getChartData();
-        }
-      });
-    },
-
-    // 获取图表数据
-    getChartData () {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "powersaturation/powersaturationamonutchart",
-        data: {
-          wtId: that.wtId
-        },
-        success (res) {
-
-          const keyArray = [{
-            key: "value1",
-            title: "功率"
-          }];
-
-          let chartData = [{
-            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 () {
-      if (!this.wpId) {
-        this.BASE.showMsg({
-          msg: '场站为必选项'
-        });
-      } else {
-        this.getChartData();
-      }
-    }
-  },
-
-  created () {
-    this.getWp();
-  },
-
-  mounted () { },
-
-  unmounted () { },
-};
-</script>
-
-<style lang="less" scoped>
-.draught-fan-list {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-
-    .photovoltaic {
-      margin-left: 1.481vh;
-    }
-  }
-
-  .df-table {
-    border: 0.093vh solid fade(@darkgray, 50%);
-    position: relative;
-    overflow: auto;
-    flex-grow: 1;
-    margin-top: 1.481vh;
-    height: 30vh;
-
-    &:before {
-      content: '';
-      width: 0.37vh;
-      height: 0.37vh;
-      background: @write;
-      position: absolute;
-      left: 0.278vh;
-      top: 0.278vh;
-    }
-
-    tbody {
-      height: calc(100vh - 166px);
-    }
-  }
-}
-</style>

src/views/performanceAnalysis/detail/tab2.vue

@@ -1,197 +0,0 @@
-<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" clearable placeholder="请选择" popper-class="select" @change="(wpId) => { getProject(); }">
-              <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="projectId" clearable placeholder="请选择" popper-class="select">
-              <el-option v-for="item in projectArray" :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-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="search">搜索</button>
-      </div>
-    </div>
-    <Mlc height="650px" :list="chartData" :units="chartUnit" :showLegend="true" />
-  </div>
-</template>
-
-<script>
-import Mlc from "@com/chart/line/multiple-line-chart.vue";
-export default {
-  // 名称
-  name: "cutAnalyse",
-
-  // 使用组件
-  components: {
-    Mlc
-  },
-
-  // 数据
-  data () {
-    return {
-      isAsc: "asc",
-      wpArray: [],
-      projectArray: [],
-      wpId: "",
-      projectId:"",
-      wtId: "MG01_01",
-      recorddate:new Date((new Date().getTime() - 3600 * 1000 * 24)).formatDate("yyyy-MM-dd"),
-      chartData: [{
-        title: "",
-        yAxisIndex: 0,
-        value: []
-      }],
-      chartUnit: ["功率(万kw)"]
-    };
-  },
-
-  // 函数
-  methods: {
-    // 获取风场
-    getWp (reGetWp) {
-      let that = this;
-      that.API.requestData({
-        method: "GET",
-        subUrl: "powercompare/windfarmAjax",
-        success (res) {
-          that.wpArray = res.data;
-          that.wpId = res.data[0].id;
-          that.getProject();
-        }
-      });
-    },
-
-    // 获取期数
-    getProject(){
-      let that = this;
-      that.API.requestData({
-        method: "GET",
-        subUrl: "powercompare/projectAjax",
-        data:{
-          wpIds: that.wpId
-        },
-        success (res) {
-          that.projectArray = res.data;
-          that.projectId = res.data[0].id;
-          that.getChartData();
-        }
-      });
-    },
-
-    // 获取图表数据
-    getChartData () {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "powersaturation/powersaturationamonutchart",
-        data: {
-          wtId: that.wtId
-        },
-        success (res) {
-
-          const keyArray = [{
-            key: "value1",
-            title: "功率"
-          }];
-
-          let chartData = [{
-            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 () {
-      if (!this.wpId || !this.projectId) {
-        this.BASE.showMsg({
-          msg: '场站与项目为必选项'
-        });
-      } else {
-        this.getChartData();
-      }
-    }
-  },
-
-  created () {
-    this.getWp();
-  },
-
-  mounted () { },
-
-  unmounted () { },
-};
-</script>
-
-<style lang="less" scoped>
-.draught-fan-list {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-
-    .photovoltaic {
-      margin-left: 1.481vh;
-    }
-  }
-
-  .df-table {
-    border: 0.093vh solid fade(@darkgray, 50%);
-    position: relative;
-    overflow: auto;
-    flex-grow: 1;
-    margin-top: 1.481vh;
-    height: 30vh;
-
-    &:before {
-      content: '';
-      width: 0.37vh;
-      height: 0.37vh;
-      background: @write;
-      position: absolute;
-      left: 0.278vh;
-      top: 0.278vh;
-    }
-
-    tbody {
-      height: calc(100vh - 166px);
-    }
-  }
-}
-</style>

src/views/performanceAnalysis/detail/tab3.vue

@@ -1,197 +0,0 @@
-<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" clearable placeholder="请选择" popper-class="select" @change="(wpId) => { getLine(); }">
-              <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="lineId" clearable placeholder="请选择" popper-class="select">
-              <el-option v-for="item in lineArray" :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-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="search">搜索</button>
-      </div>
-    </div>
-    <Mlc height="650px" :list="chartData" :units="chartUnit" :showLegend="true" />
-  </div>
-</template>
-
-<script>
-import Mlc from "@com/chart/line/multiple-line-chart.vue";
-export default {
-  // 名称
-  name: "cutAnalyse",
-
-  // 使用组件
-  components: {
-    Mlc
-  },
-
-  // 数据
-  data () {
-    return {
-      isAsc: "asc",
-      wpArray: [],
-      lineArray: [],
-      wpId: "",
-      lineId:"",
-      wtId: "MG01_01",
-      recorddate:new Date((new Date().getTime() - 3600 * 1000 * 24)).formatDate("yyyy-MM-dd"),
-      chartData: [{
-        title: "",
-        yAxisIndex: 0,
-        value: []
-      }],
-      chartUnit: ["功率(万kw)"]
-    };
-  },
-
-  // 函数
-  methods: {
-    // 获取风场
-    getWp (reGetWp) {
-      let that = this;
-      that.API.requestData({
-        method: "GET",
-        subUrl: "powercompare/windfarmAjax",
-        success (res) {
-          that.wpArray = res.data;
-          that.wpId = res.data[0].id;
-          that.getLine();
-        }
-      });
-    },
-
-    // 获取线路
-    getLine(){
-      let that = this;
-      that.API.requestData({
-        method: "GET",
-        subUrl: "powercompare/lineWpIdAjax",
-        data:{
-          wpId: that.wpId
-        },
-        success (res) {
-          that.lineArray = res.data;
-          that.lineId = res.data[0].id;
-          that.getChartData();
-        }
-      });
-    },
-
-    // 获取图表数据
-    getChartData () {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "powersaturation/powersaturationamonutchart",
-        data: {
-          wtId: that.wtId
-        },
-        success (res) {
-
-          const keyArray = [{
-            key: "value1",
-            title: "功率"
-          }];
-
-          let chartData = [{
-            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 () {
-      if (!this.wpId || !this.lineId) {
-        this.BASE.showMsg({
-          msg: '场站与线路为必选项'
-        });
-      } else {
-        this.getChartData();
-      }
-    }
-  },
-
-  created () {
-    this.getWp();
-  },
-
-  mounted () { },
-
-  unmounted () { },
-};
-</script>
-
-<style lang="less" scoped>
-.draught-fan-list {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-
-    .photovoltaic {
-      margin-left: 1.481vh;
-    }
-  }
-
-  .df-table {
-    border: 0.093vh solid fade(@darkgray, 50%);
-    position: relative;
-    overflow: auto;
-    flex-grow: 1;
-    margin-top: 1.481vh;
-    height: 30vh;
-
-    &:before {
-      content: '';
-      width: 0.37vh;
-      height: 0.37vh;
-      background: @write;
-      position: absolute;
-      left: 0.278vh;
-      top: 0.278vh;
-    }
-
-    tbody {
-      height: calc(100vh - 166px);
-    }
-  }
-}
-</style>

src/views/performanceAnalysis/detail/tab4.vue

@@ -1,197 +0,0 @@
-<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" clearable placeholder="请选择" popper-class="select" @change="(wpId) => { getLine(); }">
-              <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="lineId" clearable placeholder="请选择" popper-class="select">
-              <el-option v-for="item in lineArray" :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-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="search">搜索</button>
-      </div>
-    </div>
-    <Mlc height="650px" :list="chartData" :units="chartUnit" :showLegend="true" />
-  </div>
-</template>
-
-<script>
-import Mlc from "@com/chart/line/multiple-line-chart.vue";
-export default {
-  // 名称
-  name: "cutAnalyse",
-
-  // 使用组件
-  components: {
-    Mlc
-  },
-
-  // 数据
-  data () {
-    return {
-      isAsc: "asc",
-      wpArray: [],
-      lineArray: [],
-      wpId: "",
-      lineId:"",
-      wtId: "MG01_01",
-      recorddate:new Date((new Date().getTime() - 3600 * 1000 * 24)).formatDate("yyyy-MM-dd"),
-      chartData: [{
-        title: "",
-        yAxisIndex: 0,
-        value: []
-      }],
-      chartUnit: ["功率(万kw)"]
-    };
-  },
-
-  // 函数
-  methods: {
-    // 获取风场
-    getWp (reGetWp) {
-      let that = this;
-      that.API.requestData({
-        method: "GET",
-        subUrl: "powercompare/windfarmAjax",
-        success (res) {
-          that.wpArray = res.data;
-          that.wpId = res.data[0].id;
-          that.getLine();
-        }
-      });
-    },
-
-    // 获取线路
-    getLine(){
-      let that = this;
-      that.API.requestData({
-        method: "GET",
-        subUrl: "powercompare/lineWpIdAjax",
-        data:{
-          wpId: that.wpId
-        },
-        success (res) {
-          that.lineArray = res.data;
-          that.lineId = res.data[0].id;
-          that.getChartData();
-        }
-      });
-    },
-
-    // 获取图表数据
-    getChartData () {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "powersaturation/powersaturationamonutchart",
-        data: {
-          wtId: that.wtId
-        },
-        success (res) {
-
-          const keyArray = [{
-            key: "value1",
-            title: "功率"
-          }];
-
-          let chartData = [{
-            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 () {
-      if (!this.wpId || !this.lineId) {
-        this.BASE.showMsg({
-          msg: '场站与线路为必选项'
-        });
-      } else {
-        this.getChartData();
-      }
-    }
-  },
-
-  created () {
-    this.getWp();
-  },
-
-  mounted () { },
-
-  unmounted () { },
-};
-</script>
-
-<style lang="less" scoped>
-.draught-fan-list {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-
-    .photovoltaic {
-      margin-left: 1.481vh;
-    }
-  }
-
-  .df-table {
-    border: 0.093vh solid fade(@darkgray, 50%);
-    position: relative;
-    overflow: auto;
-    flex-grow: 1;
-    margin-top: 1.481vh;
-    height: 30vh;
-
-    &:before {
-      content: '';
-      width: 0.37vh;
-      height: 0.37vh;
-      background: @write;
-      position: absolute;
-      left: 0.278vh;
-      top: 0.278vh;
-    }
-
-    tbody {
-      height: calc(100vh - 166px);
-    }
-  }
-}
-</style>

src/views/performanceAnalysis/detail/tab5.vue

@@ -1,197 +0,0 @@
-<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" clearable placeholder="请选择" popper-class="select" @change="(wpId) => { getLine(); }">
-              <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="lineId" clearable placeholder="请选择" popper-class="select">
-              <el-option v-for="item in lineArray" :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-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="search">搜索</button>
-      </div>
-    </div>
-    <Mlc height="650px" :list="chartData" :units="chartUnit" :showLegend="true" />
-  </div>
-</template>
-
-<script>
-import Mlc from "@com/chart/line/multiple-line-chart.vue";
-export default {
-  // 名称
-  name: "cutAnalyse",
-
-  // 使用组件
-  components: {
-    Mlc
-  },
-
-  // 数据
-  data () {
-    return {
-      isAsc: "asc",
-      wpArray: [],
-      lineArray: [],
-      wpId: "",
-      lineId:"",
-      wtId: "MG01_01",
-      recorddate:new Date((new Date().getTime() - 3600 * 1000 * 24)).formatDate("yyyy-MM-dd"),
-      chartData: [{
-        title: "",
-        yAxisIndex: 0,
-        value: []
-      }],
-      chartUnit: ["功率(万kw)"]
-    };
-  },
-
-  // 函数
-  methods: {
-    // 获取风场
-    getWp (reGetWp) {
-      let that = this;
-      that.API.requestData({
-        method: "GET",
-        subUrl: "powercompare/windfarmAjax",
-        success (res) {
-          that.wpArray = res.data;
-          that.wpId = res.data[0].id;
-          that.getLine();
-        }
-      });
-    },
-
-    // 获取线路
-    getLine(){
-      let that = this;
-      that.API.requestData({
-        method: "GET",
-        subUrl: "powercompare/lineWpIdAjax",
-        data:{
-          wpId: that.wpId
-        },
-        success (res) {
-          that.lineArray = res.data;
-          that.lineId = res.data[0].id;
-          that.getChartData();
-        }
-      });
-    },
-
-    // 获取图表数据
-    getChartData () {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "powersaturation/powersaturationamonutchart",
-        data: {
-          wtId: that.wtId
-        },
-        success (res) {
-
-          const keyArray = [{
-            key: "value1",
-            title: "功率"
-          }];
-
-          let chartData = [{
-            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 () {
-      if (!this.wpId || !this.lineId) {
-        this.BASE.showMsg({
-          msg: '场站与线路为必选项'
-        });
-      } else {
-        this.getChartData();
-      }
-    }
-  },
-
-  created () {
-    this.getWp();
-  },
-
-  mounted () { },
-
-  unmounted () { },
-};
-</script>
-
-<style lang="less" scoped>
-.draught-fan-list {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-
-    .photovoltaic {
-      margin-left: 1.481vh;
-    }
-  }
-
-  .df-table {
-    border: 0.093vh solid fade(@darkgray, 50%);
-    position: relative;
-    overflow: auto;
-    flex-grow: 1;
-    margin-top: 1.481vh;
-    height: 30vh;
-
-    &:before {
-      content: '';
-      width: 0.37vh;
-      height: 0.37vh;
-      background: @write;
-      position: absolute;
-      left: 0.278vh;
-      top: 0.278vh;
-    }
-
-    tbody {
-      height: calc(100vh - 166px);
-    }
-  }
-}
-</style>