修改正式监测返回结果

2025-08-22 16:21:57 +08:00
parent 2be0be681e
commit 0985cc5d7c
5 changed files with 61 additions and 82 deletions
--- a/frontend/src/views/home/components/compareDataCheckRawDataTable.vue
+++ b/frontend/src/views/home/components/compareDataCheckRawDataTable.vue
@@ -1,80 +1,40 @@
 <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>
+    <div class="table-main" max-height="282px">
+        <el-table
+            :data="prop.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="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>
-
-// 模拟数据数组
-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"
-  }
-];
-
+import { CheckData } from '@/api/check/interface'
+const prop = defineProps({
+    tableData: {
+        type: Array as () => CheckData.TableRow[],
+        default: []
+    }
+})
 </script>

-<style scoped>
-
-</style>
+<style scoped></style>