From d2e810ad98f127babce4d68b43fd951bae23e859 Mon Sep 17 00:00:00 2001
From: wyuu <czlis@wuyy>
Date: Thu, 25 Dec 2025 18:13:21 +0800
Subject: [PATCH] 1

---
 src/assets/styles/index.scss                  |   2 +-
 src/views/liswork/xmKnowledge/Modify.vue      | 182 ++++----
 src/views/liswork/xmKnowledge/TableData.vue   |  33 +-
 src/views/liswork/xmKnowledge/index.vue       | 100 ++---
 .../comopt-1/components/sysChannel/index.vue  | 108 +++++
 .../comopt-1/components/sysGlobal/index.vue   | 330 +++++++++++++++
 .../comopt-1/components/sysInput/index.vue    | 330 +++++++++++++++
 .../components/sysParameter/index.vue         | 389 ++++++++++++++++++
 .../comopt-1/components/sysReport/index.vue   |  12 +
 .../comopt-1/components/sysSort/index.vue     | 164 ++++++++
 src/views/liswork/xtwh/comopt-1/index.vue     | 352 ++++++++++++++++
 .../comopt/components/sysChannel/index.vue    | 118 ++++--
 .../comopt/components/sysParameter/index.vue  | 346 +++++++++-------
 .../xtwh/comopt/components/sysSort/index.vue  | 153 ++++---
 src/views/liswork/xtwh/comopt/index.vue       |   2 +-
 src/views/liswork/xtwh/xmFeeInstr/index.vue   | 136 +++---
 .../{xmReqItemVsApi => xmReqItemVs}/index.vue |   0
 17 files changed, 2272 insertions(+), 485 deletions(-)
 create mode 100644 src/views/liswork/xtwh/comopt-1/components/sysChannel/index.vue
 create mode 100644 src/views/liswork/xtwh/comopt-1/components/sysGlobal/index.vue
 create mode 100644 src/views/liswork/xtwh/comopt-1/components/sysInput/index.vue
 create mode 100644 src/views/liswork/xtwh/comopt-1/components/sysParameter/index.vue
 create mode 100644 src/views/liswork/xtwh/comopt-1/components/sysReport/index.vue
 create mode 100644 src/views/liswork/xtwh/comopt-1/components/sysSort/index.vue
 create mode 100644 src/views/liswork/xtwh/comopt-1/index.vue
 rename src/views/liswork/xtwh/{xmReqItemVsApi => xmReqItemVs}/index.vue (100%)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 2109434..641e6c8 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -124,7 +124,7 @@ aside {
 //main-container全局样式
 .app-container {
   padding: 10px 10px 0 10px;
-  min-height: calc(100vh - 5.25rem);
+  height: calc(100vh - 5.25rem);
 }
 
 .components-container {
diff --git a/src/views/liswork/xmKnowledge/Modify.vue b/src/views/liswork/xmKnowledge/Modify.vue
index f20b381..2b99e09 100644
--- a/src/views/liswork/xmKnowledge/Modify.vue
+++ b/src/views/liswork/xmKnowledge/Modify.vue
@@ -1,76 +1,76 @@
+<!-- 修改界面 -->
 <template>
-  <!-- 修改界面 -->
-<el-dialog v-model="visible" width="600px" @open="open">
-  <template #header>
-    {{ title }}
-  </template>
-  <span class="text-span">项目信息：</span>
-  <el-divider style="margin: 5px 0;"/>
-  <el-form ref="form" :model="formData" size="small" class="form-inline" inline label-width="70px">
-    <el-form-item label="项目代号" prop="xmdh">
-      <el-input placeholder="项目代号" v-model="formData.xmdh"></el-input>
-    </el-form-item>
-    <el-form-item label="项目名称" prop="xmmc">
-      <el-input placeholder="项目名称" v-model="formData.xmmc"></el-input>
-    </el-form-item>
-    <el-form-item label="助记符" prop="zjf">
-      <el-input placeholder="助记符" v-model="formData.zjf"></el-input>
-    </el-form-item>
-    <el-form-item label="项目类别" prop="xmlb">
-      <el-input placeholder="项目类别" v-model="formData.xmlb"></el-input>
-    </el-form-item>
-    <el-form-item label="所属组" prop="xmz">
-      <el-input placeholder="所属组" v-model="formData.xmz"></el-input>
-    </el-form-item>
-    <el-form-item label="单位" prop="dw">
-      <el-input placeholder="单位" v-model="formData.dw"></el-input>
-    </el-form-item>
-    <el-form-item label="参考上限" prop="cksx">
-      <el-input placeholder="参考上限" v-model="formData.cksx"></el-input>
-    </el-form-item>
-    <el-form-item label="参考下限" prop="ckxx">
-      <el-input placeholder="参考下限" v-model="formData.ckxx"></el-input>
-    </el-form-item>
-    <el-form-item label="打印参考值" prop="dyckz">
-      <el-input placeholder="打印参考值" v-model="formData.dyckz"></el-input>
-    </el-form-item>
-    <el-form-item label="打印序号" prop="dyxh">
-      <el-input placeholder="打印序号" v-model="formData.dyxh"></el-input>
-    </el-form-item>
-    <el-form-item label="计算公式" prop="jsgs">
-      <el-input placeholder="计算公式" v-model="formData.jsgs"></el-input>
-    </el-form-item>
-    <el-form-item label="临床意义" prop="lcyy">
-      <el-input placeholder="临床意义" v-model="formData.lcyy"></el-input>
-    </el-form-item>
-    <el-form-item label="备注" prop="bz">
-      <el-input placeholder="备注" v-model="formData.bz"></el-input>
-    </el-form-item>
-    <el-form-item prop="xsbz">
-      <el-checkbox v-model="xsbzCheck" label="显示标志"></el-checkbox> 
-    </el-form-item> 
-  </el-form>
-  <span class="text-span">知识库条目：</span>
-  <el-divider style="margin: 5px 0;"/>
-  <CustomTable ref="tableRefRight" :data="dataList" :columns="columnsRight" :enable-column-drag="true" @column-drag-end="handleColumnDragEnd"
-      :config="tableConfig" :show-overflow-tooltip="true">
-    <template #reserve="{row}">
-      {{ reserve(row.reserve) }}
-    </template>    
-    <template #textresult="{row}">
-      <el-input v-model="row.textresult" type="textarea" class="full-width-input"></el-input>
+  <el-dialog v-model="visible" width="600px" @open="open">
+    <template #header>
+      {{ title }}
     </template>
-    <template #zd="{row}">
-      <el-input v-model="row.zd" type="textarea" class="full-width-input"></el-input>
+    <span class="text-span">项目信息：</span>
+    <el-divider style="margin: 5px 0;" />
+    <el-form ref="form" :model="formData" size="small" class="form-inline" inline label-width="70px">
+      <el-form-item label="项目代号" prop="xmdh">
+        <el-input placeholder="项目代号" v-model="formData.xmdh"></el-input>
+      </el-form-item>
+      <el-form-item label="项目名称" prop="xmmc">
+        <el-input placeholder="项目名称" v-model="formData.xmmc"></el-input>
+      </el-form-item>
+      <el-form-item label="助记符" prop="zjf">
+        <el-input placeholder="助记符" v-model="formData.zjf"></el-input>
+      </el-form-item>
+      <el-form-item label="项目类别" prop="xmlb">
+        <el-input placeholder="项目类别" v-model="formData.xmlb"></el-input>
+      </el-form-item>
+      <el-form-item label="所属组" prop="xmz">
+        <el-input placeholder="所属组" v-model="formData.xmz"></el-input>
+      </el-form-item>
+      <el-form-item label="单位" prop="dw">
+        <el-input placeholder="单位" v-model="formData.dw"></el-input>
+      </el-form-item>
+      <el-form-item label="参考上限" prop="cksx">
+        <el-input placeholder="参考上限" v-model="formData.cksx"></el-input>
+      </el-form-item>
+      <el-form-item label="参考下限" prop="ckxx">
+        <el-input placeholder="参考下限" v-model="formData.ckxx"></el-input>
+      </el-form-item>
+      <el-form-item label="打印参考值" prop="dyckz">
+        <el-input placeholder="打印参考值" v-model="formData.dyckz"></el-input>
+      </el-form-item>
+      <el-form-item label="打印序号" prop="dyxh">
+        <el-input placeholder="打印序号" v-model="formData.dyxh"></el-input>
+      </el-form-item>
+      <el-form-item label="计算公式" prop="jsgs">
+        <el-input placeholder="计算公式" v-model="formData.jsgs"></el-input>
+      </el-form-item>
+      <el-form-item label="临床意义" prop="lcyy">
+        <el-input placeholder="临床意义" v-model="formData.lcyy"></el-input>
+      </el-form-item>
+      <el-form-item label="备注" prop="bz">
+        <el-input placeholder="备注" v-model="formData.bz"></el-input>
+      </el-form-item>
+      <el-form-item prop="xsbz">
+        <el-checkbox v-model="xsbzCheck" label="显示标志"></el-checkbox>
+      </el-form-item>
+    </el-form>
+    <span class="text-span">知识库条目：</span>
+    <el-divider style="margin: 5px 0;" />
+    <CustomTable ref="tableRefRight" :data="dataList" :columns="columnsRight" :enable-column-drag="true"
+      @column-drag-end="handleColumnDragEnd" :config="tableConfig" :show-overflow-tooltip="true">
+      <template #reserve="{ row }">
+        {{ reserve(row.reserve) }}
+      </template>
+      <template #textresult="{ row }">
+        <el-input v-model="row.textresult" type="textarea" class="full-width-input"></el-input>
+      </template>
+      <template #zd="{ row }">
+        <el-input v-model="row.zd" type="textarea" class="full-width-input"></el-input>
+      </template>
+    </CustomTable>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleCancel">取 消</el-button>
+        <el-button type="primary" @click="handleOk">确 定</el-button>
+      </div>
     </template>
-  </CustomTable>  
-  <template #footer>
-    <div class="dialog-footer">
-       <el-button @click="handleCancel">取 消</el-button>
-       <el-button type="primary" @click="handleOk">确 定</el-button>
-    </div>
-  </template>
-</el-dialog>   
+  </el-dialog>
 
 </template>
 
@@ -80,7 +80,7 @@ import { addService } from '@/api/liswork/xmKnowledge/xmKnowledgeApi'
 import { ElMessage } from 'element-plus'
 
 const props = defineProps({
-  title:{
+  title: {
     type: String,
     default: ''
   },
@@ -96,7 +96,7 @@ const formData = ref({
   xmdh: '',
   xmmc: '',
   zjf: '',
-  xmlb: '' ,
+  xmlb: '',
   xmz: '',
   dw: '',
   cksx: '',
@@ -105,15 +105,15 @@ const formData = ref({
   dyxh: '',
   jsgs: '',
   lcyy: '',
-  bz:'',
+  bz: '',
   xsbz: ''
 })
 
 
 const columnsRight = ref([
-  { prop: 'reserve', label: '类别', visible: true, align: 'center',slot: 'reserve', width: 50 ,showOverflowTooltip: false},
-  { prop: 'textresult', label: '说明', visible: true, align: 'center',slot: 'textresult', width: 300,showOverflowTooltip: false},
-  { prop: 'zd', label: '指导建议', visible: true, align: 'center',slot: 'zd', width: 200,showOverflowTooltip: false },
+  { prop: 'reserve', label: '类别', visible: true, align: 'center', slot: 'reserve', width: 50, showOverflowTooltip: false },
+  { prop: 'textresult', label: '说明', visible: true, align: 'center', slot: 'textresult', width: 300, showOverflowTooltip: false },
+  { prop: 'zd', label: '指导建议', visible: true, align: 'center', slot: 'zd', width: 200, showOverflowTooltip: false },
 ])
 
 const tableConfig = ref({
@@ -127,7 +127,7 @@ const xsbzCheck = computed({
   get() {
     return formData.value.xsbz === '1'
   },
-  set(checked){
+  set(checked) {
     formData.value.xsbz = checked ? '1' : '0';
   }
 })
@@ -142,13 +142,13 @@ const handleColumnDragEnd = (data: any) => {
 const dataList = ref<any>([])
 
 
-const reserve = (reserve:string) => {
-  switch(reserve){
+const reserve = (reserve: string) => {
+  switch (reserve) {
     case '1':
       return '综述'
     case 'H':
       return '偏高'
-    case 'L':  
+    case 'L':
       return '偏低'
     case 'P':
       return '阳性'
@@ -175,20 +175,20 @@ const handleOk = async () => {
 }
 
 const open = () => {
-  if(props.type === '新增'){
+  if (props.type === '新增') {
     dataList.value = [
-      {reserve:'1',textresult:'',yxjs:'',cjyy:'',zd:''},
-      {reserve:'H',textresult:'',yxjs:'',cjyy:'',zd:''},
-      {reserve:'L',textresult:'',yxjs:'',cjyy:'',zd:''},
-      {reserve:'P',textresult:'',yxjs:'',cjyy:'',zd:''},
-      {reserve:'Q',textresult:'',yxjs:'',cjyy:'',zd:''},
-      {reserve:'J',textresult:'',yxjs:'',cjyy:'',zd:''},
-      {reserve:'N',textresult:'',yxjs:'',cjyy:'',zd:''},
+      { reserve: '1', textresult: '', yxjs: '', cjyy: '', zd: '' },
+      { reserve: 'H', textresult: '', yxjs: '', cjyy: '', zd: '' },
+      { reserve: 'L', textresult: '', yxjs: '', cjyy: '', zd: '' },
+      { reserve: 'P', textresult: '', yxjs: '', cjyy: '', zd: '' },
+      { reserve: 'Q', textresult: '', yxjs: '', cjyy: '', zd: '' },
+      { reserve: 'J', textresult: '', yxjs: '', cjyy: '', zd: '' },
+      { reserve: 'N', textresult: '', yxjs: '', cjyy: '', zd: '' },
     ]
-  }else{
+  } else {
 
   }
-    
+
 }
 
 </script>
@@ -198,9 +198,11 @@ const open = () => {
   padding: 10px;
   background-color: #f5f7fa;
   height: auto;
+
   .el-input {
     width: 150px;
   }
+
   .el-form-item {
     margin-right: 10px;
     margin-bottom: 2px;
diff --git a/src/views/liswork/xmKnowledge/TableData.vue b/src/views/liswork/xmKnowledge/TableData.vue
index 7dd295c..51617b8 100644
--- a/src/views/liswork/xmKnowledge/TableData.vue
+++ b/src/views/liswork/xmKnowledge/TableData.vue
@@ -1,17 +1,17 @@
 <template>
-<CustomTable ref="tableRefRight" :data="dataList" :columns="columnsRight" :enable-column-drag="true" @column-drag-end="handleColumnDragEnd"
-      :config="tableConfig">
-  <template #reserve="{row}">
-    {{ reserve(row.reserve) }}
-  </template>    
-</CustomTable>  
+  <CustomTable ref="tableRefRight" :data="dataList" :columns="columnsRight" :enable-column-drag="true"
+    @column-drag-end="handleColumnDragEnd" :config="tableConfig">
+    <template #reserve="{ row }">
+      {{ reserve(row.reserve) }}
+    </template>
+  </CustomTable>
 </template>
 
 <script setup lang="ts">
 import CustomTable from '@/components/elTable/index.vue'
 
 const props = defineProps({
-  dataList:{
+  dataList: {
     type: Array,
     required: false,
     default: []
@@ -23,17 +23,17 @@ const props = defineProps({
       reserveWidth: 50,
       textresultWidth: 200,
       zdWidth: 100,
-      tableHeight: '85vh'
+      tableHeight: '100%'
     }
-   
+
   }
 })
 
 //const dataListRight = ref([]);
 const columnsRight = ref([
-  { prop: 'reserve', label: '类别', visible: true, align: 'center',slot: 'reserve', width: props.styleConfig.reserveWidth },
-  { prop: 'textresult', label: '说明', visible: true, align: 'center', width: props.styleConfig.textresultWidth ,showOverflowTooltip: false},
-  { prop: 'zd', label: '指导建议', visible: true, align: 'center', width: props.styleConfig.zdWidth,showOverflowTooltip: false },
+  { prop: 'reserve', label: '类别', visible: true, align: 'center', slot: 'reserve', },
+  { prop: 'textresult', label: '说明', visible: true, align: 'center', showOverflowTooltip: false },
+  { prop: 'zd', label: '指导建议', visible: true, align: 'center', showOverflowTooltip: false },
 ])
 
 const tableConfig = ref({
@@ -50,13 +50,13 @@ const handleColumnDragEnd = (data: any) => {
 }
 
 
-const reserve = (reserve:string) => {
-  switch(reserve){
+const reserve = (reserve: string) => {
+  switch (reserve) {
     case '1':
       return '综述'
     case 'H':
       return '偏高'
-    case 'L':  
+    case 'L':
       return '偏低'
     case 'P':
       return '阳性'
@@ -72,5 +72,4 @@ const reserve = (reserve:string) => {
 
 </script>
 
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>
diff --git a/src/views/liswork/xmKnowledge/index.vue b/src/views/liswork/xmKnowledge/index.vue
index c5e024f..74026cd 100644
--- a/src/views/liswork/xmKnowledge/index.vue
+++ b/src/views/liswork/xmKnowledge/index.vue
@@ -1,46 +1,54 @@
 <template>
-<div class="topForm">
-  <el-form ref="formRef" :model="formData" inline label-width="80px" class="mb8" @submit.prevent="handleSubmit">
-    <el-form-item label="检索" prop="js">
-      <el-input placeholder="项目代号，名称，简拼" v-model="formData.js" style="width: 200px;" @keyup.enter="getList"></el-input>
-    </el-form-item>
-  </el-form>
-</div>
-<el-row>
-  <el-button type="primary" @click="onQueryClick">查询</el-button>
-  <el-button type="primary" @click="onAddClick">新增</el-button>
-  <el-button type="primary" @click="onDelClick">删除</el-button>
-</el-row>
-<el-row>
-  <el-col :span="17">
-    <CustomTable ref="tableRefLeft" :data="dataListLeft" :columns="columnsLeft" :enable-column-drag="true" @column-drag-end="handleColumnDragEnd"
-          :config="tableConfig" @row-dblclick="onDBClick" @row-click="onClick" :pagination="pagination" @size-change="sizeChange" @page-change="currentChange">
-      <template #xsbz="{row}">
-        <el-checkbox :model-value="row.xsbz === '1'"/>   
-      </template>
-    </CustomTable>
-  </el-col>
-  <el-col :span="7">
-    <TableRight :data-list="dataListRight"/>
-  </el-col>
-</el-row>
+  <div class="app-container">
+    <div class="topForm">
+      <el-form ref="formRef" :model="formData" inline label-width="80px" @submit.prevent="handleSubmit">
+        <el-form-item label="检索" prop="js">
+          <el-input placeholder="项目代号，名称，简拼" v-model="formData.js" style="width: 200px;"
+            @keyup.enter="getList"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="onQueryClick">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-row>
+      <el-button type="primary" @click="onAddClick">新增</el-button>
+      <el-button type="danger" @click="onDelClick">删除</el-button>
+    </el-row>
+    <el-row :gutter="20" class="table-row">
+      <el-col :span="17" class="table-col">
+        <CustomTable ref="tableRefLeft" :data="dataListLeft" :columns="columnsLeft" :enable-column-drag="true"
+          @column-drag-end="handleColumnDragEnd" :config="tableConfig" @row-dblclick="onDBClick" @row-click="onClick"
+          :pagination="pagination" @size-change="sizeChange" @page-change="currentChange">
+          <template #xsbz="{ row }">
+            <el-checkbox :model-value="row.xsbz === '1'" />
+          </template>
+        </CustomTable>
+      </el-col>
+      <el-col :span="7" class="table-col">
+        <TableRight :data-list="dataListRight" />
+      </el-col>
+    </el-row>
+
+    <Modify ref="modifyRef" v-model="modifyVisible" :title="modifyTitle" :type="modifyType"
+      @close-with-return="closeWithReturn" />
+  </div>
 
-<Modify ref="modifyRef" v-model="modifyVisible" :title="modifyTitle" :type="modifyType" @close-with-return="closeWithReturn"/>
 </template>
 
 <script setup lang="ts">
 import CustomTable from '@/components/elTable/index.vue'
-import {queryService,queryDetailService,delService} from '@/api/liswork/xmKnowledge/xmKnowledgeApi'
+import { queryService, queryDetailService, delService } from '@/api/liswork/xmKnowledge/xmKnowledgeApi'
 import TableRight from './TableData.vue'
 import Modify from './Modify.vue'
-import { ElMessage,ElMessageBox } from 'element-plus';
+import { ElMessage, ElMessageBox } from 'element-plus';
 
 const dataListLeft = ref([]);
 const dataListRight = ref([]);
 const columnsLeft = ref([
   { prop: 'xmid', label: '知识库ID', visible: true, align: 'center', width: 100 },
   { prop: 'xmdh', label: '项目代号', visible: true, align: 'center', width: 100 },
-  { prop: 'xmmc', label: '项目名称', visible: true, align: 'center',  width: 200 },
+  { prop: 'xmmc', label: '项目名称', visible: true, align: 'center', width: 200 },
   { prop: 'xsbz', label: '显示标志', visible: true, align: 'center', slot: 'xsbz', width: 100 },
   { prop: 'xmlb', label: '类别', visible: true, align: 'center', width: 100 },
   { prop: 'xmz', label: '所属组', visible: true, align: 'center', width: 100 },
@@ -57,7 +65,7 @@ const columnsLeft = ref([
 
 const tableConfig = ref({
   border: true, // 边框
-  height: '85vh', // 高度
+  height: '100%', // 高度
   highlightCurrentRow: true, // 高亮当前行
   // cellStyle: cellStyleHd
 })
@@ -96,7 +104,7 @@ const formData = ref({
   js: ''
 })
 
-const closeWithReturn = () =>{
+const closeWithReturn = () => {
   getList()
 }
 
@@ -104,17 +112,17 @@ const handleSubmit = (event: any) => {
   event.preventDefault();
 }
 
-const onClick = async (row:any) => {
+const onClick = async (row: any) => {
   const res = await queryDetailService(row.xmid);
   dataListRight.value = res.data
   selectRow.value = row
 }
 
-const onDBClick = ()=>{
+const onDBClick = () => {
 
 }
 
-const onAddClick = ()=> {
+const onAddClick = () => {
   modifyVisible.value = true
   modifyTitle.value = '新增'
   modifyType.value = '新增'
@@ -122,12 +130,12 @@ const onAddClick = ()=> {
 }
 
 const onDelClick = async () => {
-  if(selectRow.value){
-    await ElMessageBox.confirm('是否要删除选中的数据?','警告',{confirmButtonText: '确定',cancelButtonText: '取消',});
+  if (selectRow.value) {
+    await ElMessageBox.confirm('是否要删除选中的数据?', '警告', { confirmButtonText: '确定', cancelButtonText: '取消', });
     await delService(selectRow.value.xmid)
     ElMessage.success('删除成功！')
   }
- 
+
 }
 
 const onQueryClick = () => {
@@ -135,29 +143,29 @@ const onQueryClick = () => {
 }
 
 const getList = async () => {
-  const data = {pageSize: pagination.value.pageSize, pageNum: pagination.value.currentPage,inputData: formData.value.js }
+  const data = { pageSize: pagination.value.pageSize, pageNum: pagination.value.currentPage, inputData: formData.value.js }
   const res = await queryService(data);
   dataListLeft.value = res.rows
   pagination.value.total = res.total
 
   dataListRight.value = []
-  
+
 }
 
 
-onMounted(()=>{
+onMounted(() => {
   getList()
 })
 
 </script>
 
 <style scoped lang="scss">
-.el-row {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-.topForm {
+.table-row {
+  height: calc(100% - 150px);
   margin-top: 10px;
+
+  .table-col {
+    height: 100%;
+  }
 }
 </style>
diff --git a/src/views/liswork/xtwh/comopt-1/components/sysChannel/index.vue b/src/views/liswork/xtwh/comopt-1/components/sysChannel/index.vue
new file mode 100644
index 0000000..e8f367c
--- /dev/null
+++ b/src/views/liswork/xtwh/comopt-1/components/sysChannel/index.vue
@@ -0,0 +1,108 @@
+<template>
+  <!-- 通道号配置 -->
+  <div class="table-container">
+    <el-row :gutter="10" class="table-toolbar">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Check" @click="handleSave">保存</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Edit" @click="addItem">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="Delete" @click="delItem">删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="Delete" @click="allClear">清除所有项目接口号</el-button>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="10" class="table-row">
+      <el-col :span="12" class="table-box">
+        <el-table :data="tableData" height="100%" border highlight-current-row>
+          <el-table-column label="通道号" align="center">
+            <template #default="scope">
+              <el-input v-model="scope.row.channel" placeholder="请输入通道号" class="full-width-input" />
+            </template>
+          </el-table-column>
+          <el-table-column label="项目" align="center">
+            <template #default="scope">
+              <SelectTable v-model:data="scope.row.xmid" :tableData="xmList" class="full-width-input" />
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+      <el-col :span="6">
+        <div class="tips">
+          说明：
+          “通道号”又称“接口代号”，是指仪器向电脑传送结果时项目的
+          标识符
+          接口代号对于一个仪器不可重复。
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { queryXmInfoNewService } from '@/api/liswork/labItem/labItemApi';
+const yq = defineModel<string>();
+
+const tableData = ref<Array<{ channel: string }>>([]);
+const handleSave = () => {
+};
+
+const addItem = () => {
+  tableData.value.push({ channel: '' })
+};
+
+const delItem = () => {
+}
+
+const allClear = () => {
+}
+const xmList = ref<Array<{ xmmc: string, xmid: string }>>([]);
+const getXmList = () => {
+  queryXmInfoNewService({ yq: yq.value }).then((res: any) => {
+    xmList.value = res.rows.map((item: any) => {
+      return {
+        label: item.xmmc,
+        value: item.xmid.toString(),
+      }
+    })
+  })
+};
+
+watch(() => yq.value, (val) => {
+  if (val) {
+    getXmList();
+  }
+}, { immediate: true });
+</script>
+
+<style scoped lang="scss">
+.table-container {
+  height: calc(100% - 58px);
+}
+
+.table-toolbar {
+  margin-bottom: 8px;
+  height: 36px;
+  line-height: 36px;
+}
+
+.tips {
+  font-family: SourceHanSansCN, SourceHanSansCN;
+  font-size: 16px;
+  color: #409eff;
+  font-weight: 600;
+}
+
+.table-row {
+  height: calc(100% - 45px);
+
+  .table-box {
+    height: 100%;
+
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/liswork/xtwh/comopt-1/components/sysGlobal/index.vue b/src/views/liswork/xtwh/comopt-1/components/sysGlobal/index.vue
new file mode 100644
index 0000000..3b0a308
--- /dev/null
+++ b/src/views/liswork/xtwh/comopt-1/components/sysGlobal/index.vue
@@ -0,0 +1,330 @@
+<!-- 系统全局选项 -->
+<template>
+  <div class="sys_box">
+    <el-row :gutter="10" class="table-toolbar">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Check" @click="handleSave">保存</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Edit" @click="handleCancelEdit">取消修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="RefreshRight" @click="handleRestoreDefault">还原默认</el-button>
+      </el-col>
+    </el-row>
+
+    <!-- 三列表格容器 -->
+    <div class="triple-table-wrapper">
+      <!-- 第一列表格 -->
+      <div class="table-panel table-1">
+        <el-table v-loading="loading" :data="tableData1" @selection-change="handleSelectionChange" class="config-table"
+          fit border height="100%" :cell-spacing="0">
+          <el-table-column label="序号" align="center" prop="configSort" width="50" />
+          <el-table-column :label="`${menuname}名称`" align="left" prop="configName" show-overflow-tooltip
+            min-width="150" />
+          <el-table-column label="参数值" align="center" prop="configDefvalue" show-overflow-tooltip min-width="100">
+            <template #default="scope">
+              <DynamicInput :type="scope.row.configOptiontype" v-model="scope.row.configDefvalue"
+                :dict-data="scope.row.remark" :placeholder="`请输入${scope.row.configName}值`" class="edit-input" />
+            </template>
+          </el-table-column>
+          <el-table-column label="值码" align="center" prop="configDefvalue" v-if="false" show-overflow-tooltip
+            min-width="100" />
+        </el-table>
+      </div>
+
+      <!-- 第二列表格 -->
+      <div class="table-panel table-2">
+        <el-table v-loading="loading" :data="tableData2" @selection-change="handleSelectionChange" class="config-table"
+          fit border height="100%" :cell-spacing="0">
+          <el-table-column label="序号" align="center" prop="configSort" width="50" />
+          <el-table-column :label="`${menuname}名称`" align="left" prop="configName" show-overflow-tooltip
+            min-width="150" />
+          <el-table-column label="参数值" align="center" prop="configDefvalue" show-overflow-tooltip min-width="100">
+            <template #default="scope">
+              <DynamicInput :type="scope.row.configOptiontype" v-model="scope.row.configDefvalue"
+                :dict-data="scope.row.remark" :placeholder="`请输入${scope.row.configName}值`" class="edit-input" />
+            </template>
+          </el-table-column>
+          <el-table-column label="值码" align="center" prop="configDefvalue" v-if="false" show-overflow-tooltip
+            min-width="100" />
+        </el-table>
+      </div>
+
+      <!-- 第三列表格 -->
+      <div class="table-panel table-3">
+        <el-table v-loading="loading" :data="tableData3" @selection-change="handleSelectionChange" class="config-table"
+          fit border height="100%" :cell-spacing="0">
+          <el-table-column label="序号" align="center" prop="configSort" width="50" />
+          <el-table-column :label="`${menuname}名称`" align="left" prop="configName" show-overflow-tooltip
+            min-width="150" />
+          <el-table-column label="参数值" align="center" prop="configDefvalue" show-overflow-tooltip min-width="100">
+            <template #default="scope">
+              <DynamicInput :type="scope.row.configOptiontype" v-model="scope.row.configDefvalue"
+                :dict-data="scope.row.remark" :placeholder="`请输入${scope.row.configName}值`" class="edit-input" />
+            </template>
+          </el-table-column>
+          <el-table-column label="值码" align="center" prop="configDefvalue" v-if="false" show-overflow-tooltip
+            min-width="100" />
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ElMessage, ElTree, TreeNode, ElMessageBox, ElBadge } from 'element-plus'
+import { paramList, paramTree, getdef, updateParam } from '@/api/liswork/xtwh/ComOpt'
+import { getFirstLetter } from '@/utils/pinyin'
+// @ts-ignore
+import DynamicInput from "@/views/liswork/xtwh/localconfig/components/DynamicInput.vue"
+const emits = defineEmits(['updateTree'])
+const yq = defineModel<string>()
+
+interface RegDictItem {
+  configId: string | number
+  configSort: number
+  configCode: string
+  configName: string
+  configDefvalue: string | number
+  configOptiontype: string
+  remark: string
+}
+// 列表相关
+const optiontype = ref<string>("SYSTEM")
+const menuname = ref<string>("系统全局")
+const regdictList = ref<RegDictItem[]>([])
+const originRegdictList = ref<RegDictItem[]>([])
+const loading = ref<boolean>(false)
+const total = ref<number>(0)
+
+// 选择相关
+const ids = ref<(string | number)[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+
+// ========== 核心：拆分三列表格数据 ==========
+const tableData1 = computed<RegDictItem[]>(() => {
+  const splitSize = Math.ceil(total.value / 3) // 每列基础行数
+  return regdictList.value.slice(0, splitSize)
+})
+
+const tableData2 = computed<RegDictItem[]>(() => {
+  const splitSize = Math.ceil(total.value / 3)
+  return regdictList.value.slice(splitSize, splitSize * 2)
+})
+
+const tableData3 = computed<RegDictItem[]>(() => {
+  const splitSize = Math.ceil(total.value / 3)
+  return regdictList.value.slice(splitSize * 2)
+})
+
+
+const getList = async (): Promise<void> => {
+  loading.value = true
+  try {
+    const response = await paramList({ yq: yq.value, optiontype: optiontype.value })
+    regdictList.value = JSON.parse(JSON.stringify(response.data))
+    originRegdictList.value = JSON.parse(JSON.stringify(response.data))
+    total.value = response.data.length
+  } catch (error) {
+    ElMessage.error(`获取列表异常：${(error as Error).message}`)
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleSelectionChange = (val: RegDictItem[]): void => {
+  ids.value = val.map(item => item.configId)
+  single.value = val.length === 1
+  multiple.value = val.length > 1
+}
+
+const handleSave = async (): Promise<void> => {
+  try {
+    loading.value = true
+    // 合并三列表格数据提交
+    const allData = [...tableData1.value, ...tableData2.value, ...tableData3.value]
+    const res = await updateParam(allData)
+    if (res.code == 0) {
+      ElMessage.success(res.msg || "保存成功")
+      originRegdictList.value = JSON.parse(JSON.stringify(allData))
+      // 更新树结构状态
+      emits('updateTree')
+    }
+  } catch (error) {
+    ElMessage.error(`保存失败：${(error as Error).message}`)
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleCancelEdit = (): void => {
+  ElMessageBox.confirm(
+    "是否确认取消所有修改，恢复原始数据？",
+    "提示",
+    {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning"
+    }
+  ).then(() => {
+    regdictList.value = JSON.parse(JSON.stringify(originRegdictList.value))
+    ElMessage.success("已恢复原始数据！")
+  })
+}
+
+const handleRestoreDefault = async (): Promise<void> => {
+  ElMessageBox.confirm(
+    "是否确认还原所有默认值？此操作会覆盖当前修改！",
+    "警告",
+    {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "error"
+    }
+  ).then(async () => {
+    loading.value = true
+    try {
+      const res = await getdef({ optiontype: optiontype.value })
+      regdictList.value = JSON.parse(JSON.stringify(res.data))
+      originRegdictList.value = JSON.parse(JSON.stringify(res.data))
+      total.value = res.data.length
+      ElMessage.success("还原默认值成功！")
+    } catch (error) {
+      ElMessage.error(`还原失败：${(error as Error).message}`)
+    } finally {
+      loading.value = false
+    }
+  })
+}
+
+
+watch(yq, (newVal) => {
+  if (newVal !== undefined) {
+    getList()
+  }
+}, {
+  immediate: true,
+  deep: true
+})
+</script>
+
+<style scoped lang="scss">
+.sys_box {
+  height: calc(100% - 58px);
+}
+
+.table-toolbar {
+  margin-bottom: 8px;
+  height: 36px;
+  line-height: 36px;
+}
+
+// 三列表格容器
+.triple-table-wrapper {
+  flex: 1;
+  height: calc(100% - 45px); // 减去标题行+工具栏高度
+  display: flex;
+  gap: 0px; // 表格间间距
+  overflow: hidden;
+
+  // 单个表格面板
+  .table-panel {
+    flex: 1; // 三列均等分
+    height: 100%;
+    overflow: hidden;
+    background: #fff;
+    border: 1px solid #e6e6e6;
+    border-radius: 4px;
+
+    // 细微间距优化
+    &.table-1 {
+      margin-right: 0px;
+    }
+
+    &.table-2 {
+      margin: 0 0px;
+    }
+
+    &.table-3 {
+      margin-left: 0px;
+    }
+  }
+}
+
+
+// 核心：清除表格内上下间隙
+:deep(.config-table) {
+  // 清除表格整体的边框间距
+  border-collapse: collapse !important;
+  border-spacing: 0 !important;
+
+  // 清除表格头部间距
+  .el-table__header {
+    padding: 0 !important;
+
+    th {
+      padding: 0 !important;
+      border-bottom: 1px solid #e6e6e6 !important;
+      line-height: 25px !important;
+      height: 25px !important;
+    }
+  }
+
+  // 清除表格内容区间距
+  .el-table__body {
+    padding: 0 !important;
+
+    // 清除行间距
+    .el-table__row {
+      height: 25px !important;
+      line-height: 25px !important;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+
+    // 清除单元格内边距和间距
+    .el-table__cell {
+      padding: 0 4px !important; // 仅保留左右内边距，上下清零
+      height: 25px !important;
+      line-height: 25px !important;
+      vertical-align: middle !important;
+      font-size: 12px;
+      border-bottom: 1px solid #e6e6e6 !important;
+      border-right: 1px solid #e6e6e6 !important;
+    }
+
+    // 最后一列清除右侧边框
+    .el-table__cell:last-child {
+      border-right: none !important;
+    }
+  }
+
+  // 清除表格底部间距
+  .el-table__footer {
+    padding: 0 !important;
+  }
+
+  // 编辑输入框适配紧凑布局
+  .edit-input {
+    width: 95%;
+    margin: 0 !important;
+    padding: 0 !important;
+
+    :deep(.el-input__inner) {
+      padding: 0 5px;
+      height: 25px !important; // 缩小输入框高度适配紧凑行高
+      line-height: 25px !important;
+      font-size: 12px;
+      border: 1px solid #dcdfe6;
+      margin: 0 !important;
+
+      &:focus {
+        border-color: #409eff;
+        outline: none;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/liswork/xtwh/comopt-1/components/sysInput/index.vue b/src/views/liswork/xtwh/comopt-1/components/sysInput/index.vue
new file mode 100644
index 0000000..e1bac06
--- /dev/null
+++ b/src/views/liswork/xtwh/comopt-1/components/sysInput/index.vue
@@ -0,0 +1,330 @@
+<!-- 系统全局选项 -->
+<template>
+  <div class="sys_box">
+    <el-row :gutter="10" class="table-toolbar">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Check" @click="handleSave">保存</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Edit" @click="handleCancelEdit">取消修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="RefreshRight" @click="handleRestoreDefault">还原默认</el-button>
+      </el-col>
+    </el-row>
+
+    <!-- 三列表格容器 -->
+    <div class="triple-table-wrapper">
+      <!-- 第一列表格 -->
+      <div class="table-panel table-1">
+        <el-table v-loading="loading" :data="tableData1" @selection-change="handleSelectionChange" class="config-table"
+          fit border height="100%" :cell-spacing="0">
+          <el-table-column label="序号" align="center" prop="configSort" width="50" />
+          <el-table-column :label="`${menuname}名称`" align="left" prop="configName" show-overflow-tooltip
+            min-width="150" />
+          <el-table-column label="参数值" align="center" prop="configDefvalue" show-overflow-tooltip min-width="100">
+            <template #default="scope">
+              <DynamicInput :type="scope.row.configOptiontype" v-model="scope.row.configDefvalue"
+                :dict-data="scope.row.remark" :placeholder="`请输入${scope.row.configName}值`" class="edit-input" />
+            </template>
+          </el-table-column>
+          <el-table-column label="值码" align="center" prop="configDefvalue" v-if="false" show-overflow-tooltip
+            min-width="100" />
+        </el-table>
+      </div>
+
+      <!-- 第二列表格 -->
+      <div class="table-panel table-2">
+        <el-table v-loading="loading" :data="tableData2" @selection-change="handleSelectionChange" class="config-table"
+          fit border height="100%" :cell-spacing="0">
+          <el-table-column label="序号" align="center" prop="configSort" width="50" />
+          <el-table-column :label="`${menuname}名称`" align="left" prop="configName" show-overflow-tooltip
+            min-width="150" />
+          <el-table-column label="参数值" align="center" prop="configDefvalue" show-overflow-tooltip min-width="100">
+            <template #default="scope">
+              <DynamicInput :type="scope.row.configOptiontype" v-model="scope.row.configDefvalue"
+                :dict-data="scope.row.remark" :placeholder="`请输入${scope.row.configName}值`" class="edit-input" />
+            </template>
+          </el-table-column>
+          <el-table-column label="值码" align="center" prop="configDefvalue" v-if="false" show-overflow-tooltip
+            min-width="100" />
+        </el-table>
+      </div>
+
+      <!-- 第三列表格 -->
+      <div class="table-panel table-3">
+        <el-table v-loading="loading" :data="tableData3" @selection-change="handleSelectionChange" class="config-table"
+          fit border height="100%" :cell-spacing="0">
+          <el-table-column label="序号" align="center" prop="configSort" width="50" />
+          <el-table-column :label="`${menuname}名称`" align="left" prop="configName" show-overflow-tooltip
+            min-width="150" />
+          <el-table-column label="参数值" align="center" prop="configDefvalue" show-overflow-tooltip min-width="100">
+            <template #default="scope">
+              <DynamicInput :type="scope.row.configOptiontype" v-model="scope.row.configDefvalue"
+                :dict-data="scope.row.remark" :placeholder="`请输入${scope.row.configName}值`" class="edit-input" />
+            </template>
+          </el-table-column>
+          <el-table-column label="值码" align="center" prop="configDefvalue" v-if="false" show-overflow-tooltip
+            min-width="100" />
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ElMessage, ElTree, TreeNode, ElMessageBox, ElBadge } from 'element-plus'
+import { paramList, paramTree, getdef, updateParam } from '@/api/liswork/xtwh/ComOpt'
+import { getFirstLetter } from '@/utils/pinyin'
+// @ts-ignore
+import DynamicInput from "@/views/liswork/xtwh/localconfig/components/DynamicInput.vue"
+const emits = defineEmits(['updateTree'])
+const yq = defineModel<string>()
+
+interface RegDictItem {
+  configId: string | number
+  configSort: number
+  configCode: string
+  configName: string
+  configDefvalue: string | number
+  configOptiontype: string
+  remark: string
+}
+// 列表相关
+const optiontype = ref<string>("INPUT")
+const menuname = ref<string>("界面设定")
+const regdictList = ref<RegDictItem[]>([])
+const originRegdictList = ref<RegDictItem[]>([])
+const loading = ref<boolean>(false)
+const total = ref<number>(0)
+
+// 选择相关
+const ids = ref<(string | number)[]>([])
+const single = ref<boolean>(true)
+const multiple = ref<boolean>(true)
+
+// ========== 核心：拆分三列表格数据 ==========
+const tableData1 = computed<RegDictItem[]>(() => {
+  const splitSize = Math.ceil(total.value / 3) // 每列基础行数
+  return regdictList.value.slice(0, splitSize)
+})
+
+const tableData2 = computed<RegDictItem[]>(() => {
+  const splitSize = Math.ceil(total.value / 3)
+  return regdictList.value.slice(splitSize, splitSize * 2)
+})
+
+const tableData3 = computed<RegDictItem[]>(() => {
+  const splitSize = Math.ceil(total.value / 3)
+  return regdictList.value.slice(splitSize * 2)
+})
+
+
+const getList = async (): Promise<void> => {
+  loading.value = true
+  try {
+    const response = await paramList({ yq: yq.value, optiontype: optiontype.value })
+    regdictList.value = JSON.parse(JSON.stringify(response.data))
+    originRegdictList.value = JSON.parse(JSON.stringify(response.data))
+    total.value = response.data.length
+  } catch (error) {
+    ElMessage.error(`获取列表异常：${(error as Error).message}`)
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleSelectionChange = (val: RegDictItem[]): void => {
+  ids.value = val.map(item => item.configId)
+  single.value = val.length === 1
+  multiple.value = val.length > 1
+}
+
+const handleSave = async (): Promise<void> => {
+  try {
+    loading.value = true
+    // 合并三列表格数据提交
+    const allData = [...tableData1.value, ...tableData2.value, ...tableData3.value]
+    const res = await updateParam(allData)
+    if (res.code == 0) {
+      ElMessage.success(res.msg || "保存成功")
+      originRegdictList.value = JSON.parse(JSON.stringify(allData))
+      // 更新树结构状态
+      emits('updateTree')
+    }
+  } catch (error) {
+    ElMessage.error(`保存失败：${(error as Error).message}`)
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleCancelEdit = (): void => {
+  ElMessageBox.confirm(
+    "是否确认取消所有修改，恢复原始数据？",
+    "提示",
+    {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning"
+    }
+  ).then(() => {
+    regdictList.value = JSON.parse(JSON.stringify(originRegdictList.value))
+    ElMessage.success("已恢复原始数据！")
+  })
+}
+
+const handleRestoreDefault = async (): Promise<void> => {
+  ElMessageBox.confirm(
+    "是否确认还原所有默认值？此操作会覆盖当前修改！",
+    "警告",
+    {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "error"
+    }
+  ).then(async () => {
+    loading.value = true
+    try {
+      const res = await getdef({ optiontype: optiontype.value })
+      regdictList.value = JSON.parse(JSON.stringify(res.data))
+      originRegdictList.value = JSON.parse(JSON.stringify(res.data))
+      total.value = res.data.length
+      ElMessage.success("还原默认值成功！")
+    } catch (error) {
+      ElMessage.error(`还原失败：${(error as Error).message}`)
+    } finally {
+      loading.value = false
+    }
+  })
+}
+
+
+watch(yq, (newVal) => {
+  if (newVal !== undefined) {
+    getList()
+  }
+}, {
+  immediate: true,
+  deep: true
+})
+</script>
+
+<style scoped lang="scss">
+.sys_box {
+  height: calc(100% - 58px);
+}
+
+.table-toolbar {
+  margin-bottom: 8px;
+  height: 36px;
+  line-height: 36px;
+}
+
+// 三列表格容器
+.triple-table-wrapper {
+  flex: 1;
+  height: calc(100% - 45px); // 减去标题行+工具栏高度
+  display: flex;
+  gap: 0px; // 表格间间距
+  overflow: hidden;
+
+  // 单个表格面板
+  .table-panel {
+    flex: 1; // 三列均等分
+    height: 100%;
+    overflow: hidden;
+    background: #fff;
+    border: 1px solid #e6e6e6;
+    border-radius: 4px;
+
+    // 细微间距优化
+    &.table-1 {
+      margin-right: 0px;
+    }
+
+    &.table-2 {
+      margin: 0 0px;
+    }
+
+    &.table-3 {
+      margin-left: 0px;
+    }
+  }
+}
+
+
+// 核心：清除表格内上下间隙
+:deep(.config-table) {
+  // 清除表格整体的边框间距
+  border-collapse: collapse !important;
+  border-spacing: 0 !important;
+
+  // 清除表格头部间距
+  .el-table__header {
+    padding: 0 !important;
+
+    th {
+      padding: 0 !important;
+      border-bottom: 1px solid #e6e6e6 !important;
+      line-height: 25px !important;
+      height: 25px !important;
+    }
+  }
+
+  // 清除表格内容区间距
+  .el-table__body {
+    padding: 0 !important;
+
+    // 清除行间距
+    .el-table__row {
+      height: 25px !important;
+      line-height: 25px !important;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+
+    // 清除单元格内边距和间距
+    .el-table__cell {
+      padding: 0 4px !important; // 仅保留左右内边距，上下清零
+      height: 25px !important;
+      line-height: 25px !important;
+      vertical-align: middle !important;
+      font-size: 12px;
+      border-bottom: 1px solid #e6e6e6 !important;
+      border-right: 1px solid #e6e6e6 !important;
+    }
+
+    // 最后一列清除右侧边框
+    .el-table__cell:last-child {
+      border-right: none !important;
+    }
+  }
+
+  // 清除表格底部间距
+  .el-table__footer {
+    padding: 0 !important;
+  }
+
+  // 编辑输入框适配紧凑布局
+  .edit-input {
+    width: 95%;
+    margin: 0 !important;
+    padding: 0 !important;
+
+    :deep(.el-input__inner) {
+      padding: 0 5px;
+      height: 25px !important; // 缩小输入框高度适配紧凑行高
+      line-height: 25px !important;
+      font-size: 12px;
+      border: 1px solid #dcdfe6;
+      margin: 0 !important;
+
+      &:focus {
+        border-color: #409eff;
+        outline: none;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/liswork/xtwh/comopt-1/components/sysParameter/index.vue b/src/views/liswork/xtwh/comopt-1/components/sysParameter/index.vue
new file mode 100644
index 0000000..5c19ce5
--- /dev/null
+++ b/src/views/liswork/xtwh/comopt-1/components/sysParameter/index.vue
@@ -0,0 +1,389 @@
+<template>
+  <!-- 参数列表 -->
+  <div>
+    <el-row :gutter="10" class="table-toolbar">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Check" @click="handleSave">保存</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Edit" @click="handleCancelEdit">取消修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="RefreshRight" @click="handleRestoreDefault">还原默认</el-button>
+      </el-col>
+    </el-row>
+
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px" class="form-inline" inline>
+      <div class="title">说明：公式中阴阳对照请用NC,PC表示</div>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="测试波长" prop="csbc">
+            <el-select v-model="formData.csbc" style="width: 12rem;">
+              <el-option v-for="item in dzList" :key="item.lgph" :value="item.lgph" :label="item.bc" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" style="display: flex;">
+          <el-form-item label="参考波长" prop="ckbc">
+            <el-select v-model="formData.ckbc" style="width: 12rem;">
+              <el-option v-for="item in dzList" :key="item.lgph" :value="item.lgph" :label="item.bc" />
+            </el-select>
+          </el-form-item>
+          <el-button type="primary" @click="openDz">滤光片波长对照表</el-button>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="阳性判断公式" prop="yxgs">
+            <el-input v-model="formData.yxgs" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="上灰区" prop="shq">
+            <el-input v-model="formData.shq">
+              <template #append>% </template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="下灰区" prop="xhq">
+            <el-input v-model="formData.xhq">
+              <template #append>% </template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="阴性对照下限" prop="negxx">
+            <el-input v-model="formData.negxx" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="阳性对照下限" prop="posxx">
+            <el-input v-model="formData.posxx" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="阴性对照上限" prop="negsx">
+            <el-input v-model="formData.negsx" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="阳性对照上限" prop="possx">
+            <el-input v-model="formData.possx" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+
+        </el-col>
+      </el-row>
+
+      <el-divider></el-divider>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="项目性质" prop="xmxz">
+            <el-radio-group v-model="formData.xmxz">
+              <el-radio value="1">定性</el-radio>
+              <el-radio value="2">定量</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="移动模式" prop="ydfs">
+            <el-radio-group v-model="formData.ydfs">
+              <el-radio value="1">连续</el-radio>
+              <el-radio value="2">步进</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+
+          <el-form-item label="测试模式" prop="csms">
+            <el-radio-group v-model="formData.csms">
+              <el-radio value="1">终点法</el-radio>
+              <el-radio value="2">两点法</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="振板频率" prop="zbpl">
+            <el-radio-group v-model="formData.zbpl">
+              <el-radio value="1">高</el-radio>
+              <el-radio value="2">中</el-radio>
+              <el-radio value="3">低</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="空白形式" prop="kbms">
+            <el-radio-group v-model="formData.kbms">
+              <el-radio value="1">空气</el-radio>
+              <el-radio value="2">试剂</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="振板时间" prop="zbsj">
+            <el-input v-model="formData.zbsj">
+              <template #append>秒</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-divider></el-divider>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="默认模板" prop="mrmb">
+            <el-select v-model="formData.mrmb" style="width: 12rem;">
+              <!-- <el-option v-for="item in sjtableData" :key="item.sjph" :value="item.sjph" :label="item.sjph" /> -->
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" style="display: flex;">
+          <el-form-item label="默认试剂" prop="mrsjph">
+            <el-select v-model="formData.mrsjph" style="width: 12rem;">
+              <el-option v-for="item in sjtableData" :key="item.sjph" :value="item.sjph" :label="item.sjph" />
+            </el-select>
+          </el-form-item>
+          <el-button type="primary" @click="sjHandle">试剂维护</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <!-- 波长对照表 -->
+    <el-dialog v-model="dialogVisible" title="滤光波长对照表" draggable :close-on-click-modal="false" width="500px">
+      <div class="mb5">
+        <el-button type="primary" @click="savaItem">保存</el-button>
+        <el-button type="primary" @click="addItem">新增</el-button>
+        <el-button type="danger" @click="delItem">删除</el-button>
+      </div>
+
+      <el-table :data="dzList" style="width: 100%" height="450" border highlight-current-row
+        @row-click="handleRowClick">
+        <el-table-column type="index" width="50" label="No" align="center" />
+        <el-table-column label="滤光片号" prop="lgph">
+          <template #default="scope">
+            <el-input v-model="scope.row.lgph" class="full-width-input" />
+          </template>
+        </el-table-column>
+        <el-table-column label="波长" prop="bc">
+          <template #default="scope">
+            <el-input v-model="scope.row.bc" class="full-width-input" />
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+
+
+    <!-- 试剂维护 -->
+    <el-dialog v-model="sjShow" title="试剂维护" draggable :close-on-click-modal="false" width="700px">
+      <div class="mb5">
+        <el-button type="primary" @click="sjsavaItem">保存</el-button>
+        <el-button type="primary" @click="sjaddItem">新增</el-button>
+        <el-button type="danger" @click="sjdelItem">删除</el-button>
+      </div>
+      <el-table :data="sjtableData" height="400px" border highlight-current-row @row-click="sjRowClick">
+        <el-table-column label="试剂批号" prop="sjph" width="120">
+          <template #default="scope">
+            <el-input v-model="scope.row.sjph" class="full-width-input" />
+          </template>
+        </el-table-column>
+        <el-table-column label="厂商" prop="sjcs">
+          <template #default="scope">
+            <el-select v-model="scope.row.sjcs" class="full-width-input" filterable allow-create>
+              <el-option v-for="item in cjList" :label="item.na" :value="item.no" />
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column label="有效期" prop="yxq">
+          <template #default="scope">
+            <el-date-picker v-model="scope.row.yxq" type="datetime" placeholder="0000:00:00 00:00:00"
+              format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" style="width:100%" />
+          </template>
+        </el-table-column>
+        <el-table-column label="方法" prop="csff">
+          <template #default="scope">
+            <SelectTable v-model:data="scope.row.csff" :tableData="dictData.MD" class="full-width-input" />
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { queryFilter, addXmFilter, delXmFilter, addXmLot, delXmLot, queryXmLot, querySjcs } from '@/api/liswork/xtwh/ComOpt'
+import { ElMessage } from 'element-plus';
+import { formatDict, dictData } from '@/hooks'
+import { get } from 'lodash';
+
+const yq = defineModel<string>()
+
+const dialogVisible = ref(false)
+const formData = ref({
+  csbc: '',
+  ckbc: '',
+  yxgs: '',
+  shq: '',
+  xhq: '',
+  negxx: '',
+  posxx: '',
+  negsx: '',
+  possx: '',
+  xmxz: '1',
+  ydfs: '1',
+  csms: '1',
+  zbpl: '1',
+  kbms: '1',
+  zbsj: '',
+  mrmb: '',
+  mrsjph: ''
+});
+const rules = ref({
+  csbc: [
+    { required: true, message: '请选择测试波长', trigger: 'change' }
+  ],
+  yxgs: [
+    { required: true, message: '请输入阳性判断公式', trigger: 'blur' }
+  ]
+});
+
+const form = ref();
+const handleSave = () => {
+  form.value.validate((valid: boolean) => {
+    if (valid) {
+      console.log('submit!')
+    }
+  })
+}
+const handleCancelEdit = () => {
+  console.log('取消修改')
+}
+const handleRestoreDefault = () => {
+  console.log('还原默认')
+}
+const dzList = ref<Array<{ lgph: string, bc: string, yq?: string }>>([])
+const getDzList = () => {
+  selectRow.value = null
+  queryFilter({ yq: yq.value }).then((res: any) => {
+    dzList.value = res.data
+  })
+}
+
+const selectRow = ref()
+const handleRowClick = (row: any) => {
+  selectRow.value = row
+}
+const openDz = () => {
+  getDzList()
+  dialogVisible.value = true
+}
+
+const savaItem = () => {
+  const flag = dzList.value.every(item => item.bc && item.lgph)
+  if (!flag) return ElMessage.warning('请检查滤光片号和波长填写！')
+  addXmFilter(dzList.value).then((res: any) => {
+    if (res.code == 0) {
+      ElMessage.success('保存成功！')
+      getDzList()
+    }
+  })
+}
+const addItem = () => {
+  dzList.value.push({ lgph: '', bc: '', yq: yq.value })
+}
+const delItem = () => {
+  if (!selectRow.value) return ElMessage.warning('请选择要删除的行！')
+  if (selectRow.value.lgph) {
+    delXmFilter(selectRow.value)
+  }
+  dzList.value = dzList.value.filter(item => item.lgph != selectRow.value.lgph)
+  selectRow.value = null
+}
+
+interface sjList {
+  sjcs: string, sjph: string, yq: string, yxq: string, csff: string
+}
+const sjShow = ref(false)
+const sjtableData = ref<sjList[]>([])
+const sjHandle = () => {
+  getSjList()
+  getSjcjList()
+  sjShow.value = true
+}
+
+const sjRowClick = (row: any) => {
+  selectRow.value = row
+}
+const getSjList = () => {
+  selectRow.value = null
+  queryXmLot({ yq: yq.value }).then((res: any) => {
+    sjtableData.value = res.data
+  })
+}
+
+const sjsavaItem = () => {
+  sjtableData.value.forEach(item => {
+    item.yq = yq.value || ''
+  })
+  addXmLot(sjtableData.value).then((res: any) => {
+    if (res.code == 0) {
+      ElMessage.success('保存成功！')
+      getSjList()
+      getSjcjList()
+    }
+  })
+}
+const sjaddItem = () => {
+  sjtableData.value.push({
+    sjcs: '',
+    sjph: '',
+    yxq: '',
+    csff: '',
+    yq: yq.value || '',
+  })
+}
+const sjdelItem = () => {
+  if (!selectRow.value) return ElMessage.warning('请选择要删除的行！')
+  if (selectRow.value.sjph) {
+    delXmLot(selectRow.value)
+  }
+  sjtableData.value = sjtableData.value.filter(item => item.sjph != selectRow.value.sjph)
+  selectRow.value = null
+}
+const cjList = ref<Array<{ no: string, na: string }>>([])
+const getSjcjList = () => {
+  querySjcs({ yq: yq.value }).then((res: any) => {
+    cjList.value = res.data
+  })
+}
+
+watch(yq, (newVal) => {
+  getDzList()
+  getSjList()
+}, {
+  immediate: true,
+  deep: true
+})
+</script>
+
+<style scoped lang="scss">
+.table-toolbar {
+  margin-bottom: 8px;
+  height: 36px;
+  line-height: 36px;
+}
+
+.title {
+  font-family: SourceHanSansCN, SourceHanSansCN;
+  font-size: 16px;
+  color: #409eff;
+  font-weight: 600;
+  margin-bottom: 8px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/liswork/xtwh/comopt-1/components/sysReport/index.vue b/src/views/liswork/xtwh/comopt-1/components/sysReport/index.vue
new file mode 100644
index 0000000..1ed106b
--- /dev/null
+++ b/src/views/liswork/xtwh/comopt-1/components/sysReport/index.vue
@@ -0,0 +1,12 @@
+<!-- 报告界面参数 -->
+<template>
+  <div>
+    报告界面参数
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/liswork/xtwh/comopt-1/components/sysSort/index.vue b/src/views/liswork/xtwh/comopt-1/components/sysSort/index.vue
new file mode 100644
index 0000000..81db88d
--- /dev/null
+++ b/src/views/liswork/xtwh/comopt-1/components/sysSort/index.vue
@@ -0,0 +1,164 @@
+<template>
+  <!-- 整体排序 -->
+  <div class="sort_box">
+    <el-row :gutter="10" class="table-row">
+      <el-col :span="20" class="table-box">
+        <CustomTable ref="tableRef" :data="dataList" :columns="columns" :config="tableConfig"
+          @row-click="handleRowClick">
+          <template #sort="{ row }">
+            <el-input v-model="row.sort" class="full-width-input" />
+          </template>
+        </CustomTable>
+      </el-col>
+      <el-col :span="4">
+        <el-row :gutter="10" class="table-toolbar">
+          <!-- <el-col :span="1.5">
+            <el-radio-group v-model="radio" @change="radioChange">
+              <el-radio value="1">上下移动调整</el-radio>
+              <el-radio value="2">手工输入工号</el-radio>
+            </el-radio-group>
+          </el-col> -->
+          <el-col :span="1.5">
+            <el-button type="primary" @click="refresh">刷新</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="primary" @click="cpHandle">存盘</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="primary" :disabled="radio == '2'" @click="firstHandle">首位</el-button>
+          </el-col>
+          <!-- <el-col :span="1.5">
+            <el-button type="primary" icon="top" :disabled="radio == '2'" @click="prevHandle">上移</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="primary" icon="bottom" :disabled="radio == '2'" @click="nextHandle">下移</el-button>
+          </el-col> -->
+          <el-col :span="1.5">
+            <el-button type="primary" :disabled="radio == '2'" @click="lastHadnle">末位</el-button>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { formatDict, dictData } from '@/hooks';
+
+
+const props = defineProps({
+  dataList: {
+    type: Array,
+    default: []
+  }
+});
+
+interface DataItem {
+  xmid: string | number;
+  xmmc: string | number;
+  sort: string | number;
+}
+const currentIndex = ref(0);
+const radio = ref('1');
+const tableRef = ref();
+const dataList = ref<DataItem[]>([]);
+const columns = ref([
+  { prop: 'xmid', label: '项目ID', visible: true, align: 'center', },
+  { prop: 'xmmc', label: '项目名称', visible: true, align: 'center', },
+  { prop: 'sort', label: '整体排序', visible: true, align: 'center', slot: "sort" },
+]);
+const tableConfig = ref({
+  border: true, // 边框
+  height: '100%', // 高度
+  highlightCurrentRow: true, // 高亮当前行
+  key: 'xmid'
+})
+
+
+//退拽属性
+const handleColumnDragEnd = (data: any) => {
+  // 更新列配置
+  dataList.value = data.list;
+}
+
+const handleRowClick = (row: DataItem) => {
+  currentIndex.value = dataList.value.indexOf(row);
+}
+
+
+
+const getList = () => {
+
+}
+
+const refresh = () => {
+  getList();
+}
+
+const cpHandle = () => {
+
+}
+const firstHandle = () => {
+  currentIndex.value = 0;
+  tableRef.value.setCurrentRow(dataList.value[0]);
+  tableRef.value.setScrollTop(0)
+}
+
+const lastHadnle = () => {
+  currentIndex.value = dataList.value.length - 1;
+  tableRef.value.setCurrentRow(dataList.value[currentIndex.value]);
+  tableRef.value.setScrollTop(dataList.value.length)
+}
+
+onMounted(() => {
+  for (let index = 0; index < 20; index++) {
+    dataList.value.push(
+      { xmid: 'ID' + index, xmmc: 'xmmc' + index, sort: '', }
+    )
+  }
+})
+</script>
+
+<style scoped lang="scss">
+.sort_box {
+  height: calc(100% - 58px);
+  padding-top: 8px;
+}
+
+.table-toolbar {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .el-col {
+    width: 50%;
+  }
+
+  .el-button {
+    width: 80%;
+    margin-top: 20px;
+  }
+}
+
+
+
+.table-row {
+  height: 100%;
+  flex: 3;
+
+  .table-box {
+    height: 100%;
+  }
+}
+
+
+/* 可拖拽表格行样式提示 */
+:deep(.drag-table .el-table__row) {
+  cursor: move;
+  /* 鼠标移入行显示拖拽光标 */
+  transition: background-color 0.2s;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/liswork/xtwh/comopt-1/index.vue b/src/views/liswork/xtwh/comopt-1/index.vue
new file mode 100644
index 0000000..d774bda
--- /dev/null
+++ b/src/views/liswork/xtwh/comopt-1/index.vue
@@ -0,0 +1,352 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="20" class="main-row">
+      <!-- 左侧树区域 -->
+      <el-col :span="4" :xs="24" class="tree-col">
+        <el-input v-model="deptName" placeholder="请输入仪器名称" clearable prefix-icon="Search" class="tree-search-input" />
+        <el-radio-group v-model="radiotype" @change="radioChange">
+          <el-radio value="1" size="large">仪器组</el-radio>
+          <el-radio value="2" size="large">所有仪器</el-radio>
+        </el-radio-group>
+        <div class="tree-container">
+          <el-tree :data="deptOptions" :props="treeProps" expand-on-click-node :filter-node-method="filterNode"
+            ref="deptTreeRef" node-key="id" highlight-current :expanded-keys="expandedKeys"
+            @node-click="handleNodeClick">
+            <!-- 自定义树节点模板：新增newflag徽章 -->
+            <template #default="{ node, data }">
+              <span class="tree-node-content">
+                {{ node.label }}
+                <!-- 新节点徽章：newflag=1时显示黄色"新"标 -->
+                <el-badge v-if="data.newflag === '1'" value="new" class="new-node-badge" />
+              </span>
+            </template>
+          </el-tree>
+        </div>
+      </el-col>
+
+      <!-- 右侧列表区域  -->
+      <el-col :span="20" :xs="24" class="table-col">
+        <el-row :gutter="10" class="yq-title-row">
+          <h1 class="yq-title">仪器: {{ yqmc }}</h1>
+        </el-row>
+        <el-tabs v-model="activeName" type="card" class="tabs_box">
+          <el-tab-pane v-for="tab in tabList" :key="tab.key" :label="tab.label" :name="tab.key" />
+        </el-tabs>
+        <!-- 动态组件渲染 -->
+        <component :is="currentComponent" :key="activeName" v-model="queryParams.yq" @updateTree="getDeptTree" />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script setup name="ComOpt" lang="ts">
+import { ref, watch, nextTick, computed } from 'vue'
+import { ElMessage, ElTree, TreeNode, ElMessageBox, ElBadge } from 'element-plus'
+import { paramList, paramTree, getdef, updateParam } from '@/api/liswork/xtwh/ComOpt'
+import { getFirstLetter } from '@/utils/pinyin'
+import { formatDict, getDictData, dictData } from '@/hooks';
+import SysGlobal from './components/sysGlobal/index.vue'
+import SysInput from './components/sysInput/index.vue'
+import SysReport from './components/sysReport/index.vue'
+import SysParameter from './components/sysParameter/index.vue'
+import SysChannel from './components/sysChannel/index.vue'
+import SysSort from './components/sysSort/index.vue'
+
+// ========== TypeScript 类型定义 ==========
+interface InstrTreeNode {
+  id: string
+  label: string
+  lx: string
+  newflag: string  // 新增newflag字段
+  children?: InstrTreeNode[]
+}
+
+interface ParamTreeResponse {
+  code: string
+  msg: string
+  data: InstrTreeNode[]
+  url: null | string
+  method: null | string
+  params: null | any
+  problemId: null | string
+}
+
+interface QueryParams {
+  yq?: string | undefined
+  xxdh?: string | undefined
+  xxqz?: string | undefined
+  groupId?: string | undefined
+}
+
+
+const radiotype = ref<string>("1")
+// ========== 响应式变量 ==========
+// 树相关
+const deptTreeRef = ref<InstanceType<typeof ElTree>>()
+const deptOptions = ref<InstrTreeNode[]>([])
+const deptName = ref<string>("")
+const yqmc = ref<string>("")
+const expandedKeys = ref<string[]>([])
+const isFiltering = ref<boolean>(false)
+const treeProps = ref({
+  label: 'label',
+  children: 'children',
+  isLeaf: (data: Record<string, any>) => !data.children || data.children.length === 0
+})
+
+// 查询参数
+const queryParams = ref<QueryParams>({
+  yq: undefined,
+  xxdh: undefined,
+  xxqz: undefined,
+  groupId: undefined
+})
+
+
+
+const tabList = [
+  { key: 'SysGlobal', label: '全局设定', component: SysGlobal },
+  { key: 'SysInput', label: '界面设定', component: SysInput },
+  { key: 'SysParameter', label: '参数', component: SysParameter },
+  { key: 'SysChannel', label: '通道号', component: SysChannel },
+  { key: 'SysSort', label: '项目排序', component: SysSort },
+  { key: 'SysReport', label: '报告单设置', component: SysReport },
+]
+const activeName = ref('SysSort')
+
+// 计算当前要渲染的组件
+const currentComponent = computed(() => {
+  return tabList.find(tab => tab.key === activeName.value)?.component || 'SysGlobal'
+})
+
+
+const treeData = ref<InstrTreeNode[]>([])
+const radioChange = (val: string) => {
+  if (val == "1") {
+    deptOptions.value = treeData.value
+  } else {
+    const result = [];
+    // 遍历外层数组的每个分组
+    for (let i = 0; i < treeData.value.length; i++) {
+      const group = treeData.value[i];
+      if (group.children && Array.isArray(group.children)) {
+        for (let j = 0; j < group.children.length; j++) {
+          result.push(group.children[j]);
+        }
+      }
+    }
+    deptOptions.value = result
+  }
+}
+
+// ========== 树操作核心方法 ==========
+const forceExpandSingleNode = (nodeId: string): void => {
+  expandedKeys.value = []
+  nextTick(() => {
+    expandedKeys.value = [nodeId]
+    // deptTreeRef.value?.expand(nodeId, false)
+  })
+}
+
+const handleNodeClick = (data: InstrTreeNode): void => {
+  if (isFiltering.value) {
+    queryParams.value.groupId = data.id === "-1" ? undefined : data.id
+    return
+  }
+
+  if (data.children && data.children.length > 0) {
+    const isExpanded = expandedKeys.value.includes(data.id)
+    expandedKeys.value = isExpanded ? [] : [data.id]
+    !isExpanded && forceExpandSingleNode(data.id)
+  } else {
+    queryParams.value.yq = data.id
+    yqmc.value = data.label
+  }
+}
+// ========== 检索过滤逻辑 ==========
+const filterNode = (value: string, data: any, _node: TreeNode): boolean => {
+  if (!value) return true
+
+  const keyword = value.trim().toUpperCase()
+  const nodeLabel = data.label?.toLowerCase() || ''
+  const nodePinyinFirst = data.label ? getFirstLetter(data.label).toUpperCase() : ''
+
+  const currentMatch = nodeLabel.includes(keyword.toLowerCase()) || nodePinyinFirst.includes(keyword)
+  const childrenMatch = (data.children || []).some((child: any) => filterNode(value, child, _node))
+  return currentMatch || childrenMatch
+}
+
+const debounceFilter = (() => {
+  let timer: number | undefined
+  return (val: string): void => {
+    clearTimeout(timer)
+    timer = setTimeout(() => {
+      isFiltering.value = true
+      deptTreeRef.value?.filter(val)
+
+      if (val) {
+        expandedKeys.value = []
+        const expandMatched = (nodes: InstrTreeNode[]) => {
+          nodes.forEach(node => {
+            if (filterNode(val, node, {} as TreeNode) && node.children?.length) {
+              expandedKeys.value.push(node.id)
+            }
+            node.children && expandMatched(node.children)
+          })
+        }
+        expandMatched(deptOptions.value)
+      } else {
+        expandedKeys.value = []
+      }
+      isFiltering.value = false
+    }, 300)
+  }
+})()
+
+watch(deptName, debounceFilter, { immediate: false })
+
+// ========== 业务逻辑 ==========
+const getDeptTree = async (): Promise<void> => {
+  try {
+    const response = await paramTree() as ParamTreeResponse
+    if (response.code === "0" && response.data) {
+      treeData.value = response.data
+      radioChange('1')
+      if (!expandedKeys.value.length) {
+        // 默认展开第一个一级节点的子级
+        nextTick(() => {
+          if (deptOptions.value.length > 0) {
+            const firstLevelNode = deptOptions.value[0]
+            if (firstLevelNode && firstLevelNode.children && firstLevelNode.children.length > 0) {
+              expandedKeys.value = [firstLevelNode.id]
+              const firstChildNode = firstLevelNode.children[0]
+              queryParams.value.yq = firstChildNode.id
+              yqmc.value = firstChildNode.label
+
+              deptTreeRef.value?.setCurrentKey(firstChildNode.id)
+            }
+          }
+        })
+      }
+    } else {
+      ElMessage.warning(response.msg || "获取树数据失败")
+    }
+  } catch (error) {
+    ElMessage.error(`获取树数据异常：${(error as Error).message}`)
+  }
+}
+
+
+
+
+onMounted(() => {
+  getDictData('XMGL', 'MD')
+})
+// ========== 初始化 ==========
+getDeptTree()
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+  width: 100%;
+  height: 90vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 8px;
+  box-sizing: border-box;
+}
+
+.main-row {
+  display: flex;
+  flex: 1;
+  height: 100%;
+  overflow: hidden;
+}
+
+.tree-col {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+
+  .tree-container {
+    flex: 1;
+    height: 100%;
+    overflow: auto;
+    background: #fff;
+    border: 1px solid #e6e6e6;
+    border-radius: 4px;
+    padding: 8px;
+
+    // 核心：树选中节点样式
+    :deep(.el-tree) {
+      --el-tree-node-transition-duration: 0.2s;
+
+      .el-tree-node__children {
+        transition: all var(--el-tree-node-transition-duration) ease-in-out;
+      }
+
+      .el-tree-node__expand-icon.is-leaf {
+        display: none;
+      }
+
+      // 选中节点的背景色（蓝色）+ 文字白色
+      .el-tree-node.is-current>.el-tree-node__content {
+        background-color: #409eff !important;
+        color: #ffffff !important;
+      }
+
+      // 选中节点hover样式（加深蓝色）
+      .el-tree-node.is-current>.el-tree-node__content:hover {
+        background-color: #1e88e5 !important;
+      }
+
+      // 树节点内容容器样式
+      .tree-node-content {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px; // 徽章和文字间距
+        height: 100%;
+      }
+
+      // 新节点徽章样式
+      .new-node-badge {
+        --el-badge-font-size: 10px !important;
+        --el-badge-height: 16px !important;
+        --el-badge-padding: 0 4px !important;
+        --el-badge-warning-color: #FFEC24 !important; // 黄色徽章
+        --el-badge-warning-bg-color: #fff7e6 !important; // 浅黄色背景
+        --el-badge-border-radius: 2px !important; // 圆角优化
+
+        // 徽章文字样式
+        .el-badge__content {
+          font-size: 10px !important;
+          line-height: 16px !important;
+          padding: 0 4px !important;
+          height: 16px !important;
+        }
+      }
+    }
+  }
+}
+
+.table-col {
+  height: 100%;
+
+  // 仪器标题行样式
+  .yq-title-row {
+    margin-bottom: 8px;
+
+    .yq-title {
+      font-family: SourceHanSansCN, SourceHanSansCN;
+      font-size: 16px; // 缩小h1字体（默认24px→16px）
+      color: #409eff; // 蓝色（Element Plus主题色）
+      font-weight: 600;
+      margin: 0; // 清除默认margin
+      line-height: 1.2;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/liswork/xtwh/comopt/components/sysChannel/index.vue b/src/views/liswork/xtwh/comopt/components/sysChannel/index.vue
index e8f367c..bb13802 100644
--- a/src/views/liswork/xtwh/comopt/components/sysChannel/index.vue
+++ b/src/views/liswork/xtwh/comopt/components/sysChannel/index.vue
@@ -11,70 +11,114 @@
       <el-col :span="1.5">
         <el-button type="danger" plain icon="Delete" @click="delItem">删除</el-button>
       </el-col>
-      <el-col :span="1.5">
-        <el-button type="danger" plain icon="Delete" @click="allClear">清除所有项目接口号</el-button>
-      </el-col>
     </el-row>
 
-    <el-row :gutter="10" class="table-row">
-      <el-col :span="12" class="table-box">
-        <el-table :data="tableData" height="100%" border highlight-current-row>
-          <el-table-column label="通道号" align="center">
-            <template #default="scope">
-              <el-input v-model="scope.row.channel" placeholder="请输入通道号" class="full-width-input" />
-            </template>
-          </el-table-column>
-          <el-table-column label="项目" align="center">
-            <template #default="scope">
-              <SelectTable v-model:data="scope.row.xmid" :tableData="xmList" class="full-width-input" />
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-      <el-col :span="6">
-        <div class="tips">
-          说明：
-          “通道号”又称“接口代号”，是指仪器向电脑传送结果时项目的
-          标识符
-          接口代号对于一个仪器不可重复。
-        </div>
-      </el-col>
-    </el-row>
+    <div class="table-row">
+      <CustomTable ref="tableRef" :data="tableData" :columns="columns" :config="tableConfig" :loading="loading"
+        @row-click="handleRowClick">
+        <template #tdh="{ row }">
+          <el-input v-model="row.tdh" placeholder="请输入通道号" class="full-width-input" />
+        </template>
+        <template #xmmc="{ row }">
+          <SelectTable v-model:data="row.xmdh" :tableData="xmList" class="full-width-input" />
+        </template>
+      </CustomTable>
+    </div>
+
   </div>
 </template>
 
 <script setup lang="ts">
-import { queryXmInfoNewService } from '@/api/liswork/labItem/labItemApi';
+import { queryXmInfo, } from '@/api/liswork/work/LisWork';
+import { getitemtdh, saveitemtdh, delitemtdh } from '@/api/liswork/xtwh/ComOpt';
+import { ElMessage } from 'element-plus';
 const yq = defineModel<string>();
-
-const tableData = ref<Array<{ channel: string }>>([]);
+const loading = ref(false);
+const tableRef = ref();
+const tableData = ref<Array<{ tdh: string, xmdh: string }>>([]);
+const columns = [
+  { label: '序号', type: 'index', visible: true, width: 50, align: 'center' },
+  { label: '通道号', prop: 'tdh', visible: true, align: 'center', slot: 'tdh' },
+  { label: '项目代号', prop: 'xmdh', visible: true, align: 'center' },
+  { label: '项目', prop: 'xmmc', visible: true, align: 'center', slot: 'xmmc', showOverflowTooltip: false, width: 250 },
+  { label: '项目id', prop: 'xmid', visible: true, align: 'center' },
+];
+const tableConfig = {
+  border: true,
+  height: '100%',
+  highlightCurrentRow: true,
+}
 const handleSave = () => {
-};
+  const flag = tableData.value.every(item => item.tdh)
+  if (!flag) return ElMessage.error('请检查填写参数，通道号不能为空！')
+  let index = -1;
+  tableData.value.forEach((item, i) => {
+    const tdhLower = item.tdh.trim().toUpperCase();
+    index = tableData.value.findIndex(i => i.tdh.trim().toUpperCase() === tdhLower && i.tdh !== item.tdh);
+    if (index !== -1) {
+      return ElMessage.error(`通道号 ${item.tdh} ${i + 1}行已存在！`)
+    }
+  })
+  if (index !== -1) return
+  const arr = tableData.value.map(item => {
+    return {
+      ...item,
+      tdh: item.tdh.trim().toUpperCase(),
+      yq: yq.value
+    }
+  })
 
+  saveitemtdh(arr).then((res: any) => {
+    if (res.code == 0) {
+      ElMessage.success('保存成功！')
+      getChannel()
+    }
+  })
+};
+const selectedRow = ref<any>(null);
+const handleRowClick = (row: any) => {
+  selectedRow.value = row;
+};
 const addItem = () => {
-  tableData.value.push({ channel: '' })
+  tableData.value.push({ tdh: '', xmdh: '' })
+  nextTick(() => {
+    tableRef.value.setScrollTop(tableData.value.length)
+  })
 };
 
 const delItem = () => {
+  if (!selectedRow.value) return ElMessage.error('请选择要删除的行！')
+  delitemtdh({ yq: yq.value, tdh: selectedRow.value.tdh })
+  tableData.value = tableData.value.filter(item => item.xmdh !== selectedRow.value.xmdh)
+  getChannel()
 }
 
 const allClear = () => {
 }
-const xmList = ref<Array<{ xmmc: string, xmid: string }>>([]);
+const xmList = ref<Array<{ xmmc: string, xmdh: string }>>([]);
 const getXmList = () => {
-  queryXmInfoNewService({ yq: yq.value }).then((res: any) => {
-    xmList.value = res.rows.map((item: any) => {
+  loading.value = true;
+  queryXmInfo({ yq: yq.value }).then((res: any) => {
+    loading.value = false;
+    xmList.value = res.data.map((item: any) => {
       return {
         label: item.xmmc,
-        value: item.xmid.toString(),
+        value: item.xmdh,
       }
     })
   })
 };
 
-watch(() => yq.value, (val) => {
+const getChannel = () => {
+  getitemtdh({ yq: yq.value }).then((res: any) => {
+    tableData.value = res.data
+  })
+}
+
+watch(yq, (val) => {
   if (val) {
     getXmList();
+    getChannel();
   }
 }, { immediate: true });
 </script>
diff --git a/src/views/liswork/xtwh/comopt/components/sysParameter/index.vue b/src/views/liswork/xtwh/comopt/components/sysParameter/index.vue
index 5c19ce5..b0faa43 100644
--- a/src/views/liswork/xtwh/comopt/components/sysParameter/index.vue
+++ b/src/views/liswork/xtwh/comopt/components/sysParameter/index.vue
@@ -1,159 +1,169 @@
 <template>
   <!-- 参数列表 -->
   <div>
-    <el-row :gutter="10" class="table-toolbar">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="Check" @click="handleSave">保存</el-button>
-      </el-col>
-      <el-col :span="1.5">
+    <template v-if="paramsFlag">
+      <el-row :gutter="10" class="table-toolbar">
+        <el-col :span="1.5">
+          <el-button type="primary" plain icon="Check" @click="handleSave">保存</el-button>
+        </el-col>
+        <!-- <el-col :span="1.5">
         <el-button type="success" plain icon="Edit" @click="handleCancelEdit">取消修改</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button type="danger" plain icon="RefreshRight" @click="handleRestoreDefault">还原默认</el-button>
-      </el-col>
-    </el-row>
-
-    <el-form ref="form" :model="formData" :rules="rules" label-width="120px" class="form-inline" inline>
-      <div class="title">说明：公式中阴阳对照请用NC,PC表示</div>
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="测试波长" prop="csbc">
-            <el-select v-model="formData.csbc" style="width: 12rem;">
-              <el-option v-for="item in dzList" :key="item.lgph" :value="item.lgph" :label="item.bc" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8" style="display: flex;">
-          <el-form-item label="参考波长" prop="ckbc">
-            <el-select v-model="formData.ckbc" style="width: 12rem;">
-              <el-option v-for="item in dzList" :key="item.lgph" :value="item.lgph" :label="item.bc" />
-            </el-select>
-          </el-form-item>
-          <el-button type="primary" @click="openDz">滤光片波长对照表</el-button>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="阳性判断公式" prop="yxgs">
-            <el-input v-model="formData.yxgs" />
-          </el-form-item>
-        </el-col>
+      </el-col> -->
       </el-row>
 
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="上灰区" prop="shq">
-            <el-input v-model="formData.shq">
-              <template #append>% </template>
-            </el-input>
+      <el-form ref="form" :model="formData" :rules="rules" label-width="120px" class="form-inline" inline>
+        <div style="display: flex;">
+          <el-form-item label="项目" prop="xmdh">
+            <SelectTable v-model:data="xmdh" :tableData="xmList" style="width: 12rem;" @getDataValue='getXmInfo' />
           </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="下灰区" prop="xhq">
-            <el-input v-model="formData.xhq">
-              <template #append>% </template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="阴性对照下限" prop="negxx">
-            <el-input v-model="formData.negxx" />
-          </el-form-item>
-        </el-col>
-      </el-row>
+          <div class="title">说明：公式中阴阳对照请用NC,PC表示</div>
+        </div>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="测试波长" prop="csbc">
+              <el-select v-model="formData.csbc" style="width: 12rem;">
+                <el-option v-for="item in dzList" :key="item.lgph" :value="item.lgph" :label="item.bc" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" style="display: flex;">
+            <el-form-item label="参考波长" prop="ckbc">
+              <el-select v-model="formData.ckbc" style="width: 12rem;">
+                <el-option v-for="item in dzList" :key="item.lgph" :value="item.lgph" :label="item.bc" />
+              </el-select>
+            </el-form-item>
+            <el-button type="primary" @click="openDz">滤光片波长对照表</el-button>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="阳性判断公式" prop="yxgs">
+              <el-input v-model="formData.yxgs" />
+            </el-form-item>
+          </el-col>
+        </el-row>
 
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="阳性对照下限" prop="posxx">
-            <el-input v-model="formData.posxx" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="阴性对照上限" prop="negsx">
-            <el-input v-model="formData.negsx" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="阳性对照上限" prop="possx">
-            <el-input v-model="formData.possx" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="上灰区" prop="shq">
+              <el-input v-model="formData.shq">
+                <template #append>% </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="下灰区" prop="xhq">
+              <el-input v-model="formData.xhq">
+                <template #append>% </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="阴性对照下限" prop="negxx">
+              <el-input v-model="formData.negxx" />
+            </el-form-item>
+          </el-col>
+        </el-row>
 
-        </el-col>
-      </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="阳性对照下限" prop="posxx">
+              <el-input v-model="formData.posxx" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="阴性对照上限" prop="negsx">
+              <el-input v-model="formData.negsx" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="阳性对照上限" prop="possx">
+              <el-input v-model="formData.possx" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
 
-      <el-divider></el-divider>
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="项目性质" prop="xmxz">
-            <el-radio-group v-model="formData.xmxz">
-              <el-radio value="1">定性</el-radio>
-              <el-radio value="2">定量</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="移动模式" prop="ydfs">
-            <el-radio-group v-model="formData.ydfs">
-              <el-radio value="1">连续</el-radio>
-              <el-radio value="2">步进</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
+          </el-col>
+        </el-row>
 
-          <el-form-item label="测试模式" prop="csms">
-            <el-radio-group v-model="formData.csms">
-              <el-radio value="1">终点法</el-radio>
-              <el-radio value="2">两点法</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="振板频率" prop="zbpl">
-            <el-radio-group v-model="formData.zbpl">
-              <el-radio value="1">高</el-radio>
-              <el-radio value="2">中</el-radio>
-              <el-radio value="3">低</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="空白形式" prop="kbms">
-            <el-radio-group v-model="formData.kbms">
-              <el-radio value="1">空气</el-radio>
-              <el-radio value="2">试剂</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="振板时间" prop="zbsj">
-            <el-input v-model="formData.zbsj">
-              <template #append>秒</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-divider></el-divider>
-      <el-row>
-        <el-col :span="8">
-          <el-form-item label="默认模板" prop="mrmb">
-            <el-select v-model="formData.mrmb" style="width: 12rem;">
-              <!-- <el-option v-for="item in sjtableData" :key="item.sjph" :value="item.sjph" :label="item.sjph" /> -->
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8" style="display: flex;">
-          <el-form-item label="默认试剂" prop="mrsjph">
-            <el-select v-model="formData.mrsjph" style="width: 12rem;">
-              <el-option v-for="item in sjtableData" :key="item.sjph" :value="item.sjph" :label="item.sjph" />
-            </el-select>
-          </el-form-item>
-          <el-button type="primary" @click="sjHandle">试剂维护</el-button>
-        </el-col>
-      </el-row>
-    </el-form>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="项目性质" prop="xmxz">
+              <el-radio-group v-model="formData.xmxz">
+                <el-radio value="1">定性</el-radio>
+                <el-radio value="2">定量</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="移动模式" prop="ydfs">
+              <el-radio-group v-model="formData.ydfs">
+                <el-radio value="1">连续</el-radio>
+                <el-radio value="2">步进</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+
+            <el-form-item label="测试模式" prop="csms">
+              <el-radio-group v-model="formData.csms">
+                <el-radio value="1">终点法</el-radio>
+                <el-radio value="2">两点法</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="振板频率" prop="zbpl">
+              <el-radio-group v-model="formData.zbpl">
+                <el-radio value="1">高</el-radio>
+                <el-radio value="2">中</el-radio>
+                <el-radio value="3">低</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="空白形式" prop="kbms">
+              <el-radio-group v-model="formData.kbms">
+                <el-radio value="1">空气</el-radio>
+                <el-radio value="2">试剂</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="振板时间" prop="zbsj">
+              <el-input v-model="formData.zbsj">
+                <template #append>秒</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="默认模板" prop="mrmb">
+              <el-select v-model="formData.mrmb" style="width: 12rem;">
+                <el-option v-for="item in mbList" :key="item.no" :value="item.no" :label="item.na" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" style="display: flex;">
+            <el-form-item label="默认试剂" prop="mrsjph">
+              <el-select v-model="formData.mrsjph" style="width: 12rem;">
+                <el-option v-for="item in sjtableData" :key="item.sjph" :value="item.sjph" :label="item.sjph" />
+              </el-select>
+            </el-form-item>
+            <el-button type="primary" @click="sjHandle">试剂维护</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </template>
+    <template v-else>
+      <el-empty :image-size="200" description="暂无参数配置" />
+    </template>
 
     <!-- 波长对照表 -->
     <el-dialog v-model="dialogVisible" title="滤光波长对照表" draggable :close-on-click-modal="false" width="500px">
@@ -217,14 +227,16 @@
 </template>
 
 <script setup lang="ts">
-import { queryFilter, addXmFilter, delXmFilter, addXmLot, delXmLot, queryXmLot, querySjcs } from '@/api/liswork/xtwh/ComOpt'
+import { queryFilter, addXmFilter, delXmFilter, addXmLot, delXmLot, queryXmLot, querySjcs, querydouble, savedouble, querymbmc } from '@/api/liswork/xtwh/ComOpt'
 import { ElMessage } from 'element-plus';
 import { formatDict, dictData } from '@/hooks'
-import { get } from 'lodash';
+import { queryXmInfo } from '@/api/liswork/work/LisWork';
+
 
 const yq = defineModel<string>()
 
 const dialogVisible = ref(false)
+const xmdh = ref('');
 const formData = ref({
   csbc: '',
   ckbc: '',
@@ -242,7 +254,8 @@ const formData = ref({
   kbms: '1',
   zbsj: '',
   mrmb: '',
-  mrsjph: ''
+  mrsjph: '',
+  xmdh: '',
 });
 const rules = ref({
   csbc: [
@@ -253,11 +266,18 @@ const rules = ref({
   ]
 });
 
+const paramsFlag = ref(true);
+
 const form = ref();
 const handleSave = () => {
   form.value.validate((valid: boolean) => {
     if (valid) {
-      console.log('submit!')
+      savedouble(formData.value).then((res: any) => {
+        if (res.code == 0) {
+          ElMessage.success('保存成功！')
+          getXmInfo()
+        }
+      })
     }
   })
 }
@@ -310,6 +330,7 @@ interface sjList {
   sjcs: string, sjph: string, yq: string, yxq: string, csff: string
 }
 const sjShow = ref(false)
+const mbList = ref<Array<{ na: string, no: string }>>([])
 const sjtableData = ref<sjList[]>([])
 const sjHandle = () => {
   getSjList()
@@ -363,9 +384,38 @@ const getSjcjList = () => {
   })
 }
 
+const getXmInfo = () => {
+  querydouble({ yq: yq.value, xmdh: xmdh.value }).then((res: any) => {
+    paramsFlag.value = res.code == 1 ? false : true;
+    formData.value = res.data || {}
+  })
+}
+const xmList = ref<Array<{ label: string, value: string }>>([])
+const getXmList = () => {
+  queryXmInfo({ yq: yq.value }).then((res: any) => {
+    xmList.value = res.data.map((item: any) => {
+      return {
+        label: item.xmmc,
+        value: item.xmdh,
+      }
+    })
+  })
+};
+
+onMounted(() => {
+  querymbmc().then((res: any) => {
+    mbList.value = res.data || []
+  })
+});
+
 watch(yq, (newVal) => {
-  getDzList()
-  getSjList()
+  if (newVal) {
+    getXmInfo()
+    getDzList()
+    getSjList()
+    getXmList()
+  }
+  xmdh.value = ''
 }, {
   immediate: true,
   deep: true
diff --git a/src/views/liswork/xtwh/comopt/components/sysSort/index.vue b/src/views/liswork/xtwh/comopt/components/sysSort/index.vue
index 81db88d..9d4bda5 100644
--- a/src/views/liswork/xtwh/comopt/components/sysSort/index.vue
+++ b/src/views/liswork/xtwh/comopt/components/sysSort/index.vue
@@ -1,44 +1,28 @@
 <template>
   <!-- 整体排序 -->
   <div class="sort_box">
-    <el-row :gutter="10" class="table-row">
-      <el-col :span="20" class="table-box">
-        <CustomTable ref="tableRef" :data="dataList" :columns="columns" :config="tableConfig"
-          @row-click="handleRowClick">
-          <template #sort="{ row }">
-            <el-input v-model="row.sort" class="full-width-input" />
-          </template>
-        </CustomTable>
+    <el-row :gutter="10" class="table-toolbar">
+      <el-col :span="1.5">
+        <el-button type="primary" @click="refresh">刷新</el-button>
       </el-col>
-      <el-col :span="4">
-        <el-row :gutter="10" class="table-toolbar">
-          <!-- <el-col :span="1.5">
-            <el-radio-group v-model="radio" @change="radioChange">
-              <el-radio value="1">上下移动调整</el-radio>
-              <el-radio value="2">手工输入工号</el-radio>
-            </el-radio-group>
-          </el-col> -->
-          <el-col :span="1.5">
-            <el-button type="primary" @click="refresh">刷新</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="primary" @click="cpHandle">存盘</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="primary" :disabled="radio == '2'" @click="firstHandle">首位</el-button>
-          </el-col>
-          <!-- <el-col :span="1.5">
-            <el-button type="primary" icon="top" :disabled="radio == '2'" @click="prevHandle">上移</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="primary" icon="bottom" :disabled="radio == '2'" @click="nextHandle">下移</el-button>
-          </el-col> -->
-          <el-col :span="1.5">
-            <el-button type="primary" :disabled="radio == '2'" @click="lastHadnle">末位</el-button>
-          </el-col>
-        </el-row>
+      <el-col :span="1.5">
+        <el-button type="primary" @click="cpHandle">存盘</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="primary" @click="firstHandle">首位</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="primary" @click="lastHadnle">末位</el-button>
       </el-col>
     </el-row>
+    <div class="table-row">
+      <CustomTable ref="tableRef" :data="dataList" :columns="columns" :config="tableConfig" :enableRowDrag="true"
+        @row-drag-end="handleRowDragEnd" @row-click="handleRowClick">
+        <!-- <template #dyxh="{ row }">
+          <el-input v-model="row.dyxh" class="full-width-input" />
+        </template> -->
+      </CustomTable>
+    </div>
   </div>
 </template>
 
@@ -46,28 +30,21 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { formatDict, dictData } from '@/hooks';
+import { getitemsort, saveitemsort } from '@/api/liswork/xtwh/ComOpt';
 
-
-const props = defineProps({
-  dataList: {
-    type: Array,
-    default: []
-  }
-});
-
+const yq = defineModel<string>()
 interface DataItem {
   xmid: string | number;
   xmmc: string | number;
-  sort: string | number;
+  dyxh: string | number;
 }
-const currentIndex = ref(0);
-const radio = ref('1');
+const selectedRow = ref<DataItem | null>(null)
 const tableRef = ref();
 const dataList = ref<DataItem[]>([]);
 const columns = ref([
-  { prop: 'xmid', label: '项目ID', visible: true, align: 'center', },
-  { prop: 'xmmc', label: '项目名称', visible: true, align: 'center', },
-  { prop: 'sort', label: '整体排序', visible: true, align: 'center', slot: "sort" },
+  { prop: 'xmid', label: '项目ID', visible: true, align: 'center' },
+  { prop: 'xmmc', label: '项目名称', visible: true, align: 'center' },
+  { prop: 'dyxh', label: '排序', visible: true, align: 'center', },
 ]);
 const tableConfig = ref({
   border: true, // 边框
@@ -78,19 +55,26 @@ const tableConfig = ref({
 
 
 //退拽属性
-const handleColumnDragEnd = (data: any) => {
-  // 更新列配置
-  dataList.value = data.list;
+const handleRowDragEnd = (data: any) => {
+  // 更新行顺序
+  dataList.value = data.list.map((item: any) => {
+    return {
+      ...item,
+      dyxh: item.sort,
+    }
+  })
 }
 
 const handleRowClick = (row: DataItem) => {
-  currentIndex.value = dataList.value.indexOf(row);
+  selectedRow.value = row
 }
 
 
 
 const getList = () => {
-
+  getitemsort({ yq: yq.value }).then((res: any) => {
+    dataList.value = res.data;
+  })
 }
 
 const refresh = () => {
@@ -98,56 +82,59 @@ const refresh = () => {
 }
 
 const cpHandle = () => {
-
+  saveitemsort(dataList.value).then(() => {
+    getList();
+  })
 }
 const firstHandle = () => {
-  currentIndex.value = 0;
-  tableRef.value.setCurrentRow(dataList.value[0]);
+  if (!selectedRow.value) return
+  const currentIndex = dataList.value.findIndex(item => item.xmid === selectedRow.value!.xmid)
+  if (currentIndex === 0) return
+  const [movedRow] = dataList.value.splice(currentIndex, 1)
+  dataList.value.unshift(movedRow)
+  resetSortNumber()
   tableRef.value.setScrollTop(0)
 }
 
 const lastHadnle = () => {
-  currentIndex.value = dataList.value.length - 1;
-  tableRef.value.setCurrentRow(dataList.value[currentIndex.value]);
+  if (!selectedRow.value) return
+  const currentIndex = dataList.value.findIndex(item => item.xmid === selectedRow.value!.xmid)
+  if (currentIndex === dataList.value.length - 1) return
+  const [movedRow] = dataList.value.splice(currentIndex, 1)
+  dataList.value.push(movedRow)
+  resetSortNumber()
   tableRef.value.setScrollTop(dataList.value.length)
 }
 
-onMounted(() => {
-  for (let index = 0; index < 20; index++) {
-    dataList.value.push(
-      { xmid: 'ID' + index, xmmc: 'xmmc' + index, sort: '', }
-    )
-  }
-})
+const resetSortNumber = () => {
+  dataList.value.forEach((item, index) => {
+    item.dyxh = index + 1
+  })
+}
+
+
+watch(yq, (newVal) => {
+  getList();
+}, { immediate: true })
 </script>
 
 <style scoped lang="scss">
 .sort_box {
-  height: calc(100% - 58px);
-  padding-top: 8px;
+  height: calc(100% - 56px);
 }
 
 .table-toolbar {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  .el-col {
-    width: 50%;
-  }
-
-  .el-button {
-    width: 80%;
-    margin-top: 20px;
-  }
+  margin-bottom: 8px;
+  height: 36px;
+  line-height: 36px;
 }
 
 
 
 .table-row {
-  height: 100%;
-  flex: 3;
+  width: 50%;
+  height: calc(100% - 45px);
+
 
   .table-box {
     height: 100%;
diff --git a/src/views/liswork/xtwh/comopt/index.vue b/src/views/liswork/xtwh/comopt/index.vue
index d774bda..598045f 100644
--- a/src/views/liswork/xtwh/comopt/index.vue
+++ b/src/views/liswork/xtwh/comopt/index.vue
@@ -112,7 +112,7 @@ const tabList = [
   { key: 'SysSort', label: '项目排序', component: SysSort },
   { key: 'SysReport', label: '报告单设置', component: SysReport },
 ]
-const activeName = ref('SysSort')
+const activeName = ref('SysGlobal')
 
 // 计算当前要渲染的组件
 const currentComponent = computed(() => {
diff --git a/src/views/liswork/xtwh/xmFeeInstr/index.vue b/src/views/liswork/xtwh/xmFeeInstr/index.vue
index e53cb18..6b4cbf3 100644
--- a/src/views/liswork/xtwh/xmFeeInstr/index.vue
+++ b/src/views/liswork/xtwh/xmFeeInstr/index.vue
@@ -1,31 +1,34 @@
-<template>
 <!--仪器收费项目对照-->
-<el-row>
-  <el-form ref="form" :model="formData" label-width="80px" inline>
-    <el-form-item label="仪器" prop="yq">
-      <YQSelectTable v-model:data="formData.yq" width="200px" @getDataValue="getList"/>
-    </el-form-item>
-    <el-form-item label="项目检索" prop="item">
-      <el-input placeholder="名称，简拼" v-model="formData.item" @change="getList"></el-input>
-    </el-form-item>
-    <el-form-item>
-      <el-button type="primary" @click="onQueryClick">查询</el-button>
-    </el-form-item>
-    <el-form-item>
-      <span>说明：双击左侧列表，能删除对照数据，双击右边列表能新增数据到对照当中</span>
-    </el-form-item>
-  </el-form>
-</el-row>
-<el-row>
-  <el-col :span="5">
-    <CustomTable ref="tableRefLeft" :data="dataListLeft" :columns="columnsLeft" :enable-column-drag="true" @column-drag-end="handleColumnDragEnd"
-    :config="tableConfig" @row-dblclick="onDBClickLeft"/>
-  </el-col>
-  <el-col :span="19">
-    <CustomTable ref="tableRefRight" :data="dataListRight" :columns="columnsRight" :enable-column-drag="true" @column-drag-end="handleColumnDragEnd"
-    :config="tableConfig" @row-dblclick="onDBClickRight"/>
-  </el-col>
-</el-row>
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form ref="form" :model="formData" label-width="80px" inline>
+        <el-form-item label="仪器" prop="yq">
+          <YQSelectTable v-model:data="formData.yq" width="200px" @getDataValue="getList" />
+        </el-form-item>
+        <el-form-item label="项目检索" prop="item">
+          <el-input placeholder="名称，简拼" v-model="formData.item" @change="getList"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="onQueryClick">查询</el-button>
+        </el-form-item>
+        <el-form-item>
+          <span class="tips">说明：双击左侧列表，能删除对照数据，双击右边列表能新增数据到对照当中</span>
+        </el-form-item>
+      </el-form>
+    </el-row>
+    <el-row :gutter="20" class="table-row">
+      <el-col :span="6" class="table-col">
+        <CustomTable ref="tableRefLeft" :data="dataListLeft" :columns="columnsLeft" :config="tableConfig"
+          @row-dblclick="onDBClickLeft" />
+      </el-col>
+      <el-col :span="18" class="table-col">
+        <CustomTable ref="tableRefRight" :data="dataListRight" :columns="columnsRight" :enable-column-drag="true"
+          @column-drag-end="handleColumnDragEnd" :config="tableConfig" @row-dblclick="onDBClickRight" />
+      </el-col>
+    </el-row>
+
+  </div>
 
 
 </template>
@@ -33,88 +36,97 @@
 <script setup lang="ts">
 import CustomTable from '@/components/elTable/index.vue'
 import YQSelectTable from '@/components/SelectTable/YQSelectTable/index.vue';
-import { queryService,queryXmService,addService,delService } from '@/api/liswork/xtwh/xmFeeinstrApi';
+import { queryService, queryXmService, addService, delService } from '@/api/liswork/xtwh/xmFeeinstrApi';
 import { queryOneService } from '@/api/system/parameter'
 import { ElMessage } from 'element-plus';
 
 const tableConfig = ref({
   border: true, // 边框
-  height: '76vh', // 高度
+  height: '100%', // 高度
   highlightCurrentRow: true, // 高亮当前行
-  // cellStyle: cellStyleHd
 })
 
 //退拽属性
 const handleColumnDragEnd = (data: any) => {
-  // 更新列配置
-  columnsLeft.value = data.columns;
   columnsRight.value = data.columns;
 }
 
 const columnsLeft = ref([
-  { prop: 'sfxmmc', label: '当前仪器对应的收费项目', visible: true, align: 'center', width: 300 },
+  { prop: 'sfxmmc', label: '当前仪器对应的收费项目', visible: true, },
   { prop: 'yq', label: '仪器', visible: false, align: 'center', width: 100 },
 ]);
 const columnsRight = ref([
-  { prop: 'xmlb', label: '类别', visible: true, align: 'center', width: 100 },
-  { prop: 'sfxmdh', label: '收费项目代号', visible: true, align: 'center', width: 200 },
-  { prop: 'sfxmmc', label: '收费项目名称', visible: true, align: 'center', width: 300 },
-  { prop: 'dj', label: '单价', visible: true, align: 'center', width: 100 },
-  { prop: 'cp_yq', label: '分配了仪器', visible: true, align: 'center', width: 400 }
+  { prop: 'xmlb', label: '类别', visible: true, align: 'center', },
+  { prop: 'sfxmdh', label: '收费项目代号', visible: true, align: 'center', },
+  { prop: 'sfxmmc', label: '收费项目名称', visible: true, align: 'center', },
+  { prop: 'dj', label: '单价', visible: true, align: 'center', },
+  { prop: 'cp_yq', label: '分配了仪器', visible: true, align: 'center', }
 ]);
 
-const dataListLeft = ref([
-  {'sfxmdh':'','yq':''}
-])
+const dataListLeft = ref([])
 const dataListRight = ref([])
 const formData = ref({
-  yq: '',
+  yq: '46',
   item: ''
 })
 
 //刷新数据
 const getList = async () => {
-   if(!formData.value.yq) formData.value.yq = ''
-   let res = await queryService({yq: formData.value.yq});
-   dataListLeft.value = res.data;
-   res = await queryOneService('HISOPT','sp_gyxmyljg')
-   let param = res.data.value
-   //先写固定值，后面再改
-   if(param && param !== ''){
-      param = '1'
-   }else{
-      param = '1'
-   }
-   res = await queryXmService({yljg: param,yq: formData.value.yq,queryValue: formData.value.item});
-   dataListRight.value = res.data;
+  if (!formData.value.yq) formData.value.yq = ''
+  let res = await queryService({ yq: formData.value.yq });
+  dataListLeft.value = res.data;
+  // res = await queryOneService('HISOPT', 'sp_gyxmyljg')
+  // let param = res.data.value
+  //先写固定值，后面再改
+  let param = '1'
+  if (param && param !== '') {
+    param = '1'
+  } else {
+    param = '1'
+  }
+  res = await queryXmService({ yljg: param, yq: formData.value.yq, queryValue: formData.value.item });
+  dataListRight.value = res.data;
 };
 
-const onDBClickRight = async (row:any)=> {
+const onDBClickRight = async (row: any) => {
   //新增数据
-  await addService({sfxmdh:row.sfxmdh,yq: formData.value.yq})
+  await addService({ sfxmdh: row.sfxmdh, yq: formData.value.yq })
   ElMessage.success('新增成功！')
   getList()
 }
 
-const onDBClickLeft = async (row:any) => {
+const onDBClickLeft = async (row: any) => {
   //删除数据
-  await delService({yq: formData.value.yq,sfxmdh: row.sfxmdh})
+  await delService({ yq: formData.value.yq, sfxmdh: row.sfxmdh })
   ElMessage.success('删除成功！')
   getList()
 }
 
 const onQueryClick = () => {
-  if(!formData.value.yq) {
+  if (!formData.value.yq) {
     ElMessage.error('请先选择仪器！')
     return
   }
   getList()
 }
 
-
-
+getList()
 
 </script>
 
 <style scoped lang="scss">
+.tips {
+  font-family: SourceHanSansCN, SourceHanSansCN;
+  font-size: 16px;
+  color: #409eff;
+  font-weight: 600;
+}
+
+.table-row {
+  height: calc(100% - 58px);
+
+  .table-col {
+    height: 100%;
+  }
+}
 </style>
diff --git a/src/views/liswork/xtwh/xmReqItemVsApi/index.vue b/src/views/liswork/xtwh/xmReqItemVs/index.vue
similarity index 100%
rename from src/views/liswork/xtwh/xmReqItemVsApi/index.vue
rename to src/views/liswork/xtwh/xmReqItemVs/index.vue