From d5e2eb6479a98afa842b7d26b8f36db8fc3c972b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=8E=E4=BD=97?= <huatuo@gentronhealth.com>
Date: Mon, 15 Jun 2026 09:12:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(#611):=20=E8=A1=A5=E8=B4=B9=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E6=93=8D=E4=BD=9C=E6=A0=8F=E7=A7=BB=E8=87=B3=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=EF=BC=8C=E6=97=A0=E9=9C=80=E6=BB=9A=E5=8A=A8=E5=8D=B3?=
 =?UTF-8?q?=E5=8F=AF=E7=A1=AE=E8=AE=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根因: 确认/取消按钮、执行时间、补费总金额在弹窗底部(70vh滚动区域后)
       当划价项目多时按钮被挤出首屏，需滚动才能操作

修复: 将操作栏从底部移至顶部(划价组套按钮后面)
      - 执行时间 + 总金额 + 确认/取消 水平排列
      - 灰色背景视觉区分，始终可见无需滚动
---
 .../InpatientBilling/components/FeeDialog.vue | 81 ++++++++++---------
 1 file changed, 41 insertions(+), 40 deletions(-)

diff --git a/healthlink-his-ui/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue b/healthlink-his-ui/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue
index fd2098e35..a14478589 100755
--- a/healthlink-his-ui/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue
+++ b/healthlink-his-ui/src/views/inpatientNurse/InpatientBilling/components/FeeDialog.vue
@@ -55,6 +55,47 @@
         划价组套
       </el-button>
     </div>
+    <!-- 操作栏：执行时间 + 总金额 + 确认/取消（固定在顶部，无需滚动） -->
+    <div
+      style="
+        margin-bottom: 10px;
+        padding: 8px 12px;
+        background: #f5f7fa;
+        border-radius: 6px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        gap: 10px;
+      "
+    >
+      <div style="display: flex; align-items: center; gap: 10px">
+        <span style="white-space: nowrap">执行时间：</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="display: flex; align-items: center; gap: 15px">
+        <span style="font-size: 14px; font-weight: bold; white-space: nowrap">
+          本次补费总金额：<span style="color: #ff4d4f">{{ totalAmount.toFixed(6) }}</span>
+        </span>
+        <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
@@ -300,46 +341,6 @@
       </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