微调

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

@@ -5,7 +5,7 @@
       <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-input v-model='formContent.scriptName' :disabled="true"/>
           </el-form-item>
           <el-form-item label="误差体系">
             <el-input v-model='formContent.errorSysName' :disabled="true"/>
@@ -29,12 +29,12 @@
         <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="0"/>
               <el-radio-button label="全部测试项" :value="1"/>
             </el-radio-group>
           </div>
           <div class="content-tree">
-            <el-tree :default-expanded-keys="['0', '0-2']" node-key="id" :data="treeData"
+            <el-tree :default-expanded-keys="['1-1-1']" node-key="id" :data="treeData"
                      :props="defaultProps" @node-click="handleNodeClick"/>
           </div>
         </div>
@@ -67,68 +67,36 @@ import DataCheckResultTable from './dataCheckResultTable.vue'
 import DataCheckRawDataTable from './dataCheckRawDataTable.vue'
 import {CheckData} from "@/api/check/interface";
 import {data as treeData} from "@/api/plan/autoTest.json";
-import {getCheckItemDetail} from "@/api/check/test";
 
 const {appendToBody} = withDefaults(defineProps<{
   appendToBody: boolean
 }>(), {appendToBody: false})
 
-
 const formContent = reactive<CheckData.DataCheck>({
-  testScriptName: 'Q/GDW 10650.4-2021 模拟式',
-  errorSysName: 'Q/GDW 10650.2-2021',
-  dataRule: '所有值',
-  deviceName: '被检设备1',
-  monitorIdx: '1',
+  scriptName: '',
+  errorSysName: '',
+  dataRule: '',
+  deviceName: '',
+  monitorIdx: '',
 })
 
 const activeName = ref('resultTab')
+// 左侧树被选中的叶子节点id
+const checkedScriptId = ref('')
 
 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 handleChnNumChange = (data: any) => {
-  console.log(data);
-}
-
-// 切换不合格测试项、全部测试项 触发事件
-const handleCheckItemSwitch = (data: any) => {
-  // 0 不合格测试项、1 全部测试项
-  if (data === 0) {
-
-  } else {
-
-  }
-}
-
-// 点击左侧树节点触发事件
-const handleNodeClick = (data: any) => {
-  console.log(data);
-};
-
+let monitorIdxList: any[] = []
+// 检测结果表格数据
 const checkResultTableData = reactive<CheckData.CheckResult[]>([
   {
     chnNum: '1',
@@ -143,7 +111,7 @@ const checkResultTableData = reactive<CheckData.CheckResult[]>([
     result: '合格',
   }
 ])
-
+// 原始数据表格数据
 const rawTableData = reactive<CheckData.RawDataItem[]>([
   {
     updateTime: "2024-10-10 09:30:00",
@@ -267,6 +235,44 @@ const rawTableData = reactive<CheckData.RawDataItem[]>([
   }
 ])
 
+const defaultExpandedKeys = computed(() => {
+
+})
+
+// 切换不合格测试项、全部测试项 触发事件
+const handleCheckItemSwitch = (data: any) => {
+  // 0 不合格测试项、1 全部测试项
+  if (data === 0) {
+
+  } else {
+
+  }
+}
+
+// 改变通道号下拉框触发事件
+const handleChnNumChange = (data: any) => {
+  formContent.monitorIdx = data.value
+}
+watch(() => formContent.monitorIdx, (newVal, oldVal) => {
+  if (newVal) {
+    console.log("通道号下拉框", newVal, oldVal);
+  }
+})
+
+// 点击左侧树节点触发事件
+const handleNodeClick = (data: any) => {
+  if (!data.children) {
+    checkedScriptId.value = data.id
+  }
+};
+watch(checkedScriptId, (newVal, oldVal) => {
+  if (newVal) {
+    console.log("左侧树被选中的叶子节点id", newVal, oldVal);
+    // checkResultTableData
+  }
+})
+
+
 const resultTableRef = ref()
 const rawDataTableRef = ref()
 
@@ -274,7 +280,14 @@ const visible = ref(false)
 
 const close = () => {
   //数据清空
-
+  Object.assign(formContent, {
+    scriptName: '',
+    errorSysName: '',
+    dataRule: '',
+    deviceName: '',
+    monitorIdx: '',
+  })
+  checkedScriptId.value = ''
   activeName.value = 'rawDataTab'
 
   visible.value = false;
@@ -290,12 +303,38 @@ const open = async (deviceId: string, chnNum: number, checkItemId?: string) => {
 
 
   // 数据处理
+  monitorIdxList = [
+    {value: '1',},
+    {
+      value: '2 （不合格）',
+    },
+    {
+      value: '3',
+    },
+    {
+      value: '4 （不合格）',
+    },]
+  Object.assign(formContent, {
+    scriptName: 'Q/GDW 10650.4-2021 模拟式',
+    errorSysName: 'Q/GDW 10650.2-2021',
+    dataRule: '所有值',
+    deviceName: '被检设备1',
+    monitorIdx: monitorIdxList[0].value,
+  })
+  checkedScriptId.value = treeData[0].children[0].children[0].id
   // checkResultTableData=[];
-  //formContent.value = ...
 
   visible.value = true;
 }
 
+const getDefaultLeafNodeId = (treeData: any[]): string => {
+  let leafNodeId = ''
+  if (treeData.length > 0) {
+    const firstNode = treeData[0]
+  }
+  return leafNodeId
+}
+
 defineExpose({
   open
 })