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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user