From 4f917b01214e36d0f99a087b764e71844891b496 Mon Sep 17 00:00:00 2001
From: duzhongxu <15039018447@163.com>
Date: Tue, 17 Mar 2026 13:55:21 +0800
Subject: [PATCH] =?UTF-8?q?199=20=E6=A3=80=E9=AA=8C=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE-=E3=80=8B=E6=A3=80=E9=AA=8C=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=EF=BC=9A=E8=B4=B9=E7=94=A8=E5=A5=97=E9=A4=90=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5=E4=B8=8B=E6=8B=89=E9=80=89=E9=A1=B9=E6=B2=A1=E6=9C=89?=
 =?UTF-8?q?=E5=8F=96=E5=80=BC=E4=BA=8E=E5=A5=97=E9=A4=90=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=9A=84=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/maintainSystem/Inspection/index.vue | 145 ++++++++++++++----
 1 file changed, 114 insertions(+), 31 deletions(-)

diff --git a/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue b/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue
index 2ef2748a..7396f3cb 100644
--- a/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue
+++ b/openhis-ui-vue3/src/views/maintainSystem/Inspection/index.vue
@@ -180,14 +180,27 @@
           </div>
           <div class="filter-item">
             <label>费用套餐</label>
-            <el-select v-model="packageFilter" placeholder="选择费用套餐" clearable size="default" style="width: 140px;">
-              <el-option
-                v-for="pkg in feePackages"
-                :key="pkg.value"
-                :label="pkg.label"
-                :value="pkg.value"
-              />
-            </el-select>
+<!--            <el-select v-model="packageFilter" placeholder="选择费用套餐" clearable size="default" style="width: 140px;">-->
+            <el-select
+                v-model="packageFilter"
+                placeholder="点击选择套餐"
+                filterable
+                :loading="loading"
+                clearable
+                size="default"
+                style="width: 140px;"
+                no-data-text="未找到相关套餐"
+                @change="handleChange"
+                @visible-change="handlePackageVisibleChange">
+
+                  <el-option
+                      v-for="item in feePackages"
+                      :key="item.id"
+                      :label="item.packageName"
+                      :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
           </div>
           <div class="filter-actions">
             <el-button type="primary" :icon="Plus" @click="addNewItem">新增</el-button>
@@ -250,13 +263,13 @@
             <el-table-column label="费用套餐" min-width="120" align="center">
               <template #default="{ row }">
                 <template v-if="editingRowId === row.id">
-                  <el-select v-model="row.package" placeholder="选择费用套餐" size="small" style="width: 100%;" @change="updateAmountFromPackage(row)">
+                  <el-select v-model="row.package" placeholder="选择费用套餐" size="small" style="width: 100%;" filterable clearable @change="updateAmountFromPackage(row)" @visible-change="(visible) => { if (visible && feePackages.length === 0) getFeePackages() }">
                     <el-option label="选择费用套餐" value="" />
                     <el-option
                       v-for="pkg in feePackages"
-                      :key="pkg.value"
-                      :label="pkg.label"
-                      :value="pkg.value"
+                      :key="pkg.id"
+                      :label="pkg.packageName"
+                      :value="pkg.id"
                     />
                   </el-select>
                 </template>
@@ -686,6 +699,7 @@
 </template>
 
 <script setup>
+import request from '@/utils/request';
 import useUserStore from '@/store/modules/user';
 import {computed, getCurrentInstance, nextTick, onActivated, onMounted, ref, watch} from 'vue';
 import {ElLoading, ElMessage, ElMessageBox} from 'element-plus';
@@ -944,23 +958,88 @@ function handlePackageDepartmentChange(selectedNode) {
 }
 
 // 费用套餐数据
-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 feePackages = ref([]);
+const loading = ref(false);
+
+
+/**
+ * 核心修改：点击/聚焦时触发
+ * 只有当列表为空 或 用户明确点击时，才去后端拉取最新数据
+ */
+const handleFocus = () => {
+  // 如果正在加载中，防止重复点击
+  if (loading.value) return;
+
+  // 策略 A: 每次点击都刷新最新数据 (推荐用于数据变动频繁的场景)
+  getFeePackages();
+
+  // 策略 B: 仅第一次点击时加载，后续使用缓存数据 (如果数据不常变，可取消下面注释并注释掉上面那行)
+  /*
+  if (!hasLoadedOnce.value) {
+    getFeePackages();
+    hasLoadedOnce.value = true;
+  }
+  */
+};
+
+/**
+ * 获取数据方法
+ * 这里不再接收搜索关键词，而是直接拉取所有启用的套餐
+ * 如果需要后端支持模糊搜索，可以配合 filterable 在前端做，或者在这里加逻辑
+ */
+const getFeePackages = async () => {
+  loading.value = true;
+  try {
+    const response = await request({
+      url: '/system/inspection-package/list',
+      method: 'get',
+      params: {
+        pageNum: 1,
+        pageSize: 100,          // 点击加载时，建议稍微多拉一点，方便前端过滤
+        isDisabled: false       // 只查未禁用的
+        // 注意：这里没有传 packageName，因为我们是全量加载供用户选择
+      }
+    });
+
+    if (response.code === 200) {
+      feePackages.value = response.rows || [];
+    } else {
+      ElMessage.warning(response.msg || '查询失败');
+    }
+  } catch (error) {
+    console.error('加载套餐列表失败:', error);
+    // 错误拦截器通常会处理弹窗，这里可不处理或简单记录
+  } finally {
+    loading.value = false;
+  }
+};
+
+/**
+ * 选中值变化回调
+ */
+const handleChange = (val) => {
+  if (val) {
+    const selected = feePackages.value.find(item => item.id === val);
+    console.log('用户选中了套餐:', selected);
+  }
+};
+
+/**
+ * 顶部筛选费用套餐下拉展开/收起回调
+ * 展开时若列表为空则加载数据
+ */
+const handlePackageVisibleChange = (visible) => {
+  if (visible && feePackages.value.length === 0) {
+    getFeePackages();
+  }
+};
+
+// 可选：如果希望页面一打开就预加载一次，保留 onMounted
+// 如果希望完全由用户点击触发，可以注释掉 onMounted
+onMounted(() => {
+  // getFeePackages();
+});
+
 
 // 样本类型数据
 const sampleTypes = ref([
@@ -1094,6 +1173,7 @@ const testTypeFilter = ref('');
 const nameFilter = ref('');
 const packageFilter = ref('');
 
+
 // 过滤后的检验项目数据（仅保留费用套餐的前端过滤，其他过滤已由后端处理）
 const filteredInspectionItems = computed(() => {
   return inspectionItems.value.filter(item => {
@@ -1671,9 +1751,12 @@ const editItem = (item) => {
 
 const updateAmountFromPackage = (item) => {
   if (item.package) {
-    const selectedPackage = feePackages.value.find(pkg => pkg.value === item.package);
+    const selectedPackage = feePackages.value.find(pkg => pkg.id === item.package);
     if (selectedPackage) {
-      item.amount = selectedPackage.amount;
+      // 套餐总金额 = 套餐金额 + 服务费
+      const packageAmount = parseFloat(selectedPackage.packageAmount || 0);
+      const serviceFee = parseFloat(selectedPackage.serviceFee || 0);
+      item.amount = parseFloat((packageAmount + serviceFee).toFixed(2));
     }
   } else {
     item.amount = 0.00;