wangyizhe/his
1
3
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Fix Bug #550

Browse Source
This commit is contained in:
赵云
2026-05-28 21:52:04 +08:00
committed by 华佗
parent 580183582a
commit a3f870407b
1 changed files with 82 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
openhis-ui-vue3/src/views/doctorstation/components/examination/examinationApplication.vue
View File

@@ -723,15 +723,38 @@
</div> </div>
<div class="right-column"> <div class="right-column">
<!-- 右侧：已选择（检查项目、检查方法为两类独立选择结果） --> <!-- 右侧：已选择（检查项目、检查方法为两类独立选择结果） -->
<div class="selected-panel"> <div class="selected-panel">
<div class="panel-label"> <div class="panel-label">已选择:</div>
已选择: <div class="selected-tags">
</div> <template v-if="selectedItems.length === 0 && selectedMethods.length === 0">
<div class="selected-tags"> <div class="empty-selected">–</div>
<template v-if="selectedItems.length === 0 && selectedMethods.length === 0"> </template>
<div class="empty-selected"> <template v-else>
– <div
v-for="(item, idx) in selectedItems"
:key="'project-' + item.id"
class="selected-item-card"
:class="{ 'is-expanded': item.projectFoldExpanded }"
>
<div
class="fold-strip fold-strip-project"
:class="{ 'is-open': item.projectFoldExpanded }"
>
<div class="fold-strip-header" @click="toggleProjectFold(item)">
<el-icon :class="['fold-chevron', { open: item.projectFoldExpanded }]">
<ArrowDown />
</el-icon>
<div class="fold-header-main">
<span class="fold-kicker">检查项目</span>
<el-tooltip :content="getDisplayItemName(item)" placement="top" :show-after="400">
<span class="fold-title line-clamp-2">{{ getDisplayItemName(item) }}</span>
</el-tooltip>
</div>
<span class="fold-price-strong">¥{{ formatDetailAmount(item.price || 0) }}</span>
<el-button link type="danger" size="small" @click.stop="handleRemoveItem(idx, item)">
<el-icon><Close /></el-icon>
</el-button>
</div> </div>
</template> </template>
<template v-else> <template v-else>
@@ -821,7 +844,7 @@
</div> </div>
</div> </div>
</div> </div>
<div v-else class="fold-strip-muted">暂无明细数据</div>
</div> </div>
<div <div
@@ -919,44 +942,38 @@
</div> </div>
</div> </div>
<!-- 独立检查方法勾选区：与"已选择"区域解耦，支持分别手动勾选 --> </template>
<div class="method-picker-section"> </div>
<div </div>
v-if="methodsForActiveCategory.length > 0"
class="selected-global-method-picker" <!-- 独立检查方法勾选区：与"已选择"区域解耦，支持分别手动勾选 -->
@click.stop <div class="method-picker-section">
> <div
v-if="methodsForActiveCategory.length > 0"
class="selected-global-method-picker"
@click.stop
>
<div class="method-picker-collapse-title" @click="methodPickerExpanded = !methodPickerExpanded">
<span class="method-picker-title-main">检查方法</span>
<span v-if="activeCategoryName" class="global-method-picker-scope">{{ activeCategoryName }}</span>
<el-icon :class="['method-picker-arrow', { expanded: methodPickerExpanded }]">
<ArrowDown />
</el-icon>
</div>
<div v-show="methodPickerExpanded" class="global-method-picker-list">
<div <div
class="method-picker-collapse-title" v-for="method in methodsForActiveCategory"
@click="methodPickerExpanded = !methodPickerExpanded" :key="'g-m-' + method.id"
class="item-row method-picker-row"
> >
<span class="method-picker-title-main">检查方法</span> <el-checkbox
<span :model-value="isStandaloneMethodSelected(method)"
v-if="activeCategoryName" @change="(val) => onStandaloneMethodChange(!!val, method)"
class="global-method-picker-scope" class="item-checkbox"
>{{ activeCategoryName }}</span>
<el-icon :class="['method-picker-arrow', { expanded: methodPickerExpanded }]">
<ArrowDown />
</el-icon>
</div>
<div
v-show="methodPickerExpanded"
class="global-method-picker-list"
>
<div
v-for="method in methodsForActiveCategory"
:key="'g-m-' + method.id"
class="item-row method-picker-row"
> >
<el-checkbox <span class="method-label-inner">{{ formatExamMethodCaption(method.name) }}</span>
:model-value="isStandaloneMethodSelected(method)" </el-checkbox>
class="item-checkbox" <span class="item-price">¥{{ formatDetailAmount(method.packagePrice || method.price || 0) }}</span>
@change="(val) => onStandaloneMethodChange(!!val, method)"
>
<span class="method-label-inner">{{ formatExamMethodCaption(method.name) }}</span>
</el-checkbox>
<span class="item-price">¥{{ formatDetailAmount(method.packagePrice || method.price || 0) }}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -965,6 +982,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script setup> <script setup>
@@ -991,7 +1009,7 @@ const activeDetailTab = ref('applyForm');
const applicationList = ref([]); const applicationList = ref([]);
const selectedItems = ref([]); const selectedItems = ref([]);
const selectedMethods = ref([]); const selectedMethods = ref([]);
const methodPickerExpanded = ref(true); const methodPickerExpanded = ref(false);
// Bug #499: 查询过滤状态 // Bug #499: 查询过滤状态
const searchForm = reactive({ const searchForm = reactive({
@@ -1512,8 +1530,7 @@ async function handleCategoryExpand(cat) {
function handleCollapseChange(activeName) { function handleCollapseChange(activeName) {
// 始终记录当前激活的分类，确保 handleCategoryExpand 能正确忽略过期请求 // 始终记录当前激活的分类，确保 handleCategoryExpand 能正确忽略过期请求
currentActiveCategory.value = activeName || null; currentActiveCategory.value = activeName || null;
// 切换分类时自动展开方法选择器，使关联的检查方法对医生可见
methodPickerExpanded.value = true;
if (activeName) { if (activeName) {
// Bug #428修复: 直接从 categoryList（原始响应式数组）查找分类， // Bug #428修复: 直接从 categoryList（原始响应式数组）查找分类，
@@ -2505,6 +2522,23 @@ defineExpose({ getList });
/* 已选择 tags */ /* 已选择 tags */
/* 已选择：加宽，避免套餐明细挤成一团 */ /* 已选择：加宽，避免套餐明细挤成一团 */
.right-column {
display: flex;
flex-direction: column;
gap: 8px;
flex-shrink: 0;
}
.method-picker-section {
width: 260px;
min-width: 240px;
max-width: 320px;
flex-shrink: 0;
display: flex;
flex-direction: column;
margin-top: 8px;
}
.selected-panel { .selected-panel {
width: 260px; width: 260px;
min-width: 240px; min-width: 240px;