src/api/liswork/xtwh/xmReqItemVsApi.ts

@@ -1,21 +0,0 @@
-//收费项目报告项目对照
-// @ts-ignore
-import request from "@/utils/request";
-
-//查询申请信息列表
-export function queryListService(params: any) {
-  return request({
-    url: "/vsReportitem/queryList",
-    method: "get",
-    params,
-  });
-}
-
-//查询项目明细
-export function queryDetailService(params: any) {
-  return request({
-    url: "/vsReportitem/query",
-    method: "get",
-    params,
-  });
-}

src/components/SelectTable/YQSelectTable/index.vue

@@ -2,7 +2,7 @@
 <template>
   <SelectTable v-model:data="modelValue" :fields="fields" :tableData="instrOptions" label="yqmc" :size="props.size"
     value="yq" objKey="yq" :border="true" :width="props.width" placeholder="请选择仪器" :clearable="props.clearable"
-    @getDataValue="getDataValue" v-bind="$attrs" />
+    @getDataValue="getDataValue" />
 </template>
 
 <script setup lang="ts">

src/views/liswork/xtwh/localconfig/components/DynamicInput.vue

@@ -1,54 +1,135 @@
 <template>
   <div class="dynamic-input-container">
     <!-- 1. 开关组件（替代原单选框 type=0：是/否 → 开启/关闭） -->
-    <el-switch class="custom-switch" v-if="type === '0'" v-model="innerValue" active-color="#13ce66"
+    <el-switch
-      inactive-color="#ff4949" active-value="1" inactive-value="0" @change="handleSwitchChange" />
+        class="custom-switch"
+        v-if="type === '0'"
+        v-model="innerValue"
+        active-color="#13ce66"
+        inactive-color="#ff4949"
+        active-value="1"
+        inactive-value="0"
+        @change="handleSwitchChange"
+    />
 
     <!-- 2. 下拉框（1）：直接绑定value -->
-    <el-select v-else-if="type === '1'" v-model="innerValue" size="small" clearable @change="handleValueChange">
+    <el-select
-      <el-option v-for="item in dictOptions" :key="item.value" :label="item.label" :value="item.value" />
+        v-else-if="type === '1'"
+        v-model="innerValue"
+        size="small"
+        clearable
+        @change="handleValueChange"
+    >
+      <el-option
+          v-for="item in dictOptions"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+      />
     </el-select>
 
     <!-- 3. 字典单选（2）：绑定zddh（value），显示zdmc（label） -->
-    <el-select v-else-if="type === '2'" v-model="innerValue" size="small" clearable @change="handleValueChange"
+    <el-select
-      v-loading="dictLoading">
+        v-else-if="type === '2'"
-      <el-option v-for="item in dictOptions" :key="item.value" :label="item.label" :value="item.value" />
+        v-model="innerValue"
+        size="small"
+        clearable
+        @change="handleValueChange"
+        v-loading="dictLoading"
+    >
+      <el-option
+          v-for="item in dictOptions"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+      />
     </el-select>
 
     <!-- 4. 字典多选（3）：数组↔逗号分隔字符串 → 修复核心：仅绑定multipleValue，移除冗余逻辑 -->
-    <el-select v-else-if="type === '3'" v-model="multipleValue" size="small" multiple @change="handleMultipleChange"
+    <el-select
-      v-loading="dictLoading" clearable>
+        v-else-if="type === '3'"
-      <el-option v-for="item in dictOptions" :key="item.value" :label="item.label" :value="item.value" />
+        v-model="multipleValue"
+        size="small"
+        multiple
+        @change="handleMultipleChange"
+        v-loading="dictLoading"
+        clearable
+    >
+      <el-option
+          v-for="item in dictOptions"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+      />
     </el-select>
 
     <!-- 5. 特殊（4） -->
-    <el-input v-else-if="type === '4'" v-model="innerValue" size="small" disabled @change="handleValueChange" />
+    <el-input
+        v-else-if="type === '4'"
+        v-model="innerValue"
+        size="small"
+        disabled
+        @change="handleValueChange"
+    />
 
     <!-- 6. 文本框（5） -->
-    <el-input v-else-if="type === '5'" v-model="innerValue" size="small" :placeholder="placeholder"
+    <el-input
-      @change="handleValueChange" />
+        v-else-if="type === '5'"
+        v-model="innerValue"
+        size="small"
+        :placeholder="placeholder"
+        @change="handleValueChange"
+    />
 
     <!-- 7. 数字框（6）：支持dictData定义小数位数，空值初始化 -->
-    <el-input-number v-else-if="type === '6'" v-model="innerValue" size="small" :min="minNum"
+    <el-input-number
-      :precision="finalPrecision" controls-position="right" @change="handleValueChange"
+        v-else-if="type === '6'"
-      :placeholder="placeholder || '请输入数字'" />
+        v-model="innerValue"
+        size="small"
+        :min="minNum"
+        :precision="finalPrecision"
+        controls-position="right"
+        @change="handleValueChange"
+        :placeholder="placeholder || '请输入数字'"
+    />
 
     <!-- 8. 日期框（7）：适配yyyy/mm/dd -->
-    <el-date-picker v-else-if="type === '7'" v-model="innerValue" size="small" type="date" format="YYYY/MM/DD"
+    <el-date-picker
-      value-format="YYYY-MM-DD" :placeholder="placeholder" @change="handleValueChange" />
+        v-else-if="type === '7'"
+        v-model="innerValue"
+        size="small"
+        type="date"
+        format="YYYY/MM/DD"
+        value-format="YYYY-MM-DD"
+        :placeholder="placeholder"
+        @change="handleValueChange"
+    />
 
     <!-- 9. 时间框（8）：适配hh:mm（修复标签闭合问题） -->
-    <el-time-picker v-else-if="type === '8'" v-model="innerValue" size="small" format="HH:mm" value-format="HH:mm:ss"
+    <el-time-picker
-      :placeholder="placeholder" @change="handleValueChange"
+        v-else-if="type === '8'"
-      :picker-options="{ selectableRange: '00:00:00 - 23:59:59' }" />
+        v-model="innerValue"
+        size="small"
+        format="HH:mm"
+        value-format="HH:mm:ss"
+        :placeholder="placeholder"
+        @change="handleValueChange"
+        :picker-options="{ selectableRange: '00:00:00 - 23:59:59' }"
+    />
 
     <!-- 兜底：默认文本框 -->
-    <el-input v-else v-model="innerValue" size="small" :placeholder="placeholder" @change="handleValueChange" />
+    <el-input
+        v-else
+        v-model="innerValue"
+        size="small"
+        :placeholder="placeholder"
+        @change="handleValueChange"
+    />
   </div>
 </template>
 
 <script setup name="DynamicInput">
-//import { ref, watch, defineProps, defineEmits, onMounted, computed } from "vue";
+import { ref, watch, defineProps, defineEmits, onMounted, computed } from "vue";
 import { ElMessage } from "element-plus";
 import { getoptionselect } from "@/api/liswork/xtwh/localconfigApi.ts";
 
@@ -299,21 +380,16 @@ onMounted(() => {
 <style scoped>
 .dynamic-input-container {
   width: 100%;
-  height: 100%;
+  height: 100%; /* 关键：占满表格单元格高度 */
-  /* 关键：占满表格单元格高度 */
   display: flex;
-  align-items: center;
+  align-items: center; /* 垂直居中 */
-  /* 垂直居中 */
+  justify-content: center; /* 水平居中 */
-  justify-content: center;
+  padding: 0 2px; /* 轻微内边距，避免贴边 */
-  /* 水平居中 */
-  padding: 0 2px;
-  /* 轻微内边距，避免贴边 */
 }
 
 /* 开关组件样式优化 */
 :deep(.el-switch) {
-  margin: 0 auto;
+  margin: 0 auto; /* 开关水平居中 */
-  /* 开关水平居中 */
 }
 
 /* 深度选择器强制覆盖激活颜色 */
@@ -360,7 +436,6 @@ onMounted(() => {
 /* 多选下拉样式优化：避免高度溢出 */
 :deep(.el-select--multiple .el-select__tags) {
   flex-wrap: wrap;
-  min-height: 32px;
+  min-height: 32px; /* 匹配small尺寸高度 */
-  /* 匹配small尺寸高度 */
 }
 </style>

src/views/liswork/xtwh/xmReqItemVs/index.vue

@@ -1,116 +0,0 @@
-<template>
-  <!-- 收费项目，报告项目对照 -->
-  <div class="app-container">
-    <el-form ref="form" :model="formData" label-width="80px" inline>
-      <el-form-item label="仪器" prop="yq">
-        <YQSelectTable v-model:data="formData.yq" width="200px" placeholder="请输入仪器名称" @get-data-value="getList" />
-      </el-form-item>
-      <el-form-item label="项目" prop="xmdh">
-        <el-input placeholder="请输入项目名称" v-model="formData.xmdh" style="width: 200px;"></el-input>
-      </el-form-item>
-      <el-form-item>
-        <el-checkbox v-model="checked" label="只看仪器对照收费项目" :value="xmValue"></el-checkbox>
-      </el-form-item>
-    </el-form>
-
-    <el-row>
-      <el-button type="primary" icon="Plus" @click="onClickAdd">新增</el-button>
-      <el-button type="primary" icon="Delete" @click="onClickDel">删除</el-button>
-      <el-button type="primary" icon="Edit" @click="onClickSave">保存</el-button>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <CustomTable ref="tableRefLeft" :data="dataListLeft" :columns="columnsLeft" :enable-column-drag="true"
-          @column-drag-end="handleColumnDragEnd" :config="tableConfig" @row-click="rowClickLeft" />
-      </el-col>
-      <el-col :span="18">
-        <CustomTable ref="tableRefRight" :data="dataListRight" :columns="columnsRight" :enable-column-drag="true"
-          @column-drag-end="handleColumnDragEnd" :config="tableConfig">
-          <template #xmdh="{ row }">
-            {{ row.xmdh }} {{ row.xmmc }}
-          </template>
-          <template #tdh="{ row }">
-            <el-input placeholder="" v-model="row.tdh" class="full-width-input"></el-input>
-          </template>
-          <template #mrz="{ row }">
-            <el-input v-model="row.mrz" class="full-width-input"></el-input>
-          </template>
-          <template #def="{ row }">
-            <el-checkbox v-model="row.def" true-value="1" false-value="0" />
-          </template>
-        </CustomTable>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script setup lang="ts">
-import { queryListService, queryDetailService } from '@/api/liswork/xtwh/xmReqItemVsApi';
-import YQSelectTable from '@/components/SelectTable/YQSelectTable/index.vue';
-import CustomTable from '@/components/elTable/index.vue'
-
-const formData = ref({
-  yq: '',
-  xmdh: ''
-})
-const dataListLeft = ref([])
-const dataListRight = ref([])
-const checked = ref(false);
-const xmValue = '1';
-
-
-//退拽属性
-const handleColumnDragEnd = (data: any) => {
-  // 更新列配置
-  columnsLeft.value = data.columns;
-  columnsRight.value = data.columns;
-}
-
-const tableConfig = ref({
-  border: true, // 边框
-  height: '76vh', // 高度
-  highlightCurrentRow: true, // 高亮当前行
-  // cellStyle: cellStyleHd
-})
-
-const columnsLeft = ref([
-  { prop: 'sqxmmc', label: '申请/收费项目名称', visible: true, align: 'center', width: 200 },
-  { prop: 'sqxmdh', label: '申请/收费项目代号', visible: true, align: 'center', width: 130 },
-]);
-
-const columnsRight = ref([
-  { prop: 'xmdh', label: '报告项目', visible: true, align: 'center', width: 300, slot: 'xmdh' },
-  { prop: 'tdh', label: '双工代号', visible: true, align: 'center', width: 100, slot: 'tdh' },
-  { prop: 'mrz', label: '默认值', visible: true, align: 'center', width: 100, slot: 'mrz' },
-  { prop: 'seq', label: '序号', visible: true, align: 'center', width: 100 },
-  { prop: 'def', label: '非必做', visible: true, align: 'center', width: 100, slot: 'def' },
-]);
-
-// 获取数据列表
-const getList = async () => {
-  const res = await queryListService({ yq: formData.value.yq })
-  dataListLeft.value = res.data
-}
-
-const onClickAdd = () => {
-  // TODO 新增
-}
-
-const onClickDel = () => {
-  // TODO 删除
-}
-
-const onClickSave = () => {
-  // TODO 保存    
-}
-
-//点击事件
-const rowClickLeft = async (row: any) => {
-  const res = await queryDetailService({ sqxmdh: row.sqxmdh, sqxmmc: row.sqxmmc, yq: formData.value.yq })
-  dataListRight.value = res.rows
-}
-</script>
-
-<style scoped lang="scss"></style>