<template>
  <div class="table-main" max-height="282px">
    <el-table :data="tableData" stripe border :header-cell-style="{ textAlign: 'center' } "
              :cell-style="{ textAlign: 'center' }" max-height="282px"
              style="width: 100%;">
      <el-table-column type="index" label="序号" width="70" fixed="left"/>
      <el-table-column prop="time" label="数据时间"/>
      <el-table-column  prop="dataA" :label="'A相'">
        <el-table-column prop="dataA" :label="'被检值'"/>
        <el-table-column prop="isDataA" label="标准值"/>
      </el-table-column>
      <el-table-column  prop="dataB" :label="'B相'">
       <el-table-column prop="dataA" :label="'被检值'"/>
        <el-table-column prop="isDataA" label="标准值"/>
      </el-table-column>
      <el-table-column  prop="dataC" :label="'C相'">
       <el-table-column prop="dataA" :label="'被检值'"/>
        <el-table-column prop="isDataA" label="标准值"/>
      </el-table-column>
    </el-table>
  </div>

</template>

<script lang="tsx" setup>

// 模拟数据数组
const tableData = [
  {
    time: "2023-10-25 14:30:00",
    dataA: "220.12",
    isDataA: "220.05",
    dataB: "219.98",
    isDataB: "220.02",
    dataC: "220.05",
    isDataC: "220.10"
  },
  {
    time: "2023-10-25 14:30:03",
    dataA: "219.85",
    isDataA: "220.00",
    dataB: "220.15",
    isDataB: "220.08",
    dataC: "220.20",
    isDataC: "220.18"
  },
  {
    time: "2023-10-25 14:30:06",
    dataA: "220.03",
    isDataA: "219.95",
    dataB: "220.10",
    isDataB: "220.00",
    dataC: "219.90",
    isDataC: "220.05"
  },
  {
    time: "2023-10-25 14:30:09",
    dataA: "220.25",
    isDataA: "220.15",
    dataB: "219.80",
    isDataB: "219.90",
    dataC: "220.10",
    isDataC: "220.00"
  },
  {
    time: "2023-10-25 14:30:12",
    dataA: "219.95",
    isDataA: "220.05",
    dataB: "220.20",
    isDataB: "220.15",
    dataC: "220.05",
    isDataC: "219.98"
  }
];

</script>

<style scoped>

</style>