pqs-9100_client/frontend/src/views/home/components/test.vue

<template>
  <div class="dialog">
    <div class="dialog-title">
      <el-progress
          style="width: 90%"
          :percentage="percentage"
          :color="customColors"/>

      <el-button
          type="primary"
          v-if="!isPause&&activeIndex < activeTotalNum"
          :disabled="activeIndex===0"
          :icon="VideoPause"
          @click="handlePauseTest">暂停检测
      </el-button>

      <el-button type="success" v-if="activeIndex >= activeTotalNum" :icon="Check" disabled>检测完成</el-button>

      <el-button
          type="warning"
          v-if="isPause && activeIndex < activeTotalNum"
          :icon="Refresh"
          @click="handlePauseTest"
      >继续检测
      </el-button>
      <!-- <el-button
        type="warning"
        v-if="activeIndex >= activeTotalNum"
        :icon="Refresh"
        @click="handleReCheck"
        >重新检测</el-button
      > -->
      <!-- <el-button type="danger" :icon="Close" @click="handleFinishTest"
        >停止检测</el-button
      > -->

    </div>
    <!-- background: '#f5f7fa', color: '#606266' -->
    <!-- v-on:cell-click="handleClick" -->
    <!-- <el-table :key="tableKey" :data="tableData" :row-class-name="tableRowClassName" row-key="id" height="545px" :header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" style="width: 100%" border> -->
    <!-- <el-table :data="tableData" :row-class-name="tableRowClassName" row-key="id" height="545px" :header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' } "  style="width: 100%" border> -->
    <div class="dialog-content ">
      <el-table :data="tableData" :cell-class-name="tableCell" row-key="id" height="450px"
                :header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' } " style="width: 100%"
                border>
        <el-table-column fixed prop="scriptItemName" label="检测项目" width="250px">
          <!-- <template #default="scope">
            <div :style="{ backgroundColor: '#003078' }">
              {{ scope.row.name }}
            </div>
          </template> -->
        </el-table-column>

        <template v-if="chnSum<=MAX_CHN_SUM">
          <el-table-column v-for="(item) in monitorList" :key="item.deviceID" :label="item.label" :min-width="minwidth"
                           align="center">
            <!-- <template #default="scope">
              <el-tooltip :content="scope.row.resultType1==='info' ? '暂无数据' : '点击查看详情'" placement="top">
                <el-button
                :disabled = "scope.row.resultType1=='info'"
                :type="scope.row.resultType1"
                size="small"
                @click="handleClick(scope.row)"
              >
                {{ scope.row.resultValue1 }}
              </el-button>
            </el-tooltip>
            </template> -->
            <el-table-column v-for="(chnItem, index) in item.chnNum" :key="item.deviceID+index"
                             :label="'通道'+(index+1)" align="center">
              <template #default="scope">
                <el-tooltip :content="scope.row.resultType1==='info' ? '暂无数据' : '点击查看详情'" placement="top">
                  <el-button
                      :disabled="scope.row.resultType1=='info'"
                      :type="scope.row.resultType1"
                      size="small"
                      @click="handleClick(item,index+1)"
                  >
                    {{ scope.row.resultValue1 }}
                  </el-button>
                </el-tooltip>
              </template>
            </el-table-column>
          </el-table-column>
        </template>

        <template v-else>
          <el-table-column v-for="(item) in monitorList" :key="item.deviceID" :label="item.label" :min-width="minwidth"
                           align="center">
            <template #default="scope">
              <el-tooltip :content="scope.row.resultType1==='info' ? '暂无数据' : '点击查看详情'" placement="top">
                <el-button
                    :disabled="scope.row.resultType1=='info'"
                    :type="scope.row.resultType1"
                    size="small"
                    @click="handleClick(item,-1)"
                >
                  {{ scope.row.resultValue1 }}
                </el-button>
              </el-tooltip>
            </template>
          </el-table-column>
        </template>

      </el-table>
    </div>

    <div style="height: 80px;">
      <el-collapse model-value="1" accordion>
        <el-collapse-item title="检测项进度" name="1">
          <div ref="scrollContainer" class="dialog-log">
            <p v-for="(item, index) in testLogList" :key="index"
               :style="{color:item.type==='error'?'#F56C6C':'var(--el-text-color-regular)'}">
              {{ item.log }} <br/>
            </p>
          </div>
        </el-collapse-item>
      </el-collapse>
    </div>
  </div>

  <resultPopup
      :visible="resultDialogVisible"
      @update:visible="resultDialogVisible = $event"
  ></resultPopup>
  <dataCheckSingleChannelSingleTestPopup ref="dialogRef1"/>

</template>
<script lang="tsx" setup name="test">
import {Check, Refresh, VideoPause} from '@element-plus/icons-vue'
import resultPopup from './resultPopup.vue'
import dataCheckSingleChannelSingleTestPopup from './dataCheckSingleChannelSingleTestPopup.vue'
import {reactive} from "vue";

const minwidth = ref(110)
const activeIndex = ref(0)
const activeTotalNum = ref(12)
const dialogRef1 = ref();

const currentRow = ref<{
  id: number;
  scriptItemName: string;
  name: string;
  address: string;
  hasChildren?: boolean;
  children?: User[]
} | null>(null);
// const currentRow = ref(null); // 用于存储当前选中的行

const monitorList = reactive([
  {
    deviceID: '1',
    deviceName: '被检设备1',
    chnNum: 2,
    monitorIdx: 1,
    label: '240001',
    prop: 'Result1',
  },
  {
    deviceID: '2',
    deviceName: '被检设备2',
    chnNum: 2,
    monitorIdx: 2,
    label: '240002',
    prop: 'Result2',
  },
  {
    deviceID: '3',
    deviceName: '被检设备3',
    chnNum: 2,
    monitorIdx: 1,
    label: '240003',
    prop: 'Result3',
  },
  {
    deviceID: '4',
    deviceName: '被检设备4',
    chnNum: 4,
    monitorIdx: 2,
    label: '240004',
    prop: 'Result4',
  }
])

// 最大通道数
const MAX_CHN_SUM = 10


// 总通道数
const chnSum = computed(() => {
  let sum = 0
  monitorList.forEach((item) => {
    sum += item.chnNum
  })
  console.log(sum)
  return sum
})


const scrollContainer = ref<HTMLElement | null>(null); // 声明 scrollContainer

const scrollToBottom = () => {
  if (scrollContainer.value) {
    scrollContainer.value.scrollTop = scrollContainer.value.scrollHeight;
  }
};

function getRandomInt(max: number): number {
  return Math.floor(Math.random() * max);
}

//判断该检测项（例如 频率准确度检测）是否全部合格（所有设备所有通道所有子检测项目全部合格为合格，否则为不合格）
function getItemCheckResult(index: number): boolean {

  let items = columnList?.value.filter((item) => item === index.toString())

  if (items.length > 0) {
    return false
  } else
    return true
}

//测试项开始检测时间（或继续检测时间）
const startData = ref(new Date())
//测试项检测结束时间（或暂停时的时间）
const endData = ref(new Date())

let timeDifference = ref(0)

function getTimeDifference(timeDifference: number): string {
  // 将时间差转换为天、小时、分钟、秒
  const millisecondsPerDay = 1000 * 60 * 60 * 24;
  const millisecondsPerHour = 1000 * 60 * 60;
  const millisecondsPerMinute = 1000 * 60;
  const millisecondsPerSecond = 1000;

  const days = Math.floor(timeDifference / millisecondsPerDay);
  const hours = Math.floor((timeDifference % millisecondsPerDay) / millisecondsPerHour);
  const minutes = Math.floor((timeDifference % millisecondsPerHour) / millisecondsPerMinute);
  const seconds = Math.floor((timeDifference % millisecondsPerMinute) / millisecondsPerSecond);
  if (days > 0) {
    return `: ${days} 天, ${hours} 小时, ${minutes} 分钟, ${seconds} 秒`
  } else if (hours > 0) {
    return `: ${hours} 小时, ${minutes} 分钟, ${seconds} 秒`
  } else {
    return `: ${minutes} 分钟, ${seconds} 秒`
  }

}

const updateLog = () => {
  const currentTime = ref(new Date().toLocaleString());

  switch (activeIndex.value) {
    case 1:
      timeDifference.value = 0;
      testLogList.value.length = 0; // 清空数组
      testLogList.value.push({
        type: 'info',
        log: currentTime.value + '：检测开始',
      })
      startData.value = new Date();
      break;
    case 2:
      endData.value = new Date();
      const Freqtime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += Freqtime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：频率准确度检测合格，用时' + getTimeDifference(Freqtime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：频率准确度检测不合格，用时' + getTimeDifference(Freqtime),
        })
      }
      startData.value = new Date();
      break;
    case 3:
      endData.value = new Date();
      const VOLtime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += VOLtime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：电压准确度检测合格，用时' + getTimeDifference(VOLtime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：电压准确度检测不合格，用时' + getTimeDifference(VOLtime),
        })
      }
      startData.value = new Date();
      break;
    case 4:
      endData.value = new Date();
      const Harm_Vtime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += Harm_Vtime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：谐波电压准确度检测合格，用时' + getTimeDifference(Harm_Vtime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：谐波电压准确度检测不合格，用时' + getTimeDifference(Harm_Vtime),
        })
      }
      startData.value = new Date();
      break;
    case 5:
      endData.value = new Date();
      const Harm_Itime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += Harm_Itime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：谐波电流准确度检测合格，用时' + getTimeDifference(Harm_Itime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：谐波电流准确度检测不合格，用时' + getTimeDifference(Harm_Itime),
        })
      }
      startData.value = new Date();
      break;
    case 6:
      endData.value = new Date();
      const Harm_Ptime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += Harm_Ptime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：谐波有功功率准确度检测合格，用时' + getTimeDifference(Harm_Ptime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：谐波有功功率准确度检测不合格，用时' + getTimeDifference(Harm_Ptime),
        })
      }
      startData.value = new Date();
      break;
    case 7:
      endData.value = new Date();
      const InHarm_Vtime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += InHarm_Vtime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：间谐波电压准确度检测合格，用时' + getTimeDifference(InHarm_Vtime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：间谐波电压准确度检测不合格，用时' + getTimeDifference(InHarm_Vtime),
        })
      }
      startData.value = new Date();
      break;
    case 8:
      endData.value = new Date();
      const InHarm_Itime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += InHarm_Itime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：间谐波电流准确度检测合格，用时' + getTimeDifference(InHarm_Itime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：间谐波电流准确度检测不合格，用时' + getTimeDifference(InHarm_Itime),
        })
      }
      startData.value = new Date();
      break;
    case 9:
      endData.value = new Date();
      const Diptime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += Diptime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：暂态准确度检测合格，用时' + getTimeDifference(Diptime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：暂态准确度检测不合格，用时' + getTimeDifference(Diptime),
        })
      }
      startData.value = new Date();
      break;
    case 10:
      endData.value = new Date();
      const CURtime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += CURtime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：电流准确度检测合格，用时' + getTimeDifference(CURtime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：电流准确度检测不合格，用时' + getTimeDifference(CURtime),
        })
      }
      startData.value = new Date();
      break;
    case 11:
      endData.value = new Date();
      const MSQI_Utime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += MSQI_Utime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：电压不平衡度检测合格，用时' + getTimeDifference(MSQI_Utime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：电压不平衡度检测不合格，用时' + getTimeDifference(MSQI_Utime),
        })
      }
      startData.value = new Date();
      break;
    case 12:
      endData.value = new Date();
      const MSQI_Itime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += MSQI_Itime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：电流不平衡度检测合格，用时' + getTimeDifference(MSQI_Itime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：电流不平衡度检测不合格，用时' + getTimeDifference(MSQI_Itime),
        })
      }
      startData.value = new Date();
      break;
    case 13:
      endData.value = new Date();
      const FLKtime = endData.value.getTime() - startData.value.getTime();
      timeDifference.value += FLKtime
      if (getItemCheckResult(activeIndex.value - 1)) {
        testLogList.value.push({
          type: 'info',
          log: currentTime.value + '：闪变准确度检测合格，用时' + getTimeDifference(FLKtime),
        })
      } else {
        testLogList.value.push({
          type: 'error',
          log: currentTime.value + '：闪变准确度检测不合格，用时' + getTimeDifference(FLKtime),
        })
      }

      testLogList.value.push({
        type: 'info',
        log: currentTime.value + '：检测结束，总用时' + getTimeDifference(timeDifference.value),
      })
      break;
  }
  scrollToBottom();
}
const testLogList = ref([
  {
    type: 'info',
    log: '暂无数据，等待检测开始',
  },
])
const columnList = ref([]);

const tableKey = ref(0);

function tableCell({row, columnIndex}) {

  let items = columnList?.value.filter((item) => item === row.id)

  if (columnIndex === 0 && items.length > 0) {
    console.log(row.id, items.length, columnList?.value)
    return 'warning-row'
  }

  if (columnIndex === 0) {
    return 'header-row'
  }

}

const tableRowClassName = ({
                             row,
                             rowIndex,
                           }: {
  row: any
  rowIndex: number
}) => {
  if (row.rowIndex === activeIndex.value.toString()) {
    return 'warning-row'
  }
  // else if (rowIndex === 3) {
  //   return 'success-row'
  // }
  return ''
}
const percentage = ref(0);
const customColors = [
  {color: "#5cb87a", percentage: 100}, //绿
];
//暂停检测
const isPause = ref<boolean>(false);
const resultDialogVisible = ref(false)

function clear() {
}

function traverseTableData(data: any[], id: string): void {
  data.forEach(item => {
    // 处理当前节点的数据
    if (item.id === id) {
      for (let i = 1; i <= 8; i++) {
        let field1 = "resultType" + i
        let field2 = "resultValue" + i

        if (getRandomInt(10) > 8 && activeIndex.value > 2) {
          item[field1] = "danger";
          item[field2] = "×";
          columnList.value.push(activeIndex.value.toString());
          console.log(id, activeIndex.value, columnList.value)
        } else {
          item[field1] = "success";
          item[field2] = "√";
        }
      }
      return;
    }

    // 如果当前节点有 children，并且 children 是一个数组，则递归遍历
    if (Array.isArray(item.children)) {
      traverseTableData(item.children, id);
    }
  });
}

const updateTableData = (id: string) => {
  traverseTableData(tableData.value, id);
};

const handleReCheck = () => {
  activeIndex.value = 0;
  percentage.value = 0;
  tableData.value.length = 0;
  testLogList.value.length = 0;
  columnList.value.length = 0;
  tableData.value = JSON.parse(JSON.stringify(operatorTableData.value));
  resumeTimer()
};
let timer: any = ref("");
const handlePauseTest = () => {
  const currentTime = ref(new Date().toLocaleString());

  if (!isPause.value) {
    endData.value = new Date();
    const Pausetime = endData.value.getTime() - startData.value.getTime();
    timeDifference.value += Pausetime

    testLogList.value.push({
      type: 'info',
      log: currentTime.value + '：暂停检测',
    })

    pauseTimer()
  } else {
    startData.value = new Date();

    testLogList.value.push({
      type: 'info',
      log: currentTime.value + '：继续检测',
    })

    resumeTimer()
  }
  isPause.value = !isPause.value;
};
//完成检测
const handleFinishTest = () => {
  resultDialogVisible.value = true
  ElMessage.success("完成检测");
};

// 点击查看（设备）通道检测详情。参数1：设备信息，参数2：通道号，-1：代表查看全部通道
const handleClick = (deviceItem: any, chnNum: number) => {
  dialogRef1.value?.open(deviceItem, chnNum);
};

interface User {
  id: number
  scriptItemName: string
  name: string
  address: string
  hasChildren?: boolean
  children?: User[]
}

//resultType2: 'success',
//   resultValue2:'√',
//   resultType3: 'danger',
//   resultValue3:'×',


const operatorTableData = ref([
  {
    id: '1',
    scriptItemName: '频率',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
    children: [
      {
        id: '1-1',
        scriptItemName: '额定条件下的测量',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '1-1-1',
            scriptItemName: '频率：42.5Hz',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '1-1-2',
            scriptItemName: '频率：50Hz',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '1-1-3',
            scriptItemName: '频率：50.5Hz',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '1-1-4',
            scriptItemName: '频率：57.5Hz',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
      {
        id: '1-2',
        scriptItemName: '电压对频率测量的影响',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '1-2-1',
            scriptItemName: '频率：50.5Hz 电压：10%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
      {
        id: '1-3',
        scriptItemName: '谐波对频率测量的影响',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '1-3-1',
            scriptItemName: '频率：50.5Hz 谐波电压：h3 10%Un;h7 10%Un;h11 10%Un;h15 4%Un; h19 5%Un; h23 5%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
    ],
  },
  {
    id: '2',
    scriptItemName: '电压',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
    children: [
      {
        id: '2-1',
        scriptItemName: '额定条件下的测量',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '2-1-1',
            scriptItemName: '频率：50Hz 电压：10%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '2-1-2',
            scriptItemName: '频率：50Hz 电压：45%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '2-1-3',
            scriptItemName: '频率：50Hz 电压：80%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '2-1-4',
            scriptItemName: '频率：50Hz 电压：115%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '2-1-5',
            scriptItemName: '频率：50Hz 电压：150%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
      {
        id: '2-2',
        scriptItemName: '频率对电压测量的影响',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '2-2-1',
            scriptItemName: '频率：42.5Hz 电压：80%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
      {
        id: '2-3',
        scriptItemName: '谐波对电压测量的影响',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '2-3-1',
            scriptItemName: '频率：50Hz 电压：80%Un 谐波电压：h3 10%Un;h7 10%Un;h11 10%Un;h15 4%Un; h19 5%Un; h23 5%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
    ],
  },
  {
    id: '3',
    scriptItemName: '谐波电压',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '4',
    scriptItemName: '谐波电流',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '5',
    scriptItemName: '谐波有功功率',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '6',
    scriptItemName: '间谐波电压',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '7',
    scriptItemName: '间谐波电流',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '8',
    scriptItemName: '暂态',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '9',
    scriptItemName: '电流',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '10',
    scriptItemName: '电压不平衡度',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '11',
    scriptItemName: '电流不平衡度',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '12',
    scriptItemName: '短时闪变',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
])
const tableData = ref([
  {
    id: '1',
    scriptItemName: '频率',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
    children: [
      {
        id: '1-1',
        scriptItemName: '额定条件下的测量',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '1-1-1',
            scriptItemName: '频率：42.5Hz',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '1-1-2',
            scriptItemName: '频率：50Hz',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '1-1-3',
            scriptItemName: '频率：50.5Hz',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '1-1-4',
            scriptItemName: '频率：57.5Hz',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
      {
        id: '1-2',
        scriptItemName: '电压对频率测量的影响',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '1-2-1',
            scriptItemName: '频率：50.5Hz 电压：10%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
      {
        id: '1-3',
        scriptItemName: '谐波对频率测量的影响',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '1-3-1',
            scriptItemName: '频率：50.5Hz 谐波电压：h3 10%Un;h7 10%Un;h11 10%Un;h15 4%Un; h19 5%Un; h23 5%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
    ],
  },
  {
    id: '2',
    scriptItemName: '电压',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
    children: [
      {
        id: '2-1',
        scriptItemName: '额定条件下的测量',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '2-1-1',
            scriptItemName: '频率：50Hz 电压：10%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '2-1-2',
            scriptItemName: '频率：50Hz 电压：45%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '2-1-3',
            scriptItemName: '频率：50Hz 电压：80%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '2-1-4',
            scriptItemName: '频率：50Hz 电压：115%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
          {
            id: '2-1-5',
            scriptItemName: '频率：50Hz 电压：150%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
      {
        id: '2-2',
        scriptItemName: '频率对电压测量的影响',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '2-2-1',
            scriptItemName: '频率：42.5Hz 电压：80%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
      {
        id: '2-3',
        scriptItemName: '谐波对电压测量的影响',
        resultType1: 'info',
        resultValue1: '-',
        resultType2: 'info',
        resultValue2: '-',
        resultType3: 'info',
        resultValue3: '-',
        resultType4: 'info',
        resultValue4: '-',
        resultType5: 'info',
        resultValue5: '-',
        resultType6: 'info',
        resultValue6: '-',
        resultType7: 'info',
        resultValue7: '-',
        resultType8: 'info',
        resultValue8: '-',
        children: [
          {
            id: '2-3-1',
            scriptItemName: '频率：50Hz 电压：80%Un 谐波电压：h3 10%Un;h7 10%Un;h11 10%Un;h15 4%Un; h19 5%Un; h23 5%Un',
            resultType1: 'info',
            resultValue1: '-',
            resultType2: 'info',
            resultValue2: '-',
            resultType3: 'info',
            resultValue3: '-',
            resultType4: 'info',
            resultValue4: '-',
            resultType5: 'info',
            resultValue5: '-',
            resultType6: 'info',
            resultValue6: '-',
            resultType7: 'info',
            resultValue7: '-',
            resultType8: 'info',
            resultValue8: '-',
          },
        ],
      },
    ],
  },
  {
    id: '3',
    scriptItemName: '谐波电压',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '4',
    scriptItemName: '谐波电流',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '5',
    scriptItemName: '谐波有功功率',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '6',
    scriptItemName: '间谐波电压',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '7',
    scriptItemName: '间谐波电流',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '8',
    scriptItemName: '暂态',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '9',
    scriptItemName: '电流',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '10',
    scriptItemName: '电压不平衡度',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '11',
    scriptItemName: '电流不平衡度',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
  {
    id: '12',
    scriptItemName: '短时闪变',
    resultType1: 'info',
    resultValue1: '-',
    resultType2: 'info',
    resultValue2: '-',
    resultType3: 'info',
    resultValue3: '-',
    resultType4: 'info',
    resultValue4: '-',
    resultType5: 'info',
    resultValue5: '-',
    resultType6: 'info',
    resultValue6: '-',
    resultType7: 'info',
    resultValue7: '-',
    resultType8: 'info',
    resultValue8: '-',
  },
])

const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process'>('finish');

const props = defineProps({
  testStatus: {
    type: String,
    default: 'wait'
  }
})
const testStatus = toRef(props, 'testStatus');
const ts = ref('');

const startTimer = () => {
  //if (timer.value !== null) return; // 如果定时器已经启动，则不再重复启动
  timer.value = setInterval(() => {

    if (activeIndex.value <= activeTotalNum.value) {

      activeIndex.value++;
      updateLog()

      switch (activeIndex.value) {
        case 1:
          updateTableData("1-1-1")
          updateTableData("1-1-2")
          updateTableData("1-1-3")
          updateTableData("1-1-4")
          updateTableData("1-1")
          updateTableData("1-2-1")
          updateTableData("1-2")
          updateTableData("1-3-1")
          updateTableData("1-3")
          updateTableData("1")
          break;
        case 2:
          updateTableData("2-1-1")
          updateTableData("2-1-2")
          updateTableData("2-1-3")
          updateTableData("2-1-4")
          updateTableData("2-1-5")
          updateTableData("2-1")
          updateTableData("2-2-1")
          updateTableData("2-2")
          updateTableData("2-3-1")
          updateTableData("2-3")
          updateTableData("2")
          break;
        case 3:
        case 4:
        case 5:
        case 6:
        case 7:
        case 8:
        case 9:
        case 10:
        case 11:
        case 12:
          updateTableData(activeIndex.value.toString())
          break;

      }

      if (percentage.value < 100) {
        percentage.value = Math.trunc(activeIndex.value / activeTotalNum.value * 100);

      } else {
        percentage.value = 100;
        clearInterval(timer.value)
        timer.value = null;

        ts.value = 'success'
        ElMessageBox.alert('检测全部结束,你可以停留在此页面查看检测结果，或返回首页进行复检、报告生成和归档等操作', '检测完成', {
          // if you want to disable its autofocus
          // autofocus: false,
          confirmButtonText: '确定',
        })
        clear();
      }

    } else {
      clearInterval(timer.value)
      timer.value = null;
      ts.value = 'success'
      scrollToBottom();
    }

  }, 2000);
};

const pauseTimer = () => {
  if (timer.value !== null) {
    clearInterval(timer.value);
    timer.value = null;
  }
};

const resumeTimer = () => {
  if (timer.value === null) {
    console.log('startTimer')
    startTimer();
  }
};
//监听goods_sn的变化
watch(testStatus, function (newValue, oldValue) {
  ts.value = props.testStatus;
  if (ts.value === 'start') {
    ts.value = 'process'

    startTimer()
  }
})

const emit = defineEmits(['update:testStatus']);
//监听sn
watch(ts, function (newValue, oldValue) {
  //修改父组件
  emit('update:testStatus', ts.value)
})

</script>
<style scoped lang="scss">

:deep(.el-table .header-row) {
  // background-color:var(--el-color-warning-light-9);
  background-color: #f5f7fa;
  // color:red;
  // font-size:30px;
  // --el-table-tr-bg-color: var(--el-color-warning-light-9);
}

:deep(.el-table .warning-row) {
  // background-color:var(--el-color-warning-light-9);
  //background-color:#bed96557;
  color: red;
  // font-size:30px;
  // --el-table-tr-bg-color: var(--el-color-warning-light-9);
  // background-color:#f5f7fa;
  // position: relative;
}

// :deep(.el-table .warning-row::before) {
//   content: '*'; /* 必须设置content属性 */
//   position: absolute;
//   color:red;
//   background-color:#f5f7fa;
// }

.el-table .success-row {
  --el-table-tr-bg-color: var(--el-color-success-light-9);
}

.dialog {
  display: flex;
  flex-direction: column;
}

.dialog-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}

.dialog-content {
  max-height: 450px;
  overflow-y: auto;
}

:deep(.el-collapse-item__header) {
  height: 30px;
}

.dialog-log {
  height: 50px;
  overflow-y: auto;
  // flex-grow: 1;
  // display: flex;
  // flex-direction: column-reverse;

  p {
    margin: 5px 0;
    font-size: 14px;
  }
}

</style>
<style lang="scss" scoped>
:deep(.el-button--small) {
  height: 20px !important;
  width: 20px !important;
}

:deep(.el-table--default  td ) {
  padding: 5px 0 !important;
}
</style>