<template>
  <div>
    <basic-container>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="短期" name="dq">
          <dqparsing v-if="isDq"/>
        </el-tab-pane>
        <el-tab-pane label="超短期" name="cdq">
          <cdqparsing v-if="isCdq"/>
        </el-tab-pane>
<!--        <el-tab-pane label="nwp" name="nwp">-->
<!--          <nwpparsing v-if="isNwp"/>-->
<!--        </el-tab-pane>-->
        <el-tab-pane label="实际功率" name="rp">
          <rpparsing v-if="isRp"/>
        </el-tab-pane>
        <el-tab-pane label="测风塔" name="cft">
          <cftparsing v-if="isCft"/>
        </el-tab-pane>
        <el-tab-pane label="风机" name="fj">
          <fjparsing v-if="isFj"/>
        </el-tab-pane>
        <el-tab-pane label="气象站" name="qxz">
          <qxzparsing v-if="isQxz"/>
        </el-tab-pane>
        <el-tab-pane label="逆变器" name="nbq">
          <nbqparsing v-if="isNbq"/>
        </el-tab-pane>
      </el-tabs>
      <!--通道配置的编辑框-->
      <!--文件类型配置的编辑框-->
    </basic-container>
  </div>
</template>
<script>
import dqparsing from "./dqparsing";
import cdqparsing from "./cdqparsing";
import nwpparsing from "./nwpparsing";
import qxzparsing from "./qxzparsing";
import cftparsing from "./cftparsing";
import nbqparsing from "./nbqparsing";
import fjparsing from "./fjparsing";
import rpparsing from "./rpparsing";

export default {
  data() {
    return {
      activeName: 'dq',
      isDq:true,
      isCdq:false,
      isNwp:false,
      isQxz:false,
      isCft:false,
      isNbq:false,
      isFj:false,
      isRp:false,
      btnLonding: false
    }
  },
  components: {
    dqparsing,
    cdqparsing,
    nwpparsing,
    qxzparsing,
    cftparsing,
    nbqparsing,
    fjparsing,
    rpparsing
  },
  methods:{
    handleClick(tab){
      if (tab.name==='dq'){
        this.isDq = true
        this.isCdq = false
        this.isNwp = false
        this.isQxz = false
        this.isCft = false
        this.isNbq = false
        this.isFj = false
        this.isRp = false
      }
      else if (tab.name==='cdq'){
        this.isDq = false
        this.isCdq = true
        this.isNwp = false
        this.isQxz = false
        this.isCft = false
        this.isNbq = false
        this.isFj = false
        this.isRp = false
      }
      else if (tab.name==='nwp'){
        this.isDq = false
        this.isCdq = false
        this.isNwp = true
        this.isQxz = false
        this.isCft = false
        this.isNbq = false
        this.isFj = false
        this.isRp = false
      }
      else if (tab.name==='qxz'){
        this.isDq = false
        this.isCdq = false
        this.isNwp = false
        this.isQxz = true
        this.isCft = false
        this.isNbq = false
        this.isFj = false
        this.isRp = false
      }
      else if (tab.name==='cft'){
        this.isDq = false
        this.isCdq = false
        this.isNwp = false
        this.isQxz = false
        this.isCft = true
        this.isNbq = false
        this.isFj = false
        this.isRp = false
      }
      else if (tab.name==='nbq'){
        this.isDq = false
        this.isCdq = false
        this.isNwp = false
        this.isQxz = false
        this.isCft = false
        this.isNbq = true
        this.isFj = false
        this.isRp = false
      }
      else if (tab.name==='fj'){
        this.isDq = false
        this.isCdq = false
        this.isNwp = false
        this.isQxz = false
        this.isCft = false
        this.isNbq = false
        this.isFj = true
        this.isRp = false
      }
      else if (tab.name==='rp'){
        this.isDq = false
        this.isCdq = false
        this.isNwp = false
        this.isQxz = false
        this.isCft = false
        this.isNbq = false
        this.isFj = false
        this.isRp = true
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.app-container {

}

.pagination {
  margin: 20px 0;
  text-align: right;
}

td {
  width: 33%;
  height: 30px;
}

</style>
