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

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

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

@@ -456,6 +456,7 @@ const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process
       total.value = 0;
       activeIndex.value = 0
       qualified.value = 0
+      active.value = 0
       dialogVisible.value = false
   }
 

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

@@ -1,42 +1,28 @@
 <template>
 
   <div class="table-main">
-    <el-collapse v-model="activeName" accordion style="width: 100%;height:335px">
-      <el-collapse-item v-for="(item, index) in tableData" :key="index+1" :title="'通道'+ (index+1)" :name="'通道'+ (index+1)">
-
-        <el-table :data="item.rawDataItems" stripe border :header-cell-style="{ textAlign: 'center' } "
-                  :cell-style="{ textAlign: 'center' }" height="335px" style="width: 100%;max-height: 250px;overflow-y: auto;">
-          <el-table-column type="index" fixed="left" label="序号" width="70"/>
-          <el-table-column prop="updateTime" label="数据时间"/>
-          <el-table-column prop="L1" label="L1（V）"/>
-          <el-table-column prop="L2" label="L2（V）"/>
-          <el-table-column prop="L3" label="L3（V）"/>
-        </el-table>
-
-      </el-collapse-item>
-    </el-collapse>
+    <el-table :data="tableData" stripe border :header-cell-style="{ textAlign: 'center' } "
+              :cell-style="{ textAlign: 'center' }" height="335px"
+              style="width: 100%;">
+      <el-table-column type="index" label="序号" width="70" fixed="left"/>
+      <el-table-column prop="updateTime" label="数据时间"/>
+      <el-table-column prop="L1" label="L1（V）"/>
+      <el-table-column prop="L2" label="L2（V）"/>
+      <el-table-column prop="L3" label="L3（V）"/>
+    </el-table>
   </div>
 
 </template>
 
 <script lang="tsx" setup>
 
-import type {RawData} from "@/api/check/interface";
+import type {RawDataItem} from "@/api/check/interface";
 
 const {tableData} = defineProps<{
-  tableData:RawData[]
+  tableData: RawDataItem[]
 }>()
 
-const activeName = ref('通道1')
 
-// 清空数据
-const clear = () => {
-  activeName.value = '通道1'
-}
-
-defineExpose({
-  clear
-})
 </script>
 
 <style scoped>

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

@@ -3,7 +3,11 @@
   <div class="table-main">
     <el-table :data="tableData" height="335px" :header-cell-style="{ textAlign: 'center' } "
               :cell-style="{ textAlign: 'center' }">
-      <el-table-column prop="chnNum" label="序号" width="70"/>
+      <el-table-column prop="chnNum" label="通道号" width="80">
+        <template #default="{row}">
+          {{ '通道' + row.chnNum }}
+        </template>
+      </el-table-column>
       <el-table-column prop="standardValue" label="标准值（V）"/>
       <el-table-column label="L1（V）">
         <el-table-column prop="L1" width="80" label="被检值">
@@ -33,9 +37,6 @@
 
       </el-table-column>
       <el-table-column prop="result" label="检测结果">
-        <!-- <template #default="scope">
-        <el-tag :type="scope.row.Result === '合格' ? 'success' : 'danger'">{{ scope.row.Result }}</el-tag>
-      </template> -->
         <template #default="scope">
           <el-tag type="danger" v-if="scope.row.result === '不合格'">{{ scope.row.result }}</el-tag>
           <span v-if="scope.row.result != '不合格'">{{ scope.row.result }}</span>

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

@@ -1,107 +1,132 @@
 <template>
-    <el-dialog  title="数据查询" :model-value='visible' @close="close" v-bind="dialogBig">
-        <div class="data-check-dialog">
-            <div class="data-check-title">
+  <el-dialog :append-to-body="appendToBody" class="dialog" title="数据查询" :model-value='visible' @close="close"
+             v-bind="dialogBig" :draggable="false" style="margin-left: 20%;">
+    <div class="data-check-dialog">
+      <div class="data-check-head">
+        <el-form :model='formContent' label-width="auto" class="form-three ">
+          <el-form-item label="检测脚本">
+            <el-input v-model='formContent.testScriptName' :disabled="true"/>
+          </el-form-item>
+          <el-form-item label="误差体系">
+            <el-input v-model='formContent.errorSysName' :disabled="true"/>
+          </el-form-item>
+          <el-form-item label="数据原则">
+            <el-input v-model='formContent.dataRule' :disabled="true"/>
+          </el-form-item>
+          <el-form-item label="设备名称">
+            <el-input v-model='formContent.deviceName' :disabled="true"/>
+          </el-form-item>
+          <el-form-item label='通道号'>
+            <el-select v-model="formContent.monitorIdx" @change="handleChnNumChange">
+              <el-option v-for="item in monitorIdxList" :key="item.value" :label="item.value"
+                         :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
 
- 
-                
-                
-
-                <!-- <el-form-item label='通道号:'>
-                <el-select v-model="monitorIdx">
-                    <el-option
-                    v-for="item in monitorIdxList"
-                    :key="item.value"
-                    :label="item.value"
-                    :value="item.value"
-                    />
-                </el-select>
-                </el-form-item> -->
-            </div>
-            <div class="data-check-content">
-                <div class="content-right">
-                    <div class="content-right-title">
-                        <el-divider >当前检测项目</el-divider>
-                        <span>{{currentScriptDsc}}</span>
-                    </div>
-                    <div class="content-right-Tabs">
-                        <el-tabs type="border-card" v-model="activeName">
-                            <el-tab-pane label="检测结果" name="resultTab">
-                                <DataCheckResultTable :tableData="checkResultTableData" ref="resultTableRef"/>
-                            </el-tab-pane>
-                            <el-tab-pane label="原始数据" name="rawDataTab">
-                                <DataCheckRawDataTable :tableData="rawTableData" ref="rawDataTableRef"/>
-                            </el-tab-pane>
-                        </el-tabs>
-                    </div>
-                </div>
-            </div>
+      <div class="data-check-body">
+        <div class="content-left-tree">
+          <div>
+            <el-radio-group v-model="checkItemSwitch" @change="handleCheckItemSwitch">
+              <el-radio-button label="不合格测试项" :value="0"/>
+              <el-radio-button label="全部测试项" :value="1"/>
+            </el-radio-group>
+          </div>
+          <div class="content-tree">
+            <el-tree :default-expanded-keys="['0', '0-1', '0-2', '0-3', '1']" node-key="id" :data="treeData"
+                     :props="defaultProps" @node-click="handleNodeClick"/>
+          </div>
         </div>
-    </el-dialog>
+
+        <div class="content-right">
+          <div class="content-right-title">
+            <el-divider>当前检测项目</el-divider>
+            <span>{{ currentScriptDsc }}</span>
+          </div>
+          <div class="content-right-Tabs">
+            <el-tabs type="border-card" v-model="activeName">
+              <el-tab-pane label="检测结果" name="resultTab">
+                <DataCheckResultTable :tableData="checkResultTableData" ref="resultTableRef"/>
+              </el-tab-pane>
+              <el-tab-pane label="原始数据" name="rawDataTab">
+                <DataCheckRawDataTable :tableData="rawTableData" ref="rawDataTableRef"/>
+              </el-tab-pane>
+            </el-tabs>
+          </div>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
 
 </template>
 <script setup lang='ts'>
-
-import IPAddress from '@/components/IpAddress/index.vue'
-import {dialogBig, dialogMiddle} from '@/utils/elementBind'
-import { type Device } from '@/api/device/interface/device'
-import { ElMessage, type FormItemRule } from 'element-plus'
-import { addPqDev, updatePqDev } from '@/api/device/device'
-import { computed, reactive, type Ref, ref } from 'vue'
-import { useDictStore } from '@/stores/modules/dict'
-import { CirclePlus, Delete, EditPen } from '@element-plus/icons-vue'
-// 使用 dayjs 库格式化
-import dayjs from 'dayjs'
-import { getPqMonList } from '@/api/device/monitor'
-import { type ColumnProps } from '@/components/ProTable/interface'
-import { type Monitor } from '@/api/device/interface/monitor'
-import { data } from "@/api/plan/autoTest.json";
+import {dialogBig} from '@/utils/elementBind'
+import {reactive, ref} from 'vue'
 import DataCheckResultTable from './dataCheckResultTable.vue'
 import DataCheckRawDataTable from './dataCheckRawDataTable.vue'
-import type {CheckResult, RawData} from "@/api/check/interface";
-  
-const activeName = ref('rawDataTab')
+import type {CheckResult, DataCheck, RawDataItem} from "@/api/check/interface";
+import {data as treeData} from "@/api/plan/autoTest.json";
 
-const deviceName = ref('被检设备1');
-  const monitorIdx = ref('1');
-  const testScriptName = ref('Q/GDW 10650.4-2021 模拟式');
-  const errorSysName = ref('Q/GDW 10650.2-2021');
-  const dataRule = ref('所有值');
-  const scriptSwitch = ref(true);
-  const currentScriptDsc = ref('电压准确度检测：频率：42.5Hz Ua=46.192V 0° Ub=46.192V -120° Uc=46.192V 120° Ia=1A 0° Ib=1A -120° Ic=1A 120°');
-  const defaultProps = {
+const {appendToBody} = withDefaults(defineProps<{
+  appendToBody: boolean
+}>(), {appendToBody: false})
+
+
+const formContent = reactive<DataCheck>({
+  testScriptName: 'Q/GDW 10650.4-2021 模拟式',
+  errorSysName: 'Q/GDW 10650.2-2021',
+  dataRule: '所有值',
+  deviceName: '被检设备1',
+  monitorIdx: '1',
+})
+
+const activeName = ref('resultTab')
+
+const checkItemSwitch = ref(0)
+
+const currentScriptDsc = ref('电压准确度检测：频率：42.5Hz Ua=46.192V 0° Ub=46.192V -120° Uc=46.192V 120° Ia=1A 0° Ib=1A -120° Ic=1A 120°');
+
+const defaultProps = {
   children: "children",
   label: "name",
   pid: "pid",
 };
 
-// const monitorIdxList = [
-//   {
-//     value: '1',
-//   },
-//   {
-//     value: '2',
-//   },
-//   {
-//     value: '3',
-//   },
-//   {
-//     value: '4',
-//   },
-// ]
+const monitorIdxList = [
+  {
+    value: '1',
+  },
+  {
+    value: '2 （不合格）',
+  },
+  {
+    value: '3',
+  },
+  {
+    value: '4 （不合格）',
+  },
+]
 
-// const handleNodeClick = (data) => {
-//   console.log(data);
-// };
-// const MonIsShow = ref(false)
-// const DevIsShow = ref(false)
-// const IsPasswordShow = ref(false)
-// const dictStore = useDictStore()
-// 定义弹出组件元信息
-// const dialogFormRef = ref()
-// const disabledDate = (time: Date) => {
-//   return time.getTime() > Date.now()
-// }
+// 改变通道号下拉框触发事件
+const handleChnNumChange = (data: any) => {
+  console.log(data);
+}
+
+// 切换不合格测试项、全部测试项 触发事件
+const handleCheckItemSwitch = (data: any) => {
+  // 0 不合格测试项、1 全部测试项
+  if (data === 0) {
+
+  } else {
+
+  }
+}
+
+// 点击左侧树节点触发事件
+const handleNodeClick = (data: any) => {
+  console.log(data);
+};
 
 const checkResultTableData = reactive<CheckResult[]>([
   {
@@ -115,399 +140,133 @@ const checkResultTableData = reactive<CheckResult[]>([
     L3_errValue: 0.01,
     maxErrVaule: 0.05774,
     result: '合格',
-  },
-  {
-    chnNum: '2',
-    standardValue: 57.74,
-    L1: 57.73,
-    L1_errValue: 0.01,
-    L2: 57.73,
-    L2_errValue: 0.01,
-    L3: 57.73,
-    L3_errValue: 0.01,
-    maxErrVaule: 0.05774,
-    result: '合格',
-  }
-])
-const rawTableData = reactive<RawData[]>([
-  {
-    chnNum: '1',
-    rawDataItems: [
-      {
-        updateTime: "2024-10-10 09:30:00",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:03",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:06",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:09",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:12",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:15",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:18",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:21",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:24",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:27",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:30",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:33",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:36",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:39",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:42",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:45",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:48",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:51",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:54",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:57",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      }
-    ]
-  },
-  {
-    chnNum: '2',
-    rawDataItems: [
-      {
-        updateTime: "2024-10-10 09:30:00",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:03",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:06",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:09",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:12",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:15",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:18",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:21",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:24",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:27",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:30",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:33",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:36",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:39",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:42",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:45",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:48",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:51",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:54",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:57",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      }
-    ]
-  },
-  {
-    chnNum: '3',
-    rawDataItems: [
-      {
-        updateTime: "2024-10-10 09:30:00",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:03",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:06",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:09",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:12",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:15",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:18",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:21",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:24",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:27",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:30",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:33",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:36",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:39",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:42",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:45",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:48",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:51",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:54",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      },
-      {
-        updateTime: "2024-10-10 09:30:57",
-        L1: 57.73,
-        L2: 57.73,
-        L3: 57.73,
-      }
-    ]
   }
 ])
 
-const resultTableRef=ref()
+const rawTableData = reactive<RawDataItem[]>([
+  {
+    updateTime: "2024-10-10 09:30:00",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:03",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:06",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:09",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:12",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:15",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:18",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:21",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:24",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:27",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:30",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:33",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:36",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:39",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:42",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:45",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:48",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:51",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:54",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  },
+  {
+    updateTime: "2024-10-10 09:30:57",
+    L1: 57.73,
+    L2: 57.73,
+    L3: 57.73,
+  }
+])
+
+const resultTableRef = ref()
 const rawDataTableRef = ref()
 
 const visible = ref(false)
@@ -516,18 +275,17 @@ const close = () => {
   //数据清空
 
   activeName.value = 'rawDataTab'
-  rawDataTableRef.value?.clear()
 
   visible.value = false;
 };
 
-const open = (deviceItem:any,chnNum:number) => {
+const open = (deviceItem: any, chnNum?: number) => {
   // 发起后端请求，查询详细信息
   // const deviceItem = await getDetail(planId,checkItemId,deviceItem.id, chnNum)
 
   // 数据处理
   // checkResultTableData=[];
-
+  //formContent.value = ...
 
   visible.value = true;
 }
@@ -536,39 +294,70 @@ defineExpose({
   open
 })
 </script>
-<style scoped>
 
-.data-check-dialog{
+<style lang="scss" scoped>
+
+.dialog {
+  display: flex;
+  flex-direction: column;
+  overflow-y: hidden;
+  overflow-x: hidden;
+  width: 100%;
+
+  .data-check-dialog {
     display: flex;
     flex-direction: column;
-    width: 100%;
-}
 
-.data-check-title{
-    display: flex;
-    flex-direction: row;
-    margin-top: 5px;
-    width: 100%;
-}
+    .data-check-head {
+      display: flex;
+      flex-direction: row;
+      width: 100%;
+    }
 
-.data-check-content{
-    display: flex;
-    flex-direction: row;
-    width: 100%;
-}
+    .data-check-body {
+      display: flex;
+      flex-direction: row;
+      width: 100%;
 
-.content-right{
-    width: 100%;
-}
+      .content-left-tree {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
 
-.content-right-title{
-    margin-bottom: 10px;
-}
+        padding: 10px 0;
+        border: 1px solid #ccc;
 
-.content-right-Tabs{
-    box-sizing: border-box;
-    margin-top: 20px;
-    margin-bottom: 10px;
-    max-height: 400px;
+        .content-tree {
+          width: 250px;
+          max-width: 250px;
+          height: 450px;
+          max-height: 450px;
+          overflow-x: auto;
+          overflow-y: auto;
+          margin-top: 10px;
+        }
+      }
+
+      .content-right {
+        margin-left: 10px;
+        flex: 1;
+
+        .content-right-title {
+          /*margin-bottom: 10px;*/
+          div {
+            font-size: 16px;
+            font-weight: 600;
+          }
+        }
+
+        .content-right-Tabs {
+          box-sizing: border-box;
+          margin-top: 20px;
+          margin-bottom: 10px;
+          max-height: 400px;
+        }
+      }
+    }
+  }
 }
 </style>

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

@@ -25,7 +25,7 @@
                 v-for="(item, index) in checkStatus"
                 :label="item.label"
                 :value="item.id"
-               
+
                 :key="index"
                 v-show="shouldShowOption(item)"
               ></el-option>
@@ -37,7 +37,7 @@
                 v-for="(item, index) in checkResult"
                 :label="item.label"
                 :value="item.id"
-         
+
                 :key="index"
                 v-show="shouldShowOption(item)"
               ></el-option>
@@ -49,7 +49,7 @@
                 v-for="(item, index) in checkReportStatus"
                 :label="item.label"
                 :value="item.id"
-               
+
                 :key="index"
                 v-show="shouldShowOption(item)"
               ></el-option>
@@ -100,7 +100,7 @@
               >归档</el-button>
             <!-- <el-button type="primary" :icon="CirclePlus" @click="addDevice('设备新增')" v-if="form.activeTabs === 0"
               >设备新增</el-button> -->
-            
+
               <el-button type="primary" :icon="Odometer"  @click="handleTest('系数校准')"  v-if="form.activeTabs === 0"
               >系数校准</el-button>
           </el-form-item>
@@ -114,8 +114,7 @@
           :icon="View"
           @click="openDrawer('查看', scope.row)"
           v-if="form.activeTabs === 3 && form.activeChildTabs === 1"
-          >查看</el-button
-        >
+          >查看</el-button>
 
         <el-button
         type="primary"
@@ -123,8 +122,7 @@
           :icon="Download"
           @click="openDrawer('报告下载', scope.row)"
           v-if="form.activeTabs === 3 && form.activeChildTabs === 0 && scope.row.reportState === 1"
-          >报告下载</el-button
-        >
+          >报告下载</el-button>
 
         <!-- <div class='cn-render-buttons' v-if="form.activeTabs === 3 && form.activeChildTabs === 0">
           <el-dropdown trigger='click'>
@@ -147,8 +145,7 @@
           :icon="Postcard"
           @click="openDrawer('生成', scope.row)"
           v-if="form.activeTabs === 3"
-          >报告生成</el-button
-        >
+          >报告生成</el-button>
         <!-- <el-button
         type="primary"
           link
@@ -164,24 +161,23 @@
           @click="openDrawer('归档', scope.row)"
           v-if="form.activeTabs === 4"
           :disabled = "scope.row.checkState != 2"
-          >归档</el-button
-        >
+          >归档</el-button>
+
         <el-button
         type="primary"
           link
           :icon="PieChart"
           @click="openDrawer('检测数据查询', scope.row)"
           v-if="form.activeTabs === 5"
-          >检测数据查询</el-button
-        >
+          >检测数据查询</el-button>
+
         <el-button
         type="primary"
           link
           :icon="Switch"
           @click="openDrawer('误差体系更换', scope.row)"
           v-if="form.activeTabs === 5 && scope.row.documentState === 1"
-          >误差体系更换</el-button
-        >
+          >误差体系更换</el-button>
 
         <div class='cn-render-buttons' v-if="form.activeTabs === 5 && scope.row.documentState === 1">
           <el-dropdown trigger='click'>
@@ -208,23 +204,20 @@
     </ProTable>
 
     <!-- 检测过程对话框 -->
-    <!-- <testPopup     
+    <!-- <testPopup
       :visible="dialogFormVisible"
       :formData="dialogForm"
        :dialogTitle="dialogTitle"
       @update:visible="dialogFormVisible = $event"
     /> -->
-    <TestPopup  ref="testPopup"></TestPopup>
+    <TestPopup ref="testPopup"></TestPopup>
 
     <reportPopup
       :visible="reportDialogVisible"
       @update:visible="reportDialogVisible = $event"
     ></reportPopup>
 
-    <dataCheckPopup
-      :visible="dataCheckDialogVisible"
-      @update:visible="dataCheckDialogVisible = $event"
-    ></dataCheckPopup>
+    <dataCheckPopup ref="dataCheckPopupRef"/>
 
     <dataCheckChangeErrSysPopup
     :visible="dataCheckChangeErrSysDialogVisible"
@@ -255,7 +248,7 @@ import { getPlanList } from "@/api/plan/planList";
 import deviceDataList from '@/api/device/device/deviceData'
 import TestPopup from "./testPopup.vue";
 import reportPopup from "./reportPopup.vue";
-import dataCheckPopup from "./dataCheckPopup.vue";
+import dataCheckPopup from "./dataCheckSingleChannelSingleTestPopup.vue";
 import dataCheckChangeErrSysPopup from "./dataCheckChangeErrSysPopup.vue";
 import { getBoundPqDevList } from '@/api/plan/plan.ts'
 import { onMounted, reactive, ref, watch } from "vue";
@@ -273,7 +266,9 @@ const value1 = ref("");
 const value2 = ref("");
 const tableHeight = ref(0);
 const reportDialogVisible = ref(false)
-const dataCheckDialogVisible = ref(false)
+
+const dataCheckPopupRef=ref<InstanceType<typeof dataCheckPopup>>()
+
 const dataCheckChangeErrSysDialogVisible = ref(false)
 const matchDialogVisible = ref(false)
 const dialogTitle = ref('手动检测')
@@ -405,7 +400,7 @@ const getTableList = async (params: any) => {
   }else{
     checkStateList.value = checkStateTable.value
   }
-  return  getBoundPqDevList({'planId': props.id, 
+  return  getBoundPqDevList({'planId': props.id,
                              'checkStateList': checkStateList.value,
                              'checkResult': form.value.checkResult,
                              'reportState': form.value.checkReportStatus,
@@ -867,7 +862,8 @@ const openDrawer = (title: string, row: any) => {
       
     if(title === '检测数据查询')
     {
-      dataCheckDialogVisible.value = true;
+      let device={}
+      dataCheckPopupRef.value?.open(device)
     }
     if (title === '误差体系更换')
     {