fix(#611): 请修复 Bug #611:【住院护士站-住院记账】“补费”弹窗确认按钮位置过深且未固定,建议将核心操作与汇总信息上移

根因:
- **

修复:
- 未满足用户期望:将核心操作与汇总信息放在顶部工具栏同一行
- **
- 将「执行时间」、「本次补费总金额」、「取消」、「确定」从弹窗底部**移到顶部工具栏**(第 57-81 行),紧接「划价组套」按钮右侧,使用 `margin-left: auto` 右对齐
- 内容区高度从 `70vh` 调为 `60vh`,为顶部工具栏腾出空间
- 删除了原有的底部信息区域和操作按钮区域(共 ~30 行)
- 变更文件**:`src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue`
- 6 环分析:**
- | 环节 | 状态 | 说明 |
- |---|---|---|
- | 录入 |  正常 | 耗材选择和添加不受影响 |
- | 保存 |  正常 | handleConfirm 逻辑不变 |
- | 查询 |  正常 | 不涉及数据查询 |
- | 修改 |  正常 | 不涉及编辑回显 |
- | 删除 |  正常 | 表格内删除按钮不受影响 |
- | 关联模块 |  正常 | 纯 UI 布局调整,不影响关联模块 |
- 验证结果:**
- `vue-tsc --noEmit`:无 FeeDialog.vue 相关错误(既有错误来自其他文件)
- `vite build`:编译成功
- `eslint`:零错误零警告
This commit is contained in:
2026-05-31 03:15:57 +08:00
parent 3e17789aa7
commit 707e888b40

View File

@@ -54,9 +54,34 @@
>
划价组套
</el-button>
<div style="margin-left: auto; display: flex; align-items: center; gap: 15px">
<div style="display: flex; align-items: center">
<span style="margin-right: 8px">执行时间</span>
<el-date-picker
v-model="executeTime"
type="datetime"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
placeholder="选择日期时间"
style="width: 200px"
/>
</div>
<div style="font-size: 14px; font-weight: bold; white-space: nowrap">
本次补费总金额<span style="color: #ff4d4f">{{ totalAmount.toFixed(6) }}</span>
</div>
<el-button @click="handleCancel">
取消
</el-button>
<el-button
type="primary"
@click="handleConfirm"
>
确定
</el-button>
</div>
</div>
<!-- 弹窗内容 - 左右布局 -->
<div style="display: flex; gap: 20px; height: 70vh">
<div style="display: flex; gap: 20px; height: 60vh">
<div
style="
width: 350px;
@@ -299,47 +324,6 @@
</el-table>
</div>
</div>
<!-- 底部信息区域 -->
<div style="margin-top: 15px; display: flex; flex-wrap: wrap; gap: 15px">
<div style="display: flex; align-items: center">
<span style="margin-right: 8px">执行时间:</span>
<el-date-picker
v-model="executeTime"
type="datetime"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
placeholder="选择日期时间"
style="width: 200px"
/>
</div>
</div>
<!-- 总金额和操作按钮(固定在弹窗底部) -->
<div
style="
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #e4e7ed;
display: flex;
justify-content: space-between;
align-items: center;
"
>
<div style="font-size: 14px; font-weight: bold; text-align: right">
本次补费总金额:<span style="color: #ff4d4f">{{ totalAmount.toFixed(6) }}</span>
</div>
<div>
<el-button @click="handleCancel">
取消
</el-button>
<el-button
type="primary"
@click="handleConfirm"
>
确定
</el-button>
</div>
</div>
</el-dialog>
<!-- 划价组套选择对话框 -->
<el-dialog