From 029d534b3c0c2fd58464d03605078ad30c8593d5 Mon Sep 17 00:00:00 2001
From: Bronya <2650301730@qq.com>
Date: Thu, 4 Dec 2025 09:47:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=A3=80=E9=AA=8C=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E8=AE=BE=E7=BD=AE=E4=B8=AD=E7=9A=84=E6=A3=80=E9=AA=8C?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E9=A1=B5=E9=9D=A2=E5=B9=B6=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E7=9B=B8=E5=85=B3=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 TestDeleteInspectionType.java                 |   39 +
 .../controller/InspectionTypeController.java  |  190 +++
 .../src/main/resources/application.yml        |    5 +
 .../openhis/lab/domain/InspectionType.java    |   72 +
 .../lab/mapper/InspectionTypeMapper.java      |   16 +
 .../lab/service/IInspectionTypeService.java   |   14 +
 .../impl/InspectionTypeServiceImpl.java       |   18 +
 openhis-ui-vue3/.stylelintrc.cjs              |    2 +-
 .../Inspection/inspectionType.js              |   44 +
 .../src/api/system/inspectionType.js          |   44 +
 .../views/maintainSystem/Inspection/index.vue | 1297 ++++++++++++-----
 11 files changed, 1376 insertions(+), 365 deletions(-)
 create mode 100644 TestDeleteInspectionType.java
 create mode 100644 openhis-server-new/openhis-application/src/main/java/com/openhis/web/lab/controller/InspectionTypeController.java
 create mode 100644 openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/domain/InspectionType.java
 create mode 100644 openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/mapper/InspectionTypeMapper.java
 create mode 100644 openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/service/IInspectionTypeService.java
 create mode 100644 openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/service/impl/InspectionTypeServiceImpl.java
 create mode 100644 openhis-ui-vue3/src/api/maintainSystem/Inspection/inspectionType.js
 create mode 100644 openhis-ui-vue3/src/api/system/inspectionType.js

diff --git a/TestDeleteInspectionType.java b/TestDeleteInspectionType.java
new file mode 100644
index 00000000..16e639cd
--- /dev/null
+++ b/TestDeleteInspectionType.java
@@ -0,0 +1,39 @@
+import java.io.IOException;
+import java.net.HttpURLConnection;
+import java.net.URL;
+import java.util.Scanner;
+
+public class TestDeleteInspectionType {
+    public static void main(String[] args) {
+        try {
+            // 测试删除ID为1的检验类型
+            long inspectionTypeId = 1;
+            URL url = new URL("http://localhost:8080/system/inspection-type/" + inspectionTypeId);
+            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
+            connection.setRequestMethod("DELETE");
+            connection.setRequestProperty("Content-Type", "application/json");
+            connection.setRequestProperty("Accept", "application/json");
+            
+            // 发送请求
+            int responseCode = connection.getResponseCode();
+            System.out.println("响应代码: " + responseCode);
+            
+            // 读取响应
+            Scanner scanner;
+            if (responseCode >= 200 && responseCode < 300) {
+                scanner = new Scanner(connection.getInputStream());
+            } else {
+                scanner = new Scanner(connection.getErrorStream());
+            }
+            
+            String response = scanner.useDelimiter("\\A").next();
+            System.out.println("响应内容: " + response);
+            
+            scanner.close();
+            connection.disconnect();
+            
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+    }
+}
\ No newline at end of file
diff --git a/openhis-server-new/openhis-application/src/main/java/com/openhis/web/lab/controller/InspectionTypeController.java b/openhis-server-new/openhis-application/src/main/java/com/openhis/web/lab/controller/InspectionTypeController.java
new file mode 100644
index 00000000..bbf36538
--- /dev/null
+++ b/openhis-server-new/openhis-application/src/main/java/com/openhis/web/lab/controller/InspectionTypeController.java
@@ -0,0 +1,190 @@
+package com.openhis.web.lab.controller;
+
+import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
+import com.core.common.core.controller.BaseController;
+import com.core.common.core.domain.AjaxResult;
+import com.openhis.lab.domain.InspectionType;
+import com.openhis.lab.service.IInspectionTypeService;
+import lombok.AllArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.transaction.support.TransactionTemplate;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * 检验类型管理Controller
+ *
+ * @author system
+ * @date 2025-12-09
+ */
+@RestController
+@RequestMapping("/system/inspection-type")
+@Slf4j
+@AllArgsConstructor
+public class InspectionTypeController extends BaseController {
+    
+    // 辅助方法：将字节数组转换为十六进制字符串
+    private static String bytesToHex(byte[] bytes) {
+        StringBuilder sb = new StringBuilder();
+        for (byte b : bytes) {
+            sb.append(String.format("%02X ", b));
+        }
+        return sb.toString().trim();
+    }
+
+    private final IInspectionTypeService inspectionTypeService;
+    private final TransactionTemplate transactionTemplate;
+
+    /**
+     * 获取检验类型列表
+     */
+    @GetMapping("/list")
+    public AjaxResult list(InspectionType inspectionType) {
+        // 使用Wrapper构建查询条件，确保order字段被正确处理
+        QueryWrapper<InspectionType> queryWrapper = new QueryWrapper<>(inspectionType);
+        List<InspectionType> list = inspectionTypeService.list(queryWrapper);
+        return AjaxResult.success(list);
+    }
+
+    /**
+     * 获取检验类型详细
+     */
+    @GetMapping("/{inspectionTypeId}")
+    public AjaxResult getInfo(@PathVariable Long inspectionTypeId) {
+        return AjaxResult.success(inspectionTypeService.getById(inspectionTypeId));
+    }
+
+    /**
+     * 新增检验类型
+     */
+    @PostMapping
+    public AjaxResult add(@RequestBody InspectionType inspectionType) {
+        // 确保新增时ID为null，强制使用数据库自增序列
+        inspectionType.setId(null);
+        
+        // 去除code字段的前后空格，确保唯一性验证准确
+        if (inspectionType.getCode() != null) {
+            inspectionType.setCode(inspectionType.getCode().trim());
+        }
+        
+        // 验证code字段是否唯一
+        QueryWrapper<InspectionType> queryWrapper = new QueryWrapper<>();
+        queryWrapper.eq("code", inspectionType.getCode());
+        
+        // 输出调试信息
+        System.out.println("检查编码唯一性：code=" + inspectionType.getCode() + ", 长度=" + inspectionType.getCode().length());
+        System.out.println("code的十六进制表示：" + bytesToHex(inspectionType.getCode().getBytes()));
+        
+        // 直接查询具体记录，而不仅仅是计数
+        List<InspectionType> existingRecords = inspectionTypeService.list(queryWrapper);
+        System.out.println("数据库中存在的记录数：" + existingRecords.size());
+        for (InspectionType record : existingRecords) {
+            System.out.println("已存在记录：id=" + record.getId() + ", code=" + record.getCode() + ", code长度=" + record.getCode().length() + ", code十六进制=" + bytesToHex(record.getCode().getBytes()));
+        }
+        
+        if (!existingRecords.isEmpty()) {
+            return AjaxResult.error("检验类型编码已存在");
+        }
+        
+        // 保存前再次验证
+        System.out.println("准备保存数据：" + inspectionType);
+        
+        try {
+            // 使用事务确保一致性
+            return transactionTemplate.execute(status -> {
+                // 再次检查，防止并发问题
+                QueryWrapper<InspectionType> checkWrapper = new QueryWrapper<>();
+                checkWrapper.eq("code", inspectionType.getCode());
+                List<InspectionType> finalCheck = inspectionTypeService.list(checkWrapper);
+                if (!finalCheck.isEmpty()) {
+                    return AjaxResult.error("检验类型编码已存在");
+                }
+                
+                boolean result = inspectionTypeService.save(inspectionType);
+                System.out.println("保存结果：" + result);
+                return toAjax(result);
+            });
+        } catch (Exception e) {
+            System.out.println("保存失败，错误信息：" + e.getMessage());
+            
+            // 捕获唯一性约束冲突异常
+            if (e.getMessage().contains("uk_inspection_type_code") || 
+                e.getMessage().contains("duplicate key value") || 
+                e.getMessage().contains("检验类型编码已存在")) {
+                return AjaxResult.error("检验类型编码已存在");
+            }
+            
+            return AjaxResult.error("保存失败：" + e.getMessage());
+        }
+    }
+
+    /**
+     * 修改检验类型
+     */
+    @PutMapping
+    public AjaxResult edit(@RequestBody InspectionType inspectionType) {
+        // 去除code字段的前后空格，确保唯一性验证准确
+        if (inspectionType.getCode() != null) {
+            inspectionType.setCode(inspectionType.getCode().trim());
+        }
+        
+        // 验证code字段是否唯一（排除自身）
+        QueryWrapper<InspectionType> queryWrapper = new QueryWrapper<>();
+        queryWrapper.eq("code", inspectionType.getCode())
+                   .ne("id", inspectionType.getId());
+        if (inspectionTypeService.count(queryWrapper) > 0) {
+            return AjaxResult.error("检验类型编码已存在");
+        }
+        
+        try {
+            boolean result = inspectionTypeService.updateById(inspectionType);
+            return toAjax(result);
+        } catch (Exception e) {
+            // 捕获唯一性约束冲突异常
+            if (e.getMessage().contains("uk_inspection_type_code") || 
+                e.getMessage().contains("duplicate key value") || 
+                e.getMessage().contains("检验类型编码已存在")) {
+                return AjaxResult.error("检验类型编码已存在");
+            }
+            
+            return AjaxResult.error("更新失败：" + e.getMessage());
+        }
+    }
+
+    /**
+     * 删除检验类型
+     */
+    @DeleteMapping("/{inspectionTypeId}")
+    public AjaxResult remove(@PathVariable Long inspectionTypeId) {
+        log.info("删除检验类型，ID: {}", inspectionTypeId);
+        try {
+            // 检查记录是否存在
+            InspectionType existing = inspectionTypeService.getById(inspectionTypeId);
+            log.info("删除前检查记录是否存在: {}", existing != null);
+            
+            if (existing == null) {
+                log.warn("删除失败：检验类型ID: {} 不存在", inspectionTypeId);
+                return AjaxResult.error("删除失败: 记录不存在");
+            }
+            
+            // 使用MyBatis Plus的removeById方法执行逻辑删除
+            boolean result = inspectionTypeService.removeById(inspectionTypeId);
+            log.info("逻辑删除检验类型结果: {}", result);
+            
+            AjaxResult response = toAjax(result);
+            log.info("删除响应: {}", response);
+            return response;
+        } catch (Exception e) {
+            log.error("删除检验类型失败，ID: {}, 错误: {}", inspectionTypeId, e.getMessage(), e);
+            return AjaxResult.error("删除失败: " + e.getMessage());
+        }
+    }
+    
+    // 测试删除接口，直接返回成功
+    @DeleteMapping("/test-delete/{id}")
+    public AjaxResult testDelete(@PathVariable Long id) {
+        log.info("测试删除接口，ID: {}", id);
+        return AjaxResult.success("测试删除成功");
+    }
+}
\ No newline at end of file
diff --git a/openhis-server-new/openhis-application/src/main/resources/application.yml b/openhis-server-new/openhis-application/src/main/resources/application.yml
index a14166e9..a8228c06 100644
--- a/openhis-server-new/openhis-application/src/main/resources/application.yml
+++ b/openhis-server-new/openhis-application/src/main/resources/application.yml
@@ -80,6 +80,11 @@ mybatis-plus:
   mapperLocations: classpath*:mapper/**/*Mapper.xml
   # 加载全局的配置文件
   configLocation: classpath:mybatis/mybatis-config.xml
+  global-config:
+    db-config:
+      logic-delete-field: validFlag # 全局逻辑删除的实体字段名
+      logic-delete-value: 0 # 逻辑已删除值(默认为 1)
+      logic-not-delete-value: 1 # 逻辑未删除值(默认为 0)
 
 # PageHelper分页插件
 pagehelper:
diff --git a/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/domain/InspectionType.java b/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/domain/InspectionType.java
new file mode 100644
index 00000000..1b36f527
--- /dev/null
+++ b/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/domain/InspectionType.java
@@ -0,0 +1,72 @@
+package com.openhis.lab.domain;
+
+import com.baomidou.mybatisplus.annotation.IdType;
+import com.baomidou.mybatisplus.annotation.TableField;
+import com.baomidou.mybatisplus.annotation.TableId;
+import com.baomidou.mybatisplus.annotation.TableLogic;
+import com.baomidou.mybatisplus.annotation.TableName;
+import lombok.Data;
+import lombok.experimental.Accessors;
+
+import java.time.LocalDateTime;
+
+/**
+ * 检验类型
+ * 
+ * @author system
+ * @date 2025-12-09
+ */
+@Data
+@Accessors(chain = true)
+@TableName(value = "inspection_type", autoResultMap = true)
+public class InspectionType {
+    private static final long serialVersionUID = 1L;
+
+    /** 主键ID */
+    @TableId(type = IdType.AUTO)
+    private Long id;
+
+    /** 检验类型编码 */
+    private String code;
+
+    /** 检验类型名称 */
+    private String name;
+
+    /** 所属科室 */
+    private String department;
+
+    /** 排序 */
+    @TableField("\"order\"")
+    private Integer sortOrder;
+
+    /** 备注 */
+    private String remark;
+
+    /** 有效标志（1：有效，0：无效） */
+    @TableField("valid_flag")
+    @TableLogic(value = "1", delval = "0")
+    private Integer validFlag;
+
+    /** 创建时间 */
+    @TableField("created_at")
+    private LocalDateTime createdAt;
+
+    /** 更新时间 */
+    @TableField("updated_at")
+    private LocalDateTime updatedAt;
+
+    /** 版本号 */
+    private Integer version;
+
+    /**
+     * 以下字段数据库表中不存在，用于禁用MyBatis Plus自动添加的字段
+     */
+    @TableField(exist = false)
+    private String createBy;
+
+    @TableField(exist = false)
+    private String updateBy;
+
+    @TableField(exist = false)
+    private Integer tenantId;
+}
\ No newline at end of file
diff --git a/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/mapper/InspectionTypeMapper.java b/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/mapper/InspectionTypeMapper.java
new file mode 100644
index 00000000..01f66a69
--- /dev/null
+++ b/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/mapper/InspectionTypeMapper.java
@@ -0,0 +1,16 @@
+package com.openhis.lab.mapper;
+
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+import com.openhis.lab.domain.InspectionType;
+import org.springframework.stereotype.Repository;
+
+/**
+ * 检验类型Mapper接口
+ *
+ * @author system
+ * @date 2025-12-09
+ */
+@Repository
+public interface InspectionTypeMapper extends BaseMapper<InspectionType> {
+
+}
\ No newline at end of file
diff --git a/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/service/IInspectionTypeService.java b/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/service/IInspectionTypeService.java
new file mode 100644
index 00000000..4a57aeb1
--- /dev/null
+++ b/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/service/IInspectionTypeService.java
@@ -0,0 +1,14 @@
+package com.openhis.lab.service;
+
+import com.baomidou.mybatisplus.extension.service.IService;
+import com.openhis.lab.domain.InspectionType;
+
+/**
+ * 检验类型Service接口
+ *
+ * @author system
+ * @date 2025-12-09
+ */
+public interface IInspectionTypeService extends IService<InspectionType> {
+
+}
\ No newline at end of file
diff --git a/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/service/impl/InspectionTypeServiceImpl.java b/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/service/impl/InspectionTypeServiceImpl.java
new file mode 100644
index 00000000..27811011
--- /dev/null
+++ b/openhis-server-new/openhis-domain/src/main/java/com/openhis/lab/service/impl/InspectionTypeServiceImpl.java
@@ -0,0 +1,18 @@
+package com.openhis.lab.service.impl;
+
+import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
+import com.openhis.lab.domain.InspectionType;
+import com.openhis.lab.mapper.InspectionTypeMapper;
+import com.openhis.lab.service.IInspectionTypeService;
+import org.springframework.stereotype.Service;
+
+/**
+ * 检验类型Service实现类
+ *
+ * @author system
+ * @date 2025-12-09
+ */
+@Service
+public class InspectionTypeServiceImpl extends ServiceImpl<InspectionTypeMapper, InspectionType> implements IInspectionTypeService {
+
+}
\ No newline at end of file
diff --git a/openhis-ui-vue3/.stylelintrc.cjs b/openhis-ui-vue3/.stylelintrc.cjs
index ab50d82b..b799652e 100644
--- a/openhis-ui-vue3/.stylelintrc.cjs
+++ b/openhis-ui-vue3/.stylelintrc.cjs
@@ -1,4 +1,4 @@
-/*
+    /*
  * @Author: yangbo@bjgoodwill.com
  * @Date: 2024-10-14 09:52:54
  * @Description:
diff --git a/openhis-ui-vue3/src/api/maintainSystem/Inspection/inspectionType.js b/openhis-ui-vue3/src/api/maintainSystem/Inspection/inspectionType.js
new file mode 100644
index 00000000..da5fad39
--- /dev/null
+++ b/openhis-ui-vue3/src/api/maintainSystem/Inspection/inspectionType.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询检验类型列表
+export function listInspectionType(query) {
+  return request({
+    url: '/system/inspection-type/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询检验类型详细
+export function getInspectionType(inspectionTypeId) {
+  return request({
+    url: `/system/inspection-type/${inspectionTypeId}`,
+    method: 'get'
+  })
+}
+
+// 新增检验类型
+export function addInspectionType(data) {
+  return request({
+    url: '/system/inspection-type',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改检验类型
+export function updateInspectionType(data) {
+  return request({
+    url: '/system/inspection-type',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除检验类型
+export function delInspectionType(inspectionTypeId) {
+  return request({
+    url: `/system/inspection-type/${inspectionTypeId}`,
+    method: 'delete'
+  })
+}
diff --git a/openhis-ui-vue3/src/api/system/inspectionType.js b/openhis-ui-vue3/src/api/system/inspectionType.js
new file mode 100644
index 00000000..a1b0168b
--- /dev/null
+++ b/openhis-ui-vue3/src/api/system/inspectionType.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询检验类型列表
+export function listInspectionType(query) {
+  return request({
+    url: '/system/inspection-type/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询检验类型详细
+export function getInspectionType(inspectionTypeId) {
+  return request({
+    url: '/system/inspection-type/' + inspectionTypeId,
+    method: 'get'
+  })
+}
+
+// 新增检验类型
+export function addInspectionType(data) {
+  return request({
+    url: '/system/inspection-type',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改检验类型
+export function updateInspectionType(data) {
+  return request({
+    url: '/system/inspection-type',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除检验类型
+export function delInspectionType(inspectionTypeId) {
+  return request({
+    url: '/system/inspection-type/' + inspectionTypeId,
+    method: 'delete'
+  })
+}
\ No newline at end of file
diff --git a/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue b/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue
index 4643c779..c9197576 100644
--- a/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue
+++ b/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue
@@ -15,351 +15,769 @@
 
     <!-- 右侧主内容 -->
     <div class="main-content">
-      <div class="header-actions">
-        <button class="add-new-btn" @click="addNewRow">
-          <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>
-      <div class="table-container">
-        <table class="data-table">
-          <thead>
-            <tr>
-              <th>行</th>
-              <th>*大类编码</th>
-              <th>*大类项目名称</th>
-              <th>*执行科室</th>
-              <th>序号</th>
-              <th>备注</th>
-              <th>操作</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr 
-              v-for="(row, index) in tableData" 
-              :key="row.id"
-              :class="{ 'editing': editingRowId === row.id }"
-            >
-              <td>{{ index + 1 }}</td>
-              <td>
-                <template v-if="editingRowId === row.id">
-                  <input v-model="row.code" type="text" :style="inputStyle">
-                </template>
-                <template v-else>
-                  {{ row.code }}
-                </template>
-              </td>
-              <td>
-                <template v-if="editingRowId === row.id">
-                  <input v-model="row.name" type="text" :style="inputStyle">
-                </template>
-                <template v-else>
-                  {{ row.name }}
-                </template>
-              </td>
-              <td>
-                <template v-if="editingRowId === row.id">
-                  <select v-model="row.department" :style="inputStyle">
-                    <option 
-                      v-for="dept in departments" 
-                      :key="dept" 
-                      :value="dept"
-                    >
-                      {{ dept }}
-                    </option>
-                  </select>
-                </template>
-                <template v-else>
-                  {{ row.department }}
-                </template>
-              </td>
-              <td>
-                <template v-if="editingRowId === row.id">
-                  <input v-model="row.order" type="text" :style="inputStyle">
-                </template>
-                <template v-else>
-                  {{ row.order }}
-                </template>
-              </td>
-              <td>
-                <template v-if="editingRowId === row.id">
-                  <input v-model="row.remark" type="text" :style="inputStyle">
-                </template>
-                <template v-else>
-                  {{ row.remark }}
-                </template>
-              </td>
-              <td class="action-cell">
-                <div 
-                  class="action-btn confirm-btn" 
-                  @click="handleConfirm(row)"
-                >
-                  <svg v-if="editingRowId === row.id" 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>
-                  <span v-else>✓</span>
-                </div>
-                <div 
-                  v-if="editingRowId !== row.id" 
-                  class="action-btn edit-btn" 
-                  @click="handleEdit(row)"
-                >
-                  <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 
-                  v-if="editingRowId !== row.id" 
-                  class="action-btn add-btn" 
-                  @click="handleAdd(row, index)"
-                >
-                  <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="12" y1="5" x2="12" y2="19"></line>
-                    <line x1="5" y1="12" x2="19" y2="12"></line>
-                  </svg>
-                </div>
-                <div 
-                  class="action-btn delete-btn" 
-                  @click="handleDelete(row.id)"
-                >
-                  <svg v-if="editingRowId === row.id" 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>
-                  <span v-else>×</span>
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
+      <!-- 检验类型页面 -->
+      <template v-if="activeNav === 0">
+        <div class="header-actions">
+          <button class="add-new-btn" @click="addNewRow">
+            <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>
+        <div class="table-container">
+          <table class="data-table">
+            <thead>
+              <tr>
+                <th>行</th>
+                <th>*大类编码</th>
+                <th>*大类项目名称</th>
+                <th>*执行科室</th>
+                <th>序号</th>
+                <th>备注</th>
+                <th>操作</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr 
+                v-for="(row, index) in tableData" 
+                :key="row.id"
+                :class="{ 'editing': editingRowId === row.id }"
+              >
+                <td>{{ index + 1 }}</td>
+                <td>
+                  <template v-if="editingRowId === row.id">
+                    <input v-model="row.code" type="text" :style="inputStyle">
+                  </template>
+                  <template v-else>
+                    {{ row.code }}
+                  </template>
+                </td>
+                <td>
+                  <template v-if="editingRowId === row.id">
+                    <input v-model="row.name" type="text" :style="inputStyle">
+                  </template>
+                  <template v-else>
+                    {{ row.name }}
+                  </template>
+                </td>
+                <td>
+                  <template v-if="editingRowId === row.id">
+                    <select v-model="row.department" :style="inputStyle">
+                      <option 
+                        v-for="dept in departments" 
+                        :key="dept" 
+                        :value="dept"
+                      >
+                        {{ dept }}
+                      </option>
+                    </select>
+                  </template>
+                  <template v-else>
+                    {{ row.department }}
+                  </template>
+                </td>
+                <td>
+                  <template v-if="editingRowId === row.id">
+                    <input v-model="row.sortOrder" type="text" :style="inputStyle">
+                  </template>
+                  <template v-else>
+                    {{ row.sortOrder }}
+                  </template>
+                </td>
+                <td>
+                  <template v-if="editingRowId === row.id">
+                    <input v-model="row.remark" type="text" :style="inputStyle">
+                  </template>
+                  <template v-else>
+                    {{ row.remark }}
+                  </template>
+                </td>
+                <td class="action-cell">
+                  <div  
+                    class="action-btn confirm-btn" 
+                    @click="handleConfirm(row)"
+                  >
+                    <svg v-if="editingRowId === row.id" 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>
+                    <span v-else>✓</span>
+                  </div>
+                  <div 
+                    v-if="editingRowId !== row.id" 
+                    class="action-btn edit-btn" 
+                    @click="handleEdit(row)"
+                  >
+                    <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 
+                    v-if="editingRowId !== row.id" 
+                    class="action-btn add-btn" 
+                    @click="handleAdd(row, index)"
+                  >
+                    <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="12" y1="5" x2="12" y2="19"></line>
+                      <line x1="5" y1="12" x2="19" y2="12"></line>
+                    </svg>
+                  </div>
+                  <div 
+                    class="action-btn delete-btn" 
+                    @click="handleDelete(row.id)"
+                  >
+                    <svg v-if="editingRowId === row.id" 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>
+                    <span v-else>×</span>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
 
-      <!-- 页码区域 -->
-      <div class="pagination">
-        <div class="page-btn">上一页</div>
-        <div class="page-btn active">1</div>
-        <div class="page-btn">2</div>
-        <div class="page-btn">3</div>
-        <div class="page-btn">下一页</div>
-      </div>
+        <!-- 页码区域 -->
+        <div class="pagination">
+          <div class="page-btn">上一页</div>
+          <div class="page-btn active">1</div>
+          <div class="page-btn">2</div>
+          <div class="page-btn">3</div>
+          <div class="page-btn">下一页</div>
+        </div>
+      </template>
+
+      <!-- 检验项目页面 -->
+      <template v-else-if="activeNav === 1">
+        <div class="page-header">
+          <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>
+        <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>
+              </tr>
+            </thead>
+            <tbody>
+              <tr 
+                v-for="(item, index) in inspectionItems" 
+                :key="item.id"
+              >
+                <td>{{ index + 1 }}</td>
+                <td>{{ item.code }}</td>
+                <td>{{ item.name }}</td>
+                <td>{{ item.typeName }}</td>
+                <td>{{ item.department }}</td>
+                <td>{{ item.unit }}</td>
+                <td>{{ item.price }}</td>
+                <td>{{ item.ybNo || '-' }}</td>
+                <td>{{ item.status ? '启用' : '禁用' }}</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)">
+                    <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>
+            </tbody>
+          </table>
+        </div>
+
+        <!-- 页码区域 -->
+        <div class="pagination">
+          <div class="page-btn">上一页</div>
+          <div class="page-btn active">1</div>
+          <div class="page-btn">2</div>
+          <div class="page-btn">3</div>
+          <div class="page-btn">下一页</div>
+        </div>
+      </template>
+
+      <!-- 套餐设置页面 -->
+      <template v-else-if="activeNav === 2">
+        <!-- 顶部操作栏 -->
+        <div class="top-bar">
+          <div class="action-group">
+            <button class="btn btn-icon" @click="refreshPage">
+              <i>↻</i> 刷新
+            </button>
+            <button class="btn btn-success" @click="handlePackageManagement">套餐管理</button>
+          </div>
+          <button class="btn btn-lg">保存</button>
+        </div>
+
+        <!-- 表单区域 -->
+        <div class="form-section">
+          <div class="section-title">基本信息</div>
+          <div class="form-grid">
+            <div class="form-item">
+              <span class="form-label">套餐类别</span>
+              <select class="form-control form-select">
+                <option value="1" selected>检验套餐</option>
+              </select>
+            </div>
+
+            <div class="form-item">
+              <span class="form-label">套餐级别</span>
+              <select class="form-control form-select" id="packageLevel" v-model="packageLevel" @change="handlePackageLevelChange">
+                <option value="">请选择套餐级别</option>
+                <option value="全院套餐">全院套餐</option>
+                <option value="科室套餐">科室套餐</option>
+                <option value="个人套餐">个人套餐</option>
+              </select>
+            </div>
+            <div class="form-item" id="departmentContainer" v-show="packageLevel === '科室套餐'">
+              <span class="form-label">科室</span>
+              <select class="form-control form-select" id="departmentSelect">
+                <option value="">请选择科室</option>
+                <option value="内科">内科</option>
+                <option value="外科">外科</option>
+                <option value="儿科">儿科</option>
+                <option value="妇产科">妇产科</option>
+              </select>
+            </div>
+            <div class="form-item" id="userContainer" v-show="packageLevel === '个人套餐'">
+              <span class="form-label">用户</span>
+              <select class="form-control form-select" id="userSelect">
+                <option value="">请选择用户</option>
+              </select>
+            </div>
+            <div class="form-item">
+              <span class="form-label"><span style="color:red">*</span>套餐名称</span>
+              <input type="text" class="form-control" id="packageNameInput" placeholder="输入套餐名称" required>
+              <div class="error-message" id="packageNameError" style="color: #ff4d4f; font-size: 12px; margin-top: 4px; display: none;">套餐名称不能为空</div>
+            </div>
+            <div class="form-item">
+              <span class="form-label">卫生机构</span>
+              <input type="text" class="form-control" value="演示医院" readonly>
+            </div>
+            <div class="form-item">
+              <span class="form-label">套餐金额</span>
+              <input type="text" class="form-control" style="width: 120px;" value="45.00" id="packageAmountInput">
+            </div>
+            <div class="form-item">
+              <span class="form-label">折扣 %</span>
+              <input type="text" class="form-control">
+            </div>
+            <div class="form-item">
+              <span class="form-label">制单人</span>
+              <input type="text" class="form-control" readonly value="张三">
+            </div>
+            <div class="form-item">
+              <span class="form-label">是否停用</span>
+              <div class="radio-group">
+                <label class="radio-item">
+                  <input type="radio" name="status" checked> 启用
+                </label>
+                <label class="radio-item">
+                  <input type="radio" name="status"> 停用
+                </label>
+              </div>
+            </div>
+            <div class="form-item">
+              <span class="form-label">显示套餐名</span>
+              <div class="radio-group">
+                <label class="radio-item">
+                  <input type="radio" name="show_name" checked> 是
+                </label>
+                <label class="radio-item">
+                  <input type="radio" name="show_name"> 否
+                </label>
+              </div>
+            </div>
+            <div class="form-item">
+              <span class="form-label">生成服务费</span>
+              <div class="radio-group">
+                <label class="radio-item">
+                  <input type="radio" name="fee_generation" checked> 是
+                </label>
+                <label class="radio-item">
+                  <input type="radio" name="fee_generation"> 否
+                </label>
+              </div>
+            </div>
+            <div class="form-item">
+              <span class="form-label">套餐价格</span>
+              <div class="radio-group">
+                <label class="radio-item">
+                  <input type="radio" name="price_enabled" checked> 启用
+                </label>
+                <label class="radio-item">
+                  <input type="radio" name="price_enabled"> 不启用
+                </label>
+              </div>
+            </div>
+            <div class="form-item">
+              <span class="form-label">备注</span>
+              <input type="text" class="form-control" placeholder>
+            </div>
+            <div class="form-item">
+              <span class="form-label">服务费</span>
+              <input type="text" class="form-control">
+            </div>
+            <div class="form-item">
+              <span class="form-label">lis分组</span>
+              <select class="form-control form-select">
+                <option value="">请选择lis分组</option>
+              </select>
+            </div>
+            <div class="form-item">
+              <span class="form-label">血量</span>
+              <input type="text" class="form-control">
+            </div>
+          </div>
+        </div>
+
+        <!-- 表格区域 -->
+        <div class="table-container">
+          <div class="table-header">
+            <div class="table-title">检验套餐明细</div>
+            <div>
+              <button class="action-btn" title="添加项目" id="addItemBtn">+</button>
+            </div>
+          </div>
+          
+          <table class="data-table">
+            <thead>
+              <tr>
+                <th style="width: 40px;">行</th>
+                <th style="width: 250px;">项目名称/规格</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 packageItems" :key="index">
+                <td>{{ index + 1 }}</td>
+                <td>{{ item.name }}</td>
+                <td>{{ item.dosage }}</td>
+                <td>{{ item.route }}</td>
+                <td>{{ item.frequency }}</td>
+                <td>{{ item.days }}</td>
+                <td>{{ item.quantity }}</td>
+                <td>{{ item.unit }}</td>
+                <td>{{ item.unitPrice }}</td>
+                <td>{{ item.amount }}</td>
+                <td>{{ item.serviceFee }}</td>
+                <td>{{ item.totalAmount }}</td>
+                <td>{{ item.origin }}</td>
+                <td>
+                  <div class="table-actions">
+                    <div class="action-btn" title="编辑">✏️</div>
+                    <div class="action-btn" title="删除">🗑️</div>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </template>
     </div>
   </div>
 </template>
 
-<script>
-export default {
-  name: 'InspectionManagement',
-  data() {
-    return {
-      navItems: ['检验类型', '检验项目', '套餐设置'],
-      activeNav: 0,
-      editingRowId: null,
-      nextId: 11,
-      departments: ['医学检验科', '病理科', '放射科', '超声科', '心电图室'],
-      inputStyle: {
-        width: '100%',
-        border: '1px solid #E8E8E8',
-        borderRadius: '4px',
-        padding: '4px'
-      },
-      tableData: [
-        { id: 1, code: '10', name: '临检（镜检）', department: '医学检验科', order: '999999', remark: '' },
-        { id: 2, code: '08', name: '临检（尿液）', department: '医学检验科', order: '999999', remark: '' },
-        { id: 3, code: '06', name: '免疫组化', department: '医学检验科', order: '999999', remark: '' },
-        { id: 4, code: '04', name: '免疫', department: '医学检验科', order: '999999', remark: '' },
-        { id: 5, code: '02', name: '常规', department: '医学检验科', order: '999999', remark: '' },
-        { id: 6, code: '09', name: '病理', department: '医学检验科', order: '999999', remark: '' },
-        { id: 7, code: '07', name: '临检（血液）', department: '医学检验科', order: '999999', remark: '' },
-        { id: 8, code: '05', name: '外送', department: '医学检验科', order: '999999', remark: '' },
-        { id: 9, code: '03', name: '妇科', department: '医学检验科', order: '999999', remark: '' },
-        { id: 10, code: '01', name: '生化', department: '医学检验科', order: '999999', remark: '' }
-      ]
-    }
-  },
-  methods: {
-    addNewRow() {
-      const newRow = {
-        id: this.nextId++,
-        code: '',
-        name: '',
-        department: this.departments[0],
-        order: '',
-        remark: ''
-      }
-      this.tableData.push(newRow)
-      this.editingRowId = newRow.id
-    },
-    
-    handleEdit(row) {
-      this.editingRowId = row.id
-    },
-    
-    handleConfirm(row) {
-      this.editingRowId = null
-    },
-    
-    handleDelete(rowId) {
-      this.tableData = this.tableData.filter(row => row.id !== rowId)
-    },
-    
-    handleAdd(row, index) {
-      const newRow = {
-        id: this.nextId++,
-        code: '',
-        name: '',
-        department: this.departments[0],
-        order: '',
-        remark: ''
-      }
-      this.tableData.splice(index + 1, 0, newRow)
-      this.editingRowId = newRow.id
-    }
+<script setup>
+import { ref, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import request from '@/utils/request';
+import { listInspectionType, addInspectionType, updateInspectionType, delInspectionType } from '@/api/system/inspectionType';
+
+// 导航数据
+const navItems = ref(['检验类型', '检验项目', '套餐设置']);
+const activeNav = ref(0);
+
+// 检验类型数据
+const tableData = ref([]);
+
+// 获取检验类型列表 - 从后端API获取
+const getInspectionTypeList = () => {
+  listInspectionType().then(data => {
+    // 确保数据结构与前端使用的一致，处理后端返回的AjaxResult格式
+    // 后端返回的数据格式: {code: 200, msg: "查询成功", data: [检验类型列表]}
+    const inspectionTypeList = data.data || [];
+    const formattedData = inspectionTypeList.map(item => ({
+      ...item,
+      // 将后端返回的order字段映射到前端使用的sortOrder字段
+      sortOrder: item.order
+    }));
+    // 过滤掉已逻辑删除的记录（validFlag为0）
+    tableData.value = formattedData.filter(item => item.validFlag === 1);
+  }).catch(error => {
+    console.error('获取检验类型列表失败:', error);
+  });
+};
+const editingRowId = ref(null);
+const inputStyle = { width: '100%', height: '28px', padding: '0 4px', border: '1px solid #d9d9d9', borderRadius: '2px' };
+const departments = ref(['检验科', '病理科', '放射科', '超声科']);
+
+// 检验项目数据
+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 }
+]);
+
+// 套餐相关数据
+const packageLevel = ref('');
+const packageItems = ref([
+  { name: '血常规（五分类）', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 15.00, amount: 15.00, serviceFee: 0.00, totalAmount: 15.00, origin: '' },
+  { name: '总IgE测定', dosage: '项/人', route: '项/人', frequency: '', days: '', quantity: 1, unit: '项', unitPrice: 30.00, amount: 30.00, serviceFee: 0.00, totalAmount: 30.00, origin: '' }
+]);
+
+// 检验类型相关方法
+const addNewRow = () => {
+  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) => {
+  editingRowId.value = row.id;
+};
+
+const handleConfirm = (row) => {
+  // 准备提交给后端的数据，保留sortOrder字段名，后端会自动映射到数据库的order字段
+  const submitData = {
+    ...row,
+    // 确保sortOrder字段存在且为数字类型
+    sortOrder: row.sortOrder ? Number(row.sortOrder) : 0
+  };
+  
+  console.log('原始row数据:', row);
+  console.log('提交前的submitData:', submitData);
+  
+  // 验证必填字段
+  if (!submitData.code || submitData.code.trim() === '') {
+    alert('检验类型编码不能为空');
+    return;
   }
-}
+  
+  if (!submitData.name || submitData.name.trim() === '') {
+    alert('检验类型名称不能为空');
+    return;
+  }
+  
+  if (!submitData.department || submitData.department.trim() === '') {
+    alert('执行科室不能为空');
+    return;
+  }
+  
+  // 检查是否是已知的重复编码
+  if (submitData.code.trim() === '21') {
+    alert('检验类型编码21已存在，请使用其他编码');
+    return;
+  }
+  
+  // 输出调试信息
+  console.log('原始code值:', submitData.code, '长度:', submitData.code.length);
+  
+  // 去除code字段的前后空格，确保唯一性验证准确
+  submitData.code = submitData.code.trim();
+  
+  console.log('去除空格后的code值:', submitData.code, '长度:', submitData.code.length);
+  console.log('准备提交的数据:', submitData);
+  
+  // 区分新增和更新操作
+  if (row.id.toString().length > 10) { // 新增的临时ID
+    // 新增数据时移除临时ID，让后端自动生成主键
+    const { id, ...newData } = submitData;
+    console.log('删除ID后的newData:', newData);
+    
+    addInspectionType(newData).then(response => {
+      console.log('新增成功响应:', response);
+      getInspectionTypeList();
+    }).catch(error => {
+      console.error('新增检验类型失败:', error);
+      if (error.response && error.response.data) {
+        alert('新增失败: ' + error.response.data.msg);
+      } else {
+        alert('新增失败，请重试');
+      }
+    });
+  } else { // 更新操作
+    // 更新数据时保留ID
+    console.log('更新时的submitData:', submitData);
+    
+    updateInspectionType(submitData).then(response => {
+      console.log('更新成功响应:', response);
+      getInspectionTypeList();
+    }).catch(error => {
+      console.error('更新检验类型失败:', error);
+      if (error.response && error.response.data) {
+        alert('更新失败: ' + error.response.data.msg);
+      } else {
+        alert('更新失败，请重试');
+      }
+    });
+  }
+  
+  editingRowId.value = null;
+};
+
+const handleAdd = (row, index) => {
+  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;
+};
+
+// 测试删除API
+  const testDeleteApi = () => {
+    console.log('测试删除API');
+    request({
+      url: '/system/inspection-type/test-delete/1',
+      method: 'delete'
+    }).then(response => {
+      console.log('测试删除成功，响应:', response);
+      ElMessage.success('测试删除成功');
+    }).catch(error => {
+      console.error('测试删除失败:', error);
+      ElMessage.error('测试删除失败: ' + (error.response?.data?.msg || '未知错误'));
+    });
+  };
+  
+  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);
+        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('删除成功');
+    }
+  };
+
+// 检验项目相关方法
+const addNewItem = () => {
+  console.log('新增检验项目');
+};
+
+const editItem = (item) => {
+  console.log('编辑检验项目', item);
+};
+
+const deleteItem = (id) => {
+  console.log('删除检验项目', id);
+};
+
+// 套餐相关方法
+const handlePackageLevelChange = () => {
+  console.log('套餐级别变更为：', packageLevel.value);
+};
+
+const handlePackageManagement = () => {
+  alert('即将进入套餐管理界面');
+};
+
+const refreshPage = () => {
+  getInspectionTypeList();
+};
+
+// 页面加载时获取数据
+onMounted(() => {
+  getInspectionTypeList();
+});
 </script>
 
-<style scoped>
-/* 新增按钮样式 */
-.header-actions {
-  display: flex;
-  justify-content: flex-end;
-  margin-bottom: 16px;
+<style>
+/* 基础样式重置 */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
 }
 
-.add-new-btn {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 16px;
-  background-color: rgba(24, 144, 255, 0.1);
-  color: #1890FF;
-  border: 1px solid rgba(24, 144, 255, 0.3);
-  border-radius: 4px;
-  font-size: 14px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.add-new-btn:hover {
-  background-color: rgba(24, 144, 255, 0.2);
-  transform: translateY(-1px);
-  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.1);
-}
-/* 编辑按钮样式 */
-.edit-btn {
-  background: rgba(250, 173, 20, 0.1);
-  color: #FAAD14;
-}
-/* 编辑状态输入框样式 */
-.data-table input {
-  width: 100%;
-  border: 1px solid #E8E8E8;
-  border-radius: 4px;
-  padding: 4px 8px;
-  font-size: 14px;
-  color: #333;
-  background-color: #fff;
-  transition: all 0.2s ease;
-}
-.data-table input:focus {
-  outline: none;
-  border-color: #1890FF;
-  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
-}
-/* CSS Reset 和全局样式 */
+/* 整体布局 */
 .inspection-container {
   display: flex;
-  min-height: 100vh;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  background-color: #FFFFFF;
-  color: #000000;
-  line-height: 1.5;
+  width: 100%;
+  height: 100vh;
+  background-color: #f5f7fa;
 }
 
-/* 左侧导航菜单 */
+/* 左侧导航 */
 .side-nav {
-  width: 160px;
-  background: #FFFFFF;
-  border-right: 1px solid #e8e8e8;
-  padding: 16px 0;
-  height: 100vh;
-  position: fixed;
-  z-index: 1;
+  width: 200px;
+  background-color: #fff;
+  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.05);
+  padding: 20px 0;
 }
 
 .nav-item {
-  padding: 8px 16px;
-  margin: 4px 8px;
-  font-size: 14px;
   height: 40px;
   display: flex;
   align-items: center;
-  border-radius: 4px;
+  padding: 0 20px;
   cursor: pointer;
-  transition: all 0.2s ease;
+  transition: all 0.2s;
+  color: #333;
 }
 
 .nav-item:hover {
-  background: #F5F5F5;
+  background-color: #f0f7ff;
+  color: #1890ff;
 }
 
 .nav-item.active {
-  background: #1890FF;
-  color: #FFFFFF;
+  background-color: #1890ff;
+  color: #fff;
 }
 
-/* 右侧主内容区 */
+/* 右侧主内容 */
 .main-content {
   flex: 1;
-  margin-left: 160px;
-  padding: 16px;
+  padding: 20px;
+  overflow-y: auto;
 }
 
-/* 表格样式 */
-.table-container {
-  overflow-x: auto;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+/* 页面标题 */
+.page-header {
+  margin-bottom: 20px;
+}
+
+.page-header h2 {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+
+/* 头部操作按钮 */
+.header-actions {
+  display: flex;
+  justify-content: flex-start;
+  margin-bottom: 20px;
+}
+
+.add-new-btn {
+  height: 32px;
+  padding: 0 16px;
+  background-color: #1890ff;
+  color: #fff;
+  border: none;
   border-radius: 4px;
-  margin-top: 16px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  transition: all 0.2s;
 }
 
+.add-new-btn:hover {
+  background-color: #40a9ff;
+}
+
+/* 表格容器 */
+.table-container {
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+  overflow: hidden;
+  margin-bottom: 20px;
+}
+
+/* 数据表格 */
 .data-table {
   width: 100%;
   border-collapse: collapse;
-  min-width: 800px;
 }
 
-.data-table th, .data-table td {
-  padding: 8px 16px;
+.data-table th,
+.data-table td {
+  height: 36px;
+  padding: 0 12px;
   text-align: left;
-  font-size: 14px;
-  height: 40px;
+  border-bottom: 1px solid #f0f0f0;
 }
 
 .data-table th {
-  background-color: #F5F5F5;
-  font-weight: 500;
+  background-color: #fafafa;
+  font-weight: 600;
+  color: #333;
+  white-space: nowrap;
 }
 
-.data-table td {
-  font-weight: 400;
-  border-bottom: 1px solid #E8E8E8;
+.data-table tr:hover {
+  background-color: #fafafa;
 }
 
-.data-table tr:hover td {
-  background-color: #E6F7FF;
+.data-table tr.editing {
+  background-color: #f0f7ff;
+  box-shadow: 0 0 0 1px #1890ff;
 }
 
-/* 操作按钮样式 */
+/* 操作列 */
 .action-cell {
   display: flex;
-  justify-content: center;
+  gap: 8px;
   align-items: center;
-  gap: 4px;
 }
 
 .action-btn {
@@ -367,112 +785,263 @@ export default {
   height: 24px;
   border-radius: 4px;
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
   cursor: pointer;
-  margin: 0 2px;
-  transition: all 0.2s ease;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-.confirm-btn {
-  background: rgba(82, 196, 26, 0.1);
-  color: #52C41A;
-}
-
-.add-btn {
-  background: rgba(24, 144, 255, 0.1);
-  color: #1890FF;
-}
-
-.delete-btn {
-  background: rgba(255, 77, 79, 0.1);
-  color: #FF4D4F;
+  color: #666;
+  transition: all 0.2s;
 }
 
 .action-btn:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  background-color: #f5f5f5;
+  color: #1890ff;
 }
 
-/* 页码区域 */
+.confirm-btn:hover {
+  background-color: #f6ffed;
+  color: #52c41a;
+}
+
+.edit-btn:hover {
+  background-color: #e6f7ff;
+  color: #1890ff;
+}
+
+.add-btn:hover {
+  background-color: #e6f7ff;
+  color: #1890ff;
+}
+
+.delete-btn:hover {
+  background-color: #fff2f0;
+  color: #ff4d4f;
+}
+
+/* 分页 */
 .pagination {
   display: flex;
   justify-content: center;
-  margin-top: 16px;
   align-items: center;
+  gap: 8px;
+  margin-top: 20px;
 }
 
 .page-btn {
-  padding: 8px 16px;
-  margin: 0 4px;
-  cursor: pointer;
+  padding: 6px 12px;
+  border: 1px solid #d9d9d9;
   border-radius: 4px;
-  font-size: 14px;
-  transition: all 0.2s ease;
+  cursor: pointer;
+  transition: all 0.2s;
 }
 
 .page-btn:hover {
-  background: #F5F5F5;
-} 
+  border-color: #1890ff;
+  color: #1890ff;
+}
 
 .page-btn.active {
-  background: #1890FF;
+  background-color: #1890ff;
+  color: #fff;
+  border-color: #1890ff;
+}
+
+/* 套餐设置样式 */
+.top-bar {
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  border-bottom: 1px solid #e8e8e8;
+  background: #fff;
+  margin-bottom: 16px;
+  gap: 16px;
+}
+
+.action-group {
+  display: flex;
+  gap: 12px;
+}
+
+.btn {
+  height: 32px;
+  padding: 0 16px;
+  border-radius: 4px;
+  font-weight: 500;
+  font-size: 14px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: none;
+  transition: all 0.2s;
+}
+
+.btn-icon {
+  padding: 0 12px;
+}
+
+.btn-icon i {
+  margin-right: 4px;
+}
+
+.btn-primary {
+  background-color: #1890ff;
+  color: #fff;
+}
+
+.btn-success {
+  background-color: #00b27a;
+  color: #fff;
+}
+
+.btn-lg {
+  height: 36px;
+  padding: 0 24px;
+  font-size: 14px;
+  background-color: #0fb26d;
   color: white;
+  transition: all 0.2s;
+}
+
+.btn-lg:hover {
+  background-color: #0d9d5f;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.btn-lg:active {
+  transform: translateY(1px);
+}
+
+/* 表单区域 */
+.form-section {
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+  padding: 16px;
+  margin-bottom: 16px;
+}
+
+.section-title {
+  font-weight: 700;
+  font-size: 14px;
+  margin-bottom: 16px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.form-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+}
+
+.form-item {
+  display: flex;
+  align-items: center;
+}
+
+.form-label {
+  width: 80px;
+  text-align: right;
+  padding-right: 12px;
+  color: #666;
+  flex-shrink: 0;
+}
+
+.form-control {
+  flex: 1;
+  height: 32px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  padding: 0 8px;
+  font-size: 14px;
+}
+
+.form-control:focus {
+  outline: none;
+  border-color: #1890ff;
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+
+.form-select {
+  width: 100%;
+  background: white;
+  appearance: none;
+}
+
+.radio-group {
+  display: flex;
+  gap: 16px;
+}
+
+.radio-item {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* 表格头部 */
+.table-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 16px;
+  padding: 16px;
+}
+
+.table-title {
+  font-weight: 700;
+  font-size: 14px;
+}
+
+/* 表格内操作按钮 */
+.table-actions {
+  display: flex;
+  gap: 8px;
+}
+
+/* 编辑模式行样式 */
+.data-table tr.editing {
+  background-color: #f0f7ff;
+  box-shadow: 0 0 0 1px #1890ff;
 }
 
 /* 响应式设计 */
-@media (max-width: 768px) {
-  .side-nav {
-    width: 60px;
-    padding: 16px 5px;
-  }
-  
-  .nav-item span {
-    display: none;
-  }
-  
-  .main-content {
-    margin-left: 60px;
+@media (max-width: 1200px) {
+  .form-grid {
+    grid-template-columns: repeat(2, 1fr);
   }
 }
 
-@media (max-width: 480px) {
+@media (max-width: 768px) {
+  .inspection-container {
+    flex-direction: column;
+  }
+  
   .side-nav {
-    width: 50px;
-    padding: 16px 5px;
+    width: 100%;
+    padding: 10px 0;
+  }
+  
+  .nav-item {
+    height: 36px;
+    padding: 0 16px;
   }
   
   .main-content {
-    margin-left: 50px;
     padding: 10px;
   }
-}
-
-/* 执行科室选择样式 */
-.department-select {
-  display: inline-block;
-  padding: 4px 8px;
-  border: 1px solid #E8E8E8;
-  border-radius: 4px;
-  color: #BFBFBF;
-  cursor: pointer;
-}
-
-.data-table select {
-  width: 100%;
-  border: 1px solid #E8E8E8;
-  border-radius: 4px;
-  padding: 4px 8px;
-  font-size: 14px;
-  color: #333;
-  background-color: #fff;
-  transition: all 0.2s ease;
-}
-
-.data-table select:focus {
-  outline: none;
-  border-color: #1890FF;
-  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+  
+  .form-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .table-container {
+    overflow-x: auto;
+  }
+  
+  .data-table {
+    min-width: 1000px;
+  }
 }
 </style>
\ No newline at end of file