From 887b3ab82bf638392fd7e0a62b4c89e48583f29c Mon Sep 17 00:00:00 2001
From: LHD_HY <2872546851@qq.com>
Date: Thu, 27 Nov 2025 16:45:39 +0800
Subject: [PATCH] =?UTF-8?q?bug=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/child/FinanceReportUpload.vue  |   2 +-
 .../components/QualificationDetail.vue        | 111 +++++++++++++++---
 2 files changed, 93 insertions(+), 20 deletions(-)

diff --git a/src/views/enterpriseLibrary/finance/components/child/FinanceReportUpload.vue b/src/views/enterpriseLibrary/finance/components/child/FinanceReportUpload.vue
index cdfdf49..102beb5 100644
--- a/src/views/enterpriseLibrary/finance/components/child/FinanceReportUpload.vue
+++ b/src/views/enterpriseLibrary/finance/components/child/FinanceReportUpload.vue
@@ -73,7 +73,7 @@ export default {
   data() {
     return {
       uploadType: 'docx',
-      maxFileTips: '1MB',
+      maxFileTips: '100MB',
       ocrRuleList: ['finance_report'],
       fileUploadList: [],
       ocrResultParams: {
diff --git a/src/views/enterpriseLibrary/qualification/components/QualificationDetail.vue b/src/views/enterpriseLibrary/qualification/components/QualificationDetail.vue
index 048d3e9..23960f8 100644
--- a/src/views/enterpriseLibrary/qualification/components/QualificationDetail.vue
+++ b/src/views/enterpriseLibrary/qualification/components/QualificationDetail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container" :class="{ 'no-pointer-events': showUploadAnimation }">
+  <div class="drawer-content-wrapper" :class="{ 'no-pointer-events': showUploadAnimation }">
     <!-- 文件上传动画（详情页仅加载数据，无需保存动画） -->
     <div v-if="showUploadAnimation" class="global-upload-animation">
       <div class="animation-mask"></div>
@@ -10,12 +10,14 @@
       </div>
     </div>
 
+    <div class="drawer-scrollable-content">
     <div class="content-body">
       <QualificationFormDetail
         ref="qualificationFormDetail"
         :is-detail="true"
       />
     </div>
+    </div>
 
     <!-- 操作栏：仅保留“取消”按钮（隐藏保存按钮） -->
     <div class="action-footer">
@@ -105,17 +107,51 @@ export default {
 </script>
 
 <style scoped lang="scss">
-/* 复用编辑页的样式，仅调整部分细节（如按钮布局） */
-.app-container {
+// 抽屉内容总容器（flex布局）
+.drawer-content-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
   padding: 24px;
-  background: #fff;
-  min-height: 100%;
-  position: relative;
+  position: relative; // 用于定位动画元素
+}
+
+// 可滚动内容区域（占满剩余空间）
+.drawer-scrollable-content {
+  flex: 1;
+  overflow-y: auto;
+  padding-right: 12px; // 预留滚动条空间，避免内容被遮挡
+
+  // 滚动条样式优化
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+  &::-webkit-scrollbar-track {
+    background: #f5f5f5;
+    border-radius: 3px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+    &:hover {
+      background: #909399;
+    }
+  }
+}
+
+// 操作栏（固定在底部）
+.action-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding-top: 16px;
+  margin-top: 16px;
+  border-top: 1px solid #f5f5f5; // 添加分割线，区分内容和操作栏
+  flex-shrink: 0; // 防止被压缩
 }
 
-/* 加载动画样式（与编辑页一致，无需修改） */
 .global-upload-animation {
-  position: fixed;
+  position: absolute; // 相对于drawer-content-wrapper定位
   top: 0;
   left: 0;
   right: 0;
@@ -144,7 +180,9 @@ export default {
     background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
     padding: 40px 50px;
     border-radius: 20px;
-    box-shadow: 0 10px 40px rgba(31, 114, 234, 0.15), 0 0 0 1px rgba(31, 114, 234, 0.1);
+    box-shadow:
+      0 10px 40px rgba(31, 114, 234, 0.15),
+      0 0 0 1px rgba(31, 114, 234, 0.1);
     min-width: 280px;
     animation: slideInUp 0.3s ease-out;
 
@@ -192,20 +230,51 @@ export default {
 }
 
 .content-body {
-  padding-bottom: 50px;
+  padding-bottom: 20px; // 与底部操作栏保持间距
 }
 
-/* 操作栏：仅一个按钮，居中显示（可选调整） */
-.action-footer {
-  position: absolute;
-  bottom: 24px;
-  right: 24px;
+.content-row {
+  margin: 0;
   display: flex;
-  gap: 12px;
-  z-index: 20;
+  flex-wrap: wrap;
+  gap: 24px;
+}
+
+.form-pane {
+  background: #fff;
+  border-radius: 16px;
+  min-height: 500px;
+  padding: 20px;
+  margin-bottom: 20px;
+  flex: 1;
+  min-width: 300px;
+}
+
+.search-btn {
+  background: #409EFF;
+  border-color: #409EFF;
+  color: #fff;
+  font-weight: 600;
+  padding: 12px 24px;
+  border-radius: 6px;
+  box-shadow: 0px 4px 12px 0px rgba(64, 158, 255, 0.4);
+  letter-spacing: 0.5px;
+  font-size: 14px;
+  transition: all 0.3s ease;
+
+  &:hover {
+    background: #66b1ff;
+    border-color: #66b1ff;
+    box-shadow: 0px 6px 16px 0px rgba(64, 158, 255, 0.5);
+    transform: translateY(-1px);
+  }
+
+  &.is-loading {
+    opacity: 0.8;
+    pointer-events: none;
+  }
 }
 
-/* 关闭按钮样式（复用编辑页的reset-btn样式，无需修改） */
 .reset-btn {
   background: #fff;
   border: 1px solid #dcdfe6;
@@ -227,7 +296,11 @@ export default {
   }
 }
 
-/* 动画样式（与编辑页一致） */
+// 禁止点击样式
+.no-pointer-events {
+  pointer-events: none;
+}
+
 @keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }