From eb76e7aeae7084ba88b59a3b0fd2265b9e2ba37c Mon Sep 17 00:00:00 2001
From: bestlee <bestlee@djxinxi.net>
Date: Mon, 19 Oct 2026 10:37:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E8=B5=B7=E5=8F=98=E6=9B=B4=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/my/initiateChange/index.vue             | 2 +-
 src/views/my/initiateChange/modules/changePre.vue | 5 +++--
 src/views/my/initiateChange/modules/footer.vue    | 5 ++++-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/views/my/initiateChange/index.vue b/src/views/my/initiateChange/index.vue
index 44fd7e8..c259b2c 100644
--- a/src/views/my/initiateChange/index.vue
+++ b/src/views/my/initiateChange/index.vue
@@ -388,7 +388,7 @@ onMounted(() => {
   <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
     <div class="border" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
       <!-- 顶部 -->
-      <div class="border-b bg-[var(--bg-color)]" :style="{'--bg-color': getColorWithOpacity(themeStore.themeColor, 0.1)}">
+      <div class="border-b bg-[var(--bg-color)]" :style="{'--bg-color': getColorWithOpacity(themeStore.themeColor, 0.15)}">
         <div 
           class="flex flex-wrap items-center gap-x-3 gap-y-2 border-b px-4 py-2 border-[var(--border-color)]"
           :style="{'--border-color': getColorWithOpacity(themeStore.themeColor, 0.2)}"
diff --git a/src/views/my/initiateChange/modules/changePre.vue b/src/views/my/initiateChange/modules/changePre.vue
index e720fbd..419513b 100644
--- a/src/views/my/initiateChange/modules/changePre.vue
+++ b/src/views/my/initiateChange/modules/changePre.vue
@@ -3,6 +3,7 @@
 import { inject, watch, ref, computed } from 'vue';
 import { Icon } from '@iconify/vue'
 import { useThemeStore } from '@/store/modules/theme';
+import { getColorWithOpacity } from "@/utils/common";
 import { AiError, aiApplication, aiRecognize, aiRiskPreAnalysis } from "@/service/api/ai";
 import ChangeCompareTable from "./ChangeCompareTable.vue";
 import PreRisk from "./preRisk.vue";
@@ -158,8 +159,8 @@ watch(() => props.currentForm, (newVal:any) => {
     </template>
   </div>
 </div>
-<div class="flex flex-wrap items-center gap-x-4 gap-y-2 bg-[#EAF0F9] px-4 py-2.5 shadow-[0_-2px_8px_rgba(0,0,0,0.05)]">
-  <span class="text-xs text-slate-400">预识别阶段不设审批人与提交：完成识别与预分析后，请切换至「变更申请表」选择审批人并提交</span>
+<div class="flex flex-wrap items-center gap-x-4 gap-y-2 px-4 py-2.5" :style="{ backgroundColor: getColorWithOpacity(themeStore.themeColor, 0.15)}">
+  <span class="text-xs text-slate-500">预识别阶段不设审批人与提交：完成识别与预分析后，请切换至「变更申请表」选择审批人并提交</span>
   <div class="ml-auto flex shrink-0 gap-2">
     <NButton ghost type="warning" size="small" @click="runRiskAnalysis" :disabled="btnDisabled">
       <Icon v-if="analyzing" icon="ri:loader-4-fill" class="size-14px animate-spin" />
diff --git a/src/views/my/initiateChange/modules/footer.vue b/src/views/my/initiateChange/modules/footer.vue
index 56e51ce..e16392b 100644
--- a/src/views/my/initiateChange/modules/footer.vue
+++ b/src/views/my/initiateChange/modules/footer.vue
@@ -2,8 +2,11 @@
 <script setup lang="ts">
 import { computed, inject, ref, watch } from 'vue';
 import { Icon } from '@iconify/vue'
+import { useThemeStore } from '@/store/modules/theme';
+import { getColorWithOpacity } from "@/utils/common";
 import { useAiAnalysisApi } from '@/service/api/change';
 
+const themeStore = useThemeStore();
 const props = defineProps([
     'type',
     'currentId',
@@ -255,7 +258,7 @@ defineExpose({setRegenerateLoading})
             </NButton>
         </div>
         </div>
-        <div class="flex flex-wrap items-center gap-x-4 gap-y-2 bg-[#EAF0F9] px-4 py-2.5 shadow-[0_-2px_8px_rgba(0,0,0,0.05)]">
+        <div class="flex flex-wrap items-center gap-x-4 gap-y-2 px-4 py-2.5" :style="{ backgroundColor: getColorWithOpacity(themeStore.themeColor, 0.15)}">
         <div class="flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1 text-xs text-slate-500">
             <Icon icon="lucide:users" class="size-14px" />
             <span class="min-w-0 truncate">