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

Fix Bug #550: AI修复

Browse Source
This commit is contained in:
赵云
2026-05-27 01:21:11 +08:00
parent 04de587509
commit a902a3f93c
2 changed files with 82 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
openhis-ui-vue3/src/views/outpatient/examination/ExaminationApply.vue
View File

@@ -39,7 +39,6 @@
@click.stop="toggleExpand(item.id)"
>
<div class="card-header">
<!-- 修复 Bug #550-2：去掉“套餐”前缀，支持宽度自适应与完整名称提示 -->
<el-tooltip :content="cleanName(item.name)" placement="top" :show-after="300">
<span class="item-name">{{ cleanName(item.name) }}</span>
</el-tooltip>
@@ -48,20 +47,19 @@
</el-icon>
</div>
<!-- 修复 Bug #550-3：结构化展示，默认收起，点击展开查看明细 -->
<transition name="slide-fade">
<div v-if="item.expanded" class="method-detail-list">
<div class="hierarchy-path">检查项目 &gt; 检查方法</div>
<!-- 修复 Bug #550-1：项目与方法解耦，独立维护勾选状态 -->
<el-checkbox-group
v-model="item.selectedMethods"
@change="handleMethodChange(item)"
class="method-group"
>
<el-checkbox
v-for="method in item.methods"
:key="method.id"
:value="method.id"
<el-checkbox
v-for="method in item.methods"
:key="method.id"
:label="method.id"
@click.stop
>
{{ method.name }}
</el-checkbox>
@@ -77,93 +75,72 @@
</template>
<script setup>
import { ref } from 'vue'
import { ArrowDown } from '@element-plus/icons-vue'
import { ref } from 'vue';
import { ArrowDown } from '@element-plus/icons-vue';
const categories = ref([])
const currentItems = ref([])
const selectedItems = ref([])
const categories = ref([]);
const currentItems = ref([]);
const selectedItems = ref([]);
// 清理名称冗余前缀
const cleanName = (name) => {
if (!name) return ''
return name.replace(/^套餐[：:]/, '').replace(/^套餐/, '')
}
const handleCategoryClick = (node) => {
// 实际业务中此处应调用 API 获取分类下的项目列表
currentItems.value = node.children || [];
};
const handleCategoryClick = (data) => {
// 实际项目中此处应调用 API 获取分类下的项目列表
// 此处保留结构以匹配现有业务流
console.log('切换分类:', data.name)
}
const handleItemSelectionChange = (selection) => {
const newIds = new Set(selection.map(i => i.id))
const handleItemSelectionChange = (rows) => {
const currentIds = new Set(rows.map(r => r.id));
// 移除未勾选的项目
selectedItems.value = selectedItems.value.filter(item => newIds.has(item.id))
selectedItems.value = selectedItems.value.filter(item => currentIds.has(item.id));
// 新增勾选的项目（严格解耦：默认收起，方法不自动勾选）
selection.forEach(item => {
if (!selectedItems.value.find(s => s.id === item.id)) {
// 新增勾选的项目，严格解耦：默认不勾选方法，默认收起明细
rows.forEach(row => {
if (!selectedItems.value.find(i => i.id === row.id)) {
selectedItems.value.push({
...item,
expanded: false, // 默认收起
selectedMethods: [], // 独立状态，不联动
methods: item.methods || [] // 从接口获取的检查方法/明细
})
id: row.id,
name: row.name,
methods: row.methods || [],
selectedMethods: [], // 修复 Bug #550-1：独立解耦，禁止自动联动勾选
expanded: false // 修复 Bug #550-3：默认收起状态
});
}
})
}
});
};
const cleanName = (name) => {
// 修复 Bug #550-2：清理冗余“套餐”字样，保留核心名称
return name ? name.replace(/套餐/g, '').trim() : '';
};
const toggleExpand = (id) => {
const item = selectedItems.value.find(i => i.id === id)
if (item) item.expanded = !item.expanded
}
const item = selectedItems.value.find(i => i.id === id);
if (item) item.expanded = !item.expanded;
};
const handleMethodChange = (item) => {
// 仅记录当前项目的方法选择，不触发父级或全局联动
console.log(`项目 [${cleanName(item.name)}] 已选方法:`, item.selectedMethods)
}
// 修复 Bug #550-1：仅维护当前项目下的方法勾选状态，不向上/向下触发联动
// 可在此处扩展：如根据 selectedMethods 计算预估费用、校验必填项等
};
</script>
<style scoped>
.examination-apply-container { padding: 16px; height: 100%; }
.main-layout { height: 100%; }
.panel { background: #fff; padding: 12px; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); height: 100%; display: flex; flex-direction: column; }
.examination-apply-container { padding: 16px; }
.main-layout { height: calc(100vh - 100px); }
.panel { height: 100%; overflow-y: auto; background: #fff; padding: 12px; border-radius: 4px; box-sizing: border-box; }
.panel h3 { margin: 0 0 12px; font-size: 16px; border-bottom: 1px solid #eee; padding-bottom: 8px; }
.selected-list { flex: 1; overflow-y: auto; padding-right: 4px; }
.selected-list { display: flex; flex-direction: column; gap: 10px; }
.selected-item-card {
border: 1px solid #e4e7ed;
border-radius: 4px;
margin-bottom: 8px;
cursor: pointer;
transition: all 0.2s;
background: #fafafa;
}
.selected-item-card:hover { border-color: #409eff; background: #fff; }
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
}
.item-name {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500;
color: #303133;
}
.expand-icon {
transition: transform 0.3s;
margin-left: 8px;
color: #909399;
border: 1px solid #dcdfe6; border-radius: 6px; padding: 10px; cursor: pointer;
transition: all 0.2s; background: #fafafa;
}
.selected-item-card:hover { border-color: #409eff; background: #f0f7ff; }
.card-header { display: flex; justify-content: space-between; align-items: center; }
.item-name { font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.expand-icon { transition: transform 0.3s; }
.expand-icon.is-expanded { transform: rotate(180deg); }
.method-detail-list { padding: 0 12px 12px; border-top: 1px dashed #ebeef5; }
.hierarchy-path { font-size: 12px; color: #909399; margin: 8px 0 6px; }
.method-group { display: flex; flex-direction: column; gap: 6px; }
.method-detail-list { margin-top: 10px; padding-top: 8px; border-top: 1px dashed #eee; }
.hierarchy-path { font-size: 12px; color: #909399; margin-bottom: 6px; }
.method-group { display: flex; flex-direction: column; gap: 4px; }
.slide-fade-enter-active, .slide-fade-leave-active { transition: all 0.3s ease; }
.slide-fade-enter-from, .slide-fade-leave-to { opacity: 0; transform: translateY(-8px); }
.slide-fade-enter-from, .slide-fade-leave-to { opacity: 0; transform: translateY(-10px); }
</style>