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

<template>
    <div class="table-main" max-height="282px">
        <el-table
            :data="prop.tableData"
            stripe
            border
            :header-cell-style="{ textAlign: 'center' }"
            :cell-style="{ textAlign: 'center' }"
            height="368px"
            style="width: 100%"
        >
            <el-table-column type="index" label="序号" width="70" fixed="left" />

            <el-table-column prop="dataA" :label="'被检设备'">
                <el-table-column prop="timeDev" label="数据时间" width="200" />
                <el-table-column prop="uaDev" :label="'A相'" />
                <el-table-column prop="ubDev" :label="'B相'" />
                <el-table-column prop="ucDev" :label="'C相'" />
            </el-table-column>
            <el-table-column prop="dataA" :label="'标准设备'">
                <el-table-column prop="timeStdDev" label="数据时间" width="200" />
                <el-table-column prop="uaStdDev" :label="'A相'" />
                <el-table-column prop="ubStdDev" :label="'B相'" />
                <el-table-column prop="ucStdDev" :label="'C相'" />
            </el-table-column>
        </el-table>
    </div>
</template>

<script lang="tsx" setup>
import { CheckData } from '@/api/check/interface'
const prop = defineProps({
    tableData: {
        type: Array as () => CheckData.TableRow[],
        default: []
    }
})
</script>

<style scoped></style>