From 5e9e35b9f931318784097a2496fbaa52097fd386 Mon Sep 17 00:00:00 2001
From: wsm <2746563060@qq.com>
Date: Tue, 14 Jul 2026 09:44:42 +0800
Subject: [PATCH] =?UTF-8?q?style(dq):=20=E4=BC=98=E5=8C=96=E5=AE=A1?=
 =?UTF-8?q?=E6=89=B9=E5=8E=86=E5=8F=B2=E7=95=8C=E9=9D=A2=E9=97=B4=E8=B7=9D?=
 =?UTF-8?q?=EF=BC=8C=E5=87=8F=E5=B0=91=E8=B4=B4=E8=BE=B9=E6=84=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../content/TaskApprovalHistoryContent.vue    | 103 ++++++++++--------
 1 file changed, 55 insertions(+), 48 deletions(-)

diff --git a/src/views/super/bpm/process/personalOffice/myHandleTask/content/TaskApprovalHistoryContent.vue b/src/views/super/bpm/process/personalOffice/myHandleTask/content/TaskApprovalHistoryContent.vue
index cfd9f77..d3a2bad 100644
--- a/src/views/super/bpm/process/personalOffice/myHandleTask/content/TaskApprovalHistoryContent.vue
+++ b/src/views/super/bpm/process/personalOffice/myHandleTask/content/TaskApprovalHistoryContent.vue
@@ -352,63 +352,70 @@ export default {
     },
   };
 </script>
-
 <style lang="less" scoped>
-  .approval-history-pane {
-    height: 100%;
-    padding: 4px 0;
-  }
+.approval-history-pane {
+  height: 100%;
+  // 1. 增加 padding，16px 左右，24px 上下，给四周留出足够的呼吸感
+  padding: 16px 24px;
+  box-sizing: border-box;
+  background-color: #fff; // 确保有纯白背景，防止透出底色显得贴边
+}
 
-  .approval-history-filter {
-    margin-bottom: 8px;
-    padding: 4px 0;
-  }
+.approval-history-filter {
+  margin-bottom: 16px; // 2. 增加过滤栏和下方表格的间距
+  padding: 12px 16px;
+  background-color: #fafafa; // 3. 给过滤区域加一个浅色微背景框，视觉上更有层次感
+  border-radius: 4px;
+}
 
-  .approval-history-filter__dept {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-top: 10px;
-    line-height: 24px;
-  }
+.approval-history-filter__main {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
 
-  .approval-history-filter__dept-text {
-    color: rgba(0, 0, 0, 0.85);
-  }
+.approval-history-filter__label {
+  flex: 0 0 auto;
+  line-height: 32px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500; // 稍微加粗标签
+}
 
-  .approval-history-filter__assignee-btn {
-    margin-left: auto;
-  }
+.approval-history-filter__checkboxes {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  gap: 6px 12px;
+  min-width: 0;
+  padding-top: 5px;
 
-  .approval-history-filter__main {
-    display: flex;
-    align-items: flex-start;
-    gap: 8px;
+  :deep(.ant-checkbox-wrapper) {
+    margin-left: 0;
   }
+}
 
-  .approval-history-filter__label {
-    flex: 0 0 auto;
-    line-height: 32px;
-    color: rgba(0, 0, 0, 0.85);
-  }
+.approval-history-filter__actions {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  line-height: 32px;
+}
 
-  .approval-history-filter__checkboxes {
-    display: flex;
-    flex: 1;
-    flex-wrap: wrap;
-    gap: 6px 12px;
-    min-width: 0;
-    padding-top: 5px;
+.approval-history-filter__dept {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 12px; // 稍微拉开上下两排过滤器的距离
+  line-height: 24px;
+  border-top: 1px dashed #f0f0f0; // 加一条虚线分割，更美观
+  padding-top: 12px;
+}
 
-    :deep(.ant-checkbox-wrapper) {
-      margin-left: 0;
-    }
-  }
+.approval-history-filter__dept-text {
+  color: rgba(0, 0, 0, 0.85);
+}
 
-  .approval-history-filter__actions {
-    display: flex;
-    flex: 0 0 auto;
-    align-items: center;
-    line-height: 32px;
-  }
+.approval-history-filter__assignee-btn {
+  margin-left: auto;
+}
 </style>