<template>
  <div>
    <div class="box">
      <span class="span" style="font-size: 20px">谐波频谱</span
      ><el-button
        style="float: right"
        type="primary"
        icon="el-icon-refresh-left"
        @click="back"
        >返回</el-button
      >
    </div>
    <el-tabs v-model="tabItem">
      <el-tab-pane name="tab1" label="谐波电压含有率">
        <el-row :gutter="10">
          <el-col :span="24">
            <el-table
              stripe
              :data="tablevoltageData"
              border
              style="width: 100%"
            >
              <el-table-column
                align="center"
                prop="cishu"
                label="次数"
                min-width="160"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble2"
                label="2次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble3"
                label="3次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble4"
                label="4次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble5"
                label="5次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble6"
                label="6次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble7"
                label="7次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble8"
                label="8次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble9"
                label="9次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble10"
                label="10次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble11"
                label="11次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble12"
                label="12次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble13"
                label="13次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble14"
                label="14次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble15"
                label="15次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble16"
                label="16次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble17"
                label="17次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble18"
                label="18次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble19"
                label="19次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble20"
                label="20次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble21"
                label="21次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble22"
                label="22次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble23"
                label="23次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble24"
                label="24次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble25"
                label="25次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble26"
                label="26次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble27"
                label="27次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble29"
                label="28次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble30"
                label="29次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble31"
                label="30次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble32"
                label="31次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble33"
                label="32次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble34"
                label="33次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble35"
                label="34次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble36"
                label="35次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble37"
                label="36次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble38"
                label="37次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble39"
                label="38次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble40"
                label="39次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble41"
                label="40次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble42"
                label="41次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble43"
                label="42次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble44"
                label="43次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble45"
                label="44次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble46"
                label="45次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble47"
                label="46次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble48"
                label="47次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble49"
                label="48次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble50"
                label="49次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble51"
                label="50次"
              ></el-table-column>
            </el-table>
          </el-col>
          <el-col :span="24">
            <harmonicvoltage v-if="'tab1' === tabItem"></harmonicvoltage>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane name="tab2" label="间谐波电压含有率">
        <el-row :gutter="10">
          <el-col :span="24">
            <el-table
              stripe
              :data="tableelectriccurrentData"
              border
              style="width: 100%"
            >
              <el-table-column
                align="center"
                prop="cishu"
                label="次数"
                min-width="160"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble2"
                label="0.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble3"
                label="2.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble4"
                label="3.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble5"
                label="4.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble6"
                label="5.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble7"
                label="6.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble8"
                label="7.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble9"
                label="8.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble9"
                label="9.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble10"
                label="10.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble11"
                label="11.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble12"
                label="12.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble13"
                label="13.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble14"
                label="14.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble15"
                label="15.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble16"
                label="16.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble17"
                label="17.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble18"
                label="18.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble19"
                label="19.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble20"
                label="20.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble21"
                label="21.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble22"
                label="22.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble23"
                label="23.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble24"
                label="24.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble25"
                label="25.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble26"
                label="26.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble27"
                label="27.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble29"
                label="28.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble30"
                label="29.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble31"
                label="30.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble32"
                label="31.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble33"
                label="32.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble34"
                label="33.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble35"
                label="34.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble36"
                label="35.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble37"
                label="36.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble38"
                label="37.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble39"
                label="38.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble40"
                label="39.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble41"
                label="40.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble42"
                label="41.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble43"
                label="42.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble44"
                label="43.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble45"
                label="44.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble46"
                label="45.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble47"
                label="46.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble48"
                label="47.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble49"
                label="48.5"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble50"
                label="49.5"
              ></el-table-column>
            </el-table>
          </el-col>
          <el-col :span="24">
            <interharmonic v-if="'tab2' === tabItem"></interharmonic>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane name="tab3" label="谐波电流幅值">
        <el-row :gutter="10">
          <el-col :span="24">
            <el-table
              stripe
              :data="tableelectriccurrentData"
              border
              style="width: 100%"
            >
              <el-table-column
                align="center"
                prop="cishu"
                label="次数"
                width="140"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble2"
                label="2次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble3"
                label="3次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble4"
                label="4次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble5"
                label="5次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble6"
                label="6次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble7"
                label="7次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble8"
                label="8次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble9"
                label="9次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble10"
                label="10次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble11"
                label="11次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble12"
                label="12次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble13"
                label="13次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble14"
                label="14次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble15"
                label="15次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble16"
                label="16次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble17"
                label="17次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble18"
                label="18次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble19"
                label="19次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble20"
                label="20次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble21"
                label="21次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble22"
                label="22次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble23"
                label="23次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble24"
                label="24次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble25"
                label="25次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble26"
                label="26次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble27"
                label="27次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble29"
                label="28次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble30"
                label="29次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble31"
                label="30次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble32"
                label="31次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble33"
                label="32次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble34"
                label="33次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble35"
                label="34次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble36"
                label="35次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble37"
                label="36次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble38"
                label="37次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble39"
                label="38次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble40"
                label="39次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble41"
                label="40次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble42"
                label="41次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble43"
                label="42次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble44"
                label="43次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble45"
                label="44次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble46"
                label="45次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble47"
                label="46次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble48"
                label="47次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble49"
                label="48次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble50"
                label="49次"
              ></el-table-column>
              <el-table-column
                align="center"
                prop="numble51"
                label="50次"
              ></el-table-column>
            </el-table>
          </el-col>
          <el-col :span="24">
            <harmoniccurrent v-if="'tab3' === tabItem"></harmoniccurrent>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import harmonicvoltage from "../components/echarts/harmonicvoltage";
import interharmonic from "../components/echarts/interharmonic";
import harmoniccurrent from "../components/echarts/harmoniccurrent";
export default {
  components: { harmonicvoltage, interharmonic, harmoniccurrent },
  props: {},
  data() {
    return {
      tablevoltageData: [
        {
          cishu: "谐波电压含有率(%)",
          numble1: 0,
          numble2: 0,
          numble3: 0,
          numble4: 0,
          numble5: 0,
          numble6: 0,
          numble7: 0,
          numble8: 0,
          numble9: 0,
          numble10: 0,
          numble11: 0,
          numble12: 0,
          numble13: 0,
          numble14: 0,
          numble15: 0,
          numble16: 0,
          numble17: 0,
          numble18: 0,
          numble19: 0,
          numble20: 0,
          numble21: 0,
          numble22: 0,
          numble23: 0,
          numble24: 0,
          numble25: 0,
          numble26: 0,
          numble27: 0,
          numble28: 0,
          numble29: 0,
          numble30: 0,
          numble31: 0,
          numble32: 0,
          numble33: 0,
          numble34: 0,
          numble35: 0,
          numble36: 0,
          numble37: 0,
          numble38: 0,
          numble39: 0,
          numble40: 0,
          numble41: 0,
          numble42: 0,
          numble43: 0,
          numble44: 0,
          numble45: 0,
          numble46: 0,
          numble47: 0,
          numble48: 0,
          numble49: 0,
          numble50: 0,
          numble51: 0,
        },
      ],
      tableelectriccurrentData: [
        {
          cishu: "谐波电流幅值(A)",
          numble1: 0,
          numble2: 0,
          numble3: 0,
          numble4: 0,
          numble5: 0,
          numble6: 0,
          numble7: 0,
          numble8: 0,
          numble9: 0,
          numble10: 0,
          numble11: 0,
          numble12: 0,
          numble13: 0,
          numble14: 0,
          numble15: 0,
          numble16: 0,
          numble17: 0,
          numble18: 0,
          numble19: 0,
          numble20: 0,
          numble21: 0,
          numble22: 0,
          numble23: 0,
          numble24: 0,
          numble25: 0,
          numble26: 0,
          numble27: 0,
          numble28: 0,
          numble29: 0,
          numble30: 0,
          numble31: 0,
          numble32: 0,
          numble33: 0,
          numble34: 0,
          numble35: 0,
          numble36: 0,
          numble37: 0,
          numble38: 0,
          numble39: 0,
          numble40: 0,
          numble41: 0,
          numble42: 0,
          numble43: 0,
          numble44: 0,
          numble45: 0,
          numble46: 0,
          numble47: 0,
          numble48: 0,
          numble49: 0,
          numble50: 0,
          numble51: 0,
        },
      ],
      tabItem: "tab1",
    };
  },
  created() {},

  methods: {
    back() {
      this.$emit("back");
    },
  },

  computed: {},

  watch: {},
};
</script>
<style lang="scss" scoped>
.box {
  display: flex;
  justify-content: space-between;
}
// ::v-deep .el-tabs__content {
//     overflow-y: hidden !important; 
//     position: relative !important;
// }
</style>
