发起变更样式调整

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)}"

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)]">
+<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-400">预识别阶段不设审批人与提交：完成识别与预分析后，请切换至「变更申请表」选择审批人并提交</span>
+  <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" />

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">