<template>
  <div element-loading-text="数据加载中"
                  v-loading="loading">
    <timePicker
      :id="id"
      @querfromdata="querfromdata"
      :interval="interval"
      :tablename="'tabl0'"
      :treenode="treenode"
      :dataTree="dataTree"
    ></timePicker>
    <!-- </el-col> -->
    <el-row :gutter="10">
      <el-col :span="24">
        <el-tabs
          v-model="tabItem"
          style="height:calc(100vh - 187px);"
          type="border-card"
          @tab-click="handleClick"
        >
          <el-tab-pane name="tab1" label="谐波电压含有率">
            <el-row :gutter="20">
              <h3 style="text-align: center">所选监测点2~50次谐波电压含有率</h3>
              <el-col :span="24">
                <el-table
                  stripe
                  :data="tablevoltageData"
                  border
                  style="width: 100%"
                  header-cell-class-name="table_header"
                >
                  <el-table-column
                    align="center"
                    prop="cishu"
                    label="次数"
                    min-width="170"
                  ></el-table-column>
                  <el-table-column align="center" prop="numble0" label="2次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble0 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble0 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble0 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble1" label="3次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble1 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble1 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble1 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble2" label="4次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble2 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble2 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble2 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble3" label="5次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble3 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble3 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble3 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble4" label="6次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble4 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble4 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble4 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble5" label="7次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble5 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble5 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble5 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble6" label="8次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble6 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble6 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble6 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble7" label="9次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble7 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble7 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble7 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble8" label="10次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble8 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble8 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble8 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble9" label="11次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble9 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble9 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble9 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble10" label="12次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble10 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble10 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble10 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble11" label="13次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble11 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble11 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble11 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble12" label="14次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble12 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble12 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble12 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble13" label="15次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble13 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble13 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble13 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble14" label="16次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble14 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble14 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble14 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble15" label="17次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble15 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble15 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble15 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble16" label="18次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble16 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble16 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble16 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble17" label="19次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble17 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble17 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble17 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble18" label="20次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble18 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble18 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble18 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble19" label="21次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble19 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble19 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble19 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble20" label="22次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble20 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble20 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble20 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble21" label="23次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble21 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble21 != -2"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble21 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble22" label="24次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble22 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble22 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble22 != -2 && scope.row.numble22 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble22 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble23" label="25次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble23 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble23 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble23 != -2 && scope.row.numble23 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble23 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble24" label="26次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble24 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble24 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble24 != -2 && scope.row.numble24 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble24 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble25" label="27次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble25 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble25 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble25 != -2 && scope.row.numble25 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble25 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble26" label="28次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble26 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble26 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble26 != -2 && scope.row.numble26 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble26 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble27" label="29次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble27 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble27 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble27 != -2 && scope.row.numble27 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble27 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble28" label="30次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble28 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble28 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble28 != -2 && scope.row.numble28 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble28 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble29" label="31次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble29 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble29 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble29 != -2 && scope.row.numble29 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble29 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble30" label="32次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble30 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble30 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble30 != -2 && scope.row.numble30 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble30 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble31" label="33次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble31 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble31 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble31 != -2 && scope.row.numble31 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble31 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble32" label="34次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble32 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble32 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble32 != -2 && scope.row.numble32 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble32 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble33" label="35次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble33 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble33 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble33 != -2 && scope.row.numble33 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble33 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble34" label="36次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble34 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble34 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble34 != -2 && scope.row.numble34 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble34 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble35" label="37次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble35 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble35 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble35 != -2 && scope.row.numble35 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble35 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble36" label="38次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble36 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble36 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble36 != -2 && scope.row.numble36 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble36 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble37" label="39次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble37 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble37 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble37 != -2 && scope.row.numble37 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble37 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble38" label="40次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble38 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble38 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble38 != -2 && scope.row.numble38 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble38 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble39" label="41次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble39 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble39 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble39 != -2 && scope.row.numble39 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble39 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble40" label="42次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble40 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble40 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble40 != -2 && scope.row.numble40 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble40 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble41" label="43次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble41 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble41 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble41 != -2 && scope.row.numble41 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble41 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble42" label="44次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble42 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble42 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble42 != -2 && scope.row.numble42 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble42 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble43" label="45次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble43 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble43 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble43 != -2 && scope.row.numble43 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble43 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble44" label="46次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble44 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble44 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble44 != -2 && scope.row.numble44 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble44 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble45" label="47次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble45 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble45 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble45 != -2 && scope.row.numble45 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble45 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble46" label="48次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble46 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble46 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble46 != -2 && scope.row.numble46 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble46 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble47" label="49次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble47 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble47 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble47 != -2 && scope.row.numble47 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble47 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble48" label="50次">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble48 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble48 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble48 != -2 && scope.row.numble48 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble48 }}</span
                      >
                    </template>
                  </el-table-column>
                </el-table>
              </el-col>
              <el-col :span="24">
                <div 
                  ref="cspevoltag"
                  v-if="tabItem == 'tab1'"
                  id="cspevoltage"
                  style="'width:100%;height:calc(100vh - 405px);"
                ></div>
              </el-col>
            </el-row>
          </el-tab-pane>
          <el-tab-pane name="tab2" label="谐波电流幅值">
            <el-row :gutter="20">
              <h3 style="text-align: center">所选监测点2~50次谐波电流幅值</h3>
              <el-col :span="24">
                <el-table
                  stripe
                  :data="tableelectriccurrentData"
                  border
                  style="width: 100%"
                  header-cell-class-name="table_header"
                >
                  <el-table-column
                    align="center"
                    prop="cishu"
                    label="次数"
                    width="140"
                  ></el-table-column>
                  <el-table-column align="center" prop="numble0" label="2次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble0 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble0 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble0 != -2 && scope.row.numble0 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble0 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble1" label="3次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble1 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble1 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble1 != -2 && scope.row.numble1 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble1 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble2" label="4次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble2 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble2 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble2 != -2 && scope.row.numble2 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble2 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble3" label="5次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble3 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble3 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble3 != -2 && scope.row.numble3 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble3 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble4" label="6次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble4 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble4 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble4 != -2 && scope.row.numble4 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble4 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble5" label="7次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble5 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble5 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble5 != -2 && scope.row.numble5 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble5 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble6" label="8次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble6 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble6 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble6 != -2 && scope.row.numble6 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble6 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble7" label="9次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble7 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble7 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble7 != -2 && scope.row.numble7 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble7 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble8" label="10次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble8 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble8 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble8 != -2 && scope.row.numble8 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble8 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble9" label="11次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble9 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble9 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble9 != -2 && scope.row.numble9 != 0"
                        type="primary"
                        size="small"
                        >{{ scope.row.numble9 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble10" label="12次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble10 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble10 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble10 != -2 && scope.row.numble10 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble10 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble11" label="13次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble11 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble11 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble11 != -2 && scope.row.numble11 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble11 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble12" label="14次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble12 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble12 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble12 != -2 && scope.row.numble12 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble12 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble13" label="15次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble13 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble13 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble13 != -2 && scope.row.numble13 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble13 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble14" label="16次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble14 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble14 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble14 != -2 && scope.row.numble14 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble14 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble15" label="17次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble15 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble15 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble15 != -2 && scope.row.numble15 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble15 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble16" label="18次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble16 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble16 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble16 != -2 && scope.row.numble16 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble16 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble17" label="19次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble17 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble17 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble17 != -2 && scope.row.numble17 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble17 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble18" label="20次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble18 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble18 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble18 != -2 && scope.row.numble18 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble18 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble19" label="21次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble19 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble19 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble19 != -2 && scope.row.numble19 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble19 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble20" label="22次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble20 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble20 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble20 != -2 && scope.row.numble20 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble20 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble21" label="23次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble21 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble21 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble21 != -2 && scope.row.numble21 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble21 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble22" label="24次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble22 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble22 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble22 != -2 && scope.row.numble22 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble22 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble23" label="25次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble23 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble23 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble23 != -2 && scope.row.numble23 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble23 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble24" label="26次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble24 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble24 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble24 != -2 && scope.row.numble24 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble24 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble25" label="27次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble25 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble25 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble25 != -2 && scope.row.numble25 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble25 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble26" label="28次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble26 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble26 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble26 != -2 && scope.row.numble26 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble26 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble27" label="29次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble27 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble27 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble27 != -2 && scope.row.numble27 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble27 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble28" label="30次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble28 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble28 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble28 != -2 && scope.row.numble28 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble28 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble29" label="31次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble29 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble29 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble29 != -2 && scope.row.numble29 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble29 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble30" label="32次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble30 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble30 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble30 != -2 && scope.row.numble30 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble30 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble31" label="33次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble31 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble31 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble31 != -2 && scope.row.numble31 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble31 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble32" label="34次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble32 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble32 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble32 != -2 && scope.row.numble32 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble32 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble33" label="35次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble33 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble33 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble33 != -2 && scope.row.numble33 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble33 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble34" label="36次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble34 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble34 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble34 != -2 && scope.row.numble34 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble34 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble35" label="37次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble35 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble35 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble35 != -2 && scope.row.numble35 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble35 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble36" label="38次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble36 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble36 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble36 != -2 && scope.row.numble36 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble36 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble37" label="39次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble37 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble37 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble37 != -2 && scope.row.numble37 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble37 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble38" label="40次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble38 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble38 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble38 != -2 && scope.row.numble38 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble38 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble39" label="41次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble39 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble39 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble39 != -2 && scope.row.numble39 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble39 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble40" label="42次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble40 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble40 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble40 != -2 && scope.row.numble40 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble40 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble41" label="43次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble41 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble41 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble41 != -2 && scope.row.numble41 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble41 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble42" label="44次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble42 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble42 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble42 != -2 && scope.row.numble42 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble42 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble43" label="45次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble43 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble43 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble43 != -2 && scope.row.numble43 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble43 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble44" label="46次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble44 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble44 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble44 != -2 && scope.row.numble44 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble44 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble45" label="47次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble45 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble45 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble45 != -2 && scope.row.numble45 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble45 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble46" label="48次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble46 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble46 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble46 != -2 && scope.row.numble46 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble46 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble47" label="49次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble47 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble47 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble47 != -2 && scope.row.numble47 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble47 }}</span
                      >
                    </template>
                  </el-table-column>
                  <el-table-column align="center" prop="numble48" label="50次" min-width="120">
                    <template slot-scope="scope">
                      <span
                        v-if="scope.row.numble48 == -2"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="scope.row.numble48 == 0"
                        type="primary"
                        size="small"
                        >/</span
                      >
                      <span
                        v-if="
                          scope.row.numble48 != -2 && scope.row.numble48 != 0
                        "
                        type="primary"
                        size="small"
                        >{{ scope.row.numble48 }}</span
                      >
                    </template>
                  </el-table-column>
                </el-table>
              </el-col>
              <el-col :span="24">
                <div 
                  ref="cspe"
                  id="electriccurrent"
                  v-if="tabItem == 'tab2'"
                  style="'width:100%;height:calc(100vh - 405px);"
                ></div>
                <!-- <electriccurrent v-if="'tab2' === tabItem" :harmInHarmValue="harmInHarmValue" :harmInOverLimit="harmInOverLimit"></electriccurrent> -->
              </el-col>
            </el-row>
          </el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import { getheight, getwidth } from "../../assets/commjs/common";
import TimePicker from "../cgy-components/TimePicker/index4";
import api from "@/api/harmonic/onlineData";
import echarts from "echarts";
export default {
  name: "xbpp",
  components: {
    TimePicker,
    // TreeSelect,
    // cspevoltage,
    // electriccurrent
  },
  watch: {
    id: function (a, b) {
      //a是id的新值，b是旧值
      //alert('父组件监听'+a)
    },
  },
  data() {
    return {
      loading: false,
      vh: null,
      vhh: null,
      loading1: false,
      echartsheight: undefined,
      echartswidth: undefined,
      screenWidth: undefined,
      screenHeight: undefined,
      interval: 3,
      device: 1,
      id: 1,
      tabItem: "tab1",
      panindexOptions: [
        {
          id: 1,
          label: "电压趋势",
          children: [
            {
              id: 11,
              label: "线电压有效值",
            },
            {
              id: 12,
              label: "电压偏差",
            },
            {
              id: 13,
              label: "电压总谐波畸变率",
            },
          ],
        },
        {
          id: 2,
          label: "电流趋势",
          children: [
            {
              id: 21,
              label: "电流有效值",
            },
            {
              id: 22,
              label: "电流总谐波畸变率",
            },
            {
              id: 23,
              label: "负序电流",
            },
          ],
        },
        {
          id: 3,
          label: "频率趋势",
          children: [
            {
              id: 31,
              label: "频率",
            },
          ],
        },
        {
          id: 4,
          label: "谐波趋势",
          children: [
            {
              id: 41,
              label: "谐波电压含有率",
            },
            {
              id: 42,
              label: "谐波电流幅值",
            },
            {
              id: 43,
              label: "间谐波电压含有率",
            },
          ],
        },
        {
          id: 5,
          label: "功率趋势",
          children: [
            {
              id: 51,
              label: "三相总有功功率",
            },
            {
              id: 52,
              label: "三相总无功功率",
            },
            {
              id: 53,
              label: "三相总现在功率",
            },
            {
              id: 54,
              label: "视在功率",
            },
            {
              id: 55,
              label: "位移功率因素",
            },
            {
              id: 56,
              label: "总现在功率因素",
            },
            {
              id: 57,
              label: "总位移功率因素",
            },
          ],
        },
        {
          id: 6,
          label: "闪变趋势",
          children: [
            {
              id: 61,
              label: "短时电压闪变",
            },
            {
              id: 62,
              label: "长时电压闪变",
            },
            {
              id: 63,
              label: "电压波动",
            },
          ],
        },
      ],
      tablevoltageData: [
        {
          cishu: "谐波电压含有率(%)",
          numble0: 0,
          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,
        },
        {
          cishu: "国标限值(%)",
          numble0: 0,
          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,
        },
      ],
      tableelectriccurrentData: [
        {
          cishu: "谐波电流幅值(A)",
          numble0: 0,
          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,
        },
        {
          cishu: "国标限值(A)",
          numble0: 0,
          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,
        },
      ],
      form: {
        harmState: 0,
        id: "",
        searchBeginTime: "",
        searchEndTime: "",
      },
      //电压含有率
      harmInHarmValue: [],
      harmInOverLimit: [],
      //电流幅值
      yData1: [],
      yData2: [],
    };
  },
  props: {
    treenode: {
      type: Object,
      default: undefined,
    },
    dataTree: {
      type: Array,
      default: undefined,
    },
    treeid: {
      type: String,
      default: undefined,
    },
    view: {
      type: Boolean,
      default: undefined,
    },
    // title:{
    //   type:String,
    //   default:undefined
    // }
  },
  created() {},
  mounted() {
   
    this.setHeight()
        window.addEventListener('resize', this.setHeight)
    },
    beforeDestroy() {
        window.removeEventListener('resize', this.setHeight)
    },
    methods: {
        setHeight() {
          this.vh = window.sessionStorage.getItem("appheight") - 180 + "px";
    this.vhh = window.sessionStorage.getItem("appheight") - 405 + "px";
          
        },
    //tab组件切换事件
    handleClick(tab, event) {
      this.loading = true;
      this.loading1 = true;
      this.$nextTick(() => {
        if (this.tabItem === "tab1") {
          this.form.searchBeginTime = this.timeValue[0];
          this.form.searchEndTime = this.timeValue[1];
          this.form.id = this.treeid;
          this.form.harmState = 0;

          api.getHarmInHarmData(this.form).then((res) => {
            if (res.code == "A0000") {
              this.loading = true;
              var harmInHarmValue = res.data.harmInHarmValue;
              this.harmInHarmValue = [];
              this.harmInHarmValue = harmInHarmValue;
              var harmInOverLimit = res.data.harmInOverLimit;
              this.harmInOverLimit = [];
              this.harmInOverLimit = harmInOverLimit;
              for (var i = 0; i < harmInHarmValue.length; i++) {
                this.tablevoltageData[0]["numble" + i] = harmInHarmValue[i].toFixed(3);
              }
              for (var i = 0; i < harmInOverLimit.length; i++) {
                this.tablevoltageData[1]["numble" + i] = harmInOverLimit[i];
              }
              this.$nextTick(() => {
                this.pieecharts();
              });
            }
          });
        } else if (this.tabItem === "tab2") {
          this.form.searchBeginTime = this.timeValue[0];
          this.form.searchEndTime = this.timeValue[1];
          this.form.id = this.treeid;
          this.form.harmState = 1;
          api.getHarmInHarmData(this.form).then((res) => {
            this.loading1 = true;
            if (res.code == "A0000") {
              this.yData1 = [];
              this.yData2 = [];
              var harmInHarmValue = res.data.harmInHarmValue;
              var harmInOverLimit = res.data.harmInOverLimit;
              this.yData1 = harmInHarmValue;
              this.yData2 = harmInOverLimit;
              for (var i = 0; i < harmInHarmValue.length; i++) {
                this.tableelectriccurrentData[0]["numble" + i] =
                  harmInHarmValue[i].toFixed(3);
              }
              for (var i = 0; i < harmInOverLimit.length; i++) {
                this.tableelectriccurrentData[1]["numble" + i] =
                  harmInOverLimit[i];
              }
              this.$nextTick(() => {
                this.electriccurrentdata();
                // this.pieecharts();
              });
            }
          });
        }
      });
    },
    //查询组件触发事件
    querfromdata(data, timehbValue, interval) {
      //debugger
      this.loading = true;
      this.loading1 = true;
      this.timeValue = data;
      this.interval = interval;
      this.form.searchBeginTime = this.timeValue[0];
      this.form.searchEndTime = this.timeValue[1];
      this.form.id = this.treeid;
      if (this.form.harmState === 0) {
        this.form.harmState = 0;
        api.getHarmInHarmData(this.form).then((res) => {
          if (res.code == "A0000") {
            if (
              res.data.harmInHarmValue === null ||
              res.data.harmInOverLimit === null
            ) {
              return;
            } else {
              if (
                res.data.harmInHarmValue.length == 0 &&
                res.data.harmInOverLimit.length > 0
              ) {
                var harmInHarmValue = [];
                this.harmInHarmValue = [];
                this.harmInOverLimit = res.data.harmInOverLimit;
                for (var i = 0; i < 49; i++) {
                  harmInHarmValue.push(-2);
                }
                for (var i = 0; i < harmInHarmValue.length; i++) {
                  this.tablevoltageData[0]["numble" + i] = harmInHarmValue[i].toFixed(3);
                }
                for (var i = 0; i < res.data.harmInOverLimit.length; i++) {
                  this.tablevoltageData[1]["numble" + i] =
                    res.data.harmInOverLimit[i];
                }
                this.$nextTick(() => {
                  if (this.tabItem == "tab1") {
                    this.pieecharts();
                    // this.electriccurrentdata();
                  } else {
                    // this.pieecharts();
                    this.electriccurrentdata();
                  }

                  //  this.electriccurrentdata()
                });
              } else if (
                res.data.harmInHarmValue.length > 0 &&
                res.data.harmInOverLimit.length == 0
              ) {
                var harmInOverLimit = [];
                this.harmInOverLimit = [];
                this.harmInHarmValue = res.data.harmInHarmValue;
                for (var i = 0; i < 49; i++) {
                  harmInOverLimit.push(-2);
                }
                for (var i = 0; i < res.data.harmInHarmValue.length; i++) {
                  this.tablevoltageData[0]["numble" + i] =
                    res.data.harmInHarmValue[i].toFixed(3);
                }
                for (var i = 0; i < harmInOverLimit.length; i++) {
                  this.tablevoltageData[1]["numble" + i] = harmInOverLimit[i];
                }
                this.$nextTick(() => {
                  if (this.tabItem == "tab1") {
                    this.pieecharts();
                    // this.electriccurrentdata();
                  } else {
                    // this.pieecharts();
                    this.electriccurrentdata();
                  }
                });
              } else if (
                res.data.harmInHarmValue.length == 0 &&
                res.data.harmInOverLimit.length == 0
              ) {
                var harmInHarmValue = [];
                var harmInOverLimit = [];
                for (var i = 0; i < 49; i++) {
                  harmInHarmValue.push(-2);
                  harmInOverLimit.push(-2);
                }
                for (var i = 0; i < harmInHarmValue.length; i++) {
                  this.tablevoltageData[0]["numble" + i] = harmInHarmValue[i].toFixed(3);
                }
                for (var i = 0; i < harmInOverLimit.length; i++) {
                  this.tablevoltageData[1]["numble" + i] = harmInOverLimit[i];
                }
                this.$nextTick(() => {
                  if (this.tabItem == "tab1") {
                    this.pieecharts();
                    // this.electriccurrentdata();
                  } else {
                    // this.pieecharts();
                    this.electriccurrentdata();
                  }
                });
              } else if (
                res.data.harmInHarmValue.length > 0 &&
                res.data.harmInOverLimit.length > 0
              ) {
                var harmInHarmValue = res.data.harmInHarmValue;
                this.harmInHarmValue = [];
                this.harmInHarmValue = harmInHarmValue;
                var harmInOverLimit = res.data.harmInOverLimit;
                this.harmInOverLimit = [];
                this.harmInOverLimit = harmInOverLimit;
                var harmInOverLimit = res.data.harmInOverLimit;
                for (var i = 0; i < harmInHarmValue.length; i++) {
                  this.tablevoltageData[0]["numble" + i] = harmInHarmValue[i].toFixed(3);
                }
                for (var i = 0; i < harmInOverLimit.length; i++) {
                  this.tablevoltageData[1]["numble" + i] = harmInOverLimit[i];
                }
                this.$nextTick(() => {
                  if (this.tabItem == "tab1") {
                    this.pieecharts();
                    //this.electriccurrentdata();
                  } else {
                    // this.pieecharts();
                    this.electriccurrentdata();
                  }
                });
              }
            }
          }
        });
      } else if (this.form.harmState === 1) {
        this.form.harmState = 1;
        api.getHarmInHarmData(this.form).then((res) => {
          if (res.code == "A0000") {
            if (
              res.data.harmInHarmValue.length == 0 &&
              res.data.harmInOverLimit.length > 0
            ) {
              var yData1 = [];
              this.yData1 = [];
              this.yData2 = res.data.harmInOverLimit;
              for (var i = 0; i < 49; i++) {
                yData1.push(-2);
              }
              for (var i = 0; i < yData1.length; i++) {
                this.tableelectriccurrentData[0]["numble" + i] = yData1[i].toFixed(3);
              }
              for (var i = 0; i < res.data.harmInOverLimit.length; i++) {
                this.tableelectriccurrentData[1]["numble" + i] =
                  res.data.harmInOverLimit[i].toFixed(3);
              }
              this.$nextTick(() => {
                if (this.tabItem == "tab1") {
                  this.pieecharts();
                  // this.electriccurrentdata();
                } else {
                  //this.pieecharts();

                  this.electriccurrentdata();
                }
              });
            } else if (
              res.data.harmInHarmValue.length > 0 &&
              res.data.harmInOverLimit.length == 0
            ) {
              var yData2 = [];
              this.yData2 = [];
              this.yData1 = res.data.harmInHarmValue;
              for (var i = 0; i < 49; i++) {
                yData2.push(-2);
              }
              for (var i = 0; i < res.data.harmInHarmValue.length; i++) {
                this.tableelectriccurrentData[0]["numble" + i] =
                  res.data.harmInHarmValue[i];
              }
              for (var i = 0; i < yData2.length; i++) {
                this.tableelectriccurrentData[1]["numble" + i] = yData2[i];
              }
              this.$nextTick(() => {
                if (this.tabItem == "tab1") {
                  this.pieecharts();
                  // this.electriccurrentdata();
                } else {
                  // this.pieecharts();
                  this.electriccurrentdata();
                }
              });
            } else if (
              res.data.harmInHarmValue.length == 0 &&
              res.data.harmInOverLimit.length == 0
            ) {
              var yData1 = [];
              var yData2 = [];
              for (var i = 0; i < 49; i++) {
                yData1.push(-2);
                yData2.push(-2);
              }
              for (var i = 0; i < yData1.length; i++) {
                this.tableelectriccurrentData[0]["numble" + i] = yData1[i].toFixed(3);
              }
              for (var i = 0; i < harmInOverLimit.length; i++) {
                this.tableelectriccurrentData[1]["numble" + i] = yData2[i];
              }
              this.$nextTick(() => {
                if (this.tabItem == "tab1") {
                  this.pieecharts();
                  // this.electriccurrentdata();
                } else {
                  // this.pieecharts();
                  this.electriccurrentdata();
                }
              });
            } else {
              var harmInHarmValue = res.data.harmInHarmValue;
              this.harmInHarmValue = [];
              this.harmInOverLimit = [];
              this.harmInHarmValue = harmInHarmValue;

              var harmInOverLimit = res.data.harmInOverLimit;
              this.harmInOverLimit = harmInOverLimit;
              this.yData1 = harmInHarmValue;
              this.yData2 = harmInOverLimit;

              for (var i = 0; i < harmInHarmValue.length; i++) {
                this.tableelectriccurrentData[0]["numble" + i] =
                  harmInHarmValue[i].toFixed(3);
              }
              for (var i = 0; i < harmInOverLimit.length; i++) {
                this.tableelectriccurrentData[1]["numble" + i] =
                  harmInOverLimit[i];
              }
              var harmInOverLimit = res.data.harmInOverLimit;
              this.$nextTick(() => {
                if (this.tabItem == "tab1") {
                  this.pieecharts();
                  // this.electriccurrentdata();
                } else {
                  // this.pieecharts();
                  this.electriccurrentdata();
                }
              });
            }
          }
        });
      }
    },
    //谐波含有率
    pieecharts() {
      //this.loading = true;
      const echarts = require("echarts");
      var myChartes1 = echarts.init(document.getElementById("cspevoltage"));
      myChartes1.clear();
      var option = {
        //backgroundColor: '#fff',
        tooltip: {
          trigger: "axis",
          axisPointer: {
                            type: "shadow",
                            label: {
                            color: "#fff",
                            fontSize: 16,
                            },
                        },
                        textStyle: {
                            color: "#fff",
                            fontStyle: "normal",
                            opacity: 0.35,
                            fontSize: 14,
                        },
                        backgroundColor: "rgba(0,0,0,0.35)",
          formatter: function (params) {
             //console.log( "12345",params);
            var msg = "";
            msg +=
              "谐波次数" + ":" + "&nbsp" + "&nbsp" + params[0].name + "<br>";
            for (let i in params) {
             if( params[i].seriesName==='电压含有率'){
              msg +=
                params[i].seriesName +
                ":" +
                "&nbsp" +
                "&nbsp" +
               params[i].value.toFixed(3) +
                "<br>";
             }else{
              msg +=
                params[i].seriesName +
                ":" +
                "&nbsp" +
                "&nbsp" +
               params[i].value +
                "<br>";
             }
               
              
             
            }
            return msg;
          },
        },
        grid: {
          left: "10px",
          right: "10px",
          bottom: "5px",
          top: "30px",
          containLabel: true,
        },
        legend: {
          data: ["国标限值", "电压含有率"],
          left: "5%",
          top: 0,
          textStyle: {
            color: "#333",
          },
        },
        xAxis: {
          type: "category",
          data: [
            "2次",
            "3次",
            "4次",
            "5次",
            "6次",
            "7次",
            "8次",
            "9次",
            "10次",
            "11次",
            "12次",
            "13次",
            "14次",
            "15次",
            "16次",
            "17次",
            "18次",
            "19次",
            "20次",
            "21次",
            "22次",
            "23次",
            "24次",
            "25次",
            "26次",
            "27次",
            "28次",
            "29次",
            "30次",
            "31次",
            "32次",
            "33次",
            "34次",
            "35次",
            "36次",
            "37次",
            "38次",
            "39次",
            "40次",
            "41次",
            "42次",
            "43次",
            "44次",
            "45次",
            "46次",
            "47次",
            "48次",
            "49次",
            "50次",
          ],
          axisLine: {
            show: true,
            // symbol:['none', 'arrow'],
            lineStyle: {
              color: "rgba(0,0,0,0.5)",
            },
          },
          axisTick: {
            show: true,
            alignWithLabel: true,
          },
        },
        toolbox: {
          show: true, //是否显示工具栏组件
          orient: "horizontal", //工具栏 icon 的布局朝向'horizontal' 'vertical'
          itemSize: 15, //工具栏 icon 的大小
          itemGap: 10, //工具栏 icon 每项之间的间隔
          showTitle: true,
          feature: {
            // restore: {
            // show: true
            // },
          //  saveAsImage: {},
          },
        },
        yAxis: {
          type: "value",
          //max: '100',
          name: "单位:%",
          nameTextStyle: {
            // color: '#000',
            fontSize: 12,
            left: "0%",
          },
          position: "left",
          axisLine: {
            show: true,
            // symbol:['none', 'arrow'],
            lineStyle: {
              color: "#333",
            },
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: "#f1f1f1",
            },
          },
          axisLabel: {
            color: "#999",
            textStyle: {
              fontSize: 12,
            },
          },
          axisTick: {
            show: true,
            alignWithLabel: true,
          },
        },
        series: [
          {
            name: "国标限值",
            type: "bar",
            barWidth: "25%",
            itemStyle: {
              normal: {
                color: "#00CC99",
                barBorderRadius: [5, 5, 0, 0],
              },
            },
            data: this.harmInOverLimit,
          },
          {
            name: "电压含有率",
            type: "bar",
            barWidth: "25%",
            itemStyle: {
              normal: {
                color: "#FF9900",
                barBorderRadius: [12, 12, 0, 0],
              },
            },
            data: this.harmInHarmValue,
          },
        ],
      };
      myChartes1.setOption(option)
window.echartsArr.push(myChartes1);
      let _this = this;
      _this.$erd.listenTo(_this.$refs.cspevoltag, (element) => {
        _this.$nextTick(() => {
          myChartes1.resize();
        });
      });
      this.loading = false;
      window.onresize = function () {
        myChartes1.resize();
      };
    },
    //电流幅值
    electriccurrentdata() {
      //this.loading1 = true;
      const echarts = require("echarts");
      var myChartes12 = echarts.init(
        document.getElementById("electriccurrent")
      );
      myChartes12.clear();
      var option = {
        backgroundColor: "#fff",
        tooltip: {
          trigger: "axis",
          axisPointer: {
                            type: "shadow",
                            label: {
                            color: "#fff",
                            fontSize: 16,
                            },
                        },
                        textStyle: {
                            color: "#fff",
                            fontStyle: "normal",
                            opacity: 0.35,
                            fontSize: 14,
                        },
                        backgroundColor: "rgba(0,0,0,0.35)",
          formatter: function (params) {
            // console.log(params, "12345");
            var msg = "";
            msg +=
              "谐波次数" + ":" + "&nbsp" + "&nbsp" + params[0].name + "<br>";
            for (let i in params) {
             if( params[i].seriesName==='电流幅值'){
              msg +=
                params[i].seriesName +
                ":" +
                "&nbsp" +
                "&nbsp" +
              params[i].value.toFixed(3) +
                "<br>";
             }else{
              msg +=
                params[i].seriesName +
                ":" +
                "&nbsp" +
                "&nbsp" +
               params[i].value +
                "<br>";
             }
               
              
             
            }
            return msg;
          },
        },
        grid: {
          left: "10px",
          right: "10px",
          bottom: "5px",
          top: "30px",
          containLabel: true,
        },
        legend: {
          data: ["国标限值", "电流幅值"],
          left: "5%",
          top: 0,
          //icon:'path://M0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z',
          textStyle: {
            color: "#333",
          },
          //itemWidth: 10,
          //itemHeight: 10,
        },
        xAxis: {
          type: "category",
          data: [
            "2次",
            "3次",
            "4次",
            "5次",
            "6次",
            "7次",
            "8次",
            "9次",
            "10次",
            "11次",
            "12次",
            "13次",
            "14次",
            "15次",
            "16次",
            "17次",
            "18次",
            "19次",
            "20次",
            "21次",
            "22次",
            "23次",
            "24次",
            "25次",
            "26次",
            "27次",
            "28次",
            "29次",
            "30次",
            "31次",
            "32次",
            "33次",
            "34次",
            "35次",
            "36次",
            "37次",
            "38次",
            "39次",
            "40次",
            "41次",
            "42次",
            "43次",
            "44次",
            "45次",
            "46次",
            "47次",
            "48次",
            "49次",
            "50次",
          ],
          axisLine: {
            show: true,
            // symbol:['none', 'arrow'],
            lineStyle: {
              color: "rgba(0,0,0,0.5)",
            },
          },
          axisTick: {
            show: true,
            alignWithLabel: true,
          },
        },
        toolbox: {
          show: true, //是否显示工具栏组件
          orient: "horizontal", //工具栏 icon 的布局朝向'horizontal' 'vertical'
          itemSize: 15, //工具栏 icon 的大小
          itemGap: 10, //工具栏 icon 每项之间的间隔
          showTitle: true,
          feature: {
            // restore: {
            // show: true
            // },
           // saveAsImage: {},
          },
        },
        yAxis: {
          type: "value",
          // max: '100',
          name: "单位:A",
          nameTextStyle: {
            // color: '#000',
            fontSize: 12,
            left: "0%",
          },
          position: "left",
          axisLine: {
            show: true,
            //symbol:['none', 'arrow'],
            lineStyle: {
              color: "#333",
            },
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: "#f1f1f1",
            },
          },
          axisLabel: {
            color: "#999",
            textStyle: {
              fontSize: 12,
            },
          },
          axisTick: {
            show: true,
            alignWithLabel: true,
          },
        },
        series: [
          {
            name: "国标限值",
            type: "bar",
            barWidth: "25%",
            itemStyle: {
              normal: {
                color: "#00CC99",
                barBorderRadius: [5, 5, 0, 0],
              },
            },
            data: this.yData2,
          },
          {
            name: "电流幅值",
            type: "bar",
            barWidth: "25%",
            itemStyle: {
              normal: {
                color: "#FF9900",
                barBorderRadius: [12, 12, 0, 0],
              },
            },
            data: this.yData1,
          },
        ],
      };
      myChartes12.setOption(option)
window.echartsArr.push(myChartes12);
      this.loading = false;
      let _this = this;
      _this.$erd.listenTo(_this.$refs.cspe, (element) => {
        _this.$nextTick(() => {
          myChartes12.resize();
        });
      });
      window.onresize = function () {
        myChartes12.resize();
      };
      //  setInterval(() => {
      //     this.myChartes12.resize()
      //  }, 200);
      //       setInterval(function (){
      //         //  alert(1)

      //   },200)
    },
  },
};
</script>
<style lang="less" scoped>
.cfd {
  display: inline-block;
  // margin-bottom: 10px;
  width: 100%;
  margin-top: 0%;
  position: relative;
  z-index: 100000;
}
.cf {
  display: inline-block;
  //margin-bottom: 10px;
  width: 100%;
  margin-top: 0%;
  position: relative;
  z-index: 100000;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
  width: 8px; /*滚动条宽度*/
  height: 12px; /*滚动条高度*/
  cursor: pointer;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 0px; /*滚动条的背景区域的圆角*/
  background-color: rgba(203, 208, 207, 0.286); /*滚动条的背景颜色*/
  cursor: pointer;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-corner {
  background-color: rgba(202, 207, 206, 0.286);
  cursor: pointer;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 6px; /*滚动条的圆角*/
  background-color: rgba(144, 148, 148, 0.979); /*滚动条的背景颜色*/
  cursor: pointer;
}

::v-deep .el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: auto;
  cursor: pointer;
}
</style>
