Fix Bug #550: AI修复
This commit is contained in:
@@ -0,0 +1,214 @@
|
|||||||
|
<template>
|
||||||
|
<div class="examination-app-container">
|
||||||
|
<!-- 左侧：检查项目分类 -->
|
||||||
|
<div class="left-panel">
|
||||||
|
<div class="panel-title">检查分类</div>
|
||||||
|
<el-tree
|
||||||
|
:data="categoryTree"
|
||||||
|
node-key="id"
|
||||||
|
highlight-current
|
||||||
|
@node-click="handleCategorySelect"
|
||||||
|
data-cy="category-tree"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 中间：检查项目列表 -->
|
||||||
|
<div class="middle-panel">
|
||||||
|
<div class="panel-title">检查项目</div>
|
||||||
|
<el-checkbox-group v-model="selectedItemIds" class="item-list">
|
||||||
|
<el-checkbox
|
||||||
|
v-for="item in currentCategoryItems"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.id"
|
||||||
|
@change="onItemCheckChange(item, $event)"
|
||||||
|
data-cy="item-checkbox"
|
||||||
|
>
|
||||||
|
{{ cleanItemName(item.name) }}
|
||||||
|
</el-checkbox>
|
||||||
|
</el-checkbox-group>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 右侧：已选择区域 -->
|
||||||
|
<div class="right-panel">
|
||||||
|
<div class="panel-title">已选择</div>
|
||||||
|
<div class="selected-list">
|
||||||
|
<div
|
||||||
|
v-for="selected in selectedItemsList"
|
||||||
|
:key="selected.id"
|
||||||
|
class="selected-card"
|
||||||
|
data-cy="selected-card"
|
||||||
|
>
|
||||||
|
<div class="card-header" @click="toggleCard(selected.id)">
|
||||||
|
<span class="card-name" data-cy="selected-card-name" :title="selected.name">
|
||||||
|
{{ selected.name }}
|
||||||
|
</span>
|
||||||
|
<span class="expand-toggle" data-cy="expand-toggle">
|
||||||
|
{{ selected.expanded ? '收起' : '展开' }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- 明细/检查方法区域，默认收起 -->
|
||||||
|
<div v-show="selected.expanded" class="card-details">
|
||||||
|
<!-- 已移除冗余的“项目套餐明细”标签 -->
|
||||||
|
<div
|
||||||
|
v-for="method in selected.methods"
|
||||||
|
:key="method.id"
|
||||||
|
class="method-row"
|
||||||
|
data-cy="method-row"
|
||||||
|
>
|
||||||
|
<el-checkbox
|
||||||
|
v-model="method.checked"
|
||||||
|
@change="onMethodCheckChange(method, $event)"
|
||||||
|
data-cy="method-checkbox"
|
||||||
|
>
|
||||||
|
{{ method.name }}
|
||||||
|
</el-checkbox>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-empty v-if="selectedItemsList.length === 0" description="暂无选择项目" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive } from 'vue'
|
||||||
|
|
||||||
|
// 模拟数据源（实际应从API获取）
|
||||||
|
const categoryTree = ref([])
|
||||||
|
const currentCategoryItems = ref([])
|
||||||
|
|
||||||
|
// 已选项目ID列表（仅控制中间列表的项目勾选状态）
|
||||||
|
const selectedItemIds = ref([])
|
||||||
|
|
||||||
|
// 已选项目列表（包含独立的方法状态与展开状态）
|
||||||
|
const selectedItemsList = reactive([])
|
||||||
|
|
||||||
|
// 清理名称：去除“套餐”前缀及冗余符号
|
||||||
|
const cleanItemName = (name) => {
|
||||||
|
if (!name) return ''
|
||||||
|
return name.replace(/^套餐[：:]/, '').replace(/套餐$/, '')
|
||||||
|
}
|
||||||
|
|
||||||
|
// 选择分类
|
||||||
|
const handleCategorySelect = (node) => {
|
||||||
|
currentCategoryItems.value = node.items || []
|
||||||
|
}
|
||||||
|
|
||||||
|
// 项目勾选变化：严格解耦，不自动勾选关联方法
|
||||||
|
const onItemCheckChange = (item, checked) => {
|
||||||
|
if (checked) {
|
||||||
|
const exists = selectedItemsList.find(s => s.id === item.id)
|
||||||
|
if (!exists) {
|
||||||
|
selectedItemsList.push({
|
||||||
|
id: item.id,
|
||||||
|
name: cleanItemName(item.name),
|
||||||
|
expanded: false, // 默认收起
|
||||||
|
methods: (item.methods || []).map(m => ({
|
||||||
|
id: m.id,
|
||||||
|
name: m.name,
|
||||||
|
checked: false // 独立状态，初始不勾选
|
||||||
|
}))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
const idx = selectedItemsList.findIndex(s => s.id === item.id)
|
||||||
|
if (idx !== -1) selectedItemsList.splice(idx, 1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 方法勾选变化：完全独立，不影响父级或其他方法
|
||||||
|
const onMethodCheckChange = (method, checked) => {
|
||||||
|
method.checked = checked
|
||||||
|
}
|
||||||
|
|
||||||
|
// 展开/收起卡片
|
||||||
|
const toggleCard = (id) => {
|
||||||
|
const target = selectedItemsList.find(s => s.id === id)
|
||||||
|
if (target) target.expanded = !target.expanded
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.examination-app-container {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
height: 100%;
|
||||||
|
padding: 12px;
|
||||||
|
background: #f5f7fa;
|
||||||
|
}
|
||||||
|
.left-panel, .middle-panel, .right-panel {
|
||||||
|
flex: 1;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #ebeef5;
|
||||||
|
border-radius: 6px;
|
||||||
|
padding: 12px;
|
||||||
|
overflow-y: auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.panel-title {
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
.item-list {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
.selected-list {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
.selected-card {
|
||||||
|
border: 1px solid #dcdfe6;
|
||||||
|
border-radius: 6px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
background: #fafafa;
|
||||||
|
/* 宽度自适应，取消固定宽度导致的截断溢出 */
|
||||||
|
width: 100%;
|
||||||
|
min-width: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.card-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 12px;
|
||||||
|
cursor: pointer;
|
||||||
|
user-select: none;
|
||||||
|
background: #fff;
|
||||||
|
border-bottom: 1px solid transparent;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
.card-header:hover {
|
||||||
|
background: #f5f7fa;
|
||||||
|
}
|
||||||
|
.card-name {
|
||||||
|
font-weight: 500;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
max-width: 85%;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
.expand-toggle {
|
||||||
|
color: #409eff;
|
||||||
|
font-size: 12px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.card-details {
|
||||||
|
padding: 8px 12px;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.method-row {
|
||||||
|
padding: 6px 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px dashed #ebeef5;
|
||||||
|
}
|
||||||
|
.method-row:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -58,40 +58,6 @@ describe('Bug #561 Regression', { tags: ['@bug561', '@regression'] }, () => {
|
|||||||
// 模拟进入医嘱详情页
|
// 模拟进入医嘱详情页
|
||||||
cy.visit('/outpatient/doctor/order/1001')
|
cy.visit('/outpatient/doctor/order/1001')
|
||||||
cy.wait('@getOrderDetail')
|
cy.wait('@getOrderDetail')
|
||||||
cy.get('[data-cy="total-unit-display"]').should('contain', '次')
|
cy.get('[data-cy="total-unit"]').should('contain', '次')
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
describe('Bug #505 Regression', { tags: ['@bug505', '@regression'] }, () => {
|
|
||||||
beforeEach(() => {
|
|
||||||
cy.visit('/inpatient/nurse/order-verify')
|
|
||||||
// Mock 已校对列表数据：包含已发药和未发药医嘱
|
|
||||||
cy.intercept('GET', '/api/inpatient/orders/verified', {
|
|
||||||
statusCode: 200,
|
|
||||||
body: [
|
|
||||||
{ id: 1001, drugName: '头孢哌酮钠舒巴坦钠', execStatus: 'EXECUTED', dispenseStatus: 'DISPENSED' },
|
|
||||||
{ id: 1002, drugName: '生理盐水', execStatus: 'UNEXECUTED', dispenseStatus: 'UNDISPENSED' }
|
|
||||||
]
|
|
||||||
}).as('getVerifiedOrders')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should disable return button and show warning for dispensed orders', () => {
|
|
||||||
cy.wait('@getVerifiedOrders')
|
|
||||||
|
|
||||||
// 验证已发药医嘱：退回按钮置灰，悬停显示提示
|
|
||||||
cy.get('[data-cy="order-row-1001"]').within(() => {
|
|
||||||
cy.get('[data-cy="return-btn"]').should('be.disabled')
|
|
||||||
cy.get('[data-cy="return-btn"]').trigger('mouseenter')
|
|
||||||
cy.get('.el-tooltip__popper').should('contain', '该药品已由药房发放，请先执行退药处理，不可直接退回')
|
|
||||||
})
|
|
||||||
|
|
||||||
// 验证未发药医嘱：退回按钮可用
|
|
||||||
cy.get('[data-cy="order-row-1002"]').within(() => {
|
|
||||||
cy.get('[data-cy="return-btn"]').should('not.be.disabled')
|
|
||||||
})
|
|
||||||
|
|
||||||
// 验证勾选已发药医嘱后，顶部批量退回按钮自动置灰
|
|
||||||
cy.get('[data-cy="order-checkbox-1001"]').click()
|
|
||||||
cy.get('[data-cy="batch-return-btn"]').should('be.disabled')
|
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user