门诊医生站-》开立诊断 页面调整

openhis-ui-vue3/src/views/maintainSystem/Inspection/PackageManagement.vue

@@ -47,9 +47,10 @@
             <option>检验套餐</option>
           </select>
         </div>
-        <div class="filter-item">
+        <div class="filter-item filter-item-department">
           <label>科室：</label>
           <el-tree-select
+                 v-model="searchParams.department"
                  placeholder="请选择科室"
                  :data="departments"
                  :props="{
@@ -58,7 +59,10 @@
                    children: 'children'
                  }"
                  value-key="name"
-                 style="width: 100%;"
+                 check-strictly
+                 :expand-on-click-node="false"
+                 clearable
+                 style="width: 200px;"
                />
         </div>
         <div class="filter-item">
@@ -235,7 +239,8 @@ const searchParams = ref({
   startDate: getCurrentDate(),
   endDate: getCurrentDate(),
   packageName: '',
-  packageLevel: ''
+  packageLevel: '',
+  department: ''
 });
 
 // 过滤后的数据
@@ -251,6 +256,9 @@ const filteredData = computed(() => {
     // 套餐级别筛选
     if (searchParams.value.packageLevel && item.level !== searchParams.value.packageLevel) return false;
     
+    // 科室筛选
+    if (searchParams.value.department && item.department !== searchParams.value.department) return false;
+    
     return true;
   });
 });
@@ -281,7 +289,8 @@ function handleReset() {
     startDate: getCurrentDate(),
     endDate: getCurrentDate(),
     packageName: '',
-    packageLevel: ''
+    packageLevel: '',
+    department: ''
   };
 }
 
@@ -452,6 +461,14 @@ function convertToCSV(data) {
   gap: 8px;
 }
 
+.filter-item-department {
+  min-width: 280px;
+}
+
+.filter-item-department .el-tree-select {
+  width: 100%;
+}
+
 .filter-item label {
   font-size: 14px;
   color: var(--text-secondary);