From 72cf9c6f2d91cf72ad233d87e8093f5e515b6768 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=80=BF=E5=87=A1?= <1534292577@qq.com>
Date: Wed, 17 Dec 2025 13:30:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A3=80=E9=AA=8C=E9=A1=B9=E7=9B=AE=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF=E9=A1=B5=E9=9D=A2=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/maintainSystem/Inspection/index.vue | 802 +++++++++++++++---
 1 file changed, 666 insertions(+), 136 deletions(-)

diff --git a/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue b/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue
index 4cd87a8b..3713e2b4 100644
--- a/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue
+++ b/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue
@@ -163,36 +163,86 @@
       <!-- 检验项目页面 -->
       <template v-else-if="activeNav === 1">
         <div class="page-header">
-          <h2>检验项目管理</h2>
+          <h2>检验项目</h2>
         </div>
-        <div class="header-actions">
-          <button class="add-new-btn" @click="addNewItem">
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <line x1="12" y1="5" x2="12" y2="19"></line>
-              <line x1="5" y1="12" x2="19" y2="12"></line>
-            </svg>
-            新增检验项目
-          </button>
+        <div class="filter-section">
+          <div class="filter-item">
+            <label>检验类型</label>
+            <select v-model="testTypeFilter" class="filter-select">
+              <option value="">选择检验类型</option>
+              <option v-for="type in testTypes" :key="type.value" :value="type.value">
+                {{ type.label }}
+              </option>
+            </select>
+          </div>
+          <div class="filter-item">
+            <label>名称</label>
+            <input v-model="nameFilter" type="text" class="filter-input" placeholder="名称/编码">
+          </div>
+          <div class="filter-item">
+              <label>费用套餐</label>
+              <select v-model="packageFilter" class="filter-select">
+                <option value="">选择费用套餐</option>
+                <option v-for="pkg in feePackages" :key="pkg.value" :value="pkg.value">
+                  {{ pkg.label }}
+                </option>
+              </select>
+            </div>
+          <div class="filter-actions">
+            <button class="btn btn-primary add-btn" @click="addNewItem">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <line x1="12" y1="5" x2="12" y2="19"></line>
+                <line x1="5" y1="12" x2="19" y2="12"></line>
+              </svg>
+              新增
+            </button>
+            <button class="btn btn-secondary reset-btn" @click="resetFilters">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <polyline points="3 6 5 6 21 6"></polyline>
+                <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
+                <line x1="10" y1="11" x2="10" y2="17"></line>
+                <line x1="14" y1="11" x2="14" y2="17"></line>
+              </svg>
+              重置
+            </button>
+            <button class="btn btn-primary search-btn" @click="filterItems">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="11" cy="11" r="8"></circle>
+                <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+              </svg>
+              查询
+            </button>
+            <button class="btn btn-primary export-btn" @click="exportTable">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+                <polyline points="7 10 12 15 17 10"></polyline>
+                <line x1="12" y1="15" x2="12" y2="3"></line>
+              </svg>
+              导出表格
+            </button>
+          </div>
         </div>
         <div class="table-container">
           <table class="data-table">
             <thead>
               <tr>
                 <th>行</th>
-                <th>*项目编码</th>
-                <th>*项目名称</th>
-                <th>*检验类型</th>
-                <th>*执行科室</th>
-                <th>单位</th>
-                <th>价格</th>
-                <th>医保编码</th>
-                <th>状态</th>
+                <th>小类编码</th>
+                <th>小类项目名称</th>
+                <th>检验类型</th>
+                <th>费用套餐</th>
+                <th>样本类型</th>
+                <th>金额</th>
+                <th>序号</th>
+                <th>服务范围</th>
+                <th>下级医技类型</th>
+                <th>备注</th>
                 <th>操作</th>
               </tr>
             </thead>
             <tbody>
               <tr 
-                v-for="(item, index) in inspectionItems" 
+                v-for="(item, index) in filteredInspectionItems" 
                 :key="item.id"
                 :class="{ 'editing': editingRowId === item.id }"
               >
@@ -215,84 +265,117 @@
                 </td>
                 <td>
                   <template v-if="editingRowId === item.id">
-                    <input v-model="item.typeName" type="text" :style="inputStyle">
-                  </template>
-                  <template v-else>
-                    {{ item.typeName }}
-                  </template>
-                </td>
-                <td>
-                  <template v-if="editingRowId === item.id">
-                    <el-tree-select
-                      v-model="item.department"
-                      :data="departments"
-                      :props="{
-                        value: 'name',
-                        label: 'name',
-                        children: 'children',
-                      }"
-                      value-key="name"
-                      placeholder="请选择科室"
-                      check-strictly
-                      :expand-on-click-node="false"
-                      clearable
-                      style="width: 100%;"
-                      @change="handleDepartmentChange($event, item)"
-                    />
-                  </template>
-                  <template v-else>
-                    {{ item.department }}
-                  </template>
-                </td>
-                <td>
-                  <template v-if="editingRowId === item.id">
-                    <input v-model="item.unit" type="text" :style="inputStyle">
-                  </template>
-                  <template v-else>
-                    {{ item.unit }}
-                  </template>
-                </td>
-                <td>
-                  <template v-if="editingRowId === item.id">
-                    <input v-model="item.price" type="number" :style="inputStyle" step="0.01">
-                  </template>
-                  <template v-else>
-                    {{ item.price }}
-                  </template>
-                </td>
-                <td>
-                  <template v-if="editingRowId === item.id">
-                    <input v-model="item.ybNo" type="text" :style="inputStyle">
-                  </template>
-                  <template v-else>
-                    {{ item.ybNo || '-' }}
-                  </template>
-                </td>
-                <td>
-                  <template v-if="editingRowId === item.id">
-                    <select v-model="item.status" :style="inputStyle">
-                      <option value="true">启用</option>
-                      <option value="false">禁用</option>
+                    <select v-model="item.testType" :style="inputStyle">
+                      <option value="">选择检验类型</option>
+                      <option v-for="type in testTypes" :key="type.value" :value="type.value">
+                        {{ type.label }}
+                      </option>
                     </select>
                   </template>
                   <template v-else>
-                    {{ item.status ? '启用' : '禁用' }}
+                    {{ item.testType }}
+                  </template>
+                </td>
+                <td>
+                  <template v-if="editingRowId === item.id">
+                    <select v-model="item.package" :style="inputStyle" @change="updateAmountFromPackage(item)">
+                      <option value="">选择费用套餐</option>
+                      <option v-for="pkg in feePackages" :key="pkg.value" :value="pkg.value">
+                        {{ pkg.label }}
+                      </option>
+                    </select>
+                  </template>
+                  <template v-else>
+                    {{ item.package }}
+                  </template>
+                </td>
+                <td>
+                  <template v-if="editingRowId === item.id">
+                    <select v-model="item.sampleType" :style="inputStyle">
+                      <option value="">选择样本类型</option>
+                      <option v-for="type in sampleTypes" :key="type.value" :value="type.value">
+                        {{ type.label }}
+                      </option>
+                    </select>
+                  </template>
+                  <template v-else>
+                    {{ item.sampleType }}
+                  </template>
+                </td>
+                <td>{{ item.amount }}</td>
+                <td>
+                  <template v-if="editingRowId === item.id">
+                    <input v-model="item.sortOrder" type="number" :style="inputStyle">
+                  </template>
+                  <template v-else>
+                    {{ item.sortOrder || 999999 }}
+                  </template>
+                </td>
+                <td>
+                  <template v-if="editingRowId === item.id">
+                    <select v-model="item.serviceRange" :style="inputStyle">
+                      <option v-for="range in serviceRanges" :key="range.value" :value="range.value">
+                        {{ range.label }}
+                      </option>
+                    </select>
+                  </template>
+                  <template v-else>
+                    {{ item.serviceRange || '全部' }}
+                  </template>
+                </td>
+                <td>
+                  <template v-if="editingRowId === item.id">
+                    <input v-model="item.sub医技Type" type="text" :style="inputStyle">
+                  </template>
+                  <template v-else>
+                    {{ item.sub医技Type || '-' }}
+                  </template>
+                </td>
+                <td>
+                  <template v-if="editingRowId === item.id">
+                    <input v-model="item.remark" type="text" :style="inputStyle">
+                  </template>
+                  <template v-else>
+                    {{ item.remark || '-' }}
                   </template>
                 </td>
                 <td class="action-cell">
-                  <div class="action-btn edit-btn" @click="editItem(item)">
-                    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                      <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
-                      <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
-                    </svg>
-                  </div>
-                  <div class="action-btn delete-btn" @click="deleteItem(item.id)">
+                  <template v-if="editingRowId === item.id">
+                    <div class="action-btn save-btn" @click="saveItem(item)">
+                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <polyline points="20 6 9 17 4 12"></polyline>
+                      </svg>
+                      保存
+                    </div>
+                    <div class="action-btn cancel-btn" @click="cancelEdit(item)">
+                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="18" y1="6" x2="6" y2="18"></line>
+                        <line x1="6" y1="6" x2="18" y2="18"></line>
+                      </svg>
+                      取消
+                    </div>
+                  </template>
+                  <template v-else-if="!editingRowId">
+                    <div class="action-btn edit-btn" @click="editItem(item)">
+                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
+                        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
+                      </svg>
+                      编辑
+                    </div>
+                  </template>
+                  <div 
+                    class="action-btn delete-btn" 
+                    @click="deleteItem(item.id)"
+                    v-if="!editingRowId || editingRowId === item.id"
+                  >
                     <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                       <polyline points="3 6 5 6 21 6"></polyline>
                       <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
                       <line x1="10" y1="11" x2="10" y2="17"></line>
                       <line x1="14" y1="11" x2="14" y2="17"></line>
                     </svg>
+                    删除
                   </div>
                 </td>
               </tr>
@@ -794,13 +877,116 @@ function debugDepartments() {
   }
 }
 
+// 费用套餐数据
+const feePackages = ref([
+  { value: '肝功能12项', label: '肝功能12项', amount: 120.00 },
+  { value: '血常规', label: '血常规', amount: 35.00 },
+  { value: '尿常规', label: '尿常规', amount: 25.00 },
+  { value: '血脂五项', label: '血脂五项', amount: 80.00 },
+  { value: '肾功能三项', label: '肾功能三项', amount: 50.00 },
+  { value: '乙肝套餐', label: '乙肝套餐', amount: 75.00 },
+  { value: '糖尿病套餐', label: '糖尿病套餐', amount: 65.00 },
+  { value: '肾功能套餐', label: '肾功能套餐', amount: 45.00 },
+  { value: '肿瘤筛查套餐', label: '肿瘤筛查套餐', amount: 200.00 },
+  { value: '心脑血管套餐', label: '心脑血管套餐', amount: 180.00 },
+  { value: '甲状腺功能套餐', label: '甲状腺功能套餐', amount: 150.00 },
+  { value: '微量元素套餐', label: '微量元素套餐', amount: 90.00 },
+  { value: '电解质套餐', label: '电解质套餐', amount: 40.00 },
+  { value: '风湿免疫套餐', label: '风湿免疫套餐', amount: 120.00 },
+  { value: '性激素套餐', label: '性激素套餐', amount: 160.00 }
+]);
+
+// 样本类型数据
+const sampleTypes = ref([
+  { value: '血液', label: '血液' },
+  { value: '尿液', label: '尿液' },
+  { value: '粪便', label: '粪便' },
+  { value: '脑脊液', label: '脑脊液' },
+  { value: '胸水', label: '胸水' },
+  { value: '腹水', label: '腹水' },
+  { value: '分泌物', label: '分泌物' },
+  { value: '组织', label: '组织' },
+  { value: '其他', label: '其他' }
+]);
+
+// 服务范围数据
+const serviceRanges = ref([
+  { value: '全部', label: '全部' },
+  { value: '门诊', label: '门诊' },
+  { value: '住院', label: '住院' },
+  { value: '急诊', label: '急诊' },
+  { value: '体检', label: '体检' }
+]);
+
+// 检验类型数据
+const testTypes = ref([
+  { value: '生化', label: '生化' },
+  { value: '常规检验', label: '常规检验' },
+  { value: '免疫学检验', label: '免疫学检验' },
+  { value: '微生物检验', label: '微生物检验' },
+  { value: '分子生物学检验', label: '分子生物学检验' },
+  { value: '血液学检验', label: '血液学检验' },
+  { value: '尿液检验', label: '尿液检验' },
+  { value: '粪便检验', label: '粪便检验' },
+  { value: '脑脊液检验', label: '脑脊液检验' },
+  { value: '其他检验', label: '其他检验' }
+]);
+
 // 检验项目数据
 const inspectionItems = ref([
-  { id: 1, code: 'ITEM001', name: '白细胞计数', typeName: '血常规', department: '检验科', unit: '10^9/L', price: 15.00, ybNo: 'Y001', status: true },
-  { id: 2, code: 'ITEM002', name: '红细胞计数', typeName: '血常规', department: '检验科', unit: '10^12/L', price: 15.00, ybNo: 'Y002', status: true },
-  { id: 3, code: 'ITEM003', name: '总蛋白', typeName: '生化检查', department: '检验科', unit: 'g/L', price: 20.00, ybNo: 'Y003', status: true }
+  { id: 1, code: '0101', name: '血常规五分类', testType: '生化', package: '肝功能12项', sampleType: '血液', amount: 36.00, sortOrder: 1, serviceRange: '全部', sub医技Type: '', remark: '', status: true },
+  { id: 2, code: '0102', name: '肝功能12项', testType: '生化', package: '肝功能12项', sampleType: '血液', amount: 120.00, sortOrder: 2, serviceRange: '全部', sub医技Type: '', remark: '', status: true },
+  { id: 3, code: '0201', name: '尿常规', testType: '常规检验', package: '', sampleType: '尿液', amount: 25.00, sortOrder: 3, serviceRange: '全部', sub医技Type: '', remark: '', status: true },
+  { id: 4, code: '0202', name: '便常规+潜血', testType: '常规检验', package: '', sampleType: '粪便', amount: 30.00, sortOrder: 4, serviceRange: '门诊', sub医技Type: '', remark: '', status: true },
+  { id: 5, code: '0301', name: '乙肝五项', testType: '免疫学检验', package: '乙肝套餐', sampleType: '血液', amount: 75.00, sortOrder: 5, serviceRange: '全部', sub医技Type: '', remark: '', status: true },
+  { id: 6, code: '0302', name: '丙肝抗体', testType: '免疫学检验', package: '', sampleType: '血液', amount: 45.00, sortOrder: 6, serviceRange: '住院', sub医技Type: '', remark: '', status: true },
+  { id: 7, code: '0401', name: '血糖', testType: '生化', package: '糖尿病套餐', sampleType: '血液', amount: 15.00, sortOrder: 7, serviceRange: '全部', sub医技Type: '', remark: '', status: true },
+  { id: 8, code: '0402', name: '糖化血红蛋白', testType: '生化', package: '糖尿病套餐', sampleType: '血液', amount: 50.00, sortOrder: 8, serviceRange: '全部', sub医技Type: '', remark: '', status: true },
+  { id: 9, code: '0501', name: '肌酐', testType: '生化', package: '肾功能套餐', sampleType: '血液', amount: 25.00, sortOrder: 9, serviceRange: '住院', sub医技Type: '', remark: '', status: true },
+  { id: 10, code: '0502', name: '尿素氮', testType: '生化', package: '肾功能套餐', sampleType: '血液', amount: 20.00, sortOrder: 10, serviceRange: '住院', sub医技Type: '', remark: '', status: true },
+  { id: 11, code: '0601', name: '白带常规', testType: '常规检验', package: '', sampleType: '分泌物', amount: 30.00, sortOrder: 11, serviceRange: '门诊', sub医技Type: '', remark: '', status: true },
+  { id: 12, code: '0602', name: '前列腺液常规', testType: '常规检验', package: '', sampleType: '分泌物', amount: 35.00, sortOrder: 12, serviceRange: '门诊', sub医技Type: '', remark: '', status: true },
+  { id: 13, code: '0701', name: '脑脊液常规', testType: '常规检验', package: '', sampleType: '脑脊液', amount: 60.00, sortOrder: 13, serviceRange: '住院', sub医技Type: '', remark: '', status: true },
+  { id: 14, code: '0801', name: '肿瘤标志物CA125', testType: '免疫学检验', package: '肿瘤筛查套餐', sampleType: '血液', amount: 120.00, sortOrder: 14, serviceRange: '体检', sub医技Type: '', remark: '', status: true },
+  { id: 15, code: '0802', name: '肿瘤标志物AFP', testType: '免疫学检验', package: '肿瘤筛查套餐', sampleType: '血液', amount: 80.00, sortOrder: 15, serviceRange: '体检', sub医技Type: '', remark: '', status: true }
 ]);
 
+// 过滤条件
+const testTypeFilter = ref('');
+const nameFilter = ref('');
+const packageFilter = ref('');
+
+// 过滤后的检验项目数据
+const filteredInspectionItems = computed(() => {
+  return inspectionItems.value.filter(item => {
+    // 按检验类型过滤
+    if (testTypeFilter.value && item.testType !== testTypeFilter.value) {
+      return false;
+    }
+    // 按名称或编码过滤
+    if (nameFilter.value && !(item.name.includes(nameFilter.value) || item.code.includes(nameFilter.value))) {
+      return false;
+    }
+    // 按费用套餐过滤
+    if (packageFilter.value && item.package !== packageFilter.value) {
+      return false;
+    }
+    return true;
+  });
+});
+
+// 执行过滤
+const filterItems = () => {
+  // 过滤逻辑已经在computed属性中实现，这里可以添加额外的逻辑
+};
+
+// 重置过滤条件
+const resetFilters = () => {
+  testTypeFilter.value = '';
+  nameFilter.value = '';
+  packageFilter.value = '';
+};
+
 // 套餐相关数据
 const packageCategory = ref('检验套餐');
 const packageLevel = ref('');
@@ -818,7 +1004,12 @@ const remarks = ref('');
 const autocompleteRef = ref();
 const packageItems = ref([
   { name: '血常规五分类', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 25.00, amount: 25.00, serviceFee: 0.00, totalAmount: 25.00, origin: '' },
-  { name: '总IgE测定', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 30.00, amount: 30.00, serviceFee: 0.00, totalAmount: 30.00, origin: '' }
+  { name: '总IgE测定', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 30.00, amount: 30.00, serviceFee: 0.00, totalAmount: 30.00, origin: '' },
+  { name: '肝功能12项', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 120.00, amount: 120.00, serviceFee: 0.00, totalAmount: 120.00, origin: '' },
+  { name: '肾功能三项', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 50.00, amount: 50.00, serviceFee: 0.00, totalAmount: 50.00, origin: '' },
+  { name: '血糖', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 15.00, amount: 15.00, serviceFee: 0.00, totalAmount: 15.00, origin: '' },
+  { name: '糖化血红蛋白', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 50.00, amount: 50.00, serviceFee: 0.00, totalAmount: 50.00, origin: '' },
+  { name: '血脂五项', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 80.00, amount: 80.00, serviceFee: 0.00, totalAmount: 80.00, origin: '' }
 ]);
 
 // 查询诊疗目录中的检验项目
@@ -989,7 +1180,11 @@ const updateItemTotalAmount = (item) => {
 
 // 处理编辑项目
 const handleEditItem = (index) => {
-  if (editingRowId === index) {
+  if (editingRowId.value !== null && editingRowId.value !== index) {
+    ElMessage.warning('请先保存或取消当前正在编辑的行');
+    return;
+  }
+  if (editingRowId.value === index) {
     // 保存编辑
     editingRowId.value = null;
     ElMessage.success('保存成功');
@@ -1101,12 +1296,20 @@ const handleSelectPackage = (item) => {
 
 // 检验类型相关方法
 const addNewRow = () => {
+  if (editingRowId.value) {
+    ElMessage.warning('请先保存或取消当前正在编辑的行');
+    return;
+  }
   const newRow = { id: Date.now(), code: '', name: '', department: departments.value[0], sortOrder: tableData.value.length + 1, remark: '' };
   tableData.value.push(newRow);
   editingRowId.value = newRow.id;
 };
 
 const handleEdit = (row) => {
+  if (editingRowId.value && editingRowId.value !== row.id) {
+    ElMessage.warning('请先保存或取消当前正在编辑的行');
+    return;
+  }
   editingRowId.value = row.id;
 };
 
@@ -1190,65 +1393,152 @@ const handleConfirm = (row) => {
 };
 
 const handleAdd = (row, index) => {
+  if (editingRowId.value) {
+    ElMessage.warning('请先保存或取消当前正在编辑的行');
+    return;
+  }
   const newRow = { id: Date.now(), code: '', name: '', department: row.department, sortOrder: row.sortOrder + 0.5, remark: '' };
   tableData.value.splice(index + 1, 0, newRow);
   editingRowId.value = newRow.id;
 };
   
   const handleDelete = (id) => {
-    console.log('删除按钮被点击，原始ID:', id, '类型:', typeof id);
-    
-    // 确保ID是数字类型
-    const numericId = Number(id);
-    console.log('转换后的ID:', numericId, '类型:', typeof numericId);
-    
-    // 判断是否为临时ID（临时ID是通过Date.now()生成的，值很大，通常大于2000000000000）
-    const isTemporaryId = numericId > 2e12;
-    console.log('是否为临时ID:', isTemporaryId, '判断阈值:', 2e12);
-    
-    if (!isTemporaryId) { // 真实数据库ID
-      console.log('调用删除API，ID:', numericId, 'API路径:', `/system/inspection-type/${numericId}`);
-      delInspectionType(numericId).then(response => {
-        console.log('删除成功，响应:', response);
+    ElMessageBox.confirm('确定要删除该检验类型吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      console.log('删除按钮被点击，原始ID:', id, '类型:', typeof id);
+      
+      // 确保ID是数字类型
+      const numericId = Number(id);
+      console.log('转换后的ID:', numericId, '类型:', typeof numericId);
+      
+      // 判断是否为临时ID（临时ID是通过Date.now()生成的，值很大，通常大于2000000000000）
+      const isTemporaryId = numericId > 2e12;
+      console.log('是否为临时ID:', isTemporaryId, '判断阈值:', 2e12);
+      
+      if (!isTemporaryId) { // 真实数据库ID
+        console.log('调用删除API，ID:', numericId, 'API路径:', `/system/inspection-type/${numericId}`);
+        delInspectionType(numericId).then(response => {
+          console.log('删除成功，响应:', response);
+          ElMessage.success('删除成功');
+          getInspectionTypeList();
+        }).catch(error => {
+          console.error('删除检验类型失败:', error);
+          ElMessage.error('删除失败: ' + (error.response?.data?.msg || '未知错误'));
+          if (error.response) {
+            console.error('响应状态:', error.response.status);
+            console.error('响应数据:', error.response.data);
+          } else if (error.request) {
+            console.error('请求发送但未收到响应:', error.request);
+          } else {
+            console.error('请求配置错误:', error.message);
+          }
+        });
+      } else {
+        // 删除临时新增的行
+        console.log('删除临时行，ID:', numericId);
+        tableData.value = tableData.value.filter(row => Number(row.id) !== numericId);
         ElMessage.success('删除成功');
-        getInspectionTypeList();
-      }).catch(error => {
-        console.error('删除检验类型失败:', error);
-        ElMessage.error('删除失败: ' + (error.response?.data?.msg || '未知错误'));
-        if (error.response) {
-          console.error('响应状态:', error.response.status);
-          console.error('响应数据:', error.response.data);
-        } else if (error.request) {
-          console.error('请求发送但未收到响应:', error.request);
-        } else {
-          console.error('请求配置错误:', error.message);
-        }
-      });
-    } else {
-      // 删除临时新增的行
-      console.log('删除临时行，ID:', numericId);
-      tableData.value = tableData.value.filter(row => Number(row.id) !== numericId);
-      ElMessage.success('删除成功');
-    }
+      }
+    }).catch(() => {
+      // 取消删除
+    });
   };
 
 // 检验项目相关方法
 const addNewItem = () => {
-  console.log('新增检验项目');
+  if (editingRowId.value) {
+    ElMessage.warning('请先保存或取消当前正在编辑的行');
+    return;
+  }
+  const newItem = {
+    id: Date.now(),
+    code: '',
+    name: '',
+    testType: '',
+    package: '',
+    sampleType: '',
+    amount: 0.00,
+    sortOrder: inspectionItems.value.length + 1,
+    serviceRange: '全部',
+    sub医技Type: '',
+    remark: '',
+    status: true
+  };
+  inspectionItems.value.push(newItem);
+  editingRowId.value = newItem.id;
 };
 
 const editItem = (item) => {
-  console.log('编辑检验项目', item);
   if (editingRowId.value === item.id) {
-    // 保存编辑
-    editingRowId.value = null;
-    ElMessage.success('保存成功');
+    // 如果当前行已经在编辑模式，点击编辑按钮则保存
+    saveItem(item);
   } else {
-    // 进入编辑模式
+    // 否则进入编辑模式
     editingRowId.value = item.id;
   }
 };
 
+const updateAmountFromPackage = (item) => {
+  if (item.package) {
+    const selectedPackage = feePackages.value.find(pkg => pkg.value === item.package);
+    if (selectedPackage) {
+      item.amount = selectedPackage.amount;
+    }
+  } else {
+    item.amount = 0.00;
+  }
+};
+
+const saveItem = (item) => {
+  // 验证必填字段
+  if (!item.code || item.code.trim() === '') {
+    ElMessage.error('小类编码不能为空');
+    return;
+  }
+  
+  // 验证小类编码格式：4位数字
+  const codeRegex = /^\d{4}$/;
+  if (!codeRegex.test(item.code.trim())) {
+    ElMessage.error('小类编码必须为4位数字');
+    return;
+  }
+  
+  if (!item.name || item.name.trim() === '') {
+    ElMessage.error('小类项目名称不能为空');
+    return;
+  }
+  
+  if (!item.testType) {
+    ElMessage.error('检验类型不能为空');
+    return;
+  }
+  
+  if (!item.sampleType) {
+    ElMessage.error('样本类型不能为空');
+    return;
+  }
+  
+  // 验证小类编码唯一性
+  const isDuplicate = inspectionItems.value.some(i => 
+    i.id !== item.id && i.code.trim() === item.code.trim()
+  );
+  
+  if (isDuplicate) {
+    ElMessage.error('小类编码已存在');
+    return;
+  }
+  
+  // 从费用套餐获取金额
+  updateAmountFromPackage(item);
+  
+  // 保存成功
+  editingRowId.value = null;
+  ElMessage.success('保存成功');
+};
+
 const deleteItem = (id) => {
   ElMessageBox.confirm('确定要删除该检验项目吗？', '提示', {
     confirmButtonText: '确定',
@@ -1265,6 +1555,56 @@ const deleteItem = (id) => {
   });
 };
 
+const cancelEdit = (item) => {
+  // 如果是新添加的行，则直接删除
+  if (item.id.toString().length > 10) { // 临时ID，使用Date.now()生成
+    const index = inspectionItems.value.findIndex(i => i.id === item.id);
+    if (index !== -1) {
+      inspectionItems.value.splice(index, 1);
+    }
+  }
+  editingRowId.value = null;
+};
+
+// 导出表格数据
+const exportTable = () => {
+  // 将表格数据转换为CSV格式
+  const headers = ['行号', '小类编码', '小类项目名称', '检验类型', '费用套餐', '样本类型', '金额', '序号', '服务范围', '下级医技类型', '备注'];
+  const csvContent = [
+    headers.join(','),
+    ...filteredInspectionItems.value.map((item, index) => [
+      index + 1,
+      `"${item.code}"`,
+      `"${item.name}"`,
+      `"${item.testType}"`,
+      `"${item.package}"`,
+      `"${item.sampleType}"`,
+      item.amount,
+      item.sortOrder || 999999,
+      `"${item.serviceRange || '全部'}"`,
+      `"${item.sub医技Type || '-'}"`,
+      `"${item.remark || '-'}"`
+    ].join(','))
+  ].join('\n');
+
+  // 创建Blob对象
+  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+  
+  // 创建下载链接
+  const link = document.createElement('a');
+  const url = URL.createObjectURL(blob);
+  link.setAttribute('href', url);
+  link.setAttribute('download', `检验项目导出_${new Date().toISOString().split('T')[0]}.csv`);
+  link.style.visibility = 'hidden';
+  
+  // 添加到DOM并触发下载
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  
+  ElMessage.success('导出成功');
+};
+
 // 套餐相关方法
 const handleSave = () => {
   // 验证套餐级别是否选择
@@ -1400,6 +1740,105 @@ watch(packageItems, (newVal) => {
   background-color: #40a9ff;
 }
 
+/* 过滤区域 */
+.filter-section {
+  background-color: #fff;
+  padding: 16px;
+  border-radius: 4px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.filter-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.filter-item label {
+  font-size: 14px;
+  color: #333;
+  white-space: nowrap;
+  font-weight: 500;
+}
+
+.filter-select {
+  width: 120px;
+  height: 32px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  padding: 0 8px;
+  font-size: 14px;
+  background-color: #fff;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.filter-select:focus {
+  outline: none;
+  border-color: #1890ff;
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+
+.filter-input {
+  width: 180px;
+  height: 32px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  padding: 0 8px;
+  font-size: 14px;
+  transition: all 0.2s;
+}
+
+.filter-input:focus {
+  outline: none;
+  border-color: #1890ff;
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+
+.filter-actions {
+  display: flex;
+  gap: 8px;
+  margin-left: auto;
+}
+
+/* 按钮样式 */
+.btn {
+  height: 32px;
+  padding: 0 16px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 14px;
+  transition: all 0.2s;
+}
+
+.btn-primary {
+  background-color: #1890ff;
+  color: #fff;
+  border-color: #1890ff;
+}
+
+.btn-primary:hover {
+  background-color: #40a9ff;
+  border-color: #40a9ff;
+}
+
+.btn-secondary {
+  background-color: #f5f5f5;
+  color: #333;
+}
+
+.btn-secondary:hover {
+  background-color: #e8e8e8;
+}
+
 /* 表格容器 */
 .table-container {
   background-color: #fff;
@@ -1615,6 +2054,85 @@ watch(packageItems, (newVal) => {
   flex-shrink: 0;
 }
 
+/* 响应式设计 */
+@media (max-width: 992px) {
+  /* 隐藏左侧导航 */
+  .side-nav {
+    display: none;
+  }
+  
+  /* 主内容区域设置为100%宽度 */
+  .main-content {
+    margin-left: 0;
+    width: 100%;
+    padding: 10px;
+  }
+  
+  /* 过滤区域垂直排列 */
+  .filter-section {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+  }
+  
+  .filter-item {
+    width: 100%;
+    justify-content: flex-start;
+  }
+  
+  /* 过滤操作按钮换行 */
+  .filter-actions {
+    width: 100%;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    margin-left: 0;
+  }
+  
+  /* 调整按钮样式 */
+  .filter-actions .btn {
+    margin-right: 8px;
+    margin-bottom: 8px;
+  }
+  
+  /* 调整表单网格布局 */
+  .form-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  
+  /* 操作按钮换行显示 */
+  .filter-actions {
+    width: 100%;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+  }
+  
+  /* 表格容器在小屏幕上添加横向滚动 */
+  .table-container {
+    overflow-x: auto;
+  }
+  
+  /* 数据表格在小屏幕上保持最小宽度 */
+  .data-table {
+    min-width: 1000px;
+  }
+  
+  /* 调整表单标签宽度 */
+  .form-label {
+    width: 60px;
+  }
+  
+  /* 调整输入框和选择框样式 */
+  .filter-input,
+  .filter-select {
+    width: calc(100% - 80px);
+  }
+  
+  /* 表单网格调整为2列 */
+  .form-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
 .form-control {
   flex: 1;
   height: 32px;
@@ -1698,25 +2216,37 @@ watch(packageItems, (newVal) => {
   }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 992px) {
   .inspection-container {
     flex-direction: column;
   }
   
   .side-nav {
-    width: 100%;
-    padding: 10px 0;
-  }
-  
-  .nav-item {
-    height: 36px;
-    padding: 0 16px;
+    display: none;
   }
   
   .main-content {
+    margin-left: 0;
+    width: 100%;
     padding: 10px;
   }
   
+  .filter-section {
+    flex-direction: column;
+    gap: 12px;
+  }
+  
+  .filter-item {
+    width: 100%;
+  }
+  
+  .filter-actions {
+    width: 100%;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+  
   .form-grid {
     grid-template-columns: 1fr;
   }