ABC三项可以分开单独展示部分相的数据

frontend/src/views/home/components/dataCheckResultTable.vue

@@ -8,92 +8,79 @@
       <!--          {{ '通道' + row.chnNum }}-->
       <!--        </template>-->
       <!--      </el-table-column>-->
-      <template v-if="phaseT === 0">
-        <el-table-column label="A相">
-          <el-table-column prop="stdA" width="130" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="dataA" width="130" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="isDataA" label="检测结果">
-            <template #default="scope">
-              <el-tooltip effect="dark" placement="bottom">
-                <template #content>
-                  误差范围：{{ scope.row.maxErrorA }} <br/>
-                  误差值：{{ scope.row.errorA }} {{ scope.row.errorA !== '/' ? innerUnitA : '' }}
-                </template>
-                <el-tag type="success" v-if="scope.row.isDataA === 1">符合</el-tag>
-                <el-tag type="danger" v-if="scope.row.isDataA === 2">不符合</el-tag>
-                <el-tag type="warning" v-if="scope.row.isDataA === 4">/</el-tag>
-                <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
-              </el-tooltip>
-            </template>
-          </el-table-column>
+      <el-table-column label="A相" v-if="phaseA === 1">
+        <el-table-column prop="stdA" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
+        <el-table-column prop="dataA" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
+        <el-table-column prop="isDataA" label="检测结果">
+          <template #default="scope">
+            <el-tooltip effect="dark" placement="bottom">
+              <template #content>
+                误差范围：{{ scope.row.maxErrorA }} <br/>
+                误差值：{{ scope.row.errorA }} {{ scope.row.errorA !== '/' ? innerUnitA : '' }}
+              </template>
+              <el-tag type="success" v-if="scope.row.isDataA === 1">符合</el-tag>
+              <el-tag type="danger" v-if="scope.row.isDataA === 2">不符合</el-tag>
+              <el-tag type="warning" v-if="scope.row.isDataA === 4">/</el-tag>
+              <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
+            </el-tooltip>
+          </template>
         </el-table-column>
-        <el-table-column label="B相">
-          <el-table-column prop="stdB" width="130" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="dataB" width="130" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="isDataB" label="检测结果">
-            <template #default="scope">
-              <el-tooltip effect="dark" placement="bottom">
-                <template #content>
-                  误差范围：{{ scope.row.maxErrorB }}<br/>
-                  误差值：{{ scope.row.errorB }} {{ scope.row.errorB !== '/' ? innerUnitB : '' }}
-                </template>
-                <el-tag type="success" v-if="scope.row.isDataB === 1">符合</el-tag>
-                <el-tag type="danger" v-if="scope.row.isDataB === 2">不符合</el-tag>
-                <el-tag type="warning" v-if="scope.row.isDataB === 4">/</el-tag>
-                <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
-              </el-tooltip>
-            </template>
-          </el-table-column>
+      </el-table-column>
+      <el-table-column label="B相" v-if="phaseB === 1">
+        <el-table-column prop="stdB" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
+        <el-table-column prop="dataB" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
+        <el-table-column prop="isDataB" label="检测结果">
+          <template #default="scope">
+            <el-tooltip effect="dark" placement="bottom">
+              <template #content>
+                误差范围：{{ scope.row.maxErrorB }}<br/>
+                误差值：{{ scope.row.errorB }} {{ scope.row.errorB !== '/' ? innerUnitB : '' }}
+              </template>
+              <el-tag type="success" v-if="scope.row.isDataB === 1">符合</el-tag>
+              <el-tag type="danger" v-if="scope.row.isDataB === 2">不符合</el-tag>
+              <el-tag type="warning" v-if="scope.row.isDataB === 4">/</el-tag>
+              <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
+            </el-tooltip>
+          </template>
         </el-table-column>
-        <el-table-column label="C相">
-          <el-table-column prop="stdC" width="130" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="dataC" width="130" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="isDataC" label="检测结果">
-            <template #default="scope">
-              <el-tooltip effect="dark" placement="bottom">
-                <template #content>
-                  误差范围： {{ scope.row.maxErrorC }}<br/>
-                  误差值：{{ scope.row.errorC }} {{ scope.row.errorC !== '/' ? innerUnitC : '' }}
-                </template>
-                <el-tag type="success" v-if="scope.row.isDataC === 1">符合</el-tag>
-                <el-tag type="danger" v-if="scope.row.isDataC === 2">不符合</el-tag>
-                <el-tag type="warning" v-if="scope.row.isDataC === 4">/</el-tag>
-                <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
-              </el-tooltip>
-            </template>
-          </el-table-column>
+      </el-table-column>
+      <el-table-column label="C相" v-if="phaseC === 1">
+        <el-table-column prop="stdC" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
+        <el-table-column prop="dataC" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
+        <el-table-column prop="isDataC" label="检测结果">
+          <template #default="scope">
+            <el-tooltip effect="dark" placement="bottom">
+              <template #content>
+                误差范围： {{ scope.row.maxErrorC }}<br/>
+                误差值：{{ scope.row.errorC }} {{ scope.row.errorC !== '/' ? innerUnitC : '' }}
+              </template>
+              <el-tag type="success" v-if="scope.row.isDataC === 1">符合</el-tag>
+              <el-tag type="danger" v-if="scope.row.isDataC === 2">不符合</el-tag>
+              <el-tag type="warning" v-if="scope.row.isDataC === 4">/</el-tag>
+              <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
+            </el-tooltip>
+          </template>
         </el-table-column>
-      </template>
+      </el-table-column>
 
-      <template v-if="phaseT === 1">
-        <el-table-column :label="tableHeader">
-          <el-table-column prop="stdT" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="dataT" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
-          <el-table-column prop="isDataT" label="检测结果">
-            <template #default="scope">
-              <el-tooltip effect="dark" placement="bottom">
-                <template #content>
-                  误差范围： {{ scope.row.maxErrorT }}<br/>
-                  误差值：{{ scope.row.errorT }} {{ scope.row.errorT !== '/' ? innerUnitT : '' }}
-                </template>
-                <el-tag type="success" v-if="scope.row.isDataT === 1">符合</el-tag>
-                <el-tag type="danger" v-if="scope.row.isDataT === 2">不符合</el-tag>
-                <el-tag type="warning" v-if="scope.row.isDataT === 4">/</el-tag>
-                <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
-              </el-tooltip>
-            </template>
-          </el-table-column>
+      <el-table-column :label="tableHeader" v-if="phaseT === 1">
+        <el-table-column prop="stdT" :label="'标准值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
+        <el-table-column prop="dataT" :label="'被检值'+(outerUnit==''?'':'（'+outerUnit+'）')"/>
+        <el-table-column prop="isDataT" label="检测结果">
+          <template #default="scope">
+            <el-tooltip effect="dark" placement="bottom">
+              <template #content>
+                误差范围： {{ scope.row.maxErrorT }}<br/>
+                误差值：{{ scope.row.errorT }} {{ scope.row.errorT !== '/' ? innerUnitT : '' }}
+              </template>
+              <el-tag type="success" v-if="scope.row.isDataT === 1">符合</el-tag>
+              <el-tag type="danger" v-if="scope.row.isDataT === 2">不符合</el-tag>
+              <el-tag type="warning" v-if="scope.row.isDataT === 4">/</el-tag>
+              <el-tag type="info" v-if="scope.row.isDataA === 5">-</el-tag>
+            </el-tooltip>
+          </template>
         </el-table-column>
-        <!--        <el-table-column prop="maxError" label="误差范围"/>-->
-        <!--        <el-table-column prop="result" label="检测结果">-->
-        <!--          <template #default="scope">-->
-        <!--            <span v-if="scope.row.result === 1">符合</span>-->
-        <!--            <el-tag type="danger" v-if="scope.row.result === 2">不符合</el-tag>-->
-        <!--            <span v-if="scope.row.result === 4">/</span>-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
-      </template>
-
+      </el-table-column>
     </el-table>
   </div>
 
@@ -126,12 +113,22 @@ const innerUnitT = computed(() => {
   return tableData.length > 0 ? tableData[0].unitT : '';
 })
 
+const phaseA = computed(() => {
+  return tableData.length <= 0 || tableData[0].dataA == null || tableData[0].dataA == "/" ? 0 : 1
+})
+const phaseB = computed(() => {
+  return tableData.length <= 0 || tableData[0].dataB == null || tableData[0].dataB == "/" ? 0 : 1
+})
+const phaseC = computed(() => {
+  return tableData.length <= 0 || tableData[0].dataC == null || tableData[0].dataC == "/" ? 0 : 1
+})
+
 const phaseT = computed(() => {
-  return tableData[0].dataT == null || tableData[0].dataT == undefined ? 0 : 1
+  return tableData.length <= 0 || tableData[0].dataT == null || tableData[0].dataT == "/" ? 0 : 1
 })
 
 const tableHeader = computed(() => {
-  if (phaseT.value === 1){
+  if (phaseT.value === 1) {
     let index = currentScriptTypeName.indexOf('=');
     return currentScriptTypeName.substring(0, index);
   }