From d6f87cd0db3685f2c5808ee9820a1c69bcef23c2 Mon Sep 17 00:00:00 2001
From: "Mr.j" <2221464500@qq.com>
Date: Thu, 7 Aug 2025 17:38:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AE=A1=E6=89=B9=E5=8F=B0?=
 =?UTF-8?q?=E7=9A=84=E6=90=9C=E7=B4=A2=E6=A1=86=E7=9C=8B=E4=B8=8D=E6=B8=85?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../approval/components/ApprovalSearch.vue    | 63 +++++++++++++++++++
 .../device-management/approval/index.vue      | 16 +++++
 2 files changed, 79 insertions(+)

diff --git a/src/views/system-resource/device-management/approval/components/ApprovalSearch.vue b/src/views/system-resource/device-management/approval/components/ApprovalSearch.vue
index 62bfba3..e90f809 100644
--- a/src/views/system-resource/device-management/approval/components/ApprovalSearch.vue
+++ b/src/views/system-resource/device-management/approval/components/ApprovalSearch.vue
@@ -195,6 +195,14 @@ watch(() => props.loading, (newVal) => {
 
 <style scoped lang="scss">
 .approval-search-container {
+  // 确保搜索区域有良好的背景对比度
+  background: #ffffff;
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  margin-bottom: 16px;
+  border: 1px solid #e8e8e8;
+  
   .search-form {
     .arco-form-item {
       margin-bottom: 0;
@@ -211,6 +219,61 @@ watch(() => props.loading, (newVal) => {
     .arco-select,
     .arco-picker {
       border-radius: 4px;
+      
+      // 确保输入框文字颜色清晰可见
+      .arco-input-inner {
+        color: #333 !important;
+        font-weight: 500;
+      }
+      
+      // 确保占位符文字颜色清晰
+      .arco-input-inner::placeholder {
+        color: #666 !important;
+        font-weight: 400;
+      }
+      
+      // 确保选择框文字颜色清晰
+      .arco-select-view-input {
+        color: #333 !important;
+        font-weight: 500;
+      }
+      
+      // 确保选择框占位符颜色清晰
+      .arco-select-view-placeholder {
+        color: #666 !important;
+        font-weight: 400;
+      }
+      
+      // 确保日期选择器文字颜色清晰
+      .arco-picker-input {
+        color: #333 !important;
+        font-weight: 500;
+      }
+      
+      // 确保日期选择器占位符颜色清晰
+      .arco-picker-input::placeholder {
+        color: #666 !important;
+        font-weight: 400;
+      }
+      
+      // 确保所有输入框在聚焦时有更好的对比度
+      &:focus-within {
+        .arco-input-inner,
+        .arco-select-view-input,
+        .arco-picker-input {
+          color: #000 !important;
+          font-weight: 600;
+        }
+      }
+      
+      // 确保输入框在悬停时有更好的对比度
+      &:hover {
+        .arco-input-inner,
+        .arco-select-view-input,
+        .arco-picker-input {
+          color: #000 !important;
+        }
+      }
     }
     
     .arco-btn {
diff --git a/src/views/system-resource/device-management/approval/index.vue b/src/views/system-resource/device-management/approval/index.vue
index 2afea74..858d248 100644
--- a/src/views/system-resource/device-management/approval/index.vue
+++ b/src/views/system-resource/device-management/approval/index.vue
@@ -781,6 +781,22 @@ onMounted(() => {
     color: var(--color-text-4);
     font-style: italic;
   }
+  
+  // 确保搜索区域有良好的对比度
+  .approval-search-container {
+    background: #ffffff;
+    padding: 16px;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    margin-bottom: 16px;
+    
+    .search-form {
+      .arco-form-item-label {
+        color: #333 !important;
+        font-weight: 600;
+      }
+    }
+  }
 }
 
 // 响应式设计