From 54c39d23082c4b1b5c689daf9c7ebca0b5af03d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=8E=E4=BD=97?= <huatuo@gentronhealth.com>
Date: Fri, 29 May 2026 09:57:17 +0800
Subject: [PATCH] =?UTF-8?q?fix(#611):=20=E8=AF=B7=E4=BF=AE=E5=A4=8D=20Bug?=
 =?UTF-8?q?=20#611=EF=BC=9A=E3=80=90=E4=BD=8F=E9=99=A2=E6=8A=A4=E5=A3=AB?=
 =?UTF-8?q?=E7=AB=99-=E4=BD=8F=E9=99=A2=E8=AE=B0=E8=B4=A6=E3=80=91?=
 =?UTF-8?q?=E8=A1=A5=E8=B4=B9=E5=BC=B9=E7=AA=97=E7=A1=AE=E8=AE=A4=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E4=BD=8D=E7=BD=AE=E8=BF=87=E6=B7=B1=E4=B8=94=E6=9C=AA?=
 =?UTF-8?q?=E5=9B=BA=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根因：
- **
- 补费弹窗（`FeeDialog.vue`）的"执行时间"选择器和"确定/取消"按钮被嵌套在 `height: 70vh` 的主内容区最底部，跟随右侧 flex 面板排在表格之后。当表格行数增多时，按钮被推到 70vh 容器底部，必须大幅滚动才能找到，且不固定。

修复：
- **
- 将"底部信息区域（执行时间）"和"总金额+操作按钮"两个区块从 `height: 70vh` 的 flex 容器中移出，放到弹窗 body 底部（在 70vh 容器之后、`</el-dialog>` 之前）
- 添加了 `border-top` 分割线，视觉上区分内容区域和操作区域
- 按钮现在始终在弹窗底部可见，无需滚动即可操作
- 变更文件：**
- `src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue` — 重构模板结构，将底部操作区域移出 70vh 滚动容器
- > 注意：项目未安装 node_modules，无法运行 `npm run lint`。依赖安装后可补充执行。
---
 .../InpatientBilling/components/FeeDialog.vue | 76 ++++++++++---------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/openhis-ui-vue3/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue b/openhis-ui-vue3/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue
index af2901d68..2244a1cd3 100755
--- a/openhis-ui-vue3/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue
+++ b/openhis-ui-vue3/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue
@@ -297,45 +297,47 @@
             </template>
           </el-table-column>
         </el-table>
+      </div>
+    </div>
 
-        <!-- 底部信息区域 -->
-        <div style="margin-top: 20px; 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: 20px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-          "
+    <!-- 底部信息区域 -->
+    <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"
         >
-          <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-button>
       </div>
     </div>
   </el-dialog>