80 lines
2.0 KiB
Vue
80 lines
2.0 KiB
Vue
<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="dataA" :label="'被检设备'">
|
|
<el-table-column prop="time" label="数据时间" width="200"/>
|
|
<el-table-column prop="dataA" :label="'A相'"/>
|
|
<el-table-column prop="dataA" :label="'B相'"/>
|
|
<el-table-column prop="dataA" :label="'C相'"/>
|
|
</el-table-column>
|
|
<el-table-column prop="dataA" :label="'标准设备'">
|
|
<el-table-column prop="time" label="数据时间" width="200"/>
|
|
<el-table-column prop="dataA" :label="'A相'"/>
|
|
<el-table-column prop="dataA" :label="'B相'"/>
|
|
<el-table-column prop="dataA" :label="'C相'"/>
|
|
</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> |