From ad56904e566aa966f13df95f215fee1fcb36a7dc Mon Sep 17 00:00:00 2001
From: DLmaster361 <DLmaster_361@163.com>
Date: Sun, 14 Sep 2025 15:46:54 +0800
Subject: [PATCH 1/8] =?UTF-8?q?feat:=20=E5=88=9D=E6=AD=A5=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E8=AE=A1=E5=88=92=E8=A1=A8=E6=A0=B7=E5=BC=8F=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/MAAUserEdit.vue | 358 +++++++++++++++++++++++++++--
 frontend/src/views/Plans.vue       |  82 ++++---
 2 files changed, 388 insertions(+), 52 deletions(-)

diff --git a/frontend/src/views/MAAUserEdit.vue b/frontend/src/views/MAAUserEdit.vue
index a9476c5..26cb968 100644
--- a/frontend/src/views/MAAUserEdit.vue
+++ b/frontend/src/views/MAAUserEdit.vue
@@ -351,8 +351,15 @@
                   </span>
                 </a-tooltip>
               </template>
+              <!-- 计划模式：显示只读文本 -->
+              <div v-if="isPlanMode" class="plan-mode-display">
+                <div class="plan-value">{{ displayMedicineNumb }}</div>
+                <div class="plan-source">来自计划表</div>
+              </div>
+              <!-- 固定模式：显示输入框 -->
               <a-input-number
-                v-model:value="formData.Info.MedicineNumb"
+                v-else
+                v-model:value="displayMedicineNumb"
                 :min="0"
                 :max="9999"
                 placeholder="0"
@@ -374,8 +381,19 @@
                   </span>
                 </a-tooltip>
               </template>
+              <!-- 计划模式：显示只读文本 -->
+              <div v-if="isPlanMode" class="plan-mode-display">
+                <div class="plan-value">{{ 
+                  displaySeriesNumb === '0' ? 'AUTO' :
+                  displaySeriesNumb === '-1' ? '不切换' :
+                  displaySeriesNumb
+                }}</div>
+                <div class="plan-source">来自计划表</div>
+              </div>
+              <!-- 固定模式：显示选择框 -->
               <a-select
-                v-model:value="formData.Info.SeriesNumb"
+                v-else
+                v-model:value="displaySeriesNumb"
                 :options="[
                   { label: 'AUTO', value: '0' },
                   { label: '1', value: '1' },
@@ -402,8 +420,15 @@
                   </span>
                 </a-tooltip>
               </template>
+              <!-- 计划模式：显示只读文本 -->
+              <div v-if="isPlanMode" class="plan-mode-display">
+                <div class="plan-value">{{ displayStage === '-' ? '当前/上次' : (displayStage || '不选择') }}</div>
+                <div class="plan-source">来自计划表</div>
+              </div>
+              <!-- 固定模式：显示选择框 -->
               <a-select
-                v-model:value="formData.Info.Stage"
+                v-else
+                v-model:value="displayStage"
                 :disabled="loading"
                 size="large"
                 placeholder="选择或输入自定义关卡"
@@ -420,7 +445,11 @@
                       size="small"
                       @keyup.enter="addCustomStage"
                     />
-                    <a-button type="text" size="small" @click="addCustomStage">
+                    <a-button 
+                      type="text" 
+                      size="small" 
+                      @click="addCustomStage"
+                    >
                       <template #icon>
                         <PlusOutlined />
                       </template>
@@ -459,8 +488,15 @@
                   </span>
                 </a-tooltip>
               </template>
+              <!-- 计划模式：显示只读文本 -->
+              <div v-if="isPlanMode" class="plan-mode-display">
+                <div class="plan-value">{{ displayStage1 === '-' ? '当前/上次' : (displayStage1 || '不选择') }}</div>
+                <div class="plan-source">来自计划表</div>
+              </div>
+              <!-- 固定模式：显示选择框 -->
               <a-select
-                v-model:value="formData.Info.Stage_1"
+                v-else
+                v-model:value="displayStage1"
                 :disabled="loading"
                 size="large"
                 placeholder="选择或输入自定义关卡"
@@ -477,7 +513,11 @@
                       size="small"
                       @keyup.enter="addCustomStage1"
                     />
-                    <a-button type="text" size="small" @click="addCustomStage1">
+                    <a-button 
+                      type="text" 
+                      size="small" 
+                      @click="addCustomStage1"
+                    >
                       <template #icon>
                         <PlusOutlined />
                       </template>
@@ -514,8 +554,15 @@
                   </span>
                 </a-tooltip>
               </template>
+              <!-- 计划模式：显示只读文本 -->
+              <div v-if="isPlanMode" class="plan-mode-display">
+                <div class="plan-value">{{ displayStage2 === '-' ? '当前/上次' : (displayStage2 || '不选择') }}</div>
+                <div class="plan-source">来自计划表</div>
+              </div>
+              <!-- 固定模式：显示选择框 -->
               <a-select
-                v-model:value="formData.Info.Stage_2"
+                v-else
+                v-model:value="displayStage2"
                 :disabled="loading"
                 size="large"
                 placeholder="选择或输入自定义关卡"
@@ -532,7 +579,11 @@
                       size="small"
                       @keyup.enter="addCustomStage2"
                     />
-                    <a-button type="text" size="small" @click="addCustomStage2">
+                    <a-button 
+                      type="text" 
+                      size="small" 
+                      @click="addCustomStage2"
+                    >
                       <template #icon>
                         <PlusOutlined />
                       </template>
@@ -569,8 +620,15 @@
                   </span>
                 </a-tooltip>
               </template>
+              <!-- 计划模式：显示只读文本 -->
+              <div v-if="isPlanMode" class="plan-mode-display">
+                <div class="plan-value">{{ displayStage3 === '-' ? '当前/上次' : (displayStage3 || '不选择') }}</div>
+                <div class="plan-source">来自计划表</div>
+              </div>
+              <!-- 固定模式：显示选择框 -->
               <a-select
-                v-model:value="formData.Info.Stage_3"
+                v-else
+                v-model:value="displayStage3"
                 :disabled="loading"
                 size="large"
                 placeholder="选择或输入自定义关卡"
@@ -587,7 +645,11 @@
                       size="small"
                       @keyup.enter="addCustomStage3"
                     />
-                    <a-button type="text" size="small" @click="addCustomStage3">
+                    <a-button 
+                      type="text" 
+                      size="small" 
+                      @click="addCustomStage3"
+                    >
                       <template #icon>
                         <PlusOutlined />
                       </template>
@@ -615,15 +677,22 @@
           <a-col :span="6">
             <a-form-item name="mode">
               <template #label>
-                <a-tooltip title="剩余理智关卡，选择「当前/上次」时视为不使用剩余理智关卡">
+                <a-tooltip title="剩余理智关卡，选择「不选择」时视为不使用剩余理智关卡">
                   <span class="form-label">
                     剩余理智关卡
                     <QuestionCircleOutlined class="help-icon" />
                   </span>
                 </a-tooltip>
               </template>
+              <!-- 计划模式：显示只读文本 -->
+              <div v-if="isPlanMode" class="plan-mode-display">
+                <div class="plan-value">{{ displayStageRemain === '-' ? '不选择' : (displayStageRemain || '不选择') }}</div>
+                <div class="plan-source">来自计划表</div>
+              </div>
+              <!-- 固定模式：显示选择框 -->
               <a-select
-                v-model:value="formData.Info.Stage_Remain"
+                v-else
+                v-model:value="displayStageRemain"
                 :disabled="loading"
                 size="large"
                 placeholder="选择或输入自定义关卡"
@@ -640,7 +709,11 @@
                       size="small"
                       @keyup.enter="addCustomStageRemain"
                     />
-                    <a-button type="text" size="small" @click="addCustomStageRemain">
+                    <a-button 
+                      type="text" 
+                      size="small" 
+                      @click="addCustomStageRemain"
+                    >
                       <template #icon>
                         <PlusOutlined />
                       </template>
@@ -648,7 +721,7 @@
                     </a-button>
                   </a-space>
                 </template>
-                <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
+                <a-select-option v-for="option in stageRemainOptions" :key="option.value" :value="option.value">
                   <template v-if="option.label.includes('|')">
                     <span>{{ option.label.split('|')[0] }}</span>
                     <a-tag color="green" size="small" style="margin-left: 8px;">
@@ -896,6 +969,7 @@ import {
 import type { FormInstance, Rule } from 'ant-design-vue/es/form'
 import { useUserApi } from '@/composables/useUserApi'
 import { useScriptApi } from '@/composables/useScriptApi'
+import { usePlanApi } from '@/composables/usePlanApi'
 import { useWebSocket } from '@/composables/useWebSocket'
 import { Service } from '@/api'
 import { GetStageIn } from '@/api/models/GetStageIn'
@@ -905,6 +979,7 @@ const router = useRouter()
 const route = useRoute()
 const { addUser, updateUser, getUsers, loading: userLoading } = useUserApi()
 const { getScript } = useScriptApi()
+const { getPlans } = usePlanApi()
 const { subscribe, unsubscribe } = useWebSocket()
 
 const formRef = ref<FormInstance>()
@@ -939,6 +1014,16 @@ const serverOptions = [
 // 关卡选项
 const stageOptions = ref<any[]>([{ label: '不选择', value: '' }])
 
+// 剩余理智关卡专用选项（将"当前/上次"改为"不选择"）
+const stageRemainOptions = computed(() => {
+  return stageOptions.value.map(option => {
+    if (option.value === '-') {
+      return { ...option, label: option.label.replace('当前/上次', '不选择') }
+    }
+    return option
+  })
+})
+
 // 判断值是否为自定义关卡
 const isCustomStage = (value: string) => {
   if (!value || value === '' || value === '-') return false
@@ -954,6 +1039,150 @@ const isCustomStage = (value: string) => {
 // 关卡配置模式选项
 const stageModeOptions = ref<any[]>([{ label: '固定', value: 'Fixed' }])
 
+// 计划模式状态
+const isPlanMode = computed(() => {
+  return formData.Info.StageMode !== 'Fixed'
+})
+const planModeConfig = ref<any>(null)
+
+// 计算属性用于显示正确的值（来自计划表或用户配置）
+const displayMedicineNumb = computed({
+  get: () => {
+    if (isPlanMode.value && planModeConfig.value?.MedicineNumb !== undefined) {
+      return planModeConfig.value.MedicineNumb
+    }
+    return formData.Info.MedicineNumb
+  },
+  set: (value) => {
+    if (!isPlanMode.value) {
+      formData.Info.MedicineNumb = value
+    }
+  }
+})
+
+const displaySeriesNumb = computed({
+  get: () => {
+    if (isPlanMode.value && planModeConfig.value?.SeriesNumb !== undefined) {
+      return planModeConfig.value.SeriesNumb
+    }
+    return formData.Info.SeriesNumb
+  },
+  set: (value) => {
+    if (!isPlanMode.value) {
+      formData.Info.SeriesNumb = value
+    }
+  }
+})
+
+const displayStage = computed({
+  get: () => {
+    if (isPlanMode.value && planModeConfig.value?.Stage !== undefined) {
+      return planModeConfig.value.Stage
+    }
+    return formData.Info.Stage
+  },
+  set: (value) => {
+    if (!isPlanMode.value) {
+      formData.Info.Stage = value
+    }
+  }
+})
+
+const displayStage1 = computed({
+  get: () => {
+    if (isPlanMode.value && planModeConfig.value?.Stage_1 !== undefined) {
+      return planModeConfig.value.Stage_1
+    }
+    return formData.Info.Stage_1
+  },
+  set: (value) => {
+    if (!isPlanMode.value) {
+      formData.Info.Stage_1 = value
+    }
+  }
+})
+
+const displayStage2 = computed({
+  get: () => {
+    if (isPlanMode.value && planModeConfig.value?.Stage_2 !== undefined) {
+      return planModeConfig.value.Stage_2
+    }
+    return formData.Info.Stage_2
+  },
+  set: (value) => {
+    if (!isPlanMode.value) {
+      formData.Info.Stage_2 = value
+    }
+  }
+})
+
+const displayStage3 = computed({
+  get: () => {
+    if (isPlanMode.value && planModeConfig.value?.Stage_3 !== undefined) {
+      return planModeConfig.value.Stage_3
+    }
+    return formData.Info.Stage_3
+  },
+  set: (value) => {
+    if (!isPlanMode.value) {
+      formData.Info.Stage_3 = value
+    }
+  }
+})
+
+const displayStageRemain = computed({
+  get: () => {
+    if (isPlanMode.value && planModeConfig.value?.Stage_Remain !== undefined) {
+      return planModeConfig.value.Stage_Remain
+    }
+    return formData.Info.Stage_Remain
+  },
+  set: (value) => {
+    if (!isPlanMode.value) {
+      formData.Info.Stage_Remain = value
+    }
+  }
+})
+
+// 获取计划当前配置
+const getPlanCurrentConfig = (planData: any) => {
+  if (!planData) return null
+  
+  const mode = planData.Info?.Mode || 'ALL'
+  
+  if (mode === 'ALL') {
+    return planData.ALL || null
+  } else if (mode === 'Weekly') {
+    // 获取+12时区的当前时间
+    const now = new Date()
+    const utc12Time = new Date(now.getTime() + (12 * 60 * 60 * 1000))
+    
+    // 如果是凌晨4点前，算作前一天
+    if (utc12Time.getHours() < 4) {
+      utc12Time.setDate(utc12Time.getDate() - 1)
+    }
+    
+    const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
+    const today = weekdays[utc12Time.getDay()]
+    
+    console.log('计划表周模式调试:', {
+      原始时间: now.toISOString(),
+      UTC12时间: utc12Time.toISOString(),
+      星期: today,
+      计划数据: planData
+    })
+    
+    // 优先使用今天的配置，如果没有或为空则使用ALL配置
+    const todayConfig = planData[today]
+    if (todayConfig && Object.keys(todayConfig).length > 0) {
+      return todayConfig
+    }
+    return planData.ALL || null
+  }
+  
+  return null
+}
+
 // MAA脚本默认用户数据
 const getDefaultMAAUserData = () => ({
   Info: {
@@ -1166,11 +1395,7 @@ const loadStageOptions = async () => {
       stageOptions.value = [...response.data].map(option => ({
         ...option,
         isCustom: false // 明确标记从API加载的关卡为非自定义
-      })).sort((a, b) => {
-        if (a.value === '-') return -1
-        if (b.value === '-') return 1
-        return 0
-      })
+      }))
     }
   } catch (error) {
     console.error('加载关卡选项失败:', error)
@@ -1401,7 +1626,9 @@ const addCustomStage = () => {
   }
 
   if (addStageToOptions(customStageName.value)) {
-    formData.Info.Stage = customStageName.value.trim()
+    if (!isPlanMode.value) {
+      formData.Info.Stage = customStageName.value.trim()
+    }
     customStageName.value = ''
     nextTick(() => {
       stageInputRef.value?.focus()
@@ -1417,7 +1644,9 @@ const addCustomStage1 = () => {
   }
 
   if (addStageToOptions(customStage1Name.value)) {
-    formData.Info.Stage_1 = customStage1Name.value.trim()
+    if (!isPlanMode.value) {
+      formData.Info.Stage_1 = customStage1Name.value.trim()
+    }
     customStage1Name.value = ''
     nextTick(() => {
       stage1InputRef.value?.focus()
@@ -1433,7 +1662,9 @@ const addCustomStage2 = () => {
   }
 
   if (addStageToOptions(customStage2Name.value)) {
-    formData.Info.Stage_2 = customStage2Name.value.trim()
+    if (!isPlanMode.value) {
+      formData.Info.Stage_2 = customStage2Name.value.trim()
+    }
     customStage2Name.value = ''
     nextTick(() => {
       stage2InputRef.value?.focus()
@@ -1449,7 +1680,9 @@ const addCustomStage3 = () => {
   }
 
   if (addStageToOptions(customStage3Name.value)) {
-    formData.Info.Stage_3 = customStage3Name.value.trim()
+    if (!isPlanMode.value) {
+      formData.Info.Stage_3 = customStage3Name.value.trim()
+    }
     customStage3Name.value = ''
     nextTick(() => {
       stage3InputRef.value?.focus()
@@ -1465,7 +1698,9 @@ const addCustomStageRemain = () => {
   }
 
   if (addStageToOptions(customStageRemainName.value)) {
-    formData.Info.Stage_Remain = customStageRemainName.value.trim()
+    if (!isPlanMode.value) {
+      formData.Info.Stage_Remain = customStageRemainName.value.trim()
+    }
     customStageRemainName.value = ''
     nextTick(() => {
       stageRemainInputRef.value?.focus()
@@ -1492,6 +1727,44 @@ onMounted(() => {
   loadScriptInfo()
   loadStageModeOptions()
   loadStageOptions()
+  
+  // 设置StageMode变化监听器
+  watch(
+    () => formData.Info.StageMode,
+    async (newStageMode) => {
+      if (newStageMode === 'Fixed') {
+        // 切换到固定模式，清除计划配置
+        planModeConfig.value = null
+      } else if (newStageMode && newStageMode !== '') {
+        // 切换到计划模式，加载计划配置
+        try {
+          const response = await getPlans(newStageMode)
+          
+          if (response && response.code === 200 && response.data[newStageMode]) {
+            const planData = response.data[newStageMode]
+            const currentConfig = getPlanCurrentConfig(planData)
+            planModeConfig.value = currentConfig
+            
+            console.log('计划配置加载成功:', {
+              planId: newStageMode,
+              currentConfig,
+              planModeConfigValue: planModeConfig.value
+            })
+            
+            message.success(`已切换到计划模式：${newStageMode}`)
+          } else {
+            message.warning('计划配置加载失败，请检查计划是否存在')
+            planModeConfig.value = null
+          }
+        } catch (error) {
+          console.error('加载计划配置失败:', error)
+          message.error('加载计划配置时发生错误')
+          planModeConfig.value = null
+        }
+      }
+    },
+    { immediate: false }
+  )
 })
 </script>
 
@@ -1749,4 +2022,41 @@ onMounted(() => {
   width: 60px;
   height: 60px;
 }
+
+/* 计划模式提示样式 */
+.plan-mode-hint {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--ant-color-primary);
+  font-weight: 500;
+}
+
+/* 计划模式显示样式 */
+.plan-mode-display {
+  min-height: 40px;
+  padding: 8px 12px;
+  border: 1px solid var(--ant-color-border);
+  border-radius: 6px;
+  background: var(--ant-color-fill-alter);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.plan-value {
+  font-size: 14px;
+  color: var(--ant-color-text);
+  font-weight: 500;
+  flex: 1;
+}
+
+.plan-source {
+  font-size: 12px;
+  color: var(--ant-color-primary);
+  font-weight: 500;
+  padding: 2px 8px;
+  background: var(--ant-color-primary-bg);
+  border-radius: 12px;
+  border: 1px solid var(--ant-color-primary-border);
+}
 </style>
diff --git a/frontend/src/views/Plans.vue b/frontend/src/views/Plans.vue
index 01a97d5..78c3da1 100644
--- a/frontend/src/views/Plans.vue
+++ b/frontend/src/views/Plans.vue
@@ -135,7 +135,7 @@
                     :placeholder="getPlaceholder(record.taskName)" class="config-input-number"
                     :controls="false" :disabled="isColumnDisabled(column.key)" />
                 </template>
-                <template v-else-if="['关卡选择', '备选关卡-1', '备选关卡-2', '备选关卡-3', '剩余理智'].includes(record.taskName)">
+                <template v-else-if="['关卡选择', '备选关卡-1', '备选关卡-2', '备选关卡-3', '剩余理智关卡'].includes(record.taskName)">
                   <a-select 
                     v-model:value="record[column.key]" 
                     size="small"
@@ -436,14 +436,14 @@ const tableData = ref([
   {
     key: 'SeriesNumb',
     taskName: '连战次数',
-    ALL: '-1',
-    Monday: '-1',
-    Tuesday: '-1',
-    Wednesday: '-1',
-    Thursday: '-1',
-    Friday: '-1',
-    Saturday: '-1',
-    Sunday: '-1',
+    ALL: '0',
+    Monday: '0',
+    Tuesday: '0',
+    Wednesday: '0',
+    Thursday: '0',
+    Friday: '0',
+    Saturday: '0',
+    Sunday: '0',
   },
   {
     key: 'Stage',
@@ -495,7 +495,7 @@ const tableData = ref([
   },
   {
     key: 'Stage_Remain',
-    taskName: '剩余理智',
+    taskName: '剩余理智关卡',
     ALL: '-',
     Monday: '-',
     Tuesday: '-',
@@ -535,10 +535,10 @@ const STAGE_DAILY_INFO = [
   { value: '1-7', text: '1-7', days: [1, 2, 3, 4, 5, 6, 7] },
   { value: 'R8-11', text: 'R8-11', days: [1, 2, 3, 4, 5, 6, 7] },
   { value: '12-17-HARD', text: '12-17-HARD', days: [1, 2, 3, 4, 5, 6, 7] },
+  { value: 'LS-6', text: '经验-6/5', days: [1, 2, 3, 4, 5, 6, 7] },
   { value: 'CE-6', text: '龙门币-6/5', days: [2, 4, 6, 7] },
   { value: 'AP-5', text: '红票-5', days: [1, 4, 6, 7] },
   { value: 'CA-5', text: '技能-5', days: [2, 3, 5, 7] },
-  { value: 'LS-6', text: '经验-6/5', days: [1, 2, 3, 4, 5, 6, 7] },
   { value: 'SK-5', text: '碳-5', days: [1, 3, 5, 6] },
   { value: 'PR-A-1', text: '奶/盾芯片', days: [1, 4, 5, 7] },
   { value: 'PR-A-2', text: '奶/盾芯片组', days: [1, 4, 5, 7] },
@@ -590,20 +590,20 @@ const getSelectOptions = (columnKey: string, taskName: string, currentValue?: st
   switch (taskName) {
     case '连战次数':
       return [
-        { label: '不选择', value: '0' },
+        { label: 'AUTO', value: '0' },
         { label: '1', value: '1' },
         { label: '2', value: '2' },
         { label: '3', value: '3' },
         { label: '4', value: '4' },
         { label: '5', value: '5' },
         { label: '6', value: '6' },
-        { label: 'AUTO', value: '-1' },
+        { label: '不切换', value: '-1' },
       ]
     case '关卡选择':
     case '备选关卡-1':
     case '备选关卡-2':
     case '备选关卡-3':
-    case '剩余理智': {
+    case '剩余理智关卡': {
       const dayNumber = getDayNumber(columnKey)
 
       // 基础关卡选项
@@ -611,14 +611,14 @@ const getSelectOptions = (columnKey: string, taskName: string, currentValue?: st
       if (dayNumber === 0) {
         // 如果是全局列，显示所有选项
         baseOptions = STAGE_DAILY_INFO.map(stage => ({
-          label: stage.text,
+          label: taskName === '剩余理智关卡' && stage.value === '-' ? '不选择' : stage.text,
           value: stage.value,
           isCustom: false
         }))
       } else {
         // 根据星期过滤可用的关卡
         baseOptions = STAGE_DAILY_INFO.filter(stage => stage.days.includes(dayNumber)).map(stage => ({
-          label: stage.text,
+          label: taskName === '剩余理智关卡' && stage.value === '-' ? '不选择' : stage.text,
           value: stage.value,
           isCustom: false
         }))
@@ -670,8 +670,8 @@ const getPlaceholder = (taskName: string) => {
     case '备选关卡-2':
     case '备选关卡-3':
       return '1-7'
-    case '剩余理智':
-      return '-'
+    case '剩余理智关卡':
+      return '不选择'
     default:
       return '请选择'
   }
@@ -1561,52 +1561,78 @@ const disableAllStages = (stageValue: string) => {
 
 /* 任务名称单元格背景色 */
 .config-table :deep(.task-row-MedicineNumb td:first-child) {
-  background: rgba(59, 130, 246, 0.1);
+  background: #EBF4FF !important; /* 不透明的蓝色背景 */
   color: #3B82F6;
   font-weight: 500;
 }
 .config-table :deep(.ant-table-tbody > tr.task-row-MedicineNumb:hover > td:first-child) {
-  background: rgba(59, 130, 246, 0.2);
+  background: #DBEAFE !important; /* 悬停时稍深的蓝色 */
 }
 
 .config-table :deep(.task-row-SeriesNumb td:first-child) {
-  background: rgba(34, 197, 94, 0.1);
+  background: #ECFDF5 !important; /* 不透明的绿色背景 */
   color: #22C55E;
   font-weight: 500;
 }
 .config-table :deep(.ant-table-tbody > tr.task-row-SeriesNumb:hover > td:first-child) {
-  background: rgba(34, 197, 94, 0.2);
+  background: #D1FAE5 !important; /* 悬停时稍深的绿色 */
 }
 
 .config-table :deep(.task-row-Stage td:first-child) {
-  background: rgba(249, 115, 22, 0.1);
+  background: #FFF7ED !important; /* 不透明的橙色背景 */
   color: #F97316;
   font-weight: 500;
 }
 .config-table :deep(.ant-table-tbody > tr.task-row-Stage:hover > td:first-child) {
-  background: rgba(249, 115, 22, 0.2);
+  background: #FED7AA !important; /* 悬停时稍深的橙色 */
 }
 
 .config-table :deep(.task-row-Stage_1 td:first-child),
 .config-table :deep(.task-row-Stage_2 td:first-child),
 .config-table :deep(.task-row-Stage_3 td:first-child) {
-  background: rgba(168, 85, 247, 0.1);
+  background: #FAF5FF !important; /* 不透明的紫色背景 */
   color: #A855F7;
   font-weight: 500;
 }
 .config-table :deep(.ant-table-tbody > tr.task-row-Stage_1:hover > td:first-child),
 .config-table :deep(.ant-table-tbody > tr.task-row-Stage_2:hover > td:first-child),
 .config-table :deep(.ant-table-tbody > tr.task-row-Stage_3:hover > td:first-child) {
-  background: rgba(168, 85, 247, 0.2);
+  background: #F3E8FF !important; /* 悬停时稍深的紫色 */
 }
 
 .config-table :deep(.task-row-Stage_Remain td:first-child) {
-  background: rgba(14, 165, 233, 0.1);
+  background: #F0F9FF !important; /* 不透明的天蓝色背景 */
   color: #0EA5E9;
   font-weight: 500;
 }
 .config-table :deep(.ant-table-tbody > tr.task-row-Stage_Remain:hover > td:first-child) {
-  background: rgba(14, 165, 233, 0.2);
+  background: #E0F2FE !important; /* 悬停时稍深的天蓝色 */
+}
+
+/* 确保固定列在滚动时背景不透明 */
+.config-table :deep(.ant-table-fixed-left) {
+  background: var(--ant-color-bg-container) !important;
+}
+
+.config-table :deep(.ant-table-thead > tr > th.ant-table-fixed-left) {
+  background: var(--ant-color-bg-container) !important;
+  border-right: 1px solid var(--ant-color-border);
+  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
+}
+
+/* 专门处理"配置项"表头单元格 */
+.config-table :deep(.ant-table-thead > tr > th:first-child) {
+  background: var(--ant-color-bg-container) !important;
+  border-right: 1px solid var(--ant-color-border);
+  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
+  position: relative;
+  z-index: 2;
+}
+
+.config-table :deep(.ant-table-tbody > tr > td.ant-table-fixed-left) {
+  background: inherit !important;
+  border-right: 1px solid var(--ant-color-border-secondary);
+  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
 }
 
 /* 禁用列标题样式 */

From 76fcc13d4a87b30043b5d1818f2995e50bb66ff1 Mon Sep 17 00:00:00 2001
From: DLmaster361 <DLmaster_361@163.com>
Date: Sun, 14 Sep 2025 15:54:12 +0800
Subject: [PATCH 2/8] =?UTF-8?q?feat:=20=E6=8A=8A=E5=8E=86=E5=8F=B2?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E8=B0=83=E5=88=B0=E4=B8=8B=E6=96=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/AppLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/AppLayout.vue b/frontend/src/components/AppLayout.vue
index 7963320..f6b2794 100644
--- a/frontend/src/components/AppLayout.vue
+++ b/frontend/src/components/AppLayout.vue
@@ -62,9 +62,9 @@ const mainMenuItems = [
   { key: '/plans', label: '计划管理', icon: icon(CalendarOutlined) },
   { key: '/queue', label: '调度队列', icon: icon(UnorderedListOutlined) },
   { key: '/scheduler', label: '调度中心', icon: icon(ControlOutlined) },
-  { key: '/history', label: '历史记录', icon: icon(HistoryOutlined) },
 ]
 const bottomMenuItems = [
+  { key: '/history', label: '历史记录', icon: icon(HistoryOutlined) },
   { key: '/settings', label: '设置', icon: icon(SettingOutlined) },
 ]
 

From d1fdd5f672378826ade158a752bc76837ecebff3 Mon Sep 17 00:00:00 2001
From: DLmaster361 <DLmaster_361@163.com>
Date: Sun, 14 Sep 2025 16:05:31 +0800
Subject: [PATCH 3/8] =?UTF-8?q?feat:=20=E5=90=8E=E7=AB=AF=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E8=87=AA=E5=8A=A8=E4=BB=A3=E7=90=86=E9=98=9F=E5=88=97?=
 =?UTF-8?q?=E7=9A=84=E7=94=B5=E6=BA=90ws=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/core/task_manager.py | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/app/core/task_manager.py b/app/core/task_manager.py
index 3b6d81a..a2e05e2 100644
--- a/app/core/task_manager.py
+++ b/app/core/task_manager.py
@@ -180,9 +180,7 @@ class _TaskManager:
                 task["status"] = "运行"
                 await Config.send_json(
                     WebSocketMessage(
-                        id=str(task_id),
-                        type="Update",
-                        data={"task_list": task_list},
+                        id=str(task_id), type="Update", data={"task_list": task_list}
                     ).model_dump()
                 )
                 logger.info(f"任务开始: {script_id}")
@@ -270,5 +268,19 @@ class _TaskManager:
             ).model_dump()
         )
 
+        if mode == "自动代理" and task_id in Config.QueueConfig:
+
+            await Config.send_json(
+                WebSocketMessage(
+                    id=str(task_id),
+                    type="Signal",
+                    data={
+                        "power": Config.QueueConfig[task_id].get(
+                            "Info", "AfterAccomplish"
+                        )
+                    },
+                ).model_dump()
+            )
+
 
 TaskManager = _TaskManager()

From 9d067f1c6a8e0128451080d04b8d559757005f9f Mon Sep 17 00:00:00 2001
From: MoeSnowyFox <SnowyFox_@outlook.com>
Date: Sun, 14 Sep 2025 17:54:16 +0800
Subject: [PATCH 4/8] =?UTF-8?q?:bug:=20=E9=80=9A=E7=9F=A5=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E4=BD=BF=E7=94=A8=E6=A0=87=E5=87=86api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/setting/index.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/frontend/src/views/setting/index.vue b/frontend/src/views/setting/index.vue
index 576735d..8cde780 100644
--- a/frontend/src/views/setting/index.vue
+++ b/frontend/src/views/setting/index.vue
@@ -11,8 +11,6 @@ import { useUpdateChecker } from '@/composables/useUpdateChecker'
 import { Service, type VersionOut } from '@/api'
 import UpdateModal from '@/components/UpdateModal.vue'
 import { mirrorManager } from '@/utils/mirrorManager'
-import { request } from '@/api/core/request'
-import { OpenAPI } from '@/api'
 
 // 引入拆分后的 Tab 组件
 import TabBasic from './TabBasic.vue'
@@ -243,7 +241,7 @@ const testingNotify = ref(false)
 const testNotify = async () => {
   testingNotify.value = true
   try {
-    const res: any = await request<any>(OpenAPI, { method: 'POST', url: '/api/setting/test_notify' })
+    const res = await Service.testNotifyApiSettingTestNotifyPost()
     if (res?.code && res.code !== 200) message.warning(res?.message || '测试通知发送结果未知')
     else message.success('测试通知已发送')
   } catch (e) {

From f98a749efac26fe7100a8c170372e742f9b18537 Mon Sep 17 00:00:00 2001
From: MoeSnowyFox <SnowyFox_@outlook.com>
Date: Sun, 14 Sep 2025 20:01:37 +0800
Subject: [PATCH 5/8] =?UTF-8?q?:children=5Fcrossing:=20=E8=AE=A1=E5=88=92?=
 =?UTF-8?q?=E8=A1=A8=E5=BC=B9=E7=AA=97'=E5=B7=B2=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E5=88=B0=E8=AE=A1=E5=88=92=E6=A8=A1=E5=BC=8F'=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BAname=E8=80=8C=E9=9D=9Euid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/MAAUserEdit.vue | 1776 ++++++++++++++--------------
 1 file changed, 909 insertions(+), 867 deletions(-)

diff --git a/frontend/src/views/MAAUserEdit.vue b/frontend/src/views/MAAUserEdit.vue
index 26cb968..c6d8235 100644
--- a/frontend/src/views/MAAUserEdit.vue
+++ b/frontend/src/views/MAAUserEdit.vue
@@ -59,236 +59,236 @@
           <div class="section-header">
             <h3>基本信息</h3>
           </div>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <a-form-item name="userName" required>
-              <template #label>
-                <a-tooltip title="用于区分用户的名称，相同名称的用户将被视为同一用户进行统计">
-                  <span class="form-label">
-                    用户名
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-input
-                v-model:value="formData.userName"
-                placeholder="请输入用户名"
-                :disabled="loading"
-                size="large"
-                class="modern-input"
-              />
-            </a-form-item>
-          </a-col>
-          <a-col :span="12">
-            <a-form-item name="userId">
-              <template #label>
-                <a-tooltip title="用于切换账号，官服输入手机号，B服输入B站ID，无需切换则留空">
-                  <span class="form-label">
-                    账号ID
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-input
-                v-model:value="formData.userId"
-                placeholder="请输入账号ID"
-                :disabled="loading"
-                size="large"
-              />
-            </a-form-item>
-          </a-col>
-        </a-row>
-
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <a-form-item name="status">
-              <template #label>
-                <a-tooltip title="是否启用该用户">
-                  <span class="form-label">
-                    启用状态
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-select v-model:value="formData.Info.Status" size="large">
-                <a-select-option :value="true">是</a-select-option>
-                <a-select-option :value="false">否</a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="12">
-            <a-form-item :name="['Info', 'Password']">
-              <template #label>
-                <a-tooltip title="用户密码，仅用于存储以防遗忘，此外无任何作用">
-                  <span class="form-label">
-                    密码
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-input-password
-                v-model:value="formData.Info.Password"
-                placeholder="密码仅用于储存以防遗忘，此外无任何作用"
-                :disabled="loading"
-                size="large"
-              />
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <a-form-item name="server">
-              <template #label>
-                <a-tooltip title="选择用户所在的游戏服务器">
-                  <span class="form-label">
-                    服务器
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-select
-                v-model:value="formData.Info.Server"
-                placeholder="请选择服务器"
-                :disabled="loading"
-                :options="serverOptions"
-                size="large"
-              />
-            </a-form-item>
-          </a-col>
-
-          <a-col :span="12">
-            <a-form-item name="remainedDay">
-              <template #label>
-                <a-tooltip title="账号剩余的有效天数，「-1」表示无限">
-                  <span class="form-label">
-                    剩余天数
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-input-number
-                v-model:value="formData.Info.RemainedDay"
-                :min="-1"
-                :max="9999"
-                placeholder="0"
-                :disabled="loading"
-                size="large"
-                style="width: 100%"
-              />
-            </a-form-item>
-          </a-col>
-        </a-row>
-
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip title="简洁模式下配置沿用脚本全局配置，详细模式下沿用用户自定义配置">
-                  <span class="form-label">
-                    用户配置模式
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-select
-                v-model:value="formData.Info.Mode"
-                :options="[
-                  { label: '简洁', value: '简洁' },
-                  { label: '详细', value: '详细' },
-                ]"
-                :disabled="loading"
-                size="large"
-              />
-            </a-form-item>
-          </a-col>
-
-          <a-col :span="12">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip title="选择基建模式，自定义基建模式需要自行选择自定义基建配置文件">
-                  <span class="form-label">
-                    基建模式
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-select
-                v-model:value="formData.Info.InfrastMode"
-                :options="[
-                  { label: '常规模式', value: 'Normal' },
-                  { label: '一键轮休', value: 'Rotation' },
-                  { label: '自定义基建', value: 'Custom' },
-                ]"
-                :disabled="loading"
-                size="large"
-              />
-            </a-form-item>
-          </a-col>
-        </a-row>
-
-        <!-- 自定义基建配置文件选择 -->
-        <a-row :gutter="24" v-if="formData.Info.InfrastMode === 'Custom'">
-          <a-col :span="24">
-            <a-form-item name="infrastructureConfigFile">
-              <template #label>
-                <a-tooltip title="选择自定义基建配置JSON文件">
-                  <span class="form-label">
-                    基建配置文件
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <div style="display: flex; gap: 12px; align-items: center">
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <a-form-item name="userName" required>
+                <template #label>
+                  <a-tooltip title="用于区分用户的名称，相同名称的用户将被视为同一用户进行统计">
+                    <span class="form-label">
+                      用户名
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
                 <a-input
-                  v-model:value="formData.Info.InfrastPath"
-                  placeholder="请选择基建配置JSON文件"
-                  readonly
-                  size="large"
-                  style="flex: 1"
-                />
-                <a-button
-                  type="primary"
-                  ghost
-                  @click="selectInfrastructureConfig"
+                  v-model:value="formData.userName"
+                  placeholder="请输入用户名"
                   :disabled="loading"
                   size="large"
-                >
-                  选择文件
-                </a-button>
-                <a-button
-                  type="primary"
-                  @click="importInfrastructureConfig"
-                  :disabled="loading || !infrastructureConfigPath || !isEdit"
-                  :loading="infrastructureImporting"
+                  class="modern-input"
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item name="userId">
+                <template #label>
+                  <a-tooltip title="用于切换账号，官服输入手机号，B服输入B站ID，无需切换则留空">
+                    <span class="form-label">
+                      账号ID
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <a-input
+                  v-model:value="formData.userId"
+                  placeholder="请输入账号ID"
+                  :disabled="loading"
                   size="large"
-                >
-                  导入配置
-                </a-button>
-              </div>
-              <div style="color: #999; font-size: 12px; margin-top: 4px">
-                请选择有效的基建配置JSON文件，点击「导入配置」按钮将其应用到当前用户。如果已经导入，可以忽略此选择框。
-              </div>
-            </a-form-item>
-          </a-col>
-        </a-row>
+                />
+              </a-form-item>
+            </a-col>
+          </a-row>
 
-        <a-form-item name="notes">
-          <template #label>
-            <a-tooltip title="为用户添加备注信息">
-              <span class="form-label">
-                备注
-                <QuestionCircleOutlined class="help-icon" />
-              </span>
-            </a-tooltip>
-          </template>
-          <a-textarea
-            v-model:value="formData.Info.Notes"
-            placeholder="请输入备注信息"
-            :rows="4"
-            :disabled="loading"
-            class="modern-input"
-          />
-        </a-form-item>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <a-form-item name="status">
+                <template #label>
+                  <a-tooltip title="是否启用该用户">
+                    <span class="form-label">
+                      启用状态
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <a-select v-model:value="formData.Info.Status" size="large">
+                  <a-select-option :value="true">是</a-select-option>
+                  <a-select-option :value="false">否</a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item :name="['Info', 'Password']">
+                <template #label>
+                  <a-tooltip title="用户密码，仅用于存储以防遗忘，此外无任何作用">
+                    <span class="form-label">
+                      密码
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <a-input-password
+                  v-model:value="formData.Info.Password"
+                  placeholder="密码仅用于储存以防遗忘，此外无任何作用"
+                  :disabled="loading"
+                  size="large"
+                />
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <a-form-item name="server">
+                <template #label>
+                  <a-tooltip title="选择用户所在的游戏服务器">
+                    <span class="form-label">
+                      服务器
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <a-select
+                  v-model:value="formData.Info.Server"
+                  placeholder="请选择服务器"
+                  :disabled="loading"
+                  :options="serverOptions"
+                  size="large"
+                />
+              </a-form-item>
+            </a-col>
+
+            <a-col :span="12">
+              <a-form-item name="remainedDay">
+                <template #label>
+                  <a-tooltip title="账号剩余的有效天数，「-1」表示无限">
+                    <span class="form-label">
+                      剩余天数
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <a-input-number
+                  v-model:value="formData.Info.RemainedDay"
+                  :min="-1"
+                  :max="9999"
+                  placeholder="0"
+                  :disabled="loading"
+                  size="large"
+                  style="width: 100%"
+                />
+              </a-form-item>
+            </a-col>
+          </a-row>
+
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip title="简洁模式下配置沿用脚本全局配置，详细模式下沿用用户自定义配置">
+                    <span class="form-label">
+                      用户配置模式
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <a-select
+                  v-model:value="formData.Info.Mode"
+                  :options="[
+                    { label: '简洁', value: '简洁' },
+                    { label: '详细', value: '详细' },
+                  ]"
+                  :disabled="loading"
+                  size="large"
+                />
+              </a-form-item>
+            </a-col>
+
+            <a-col :span="12">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip title="选择基建模式，自定义基建模式需要自行选择自定义基建配置文件">
+                    <span class="form-label">
+                      基建模式
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <a-select
+                  v-model:value="formData.Info.InfrastMode"
+                  :options="[
+                    { label: '常规模式', value: 'Normal' },
+                    { label: '一键轮休', value: 'Rotation' },
+                    { label: '自定义基建', value: 'Custom' },
+                  ]"
+                  :disabled="loading"
+                  size="large"
+                />
+              </a-form-item>
+            </a-col>
+          </a-row>
+
+          <!-- 自定义基建配置文件选择 -->
+          <a-row :gutter="24" v-if="formData.Info.InfrastMode === 'Custom'">
+            <a-col :span="24">
+              <a-form-item name="infrastructureConfigFile">
+                <template #label>
+                  <a-tooltip title="选择自定义基建配置JSON文件">
+                    <span class="form-label">
+                      基建配置文件
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <div style="display: flex; gap: 12px; align-items: center">
+                  <a-input
+                    v-model:value="formData.Info.InfrastPath"
+                    placeholder="请选择基建配置JSON文件"
+                    readonly
+                    size="large"
+                    style="flex: 1"
+                  />
+                  <a-button
+                    type="primary"
+                    ghost
+                    @click="selectInfrastructureConfig"
+                    :disabled="loading"
+                    size="large"
+                  >
+                    选择文件
+                  </a-button>
+                  <a-button
+                    type="primary"
+                    @click="importInfrastructureConfig"
+                    :disabled="loading || !infrastructureConfigPath || !isEdit"
+                    :loading="infrastructureImporting"
+                    size="large"
+                  >
+                    导入配置
+                  </a-button>
+                </div>
+                <div style="color: #999; font-size: 12px; margin-top: 4px">
+                  请选择有效的基建配置JSON文件，点击「导入配置」按钮将其应用到当前用户。如果已经导入，可以忽略此选择框。
+                </div>
+              </a-form-item>
+            </a-col>
+          </a-row>
+
+          <a-form-item name="notes">
+            <template #label>
+              <a-tooltip title="为用户添加备注信息">
+                <span class="form-label">
+                  备注
+                  <QuestionCircleOutlined class="help-icon" />
+                </span>
+              </a-tooltip>
+            </template>
+            <a-textarea
+              v-model:value="formData.Info.Notes"
+              placeholder="请输入备注信息"
+              :rows="4"
+              :disabled="loading"
+              class="modern-input"
+            />
+          </a-form-item>
         </div>
 
         <!-- 关卡配置 -->
@@ -296,449 +296,488 @@
           <div class="section-header">
             <h3>关卡配置</h3>
           </div>
-        <a-row :gutter="24">
-          <a-col :span="12">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip title="剿灭代理关卡选择">
-                  <span class="form-label">
-                    剿灭代理
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-select
-                v-model:value="formData.Info.Annihilation"
-                :options="[
-                  { label: '关闭', value: 'Close' },
-                  { label: '当期剿灭', value: 'Annihilation' },
-                  { label: '切尔诺伯格', value: 'Chernobog@Annihilation' },
-                  { label: '龙门外环', value: 'LungmenOutskirts@Annihilation' },
-                  { label: '龙门市区', value: 'LungmenDowntown@Annihilation' },
-                ]"
-                :disabled="loading"
-                size="large"
-              />
-            </a-form-item>
-          </a-col>
-          <a-col :span="12">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip title="可选择「固定」或「计划表」">
-                  <span class="form-label">
-                    关卡配置模式
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <a-select
-                v-model:value="formData.Info.StageMode"
-                :options="stageModeOptions"
-                :disabled="loading"
-                size="large"
-              />
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="6">
-            <a-form-item name="medicineNumb">
-              <template #label>
-                <a-tooltip title="吃理智药数量">
-                  <span class="form-label">
-                    吃理智药数量
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <!-- 计划模式：显示只读文本 -->
-              <div v-if="isPlanMode" class="plan-mode-display">
-                <div class="plan-value">{{ displayMedicineNumb }}</div>
-                <div class="plan-source">来自计划表</div>
-              </div>
-              <!-- 固定模式：显示输入框 -->
-              <a-input-number
-                v-else
-                v-model:value="displayMedicineNumb"
-                :min="0"
-                :max="9999"
-                placeholder="0"
-                :disabled="loading"
-                size="large"
-                style="width: 100%"
-              />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip
-                  title="AUTO：自动识别关卡最大代理倍率，保持最大代理倍率且使用理智药后理智不溢出；数值（1~6）：按设定倍率执行代理；不切换：不调整游戏内代理倍率设定"
-                >
-                  <span class="form-label">
-                    连战次数
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <!-- 计划模式：显示只读文本 -->
-              <div v-if="isPlanMode" class="plan-mode-display">
-                <div class="plan-value">{{ 
-                  displaySeriesNumb === '0' ? 'AUTO' :
-                  displaySeriesNumb === '-1' ? '不切换' :
-                  displaySeriesNumb
-                }}</div>
-                <div class="plan-source">来自计划表</div>
-              </div>
-              <!-- 固定模式：显示选择框 -->
-              <a-select
-                v-else
-                v-model:value="displaySeriesNumb"
-                :options="[
-                  { label: 'AUTO', value: '0' },
-                  { label: '1', value: '1' },
-                  { label: '2', value: '2' },
-                  { label: '3', value: '3' },
-                  { label: '4', value: '4' },
-                  { label: '5', value: '5' },
-                  { label: '6', value: '6' },
-                  { label: '不切换', value: '-1' },
-                ]"
-                :disabled="loading"
-                size="large"
-              />
-            </a-form-item>
-          </a-col>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip title="剿灭代理关卡选择">
+                    <span class="form-label">
+                      剿灭代理
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <a-select
+                  v-model:value="formData.Info.Annihilation"
+                  :options="[
+                    { label: '关闭', value: 'Close' },
+                    { label: '当期剿灭', value: 'Annihilation' },
+                    { label: '切尔诺伯格', value: 'Chernobog@Annihilation' },
+                    { label: '龙门外环', value: 'LungmenOutskirts@Annihilation' },
+                    { label: '龙门市区', value: 'LungmenDowntown@Annihilation' },
+                  ]"
+                  :disabled="loading"
+                  size="large"
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip title="可选择「固定」或「计划表」">
+                    <span class="form-label">
+                      关卡配置模式
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <a-select
+                  v-model:value="formData.Info.StageMode"
+                  :options="stageModeOptions"
+                  :disabled="loading"
+                  size="large"
+                />
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="6">
+              <a-form-item name="medicineNumb">
+                <template #label>
+                  <a-tooltip title="吃理智药数量">
+                    <span class="form-label">
+                      吃理智药数量
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <!-- 计划模式：显示只读文本 -->
+                <div v-if="isPlanMode" class="plan-mode-display">
+                  <div class="plan-value">{{ displayMedicineNumb }}</div>
+                  <div class="plan-source">来自计划表</div>
+                </div>
+                <!-- 固定模式：显示输入框 -->
+                <a-input-number
+                  v-else
+                  v-model:value="displayMedicineNumb"
+                  :min="0"
+                  :max="9999"
+                  placeholder="0"
+                  :disabled="loading"
+                  size="large"
+                  style="width: 100%"
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip
+                    title="AUTO：自动识别关卡最大代理倍率，保持最大代理倍率且使用理智药后理智不溢出；数值（1~6）：按设定倍率执行代理；不切换：不调整游戏内代理倍率设定"
+                  >
+                    <span class="form-label">
+                      连战次数
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
+                </template>
+                <!-- 计划模式：显示只读文本 -->
+                <div v-if="isPlanMode" class="plan-mode-display">
+                  <div class="plan-value">
+                    {{
+                      displaySeriesNumb === '0'
+                        ? 'AUTO'
+                        : displaySeriesNumb === '-1'
+                          ? '不切换'
+                          : displaySeriesNumb
+                    }}
+                  </div>
+                  <div class="plan-source">来自计划表</div>
+                </div>
+                <!-- 固定模式：显示选择框 -->
+                <a-select
+                  v-else
+                  v-model:value="displaySeriesNumb"
+                  :options="[
+                    { label: 'AUTO', value: '0' },
+                    { label: '1', value: '1' },
+                    { label: '2', value: '2' },
+                    { label: '3', value: '3' },
+                    { label: '4', value: '4' },
+                    { label: '5', value: '5' },
+                    { label: '6', value: '6' },
+                    { label: '不切换', value: '-1' },
+                  ]"
+                  :disabled="loading"
+                  size="large"
+                />
+              </a-form-item>
+            </a-col>
 
-          <a-col :span="12">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip title="关卡选择">
-                  <span class="form-label">
-                    关卡选择
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <!-- 计划模式：显示只读文本 -->
-              <div v-if="isPlanMode" class="plan-mode-display">
-                <div class="plan-value">{{ displayStage === '-' ? '当前/上次' : (displayStage || '不选择') }}</div>
-                <div class="plan-source">来自计划表</div>
-              </div>
-              <!-- 固定模式：显示选择框 -->
-              <a-select
-                v-else
-                v-model:value="displayStage"
-                :disabled="loading"
-                size="large"
-                placeholder="选择或输入自定义关卡"
-              >
-                <template #dropdownRender="{ menuNode: menu }">
-                  <v-nodes :vnodes="menu" />
-                  <a-divider style="margin: 4px 0" />
-                  <a-space style="padding: 4px 8px" size="small">
-                    <a-input
-                      ref="stageInputRef"
-                      v-model:value="customStageName"
-                      placeholder="输入自定义关卡，如: 11-8"
-                      style="flex: 1"
-                      size="small"
-                      @keyup.enter="addCustomStage"
-                    />
-                    <a-button 
-                      type="text" 
-                      size="small" 
-                      @click="addCustomStage"
-                    >
-                      <template #icon>
-                        <PlusOutlined />
-                      </template>
-                      添加关卡
-                    </a-button>
-                  </a-space>
+            <a-col :span="12">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip title="关卡选择">
+                    <span class="form-label">
+                      关卡选择
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
                 </template>
-                <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
-                  <template v-if="option.label.includes('|')">
-                    <span>{{ option.label.split('|')[0] }}</span>
-                    <a-tag color="green" size="small" style="margin-left: 8px;">
-                      {{ option.label.split('|')[1] }}
-                    </a-tag>
-                  </template>
-                  <template v-else>
-                    {{ option.label }}
-                    <a-tag v-if="isCustomStage(option.value)" color="blue" size="small" style="margin-left: 8px;">
-                      自定义
-                    </a-tag>
-                  </template>
-                </a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="6">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip
-                  title="备选关卡-1，所有备选关卡均选择「当前/上次」时视为不使用备选关卡"
+                <!-- 计划模式：显示只读文本 -->
+                <div v-if="isPlanMode" class="plan-mode-display">
+                  <div class="plan-value">
+                    {{ displayStage === '-' ? '当前/上次' : displayStage || '不选择' }}
+                  </div>
+                  <div class="plan-source">来自计划表</div>
+                </div>
+                <!-- 固定模式：显示选择框 -->
+                <a-select
+                  v-else
+                  v-model:value="displayStage"
+                  :disabled="loading"
+                  size="large"
+                  placeholder="选择或输入自定义关卡"
                 >
-                  <span class="form-label">
-                    备选关卡-1
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <!-- 计划模式：显示只读文本 -->
-              <div v-if="isPlanMode" class="plan-mode-display">
-                <div class="plan-value">{{ displayStage1 === '-' ? '当前/上次' : (displayStage1 || '不选择') }}</div>
-                <div class="plan-source">来自计划表</div>
-              </div>
-              <!-- 固定模式：显示选择框 -->
-              <a-select
-                v-else
-                v-model:value="displayStage1"
-                :disabled="loading"
-                size="large"
-                placeholder="选择或输入自定义关卡"
-              >
-                <template #dropdownRender="{ menuNode: menu }">
-                  <v-nodes :vnodes="menu" />
-                  <a-divider style="margin: 4px 0" />
-                  <a-space style="padding: 4px 8px" size="small">
-                    <a-input
-                      ref="stage1InputRef"
-                      v-model:value="customStage1Name"
-                      placeholder="输入自定义关卡，如: 11-8"
-                      style="flex: 1"
-                      size="small"
-                      @keyup.enter="addCustomStage1"
-                    />
-                    <a-button 
-                      type="text" 
-                      size="small" 
-                      @click="addCustomStage1"
-                    >
-                      <template #icon>
-                        <PlusOutlined />
-                      </template>
-                      添加关卡
-                    </a-button>
-                  </a-space>
+                  <template #dropdownRender="{ menuNode: menu }">
+                    <v-nodes :vnodes="menu" />
+                    <a-divider style="margin: 4px 0" />
+                    <a-space style="padding: 4px 8px" size="small">
+                      <a-input
+                        ref="stageInputRef"
+                        v-model:value="customStageName"
+                        placeholder="输入自定义关卡，如: 11-8"
+                        style="flex: 1"
+                        size="small"
+                        @keyup.enter="addCustomStage"
+                      />
+                      <a-button type="text" size="small" @click="addCustomStage">
+                        <template #icon>
+                          <PlusOutlined />
+                        </template>
+                        添加关卡
+                      </a-button>
+                    </a-space>
+                  </template>
+                  <a-select-option
+                    v-for="option in stageOptions"
+                    :key="option.value"
+                    :value="option.value"
+                  >
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                      <a-tag
+                        v-if="isCustomStage(option.value)"
+                        color="blue"
+                        size="small"
+                        style="margin-left: 8px"
+                      >
+                        自定义
+                      </a-tag>
+                    </template>
+                  </a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="6">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip
+                    title="备选关卡-1，所有备选关卡均选择「当前/上次」时视为不使用备选关卡"
+                  >
+                    <span class="form-label">
+                      备选关卡-1
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
                 </template>
-                <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
-                  <template v-if="option.label.includes('|')">
-                    <span>{{ option.label.split('|')[0] }}</span>
-                    <a-tag color="green" size="small" style="margin-left: 8px;">
-                      {{ option.label.split('|')[1] }}
-                    </a-tag>
-                  </template>
-                  <template v-else>
-                    {{ option.label }}
-                    <a-tag v-if="isCustomStage(option.value)" color="blue" size="small" style="margin-left: 8px;">
-                      自定义
-                    </a-tag>
-                  </template>
-                </a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip
-                  title="备选关卡-2，所有备选关卡均选择「当前/上次」时视为不使用备选关卡"
+                <!-- 计划模式：显示只读文本 -->
+                <div v-if="isPlanMode" class="plan-mode-display">
+                  <div class="plan-value">
+                    {{ displayStage1 === '-' ? '当前/上次' : displayStage1 || '不选择' }}
+                  </div>
+                  <div class="plan-source">来自计划表</div>
+                </div>
+                <!-- 固定模式：显示选择框 -->
+                <a-select
+                  v-else
+                  v-model:value="displayStage1"
+                  :disabled="loading"
+                  size="large"
+                  placeholder="选择或输入自定义关卡"
                 >
-                  <span class="form-label">
-                    备选关卡-2
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <!-- 计划模式：显示只读文本 -->
-              <div v-if="isPlanMode" class="plan-mode-display">
-                <div class="plan-value">{{ displayStage2 === '-' ? '当前/上次' : (displayStage2 || '不选择') }}</div>
-                <div class="plan-source">来自计划表</div>
-              </div>
-              <!-- 固定模式：显示选择框 -->
-              <a-select
-                v-else
-                v-model:value="displayStage2"
-                :disabled="loading"
-                size="large"
-                placeholder="选择或输入自定义关卡"
-              >
-                <template #dropdownRender="{ menuNode: menu }">
-                  <v-nodes :vnodes="menu" />
-                  <a-divider style="margin: 4px 0" />
-                  <a-space style="padding: 4px 8px" size="small">
-                    <a-input
-                      ref="stage2InputRef"
-                      v-model:value="customStage2Name"
-                      placeholder="输入自定义关卡，如: 11-8"
-                      style="flex: 1"
-                      size="small"
-                      @keyup.enter="addCustomStage2"
-                    />
-                    <a-button 
-                      type="text" 
-                      size="small" 
-                      @click="addCustomStage2"
-                    >
-                      <template #icon>
-                        <PlusOutlined />
-                      </template>
-                      添加关卡
-                    </a-button>
-                  </a-space>
+                  <template #dropdownRender="{ menuNode: menu }">
+                    <v-nodes :vnodes="menu" />
+                    <a-divider style="margin: 4px 0" />
+                    <a-space style="padding: 4px 8px" size="small">
+                      <a-input
+                        ref="stage1InputRef"
+                        v-model:value="customStage1Name"
+                        placeholder="输入自定义关卡，如: 11-8"
+                        style="flex: 1"
+                        size="small"
+                        @keyup.enter="addCustomStage1"
+                      />
+                      <a-button type="text" size="small" @click="addCustomStage1">
+                        <template #icon>
+                          <PlusOutlined />
+                        </template>
+                        添加关卡
+                      </a-button>
+                    </a-space>
+                  </template>
+                  <a-select-option
+                    v-for="option in stageOptions"
+                    :key="option.value"
+                    :value="option.value"
+                  >
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                      <a-tag
+                        v-if="isCustomStage(option.value)"
+                        color="blue"
+                        size="small"
+                        style="margin-left: 8px"
+                      >
+                        自定义
+                      </a-tag>
+                    </template>
+                  </a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip
+                    title="备选关卡-2，所有备选关卡均选择「当前/上次」时视为不使用备选关卡"
+                  >
+                    <span class="form-label">
+                      备选关卡-2
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
                 </template>
-                <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
-                  <template v-if="option.label.includes('|')">
-                    <span>{{ option.label.split('|')[0] }}</span>
-                    <a-tag color="green" size="small" style="margin-left: 8px;">
-                      {{ option.label.split('|')[1] }}
-                    </a-tag>
-                  </template>
-                  <template v-else>
-                    {{ option.label }}
-                    <a-tag v-if="isCustomStage(option.value)" color="blue" size="small" style="margin-left: 8px;">
-                      自定义
-                    </a-tag>
-                  </template>
-                </a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip
-                  title="备选关卡-3，所有备选关卡均选择「当前/上次」时视为不使用备选关卡"
+                <!-- 计划模式：显示只读文本 -->
+                <div v-if="isPlanMode" class="plan-mode-display">
+                  <div class="plan-value">
+                    {{ displayStage2 === '-' ? '当前/上次' : displayStage2 || '不选择' }}
+                  </div>
+                  <div class="plan-source">来自计划表</div>
+                </div>
+                <!-- 固定模式：显示选择框 -->
+                <a-select
+                  v-else
+                  v-model:value="displayStage2"
+                  :disabled="loading"
+                  size="large"
+                  placeholder="选择或输入自定义关卡"
                 >
-                  <span class="form-label">
-                    备选关卡-3
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <!-- 计划模式：显示只读文本 -->
-              <div v-if="isPlanMode" class="plan-mode-display">
-                <div class="plan-value">{{ displayStage3 === '-' ? '当前/上次' : (displayStage3 || '不选择') }}</div>
-                <div class="plan-source">来自计划表</div>
-              </div>
-              <!-- 固定模式：显示选择框 -->
-              <a-select
-                v-else
-                v-model:value="displayStage3"
-                :disabled="loading"
-                size="large"
-                placeholder="选择或输入自定义关卡"
-              >
-                <template #dropdownRender="{ menuNode: menu }">
-                  <v-nodes :vnodes="menu" />
-                  <a-divider style="margin: 4px 0" />
-                  <a-space style="padding: 4px 8px" size="small">
-                    <a-input
-                      ref="stage3InputRef"
-                      v-model:value="customStage3Name"
-                      placeholder="输入自定义关卡，如: 11-8"
-                      style="flex: 1"
-                      size="small"
-                      @keyup.enter="addCustomStage3"
-                    />
-                    <a-button 
-                      type="text" 
-                      size="small" 
-                      @click="addCustomStage3"
-                    >
-                      <template #icon>
-                        <PlusOutlined />
-                      </template>
-                      添加关卡
-                    </a-button>
-                  </a-space>
+                  <template #dropdownRender="{ menuNode: menu }">
+                    <v-nodes :vnodes="menu" />
+                    <a-divider style="margin: 4px 0" />
+                    <a-space style="padding: 4px 8px" size="small">
+                      <a-input
+                        ref="stage2InputRef"
+                        v-model:value="customStage2Name"
+                        placeholder="输入自定义关卡，如: 11-8"
+                        style="flex: 1"
+                        size="small"
+                        @keyup.enter="addCustomStage2"
+                      />
+                      <a-button type="text" size="small" @click="addCustomStage2">
+                        <template #icon>
+                          <PlusOutlined />
+                        </template>
+                        添加关卡
+                      </a-button>
+                    </a-space>
+                  </template>
+                  <a-select-option
+                    v-for="option in stageOptions"
+                    :key="option.value"
+                    :value="option.value"
+                  >
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                      <a-tag
+                        v-if="isCustomStage(option.value)"
+                        color="blue"
+                        size="small"
+                        style="margin-left: 8px"
+                      >
+                        自定义
+                      </a-tag>
+                    </template>
+                  </a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip
+                    title="备选关卡-3，所有备选关卡均选择「当前/上次」时视为不使用备选关卡"
+                  >
+                    <span class="form-label">
+                      备选关卡-3
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
                 </template>
-                <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
-                  <template v-if="option.label.includes('|')">
-                    <span>{{ option.label.split('|')[0] }}</span>
-                    <a-tag color="green" size="small" style="margin-left: 8px;">
-                      {{ option.label.split('|')[1] }}
-                    </a-tag>
+                <!-- 计划模式：显示只读文本 -->
+                <div v-if="isPlanMode" class="plan-mode-display">
+                  <div class="plan-value">
+                    {{ displayStage3 === '-' ? '当前/上次' : displayStage3 || '不选择' }}
+                  </div>
+                  <div class="plan-source">来自计划表</div>
+                </div>
+                <!-- 固定模式：显示选择框 -->
+                <a-select
+                  v-else
+                  v-model:value="displayStage3"
+                  :disabled="loading"
+                  size="large"
+                  placeholder="选择或输入自定义关卡"
+                >
+                  <template #dropdownRender="{ menuNode: menu }">
+                    <v-nodes :vnodes="menu" />
+                    <a-divider style="margin: 4px 0" />
+                    <a-space style="padding: 4px 8px" size="small">
+                      <a-input
+                        ref="stage3InputRef"
+                        v-model:value="customStage3Name"
+                        placeholder="输入自定义关卡，如: 11-8"
+                        style="flex: 1"
+                        size="small"
+                        @keyup.enter="addCustomStage3"
+                      />
+                      <a-button type="text" size="small" @click="addCustomStage3">
+                        <template #icon>
+                          <PlusOutlined />
+                        </template>
+                        添加关卡
+                      </a-button>
+                    </a-space>
                   </template>
-                  <template v-else>
-                    {{ option.label }}
-                    <a-tag v-if="isCustomStage(option.value)" color="blue" size="small" style="margin-left: 8px;">
-                      自定义
-                    </a-tag>
-                  </template>
-                </a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="mode">
-              <template #label>
-                <a-tooltip title="剩余理智关卡，选择「不选择」时视为不使用剩余理智关卡">
-                  <span class="form-label">
-                    剩余理智关卡
-                    <QuestionCircleOutlined class="help-icon" />
-                  </span>
-                </a-tooltip>
-              </template>
-              <!-- 计划模式：显示只读文本 -->
-              <div v-if="isPlanMode" class="plan-mode-display">
-                <div class="plan-value">{{ displayStageRemain === '-' ? '不选择' : (displayStageRemain || '不选择') }}</div>
-                <div class="plan-source">来自计划表</div>
-              </div>
-              <!-- 固定模式：显示选择框 -->
-              <a-select
-                v-else
-                v-model:value="displayStageRemain"
-                :disabled="loading"
-                size="large"
-                placeholder="选择或输入自定义关卡"
-              >
-                <template #dropdownRender="{ menuNode: menu }">
-                  <v-nodes :vnodes="menu" />
-                  <a-divider style="margin: 4px 0" />
-                  <a-space style="padding: 4px 8px" size="small">
-                    <a-input
-                      ref="stageRemainInputRef"
-                      v-model:value="customStageRemainName"
-                      placeholder="输入自定义关卡，如: 11-8"
-                      style="flex: 1"
-                      size="small"
-                      @keyup.enter="addCustomStageRemain"
-                    />
-                    <a-button 
-                      type="text" 
-                      size="small" 
-                      @click="addCustomStageRemain"
-                    >
-                      <template #icon>
-                        <PlusOutlined />
-                      </template>
-                      添加关卡
-                    </a-button>
-                  </a-space>
+                  <a-select-option
+                    v-for="option in stageOptions"
+                    :key="option.value"
+                    :value="option.value"
+                  >
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                      <a-tag
+                        v-if="isCustomStage(option.value)"
+                        color="blue"
+                        size="small"
+                        style="margin-left: 8px"
+                      >
+                        自定义
+                      </a-tag>
+                    </template>
+                  </a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="mode">
+                <template #label>
+                  <a-tooltip title="剩余理智关卡，选择「不选择」时视为不使用剩余理智关卡">
+                    <span class="form-label">
+                      剩余理智关卡
+                      <QuestionCircleOutlined class="help-icon" />
+                    </span>
+                  </a-tooltip>
                 </template>
-                <a-select-option v-for="option in stageRemainOptions" :key="option.value" :value="option.value">
-                  <template v-if="option.label.includes('|')">
-                    <span>{{ option.label.split('|')[0] }}</span>
-                    <a-tag color="green" size="small" style="margin-left: 8px;">
-                      {{ option.label.split('|')[1] }}
-                    </a-tag>
+                <!-- 计划模式：显示只读文本 -->
+                <div v-if="isPlanMode" class="plan-mode-display">
+                  <div class="plan-value">
+                    {{ displayStageRemain === '-' ? '不选择' : displayStageRemain || '不选择' }}
+                  </div>
+                  <div class="plan-source">来自计划表</div>
+                </div>
+                <!-- 固定模式：显示选择框 -->
+                <a-select
+                  v-else
+                  v-model:value="displayStageRemain"
+                  :disabled="loading"
+                  size="large"
+                  placeholder="选择或输入自定义关卡"
+                >
+                  <template #dropdownRender="{ menuNode: menu }">
+                    <v-nodes :vnodes="menu" />
+                    <a-divider style="margin: 4px 0" />
+                    <a-space style="padding: 4px 8px" size="small">
+                      <a-input
+                        ref="stageRemainInputRef"
+                        v-model:value="customStageRemainName"
+                        placeholder="输入自定义关卡，如: 11-8"
+                        style="flex: 1"
+                        size="small"
+                        @keyup.enter="addCustomStageRemain"
+                      />
+                      <a-button type="text" size="small" @click="addCustomStageRemain">
+                        <template #icon>
+                          <PlusOutlined />
+                        </template>
+                        添加关卡
+                      </a-button>
+                    </a-space>
                   </template>
-                  <template v-else>
-                    {{ option.label }}
-                    <a-tag v-if="isCustomStage(option.value)" color="blue" size="small" style="margin-left: 8px;">
-                      自定义
-                    </a-tag>
-                  </template>
-                </a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-        </a-row>
+                  <a-select-option
+                    v-for="option in stageRemainOptions"
+                    :key="option.value"
+                    :value="option.value"
+                  >
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                      <a-tag
+                        v-if="isCustomStage(option.value)"
+                        color="blue"
+                        size="small"
+                        style="margin-left: 8px"
+                      >
+                        自定义
+                      </a-tag>
+                    </template>
+                  </a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+          </a-row>
         </div>
 
         <!-- 任务配置 -->
@@ -746,99 +785,99 @@
           <div class="section-header">
             <h3>任务配置</h3>
           </div>
-        <a-row :gutter="24">
-          <a-col :span="6">
-            <a-form-item name="ifWakeUp" label="开始唤醒">
-              <a-switch v-model:checked="formData.Task.IfWakeUp" :disabled="loading" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="ifRecruiting" label="自动公招">
-              <a-switch v-model:checked="formData.Task.IfRecruiting" :disabled="loading" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="ifBase" label="基建换班">
-              <a-switch v-model:checked="formData.Task.IfBase" :disabled="loading" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="ifCombat" label="刷理智">
-              <a-switch v-model:checked="formData.Task.IfCombat" :disabled="loading" />
-            </a-form-item>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24">
-          <a-col :span="6">
-            <a-form-item name="ifMall" label="获取信用及购物">
-              <a-switch v-model:checked="formData.Task.IfMall" :disabled="loading" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="ifMission" label="领取奖励">
-              <a-switch v-model:checked="formData.Task.IfMission" :disabled="loading" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="ifAutoRoguelike">
-              <template #label>
-                <a-tooltip title="未完全适配，请谨慎使用">
-                  <span>自动肉鸽 </span>
-                  <QuestionCircleOutlined class="help-icon" />
-                </a-tooltip>
-              </template>
-              <a-switch v-model:checked="formData.Task.IfAutoRoguelike" :disabled="true" />
-            </a-form-item>
-          </a-col>
-          <a-col :span="6">
-            <a-form-item name="ifReclamation">
-              <template #label>
-                <a-tooltip title="暂不支持，等待适配中~">
-                  <span>生息演算 </span>
-                  <QuestionCircleOutlined class="help-icon" />
-                </a-tooltip>
-              </template>
-              <a-switch v-model:checked="formData.Task.IfReclamation" :disabled="true" />
-            </a-form-item>
-          </a-col>
-        </a-row>
+          <a-row :gutter="24">
+            <a-col :span="6">
+              <a-form-item name="ifWakeUp" label="开始唤醒">
+                <a-switch v-model:checked="formData.Task.IfWakeUp" :disabled="loading" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="ifRecruiting" label="自动公招">
+                <a-switch v-model:checked="formData.Task.IfRecruiting" :disabled="loading" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="ifBase" label="基建换班">
+                <a-switch v-model:checked="formData.Task.IfBase" :disabled="loading" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="ifCombat" label="刷理智">
+                <a-switch v-model:checked="formData.Task.IfCombat" :disabled="loading" />
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="6">
+              <a-form-item name="ifMall" label="获取信用及购物">
+                <a-switch v-model:checked="formData.Task.IfMall" :disabled="loading" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="ifMission" label="领取奖励">
+                <a-switch v-model:checked="formData.Task.IfMission" :disabled="loading" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="ifAutoRoguelike">
+                <template #label>
+                  <a-tooltip title="未完全适配，请谨慎使用">
+                    <span>自动肉鸽 </span>
+                    <QuestionCircleOutlined class="help-icon" />
+                  </a-tooltip>
+                </template>
+                <a-switch v-model:checked="formData.Task.IfAutoRoguelike" :disabled="true" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item name="ifReclamation">
+                <template #label>
+                  <a-tooltip title="暂不支持，等待适配中~">
+                    <span>生息演算 </span>
+                    <QuestionCircleOutlined class="help-icon" />
+                  </a-tooltip>
+                </template>
+                <a-switch v-model:checked="formData.Task.IfReclamation" :disabled="true" />
+              </a-form-item>
+            </a-col>
+          </a-row>
         </div>
 
         <!-- 森空岛配置 -->
         <div class="form-section">
           <div class="section-header">
             <h3>森空岛配置</h3>
-            <a 
+            <a
               href="https://doc.auto-mas.top/docs/advanced-features.html#%E8%8E%B7%E5%8F%96%E9%B9%B0%E8%A7%92%E7%BD%91%E7%BB%9C%E9%80%9A%E8%A1%8C%E8%AF%81%E7%99%BB%E5%BD%95%E5%87%AD%E8%AF%81"
-              target="_blank" 
+              target="_blank"
               class="section-doc-link"
               title="查看森空岛签到配置文档"
             >
               文档
             </a>
           </div>
-        <a-row :gutter="24" align="middle">
-          <a-col :span="6">
-            <span style="font-weight: 500">森空岛签到</span>
-          </a-col>
-          <a-col :span="18">
-            <a-switch v-model:checked="formData.Info.IfSkland" :disabled="loading" />
-            <span class="switch-description">开启后将启用森空岛签到功能</span>
-          </a-col>
-        </a-row>
-        <a-row :gutter="24" style="margin-top: 16px">
-          <a-col :span="24">
-            <span style="font-weight: 500">森空岛Token</span>
-            <a-input-password
-              v-model:value="formData.Info.SklandToken"
-              :disabled="loading || !formData.Info.IfSkland"
-              placeholder="请输入森空岛Token"
-              size="large"
-              style="margin-top: 8px; width: 100%"
-              allow-clear
-            />
-          </a-col>
-        </a-row>
+          <a-row :gutter="24" align="middle">
+            <a-col :span="6">
+              <span style="font-weight: 500">森空岛签到</span>
+            </a-col>
+            <a-col :span="18">
+              <a-switch v-model:checked="formData.Info.IfSkland" :disabled="loading" />
+              <span class="switch-description">开启后将启用森空岛签到功能</span>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24" style="margin-top: 16px">
+            <a-col :span="24">
+              <span style="font-weight: 500">森空岛Token</span>
+              <a-input-password
+                v-model:value="formData.Info.SklandToken"
+                :disabled="loading || !formData.Info.IfSkland"
+                placeholder="请输入森空岛Token"
+                size="large"
+                style="margin-top: 8px; width: 100%"
+                allow-clear
+              />
+            </a-col>
+          </a-row>
         </div>
 
         <!-- 通知配置 -->
@@ -846,96 +885,96 @@
           <div class="section-header">
             <h3>通知配置</h3>
           </div>
-        <a-row :gutter="24" align="middle">
-          <a-col :span="6">
-            <span style="font-weight: 500">启用通知</span>
-          </a-col>
-          <a-col :span="18">
-            <a-switch v-model:checked="formData.Notify.Enabled" :disabled="loading" />
-            <span class="switch-description">启用后将发送此用户的任务通知到选中的渠道</span>
-          </a-col>
-        </a-row>
-        <!-- 发送统计/六星等可选通知 -->
-        <a-row :gutter="24" style="margin-top: 16px">
-          <a-col :span="6">
-            <span style="font-weight: 500">通知内容</span>
-          </a-col>
-          <a-col :span="18" style="display: flex; gap: 32px">
-            <a-checkbox
-              v-model:checked="formData.Notify.IfSendStatistic"
-              :disabled="loading || !formData.Notify.Enabled"
-              >统计信息
-            </a-checkbox>
-            <a-checkbox
-              v-model:checked="formData.Notify.IfSendSixStar"
-              :disabled="loading || !formData.Notify.Enabled"
-              >公开招募高资喜报
-            </a-checkbox>
-          </a-col>
-        </a-row>
+          <a-row :gutter="24" align="middle">
+            <a-col :span="6">
+              <span style="font-weight: 500">启用通知</span>
+            </a-col>
+            <a-col :span="18">
+              <a-switch v-model:checked="formData.Notify.Enabled" :disabled="loading" />
+              <span class="switch-description">启用后将发送此用户的任务通知到选中的渠道</span>
+            </a-col>
+          </a-row>
+          <!-- 发送统计/六星等可选通知 -->
+          <a-row :gutter="24" style="margin-top: 16px">
+            <a-col :span="6">
+              <span style="font-weight: 500">通知内容</span>
+            </a-col>
+            <a-col :span="18" style="display: flex; gap: 32px">
+              <a-checkbox
+                v-model:checked="formData.Notify.IfSendStatistic"
+                :disabled="loading || !formData.Notify.Enabled"
+                >统计信息
+              </a-checkbox>
+              <a-checkbox
+                v-model:checked="formData.Notify.IfSendSixStar"
+                :disabled="loading || !formData.Notify.Enabled"
+                >公开招募高资喜报
+              </a-checkbox>
+            </a-col>
+          </a-row>
 
-        <!-- 邮件通知 -->
-        <a-row :gutter="24" style="margin-top: 16px">
-          <a-col :span="6">
-            <a-checkbox
-              v-model:checked="formData.Notify.IfSendMail"
-              :disabled="loading || !formData.Notify.Enabled"
-              >邮件通知
-            </a-checkbox>
-          </a-col>
-          <a-col :span="18">
-            <a-input
-              v-model:value="formData.Notify.ToAddress"
-              placeholder="请输入收件人邮箱地址"
-              :disabled="loading || !formData.Notify.Enabled || !formData.Notify.IfSendMail"
-              size="large"
-              style="width: 100%"
-            />
-          </a-col>
-        </a-row>
+          <!-- 邮件通知 -->
+          <a-row :gutter="24" style="margin-top: 16px">
+            <a-col :span="6">
+              <a-checkbox
+                v-model:checked="formData.Notify.IfSendMail"
+                :disabled="loading || !formData.Notify.Enabled"
+                >邮件通知
+              </a-checkbox>
+            </a-col>
+            <a-col :span="18">
+              <a-input
+                v-model:value="formData.Notify.ToAddress"
+                placeholder="请输入收件人邮箱地址"
+                :disabled="loading || !formData.Notify.Enabled || !formData.Notify.IfSendMail"
+                size="large"
+                style="width: 100%"
+              />
+            </a-col>
+          </a-row>
 
-        <!-- Server酱通知 -->
-        <a-row :gutter="24" style="margin-top: 16px">
-          <a-col :span="6">
-            <a-checkbox
-              v-model:checked="formData.Notify.IfServerChan"
-              :disabled="loading || !formData.Notify.Enabled"
-              >Server酱
-            </a-checkbox>
-          </a-col>
-          <a-col :span="18" style="display: flex; gap: 8px">
-            <a-input
-              v-model:value="formData.Notify.ServerChanKey"
-              placeholder="请输入SENDKEY"
-              :disabled="loading || !formData.Notify.Enabled || !formData.Notify.IfServerChan"
-              size="large"
-              style="flex: 2"
-            />
-          </a-col>
-        </a-row>
+          <!-- Server酱通知 -->
+          <a-row :gutter="24" style="margin-top: 16px">
+            <a-col :span="6">
+              <a-checkbox
+                v-model:checked="formData.Notify.IfServerChan"
+                :disabled="loading || !formData.Notify.Enabled"
+                >Server酱
+              </a-checkbox>
+            </a-col>
+            <a-col :span="18" style="display: flex; gap: 8px">
+              <a-input
+                v-model:value="formData.Notify.ServerChanKey"
+                placeholder="请输入SENDKEY"
+                :disabled="loading || !formData.Notify.Enabled || !formData.Notify.IfServerChan"
+                size="large"
+                style="flex: 2"
+              />
+            </a-col>
+          </a-row>
 
-        <!-- 企业微信群机器人通知 -->
-        <a-row :gutter="24" style="margin-top: 16px">
-          <a-col :span="6">
-            <a-checkbox
-              v-model:checked="formData.Notify.IfCompanyWebHookBot"
-              :disabled="loading || !formData.Notify.Enabled"
-              >企业微信群机器人
-            </a-checkbox>
-          </a-col>
-          <a-col :span="18">
-            <a-input
-              v-model:value="formData.Notify.CompanyWebHookBotUrl"
-              placeholder="请输入机器人Webhook地址"
-              :disabled="
-                loading || !formData.Notify.Enabled || !formData.Notify.IfCompanyWebHookBot
-              "
-              size="large"
-              style="width: 100%"
-              class="modern-input"
-            />
-          </a-col>
-        </a-row>
+          <!-- 企业微信群机器人通知 -->
+          <a-row :gutter="24" style="margin-top: 16px">
+            <a-col :span="6">
+              <a-checkbox
+                v-model:checked="formData.Notify.IfCompanyWebHookBot"
+                :disabled="loading || !formData.Notify.Enabled"
+                >企业微信群机器人
+              </a-checkbox>
+            </a-col>
+            <a-col :span="18">
+              <a-input
+                v-model:value="formData.Notify.CompanyWebHookBotUrl"
+                placeholder="请输入机器人Webhook地址"
+                :disabled="
+                  loading || !formData.Notify.Enabled || !formData.Notify.IfCompanyWebHookBot
+                "
+                size="large"
+                style="width: 100%"
+                class="modern-input"
+              />
+            </a-col>
+          </a-row>
         </div>
       </a-form>
     </a-card>
@@ -956,15 +995,15 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue'
+import { computed, defineComponent, nextTick, onMounted, reactive, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { message } from 'ant-design-vue'
 import {
   ArrowLeftOutlined,
+  PlusOutlined,
   QuestionCircleOutlined,
   SaveOutlined,
   SettingOutlined,
-  PlusOutlined,
 } from '@ant-design/icons-vue'
 import type { FormInstance, Rule } from 'ant-design-vue/es/form'
 import { useUserApi } from '@/composables/useUserApi'
@@ -973,7 +1012,6 @@ import { usePlanApi } from '@/composables/usePlanApi'
 import { useWebSocket } from '@/composables/useWebSocket'
 import { Service } from '@/api'
 import { GetStageIn } from '@/api/models/GetStageIn'
-import { defineComponent } from 'vue'
 
 const router = useRouter()
 const route = useRoute()
@@ -1027,12 +1065,12 @@ const stageRemainOptions = computed(() => {
 // 判断值是否为自定义关卡
 const isCustomStage = (value: string) => {
   if (!value || value === '' || value === '-') return false
-  
+
   // 检查是否在从API加载的关卡列表中
-  const predefinedStage = stageOptions.value.find(option => 
-    option.value === value && !option.isCustom
+  const predefinedStage = stageOptions.value.find(
+    option => option.value === value && !option.isCustom
   )
-  
+
   return !predefinedStage
 }
 
@@ -1053,11 +1091,11 @@ const displayMedicineNumb = computed({
     }
     return formData.Info.MedicineNumb
   },
-  set: (value) => {
+  set: value => {
     if (!isPlanMode.value) {
       formData.Info.MedicineNumb = value
     }
-  }
+  },
 })
 
 const displaySeriesNumb = computed({
@@ -1067,11 +1105,11 @@ const displaySeriesNumb = computed({
     }
     return formData.Info.SeriesNumb
   },
-  set: (value) => {
+  set: value => {
     if (!isPlanMode.value) {
       formData.Info.SeriesNumb = value
     }
-  }
+  },
 })
 
 const displayStage = computed({
@@ -1081,11 +1119,11 @@ const displayStage = computed({
     }
     return formData.Info.Stage
   },
-  set: (value) => {
+  set: value => {
     if (!isPlanMode.value) {
       formData.Info.Stage = value
     }
-  }
+  },
 })
 
 const displayStage1 = computed({
@@ -1095,11 +1133,11 @@ const displayStage1 = computed({
     }
     return formData.Info.Stage_1
   },
-  set: (value) => {
+  set: value => {
     if (!isPlanMode.value) {
       formData.Info.Stage_1 = value
     }
-  }
+  },
 })
 
 const displayStage2 = computed({
@@ -1109,11 +1147,11 @@ const displayStage2 = computed({
     }
     return formData.Info.Stage_2
   },
-  set: (value) => {
+  set: value => {
     if (!isPlanMode.value) {
       formData.Info.Stage_2 = value
     }
-  }
+  },
 })
 
 const displayStage3 = computed({
@@ -1123,11 +1161,11 @@ const displayStage3 = computed({
     }
     return formData.Info.Stage_3
   },
-  set: (value) => {
+  set: value => {
     if (!isPlanMode.value) {
       formData.Info.Stage_3 = value
     }
-  }
+  },
 })
 
 const displayStageRemain = computed({
@@ -1137,41 +1175,41 @@ const displayStageRemain = computed({
     }
     return formData.Info.Stage_Remain
   },
-  set: (value) => {
+  set: value => {
     if (!isPlanMode.value) {
       formData.Info.Stage_Remain = value
     }
-  }
+  },
 })
 
 // 获取计划当前配置
 const getPlanCurrentConfig = (planData: any) => {
   if (!planData) return null
-  
+
   const mode = planData.Info?.Mode || 'ALL'
-  
+
   if (mode === 'ALL') {
     return planData.ALL || null
   } else if (mode === 'Weekly') {
     // 获取+12时区的当前时间
     const now = new Date()
-    const utc12Time = new Date(now.getTime() + (12 * 60 * 60 * 1000))
-    
+    const utc12Time = new Date(now.getTime() + 12 * 60 * 60 * 1000)
+
     // 如果是凌晨4点前，算作前一天
     if (utc12Time.getHours() < 4) {
       utc12Time.setDate(utc12Time.getDate() - 1)
     }
-    
+
     const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
     const today = weekdays[utc12Time.getDay()]
-    
+
     console.log('计划表周模式调试:', {
       原始时间: now.toISOString(),
       UTC12时间: utc12Time.toISOString(),
       星期: today,
-      计划数据: planData
+      计划数据: planData,
     })
-    
+
     // 优先使用今天的配置，如果没有或为空则使用ALL配置
     const todayConfig = planData[today]
     if (todayConfig && Object.keys(todayConfig).length > 0) {
@@ -1179,7 +1217,7 @@ const getPlanCurrentConfig = (planData: any) => {
     }
     return planData.ALL || null
   }
-  
+
   return null
 }
 
@@ -1359,7 +1397,7 @@ const loadUserData = async () => {
               stageOptions.value.push({
                 label: stageValue,
                 value: stageValue,
-                isCustom: true
+                isCustom: true,
               })
             }
           }
@@ -1389,12 +1427,12 @@ const loadUserData = async () => {
 const loadStageOptions = async () => {
   try {
     const response = await Service.getStageComboxApiInfoComboxStagePost({
-      type: GetStageIn.type.TODAY
+      type: GetStageIn.type.TODAY,
     })
     if (response && response.code === 200 && response.data) {
       stageOptions.value = [...response.data].map(option => ({
         ...option,
-        isCustom: false // 明确标记从API加载的关卡为非自定义
+        isCustom: false, // 明确标记从API加载的关卡为非自定义
       }))
     }
   } catch (error) {
@@ -1419,7 +1457,7 @@ const VNodes = defineComponent({
   props: { vnodes: { type: Object, required: true } },
   setup(props) {
     return () => props.vnodes as any
-  }
+  },
 })
 
 // 选择基建配置文件
@@ -1554,7 +1592,7 @@ const handleMAAConfig = async () => {
         console.error(`用户 ${formData.userName} MAA配置错误:`, error)
         message.error(`MAA配置连接失败: ${error}`)
         maaWebsocketId.value = null
-      }
+      },
     })
 
     maaWebsocketId.value = subId
@@ -1611,7 +1649,7 @@ const addStageToOptions = (stageName: string) => {
   stageOptions.value.push({
     label: trimmedName,
     value: trimmedName,
-    isCustom: true
+    isCustom: true,
   })
 
   message.success(`自定义关卡 "${trimmedName}" 添加成功`)
@@ -1727,11 +1765,11 @@ onMounted(() => {
   loadScriptInfo()
   loadStageModeOptions()
   loadStageOptions()
-  
+
   // 设置StageMode变化监听器
   watch(
     () => formData.Info.StageMode,
-    async (newStageMode) => {
+    async newStageMode => {
       if (newStageMode === 'Fixed') {
         // 切换到固定模式，清除计划配置
         planModeConfig.value = null
@@ -1739,19 +1777,23 @@ onMounted(() => {
         // 切换到计划模式，加载计划配置
         try {
           const response = await getPlans(newStageMode)
-          
+
           if (response && response.code === 200 && response.data[newStageMode]) {
             const planData = response.data[newStageMode]
             const currentConfig = getPlanCurrentConfig(planData)
             planModeConfig.value = currentConfig
-            
+
             console.log('计划配置加载成功:', {
               planId: newStageMode,
               currentConfig,
-              planModeConfigValue: planModeConfig.value
+              planModeConfigValue: planModeConfig.value,
             })
-            
-            message.success(`已切换到计划模式：${newStageMode}`)
+
+            // 从stageModeOptions中查找对应的计划名称
+            const planOption = stageModeOptions.value.find(option => option.value === newStageMode)
+            const planName = planOption ? planOption.label : newStageMode
+
+            message.success(`已切换到计划模式：${planName}`)
           } else {
             message.warning('计划配置加载失败，请检查计划是否存在')
             planModeConfig.value = null

From 67b327e1921d2ee1e319cb5e2c9057c651066264 Mon Sep 17 00:00:00 2001
From: DLmaster361 <DLmaster_361@163.com>
Date: Sun, 14 Sep 2025 21:42:56 +0800
Subject: [PATCH 6/8] =?UTF-8?q?feat:=20=E5=88=9D=E6=AD=A5=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E8=B0=83=E5=BA=A6=E5=8F=B0=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/core/config.py                            |   37 +-
 app/models/ConfigBase.py                      |   16 +-
 app/utils/constants.py                        |    5 +
 ..._Task_Scheduling_and_WebSocket_Messages.md |  388 +++++
 frontend/src/components/ScriptTable.vue       |   26 +-
 frontend/src/views/MAAUserEdit.vue            |  122 +-
 frontend/src/views/Scheduler.vue              | 1492 +++++++++++------
 frontend/src/views/Scripts.vue                |  104 +-
 8 files changed, 1632 insertions(+), 558 deletions(-)
 create mode 100644 docs/Backend_Task_Scheduling_and_WebSocket_Messages.md

diff --git a/app/core/config.py b/app/core/config.py
index 5e45ce6..7213658 100644
--- a/app/core/config.py
+++ b/app/core/config.py
@@ -124,22 +124,37 @@ class GlobalConfig(ConfigBase):
 
     Data_UID = ConfigItem("Data", "UID", str(uuid.uuid4()), UUIDValidator())
     Data_LastStatisticsUpload = ConfigItem(
-        "Data", "LastStatisticsUpload", "2000-01-01 00:00:00", DateTimeValidator()
+        "Data",
+        "LastStatisticsUpload",
+        "2000-01-01 00:00:00",
+        DateTimeValidator("%Y-%m-%d %H:%M:%S"),
     )
     Data_LastStageUpdated = ConfigItem(
-        "Data", "LastStageUpdated", "2000-01-01 00:00:00", DateTimeValidator()
+        "Data",
+        "LastStageUpdated",
+        "2000-01-01 00:00:00",
+        DateTimeValidator("%Y-%m-%d %H:%M:%S"),
     )
     Data_StageTimeStamp = ConfigItem(
-        "Data", "StageTimeStamp", "2000-01-01 00:00:00", DateTimeValidator()
+        "Data",
+        "StageTimeStamp",
+        "2000-01-01 00:00:00",
+        DateTimeValidator("%Y-%m-%d %H:%M:%S"),
     )
     Data_Stage = ConfigItem("Data", "Stage", "{ }", JSONValidator())
     Data_LastNoticeUpdated = ConfigItem(
-        "Data", "LastNoticeUpdated", "2000-01-01 00:00:00", DateTimeValidator()
+        "Data",
+        "LastNoticeUpdated",
+        "2000-01-01 00:00:00",
+        DateTimeValidator("%Y-%m-%d %H:%M:%S"),
     )
     Data_IfShowNotice = ConfigItem("Data", "IfShowNotice", True, BoolValidator())
     Data_Notice = ConfigItem("Data", "Notice", "{ }", JSONValidator())
     Data_LastWebConfigUpdated = ConfigItem(
-        "Data", "LastWebConfigUpdated", "2000-01-01 00:00:00", DateTimeValidator()
+        "Data",
+        "LastWebConfigUpdated",
+        "2000-01-01 00:00:00",
+        DateTimeValidator("%Y-%m-%d %H:%M:%S"),
     )
     Data_WebConfig = ConfigItem("Data", "WebConfig", "{ }", JSONValidator())
 
@@ -265,11 +280,15 @@ class MaaUserConfig(ConfigBase):
             "Info", "SklandToken", "", EncryptValidator()
         )
 
-        self.Data_LastProxyDate = ConfigItem("Data", "LastProxyDate", "2000-01-01")
-        self.Data_LastAnnihilationDate = ConfigItem(
-            "Data", "LastAnnihilationDate", "2000-01-01"
+        self.Data_LastProxyDate = ConfigItem(
+            "Data", "LastProxyDate", "2000-01-01", DateTimeValidator("%Y-%m-%d")
+        )
+        self.Data_LastAnnihilationDate = ConfigItem(
+            "Data", "LastAnnihilationDate", "2000-01-01", DateTimeValidator("%Y-%m-%d")
+        )
+        self.Data_LastSklandDate = ConfigItem(
+            "Data", "LastSklandDate", "2000-01-01", DateTimeValidator("%Y-%m-%d")
         )
-        self.Data_LastSklandDate = ConfigItem("Data", "LastSklandDate", "2000-01-01")
         self.Data_ProxyTimes = ConfigItem(
             "Data", "ProxyTimes", 0, RangeValidator(0, 9999)
         )
diff --git a/app/models/ConfigBase.py b/app/models/ConfigBase.py
index 67c263d..40d6c28 100644
--- a/app/models/ConfigBase.py
+++ b/app/models/ConfigBase.py
@@ -30,7 +30,7 @@ from typing import List, Any, Dict, Union, Optional
 
 
 from app.utils import dpapi_encrypt, dpapi_decrypt
-from app.utils.constants import RESERVED_NAMES, ILLEGAL_CHARS
+from app.utils.constants import RESERVED_NAMES, ILLEGAL_CHARS, DEFAULT_DATETIME
 
 
 class ConfigValidator:
@@ -114,24 +114,30 @@ class UUIDValidator(ConfigValidator):
 
 
 class DateTimeValidator(ConfigValidator):
+    """日期时间验证器"""
+
+    def __init__(self, date_format: str) -> None:
+        if not date_format:
+            raise ValueError("日期时间格式不能为空")
+        self.date_format = date_format
 
     def validate(self, value: Any) -> bool:
         if not isinstance(value, str):
             return False
         try:
-            datetime.strptime(value, "%Y-%m-%d %H:%M:%S")
+            datetime.strptime(value, self.date_format)
             return True
         except ValueError:
             return False
 
     def correct(self, value: Any) -> str:
         if not isinstance(value, str):
-            return "2000-01-01 00:00:00"
+            return DEFAULT_DATETIME.strftime(self.date_format)
         try:
-            datetime.strptime(value, "%Y-%m-%d %H:%M:%S")
+            datetime.strptime(value, self.date_format)
             return value
         except ValueError:
-            return "2000-01-01 00:00:00"
+            return DEFAULT_DATETIME.strftime(self.date_format)
 
 
 class JSONValidator(ConfigValidator):
diff --git a/app/utils/constants.py b/app/utils/constants.py
index 2877126..dac3cbf 100644
--- a/app/utils/constants.py
+++ b/app/utils/constants.py
@@ -20,6 +20,8 @@
 #   Contact: DLmaster_361@163.com
 
 
+from datetime import datetime
+
 RESOURCE_STAGE_INFO = [
     {"value": "-", "text": "当前/上次", "days": [1, 2, 3, 4, 5, 6, 7]},
     {"value": "1-7", "text": "1-7", "days": [1, 2, 3, 4, 5, 6, 7]},
@@ -270,3 +272,6 @@ MIRROR_ERROR_INFO = {
     1: "未知错误类型",
 }
 """MirrorChyan错误代码映射表"""
+
+DEFAULT_DATETIME = datetime.strptime("2000-01-01 00:00:00", "%Y-%m-%d %H:%M:%S")
+"""默认日期时间"""
diff --git a/docs/Backend_Task_Scheduling_and_WebSocket_Messages.md b/docs/Backend_Task_Scheduling_and_WebSocket_Messages.md
new file mode 100644
index 0000000..4f291ba
--- /dev/null
+++ b/docs/Backend_Task_Scheduling_and_WebSocket_Messages.md
@@ -0,0 +1,388 @@
+# AUTO-MAS 后端任务调度逻辑与WebSocket消息格式说明
+
+## 1. 任务调度架构概览
+
+AUTO-MAS 后端采用基于 AsyncIO 的异步任务调度系统，主要由以下核心组件构成：
+
+### 1.1 核心组件
+
+- **TaskManager**: 任务调度器，负责任务的创建、运行、停止和清理
+- **Broadcast**: 消息广播系统，负责在不同组件间传递消息
+- **WebSocket**: 与前端的实时通信通道
+- **Config**: 配置管理系统，包含脚本配置、队列配置等
+
+### 1.2 任务类型
+
+系统支持三种主要任务模式：
+
+1. **设置脚本** - 直接执行单个脚本配置
+2. **自动代理** - 按队列顺序自动执行多个脚本
+3. **人工排查** - 手动排查和执行任务
+
+## 2. 任务调度流程
+
+### 2.1 任务创建流程
+
+```
+前端请求 → API接口 → TaskManager.add_task() → 任务验证 → 创建异步任务 → 返回任务ID
+```
+
+**具体步骤：**
+
+1. **任务验证**: 根据模式和UID验证任务配置是否存在
+2. **重复检查**: 确保相同任务未在运行中
+3. **任务创建**: 使用`asyncio.create_task()`创建异步任务
+4. **回调设置**: 添加任务完成回调用于清理工作
+
+### 2.2 任务执行流程
+
+#### 设置脚本模式
+```
+获取脚本配置 → 确定脚本类型(MAA/General) → 创建对应Manager → 执行任务
+```
+
+#### 自动代理模式
+```
+获取队列配置 → 构建任务列表 → 逐个执行脚本 → 更新状态 → 发送完成信号
+```
+
+### 2.3 任务状态管理
+
+- **等待**: 任务已加入队列但未开始执行
+- **运行**: 任务正在执行中
+- **跳过**: 任务因重复或其他原因被跳过
+- **完成**: 任务执行完毕
+
+## 3. WebSocket 消息系统
+
+### 3.1 消息基础结构
+
+所有WebSocket消息都遵循统一的JSON格式：
+
+```json
+{
+  "id": "消息ID或任务ID",
+  "type": "消息类型",
+  "data": {
+    "具体数据": "根据类型而定"
+  }
+}
+```
+
+### 3.2 消息类型详解
+
+#### 3.2.1 Update 类型 - 数据更新
+
+**用途**: 通知前端更新界面数据
+
+**常见数据格式:**
+
+```json
+{
+  "id": "task-uuid",
+  "type": "Update",
+  "data": {
+    "user_list": [
+      {
+        "name": "用户名",
+        "status": "运行状态",
+        "config": "配置信息"
+      }
+    ]
+  }
+}
+```
+
+```json
+{
+  "id": "task-uuid", 
+  "type": "Update",
+  "data": {
+    "task_list": [
+      {
+        "script_id": "脚本ID",
+        "status": "等待/运行/完成/跳过",
+        "name": "脚本名称"
+      }
+    ]
+  }
+}
+```
+
+```json
+{
+  "id": "task-uuid",
+  "type": "Update", 
+  "data": {
+    "log": "任务执行日志内容"
+  }
+}
+```
+
+#### 3.2.2 Info 类型 - 信息显示
+
+**用途**: 向前端发送需要显示的信息，包括普通信息、警告和错误
+
+**数据格式:**
+
+```json
+{
+  "id": "task-uuid",
+  "type": "Info",
+  "data": {
+    "Error": "错误信息内容"
+  }
+}
+```
+
+```json
+{
+  "id": "task-uuid",
+  "type": "Info",
+  "data": {
+    "Warning": "警告信息内容"
+  }
+}
+```
+
+```json
+{
+  "id": "task-uuid",
+  "type": "Info",
+  "data": {
+    "Info": "普通信息内容"
+  }
+}
+```
+
+#### 3.2.3 Message 类型 - 对话框请求
+
+**用途**: 请求前端弹出对话框显示重要信息
+
+**数据格式:**
+
+```json
+{
+  "id": "task-uuid",
+  "type": "Message",
+  "data": {
+    "title": "对话框标题",
+    "content": "对话框内容",
+    "type": "info/warning/error"
+  }
+}
+```
+
+#### 3.2.4 Signal 类型 - 程序信号
+
+**用途**: 发送程序控制信号和状态通知
+
+**常见信号:**
+
+**任务完成信号:**
+```json
+{
+  "id": "task-uuid",
+  "type": "Signal", 
+  "data": {
+    "Accomplish": "任务完成后调度台显示的日志内容"
+  }
+}
+```
+
+**电源操作信号:**
+```json
+{
+  "id": "task-uuid",
+  "type": "Signal",
+  "data": {
+    "power": "NoAction/KillSelf/Sleep/Hibernate/Shutdown/ShutdownForce",
+  }
+}
+```
+
+**心跳信号:**
+```json
+{
+  "id": "Main",
+  "type": "Signal",
+  "data": {
+    "Ping": "无描述"
+  }
+}
+```
+
+```json
+{
+  "id": "Main", 
+  "type": "Signal",
+  "data": {
+    "Pong": "无描述"
+  }
+}
+```
+
+## 4. 任务管理器详细说明
+
+### 4.1 TaskManager 核心方法
+
+#### add_task(mode: str, uid: str)
+- **功能**: 添加新任务到调度队列
+- **参数**: 
+  - `mode`: 任务模式 ("设置脚本", "自动代理", "人工排查")
+  - `uid`: 任务唯一标识符
+- **返回**: 任务UUID
+
+#### stop_task(task_id: str)
+- **功能**: 停止指定任务
+- **参数**: 
+  - `task_id`: 任务ID，支持 "ALL" 停止所有任务
+
+#### run_task(mode: str, task_id: UUID, actual_id: Optional[UUID])
+- **功能**: 执行具体任务逻辑
+- **流程**: 根据模式选择相应的执行策略
+
+### 4.2 任务执行器
+
+#### GeneralManager
+- **用途**: 处理通用脚本任务
+- **特点**: 支持自定义脚本路径和参数
+- **配置**: 基于 GeneralConfig 和 GeneralUserConfig
+
+#### MaaManager  
+- **用途**: 处理MAA (明日方舟助手) 专用任务
+- **特点**: 支持模拟器控制、ADB连接、游戏自动化
+- **配置**: 基于 MaaConfig 和 MaaUserConfig
+
+## 5. 消息广播系统
+
+### 5.1 Broadcast 机制
+
+- **设计模式**: 发布-订阅模式
+- **功能**: 实现组件间解耦的消息传递
+- **特点**: 支持多个订阅者同时接收消息
+
+### 5.2 消息流向
+
+```
+任务执行器 → Broadcast → WebSocket → 前端界面
+                    ↓
+                 其他订阅者
+```
+
+## 6. 配置管理系统
+
+### 6.1 配置类型
+
+- **ScriptConfig**: 脚本配置，包含MAA和General两种类型
+- **QueueConfig**: 队列配置，定义自动代理任务的执行顺序
+- **GlobalConfig**: 全局系统配置
+
+### 6.2 配置操作
+
+- **锁机制**: 防止配置在使用时被修改
+- **实时更新**: 支持动态加载配置变更
+- **类型验证**: 确保配置数据的正确性
+
+## 7. API 接口说明
+
+### 7.1 任务控制接口
+
+**创建任务**
+- **端点**: `POST /api/dispatch/start`
+- **请求体**: 
+  ```json
+  {
+    "mode": "自动代理|人工排查|设置脚本",
+    "taskId": "目标任务ID"
+  }
+  ```
+- **响应**: 
+  ```json
+  {
+    "code": 200,
+    "status": "success", 
+    "message": "操作成功",
+    "websocketId": "新任务ID"
+  }
+  ```
+
+**停止任务**
+- **端点**: `POST /api/dispatch/stop`
+- **请求体**:
+  ```json
+  {
+    "taskId": "要停止的任务ID"
+  }
+  ```
+
+**电源操作**
+- **端点**: `POST /api/dispatch/power`
+- **请求体**:
+  ```json
+  {
+    "signal": "NoAction|Shutdown|ShutdownForce|Hibernate|Sleep|KillSelf"
+  }
+  ```
+
+### 7.2 WebSocket 连接
+
+**端点**: `WS /api/core/ws`
+
+**连接特性**:
+- 同时只允许一个WebSocket连接
+- 自动心跳检测 (15秒超时)
+- 连接断开时自动清理资源
+
+## 8. 错误处理机制
+
+### 8.1 异常类型
+
+- **ValueError**: 配置验证失败
+- **RuntimeError**: 任务状态冲突
+- **TimeoutError**: 操作超时
+- **ConnectionError**: 连接相关错误
+
+### 8.2 错误响应格式
+
+```json
+{
+  "id": "相关任务ID",
+  "type": "Info",
+  "data": {
+    "Error": "具体错误描述"
+  }
+}
+```
+
+## 9. 性能和监控
+
+### 9.1 日志系统
+
+- **分层日志**: 按模块划分日志记录器
+- **实时监控**: 支持日志实时推送到前端
+- **文件轮转**: 自动管理日志文件大小
+
+### 9.2 资源管理
+
+- **进程管理**: 自动清理子进程
+- **内存监控**: 防止内存泄漏
+- **连接池**: 复用数据库和网络连接
+
+## 10. 安全考虑
+
+### 10.1 输入验证
+
+- **参数校验**: 使用 Pydantic 模型验证
+- **路径安全**: 防止路径遍历攻击
+- **命令注入**: 严格控制执行的命令参数
+
+### 10.2 权限控制
+
+- **单一连接**: 限制WebSocket连接数量
+- **操作限制**: 防止重复或冲突操作
+- **资源保护**: 防止资源滥用
+
+---
+
+*此文档基于 AUTO-MAS v5.0.0 版本编写，详细的API文档和配置说明请参考相关配置文件和源代码注释。*
diff --git a/frontend/src/components/ScriptTable.vue b/frontend/src/components/ScriptTable.vue
index 7ddb8d7..b1ecdce 100644
--- a/frontend/src/components/ScriptTable.vue
+++ b/frontend/src/components/ScriptTable.vue
@@ -37,24 +37,24 @@
                 type="primary"
                 ghost
                 size="middle"
-                @click="handleMAAConfig(script)"
+                @click="handleStartMAAConfig(script)"
               >
                 <template #icon>
                   <SettingOutlined />
                 </template>
-                设置MAA全局配置
+                配置MAA
               </a-button>
               <a-button
                 v-if="script.type === 'MAA' && props.activeConnections.has(script.id)"
                 type="primary"
-                danger
                 size="middle"
-                @click="handleDisconnectMAA(script)"
+                style="background: #52c41a; border-color: #52c41a;"
+                @click="handleSaveMAAConfig(script)"
               >
                 <template #icon>
-                  <StopOutlined />
+                  <SaveOutlined />
                 </template>
-                断开配置连接
+                保存配置
               </a-button>
               <a-button type="default" size="middle" @click="handleEdit(script)">
                 <template #icon>
@@ -291,8 +291,8 @@ import type { Script, User } from '../types/script'
 import {
   DeleteOutlined,
   EditOutlined,
+  SaveOutlined,
   SettingOutlined,
-  StopOutlined,
   UserAddOutlined,
 } from '@ant-design/icons-vue'
 
@@ -312,9 +312,9 @@ interface Emits {
 
   (e: 'deleteUser', user: User): void
 
-  (e: 'maaConfig', script: Script): void
+  (e: 'startMaaConfig', script: Script): void
 
-  (e: 'disconnectMaa', script: Script): void
+  (e: 'saveMaaConfig', script: Script): void
 
   (e: 'toggleUserStatus', user: User): void
 }
@@ -350,12 +350,12 @@ const handleDeleteUser = (user: User) => {
   emit('deleteUser', user)
 }
 
-const handleMAAConfig = (script: Script) => {
-  emit('maaConfig', script)
+const handleStartMAAConfig = (script: Script) => {
+  emit('startMaaConfig', script)
 }
 
-const handleDisconnectMAA = (script: Script) => {
-  emit('disconnectMaa', script)
+const handleSaveMAAConfig = (script: Script) => {
+  emit('saveMaaConfig', script)
 }
 
 const handleToggleUserStatus = (user: User) => {
diff --git a/frontend/src/views/MAAUserEdit.vue b/frontend/src/views/MAAUserEdit.vue
index 26cb968..8625809 100644
--- a/frontend/src/views/MAAUserEdit.vue
+++ b/frontend/src/views/MAAUserEdit.vue
@@ -17,18 +17,32 @@
     </div>
 
     <a-space size="middle">
+      <!-- MAA配置按钮组 -->
       <a-button
-        v-if="formData.Info.Mode !== '简洁'"
+        v-if="formData.Info.Mode !== '简洁' && !maaWebsocketId"
         type="primary"
         ghost
         size="large"
-        @click="handleMAAConfig"
+        @click="handleStartMAAConfig"
         :loading="maaConfigLoading"
       >
         <template #icon>
           <SettingOutlined />
         </template>
-        MAA配置
+        配置MAA
+      </a-button>
+      <a-button
+        v-if="formData.Info.Mode !== '简洁' && maaWebsocketId"
+        type="primary"
+        size="large"
+        @click="handleSaveMAAConfig"
+        :loading="maaConfigLoading"
+        style="background: #52c41a; border-color: #52c41a;"
+      >
+        <template #icon>
+          <SaveOutlined />
+        </template>
+        保存配置
       </a-button>
       <a-button size="large" @click="handleCancel" class="cancel-button">
         <template #icon>
@@ -973,6 +987,7 @@ import { usePlanApi } from '@/composables/usePlanApi'
 import { useWebSocket } from '@/composables/useWebSocket'
 import { Service } from '@/api'
 import { GetStageIn } from '@/api/models/GetStageIn'
+import { TaskCreateIn } from '@/api/models/TaskCreateIn'
 import { defineComponent } from 'vue'
 
 const router = useRouter()
@@ -1235,9 +1250,9 @@ const getDefaultMAAUserData = () => ({
   Data: {
     CustomInfrastPlanIndex: '',
     IfPassCheck: false,
-    LastAnnihilationDate: '',
-    LastProxyDate: '',
-    LastSklandDate: '',
+    LastAnnihilationDate: '2000-01-01',
+    LastProxyDate: '2000-01-01',
+    LastSklandDate: '2000-01-01',
     ProxyTimes: 0,
   },
 })
@@ -1532,36 +1547,95 @@ const handleSubmit = async () => {
   }
 }
 
-const handleMAAConfig = async () => {
+const handleStartMAAConfig = async () => {
   if (!isEdit.value) {
     message.warning('请先保存用户后再进行MAA配置')
     return
   }
 
   try {
-    maaConfigLoading.value = true
-
-    // 如果已有连接，先断开
+    // 检查是否已有连接
     if (maaWebsocketId.value) {
-      unsubscribe(maaWebsocketId.value)
-      maaWebsocketId.value = null
+      message.warning('该用户MAA配置已在进行中，请先保存配置')
+      return
     }
 
-    // 直接订阅（旧 connect 参数移除）
-    const subId = userId
-    subscribe(subId, {
-      onError: error => {
-        console.error(`用户 ${formData.userName} MAA配置错误:`, error)
-        message.error(`MAA配置连接失败: ${error}`)
-        maaWebsocketId.value = null
-      }
+    maaConfigLoading.value = true
+
+    // 调用启动配置任务API
+    const response = await Service.addTaskApiDispatchStartPost({
+      taskId: userId,
+      mode: TaskCreateIn.mode.SettingScriptMode
     })
 
-    maaWebsocketId.value = subId
-    message.success(`已开始配置用户 ${formData.userName} 的MAA设置`)
+    if (response.code === 200) {
+      // 订阅WebSocket消息
+      subscribe(response.websocketId, {
+        onError: error => {
+          console.error(`用户 ${formData.userName} MAA配置错误:`, error)
+          message.error(`MAA配置连接失败: ${error}`)
+          maaWebsocketId.value = null
+        },
+        onResult: (data: any) => {
+          // 处理配置完成消息（兼容任何结构）
+          if (data.Accomplish) {
+            message.success(`用户 ${formData.userName} MAA配置已完成`)
+            maaWebsocketId.value = null
+          }
+        }
+      })
+
+      // 记录连接和websocketId
+      maaWebsocketId.value = response.websocketId
+      message.success(`已启动用户 ${formData.userName} 的MAA配置`)
+
+      // 设置自动断开连接的定时器（30分钟后）
+      setTimeout(
+        () => {
+          if (maaWebsocketId.value) {
+            unsubscribe(maaWebsocketId.value)
+            maaWebsocketId.value = null
+            message.info(`用户 ${formData.userName} MAA配置会话已超时断开`)
+          }
+        },
+        30 * 60 * 1000
+      ) // 30分钟
+    } else {
+      message.error(response.message || '启动MAA配置失败')
+    }
   } catch (error) {
-    console.error('MAA配置失败:', error)
-    message.error('MAA配置失败')
+    console.error('启动MAA配置失败:', error)
+    message.error('启动MAA配置失败')
+  } finally {
+    maaConfigLoading.value = false
+  }
+}
+
+const handleSaveMAAConfig = async () => {
+  try {
+    if (!maaWebsocketId.value) {
+      message.error('未找到活动的配置会话')
+      return
+    }
+
+    maaConfigLoading.value = true
+
+    // 调用停止配置任务API
+    const response = await Service.stopTaskApiDispatchStopPost({
+      taskId: maaWebsocketId.value
+    })
+
+    if (response.code === 200) {
+      // 取消订阅
+      unsubscribe(maaWebsocketId.value)
+      maaWebsocketId.value = null
+      message.success(`用户 ${formData.userName} 的MAA配置已保存`)
+    } else {
+      message.error(response.message || '保存配置失败')
+    }
+  } catch (error) {
+    console.error('保存MAA配置失败:', error)
+    message.error('保存MAA配置失败')
   } finally {
     maaConfigLoading.value = false
   }
diff --git a/frontend/src/views/Scheduler.vue b/frontend/src/views/Scheduler.vue
index e6da198..d4b0c50 100644
--- a/frontend/src/views/Scheduler.vue
+++ b/frontend/src/views/Scheduler.vue
@@ -1,630 +1,980 @@
 <template>
-  <div class="scheduler-container">
+  <div class="scheduler-page">
+    <!-- 页面头部 -->
+    <div class="scheduler-header">
+      <div class="header-left">
+        <h1 class="page-title">调度中心</h1>
+      </div>
+      <div class="header-actions">
+        <span class="power-label">任务完成后电源操作：</span>
+        <a-select 
+          v-model:value="powerAction" 
+          style="width: 140px"
+          :disabled="!canChangePowerAction"
+          @change="onPowerActionChange"
+        >
+          <a-select-option value="NoAction">无动作</a-select-option>
+          <a-select-option value="KillSelf">退出软件</a-select-option>
+          <a-select-option value="Sleep">睡眠</a-select-option>
+          <a-select-option value="Hibernate">休眠</a-select-option>
+          <a-select-option value="Shutdown">关机</a-select-option>
+          <a-select-option value="ShutdownForce">强制关机</a-select-option>
+        </a-select>
+      </div>
+    </div>
+
     <!-- 调度台标签页 -->
     <div class="scheduler-tabs">
-      <a-tabs v-model:activeKey="activeSchedulerTab" type="editable-card" @edit="onSchedulerTabEdit">
-        <a-tab-pane v-for="tab in schedulerTabs" :key="tab.key" :tab="tab.title" :closable="tab.closable">
-          <!-- 顶部操作栏 -->
-          <div class="header-actions">
-            <div class="left-actions">
-              <!-- 任务完成后操作设置 -->
-              <span class="completion-label">任务全部完成后操作：</span>
-              <a-select v-model:value="currentTab.completionAction" style="width: 150px">
-                <a-select-option value="none">无动作</a-select-option>
-                <a-select-option value="exit">退出软件</a-select-option>
-                <a-select-option value="sleep">睡眠</a-select-option>
-                <a-select-option value="hibernate">休眠</a-select-option>
-                <a-select-option value="shutdown">关机</a-select-option>
-                <a-select-option value="force-shutdown">关机（强制）</a-select-option>
-              </a-select>
-              <!--              <a-button type="primary" @click="showAddTaskModal" :icon="h(PlusOutlined)">-->
-              <!--                添加任务-->
-              <!--              </a-button>-->
-            </div>
+      <a-tabs 
+        v-model:activeKey="activeSchedulerTab" 
+        type="editable-card" 
+        @edit="onSchedulerTabEdit"
+      >
+        <a-tab-pane 
+          v-for="tab in schedulerTabs" 
+          :key="tab.key" 
+          :closable="tab.closable && tab.status !== '运行'"
+        >
+          <template #tab>
+            <span class="tab-title">{{ tab.title }}</span>
+            <a-tag :color="getTabStatusColor(tab.status)" size="small" class="tab-status">
+              {{ tab.status }}
+            </a-tag>
+            <a-tooltip v-if="tab.status === '运行'" title="运行中的调度台无法删除" placement="top">
+              <span class="tab-lock-icon">🔒</span>
+            </a-tooltip>
+          </template>
 
-            <div class="right-actions">
-              <a-select v-model:value="quickTaskForm.taskId" placeholder="选择任务" style="width: 200px"
-                :loading="taskOptionsLoading" :options="taskOptions" show-search :filter-option="filterTaskOption" />
-              <a-select v-model:value="quickTaskForm.mode" placeholder="执行模式" style="width: 120px">
-                <a-select-option value="自动代理">自动代理</a-select-option>
-                <a-select-option value="人工排查">人工排查</a-select-option>
-              </a-select>
-              <a-button type="primary" @click="startQuickTask" :icon="h(PlayCircleOutlined)">
-                开始任务
-              </a-button>
-            </div>
-          </div>
+          <!-- 任务控制与状态内容 -->
+          <div class="task-unified-card">
+            <!-- 顶部控制栏 -->
+            <div class="unified-control-row">
+                  <a-select 
+                    v-model:value="tab.selectedTaskId" 
+                    placeholder="选择任务项" 
+                    style="width: 200px"
+                    :loading="taskOptionsLoading" 
+                    :options="taskOptions" 
+                    show-search 
+                    :filter-option="filterTaskOption"
+                    :disabled="tab.status === '运行'"
+                  />
+                  <a-select 
+                    v-model:value="tab.selectedMode" 
+                    placeholder="选择模式" 
+                    style="width: 120px"
+                    :disabled="tab.status === '运行'"
+                  >
+                    <a-select-option value="自动代理">自动代理</a-select-option>
+                    <a-select-option value="人工排查">人工排查</a-select-option>
+                    <a-select-option value="设置脚本">设置脚本</a-select-option>
+                  </a-select>
+                  <div class="control-spacer"></div>
+                  <a-button 
+                    v-if="tab.status !== '运行'" 
+                    type="primary" 
+                    @click="startTask(tab)"
+                    :icon="h(PlayCircleOutlined)"
+                    :disabled="!tab.selectedTaskId || !tab.selectedMode"
+                  >
+                    开始任务
+                  </a-button>
+                  <a-button 
+                    v-else 
+                    danger 
+                    @click="stopTask(tab)"
+                    :icon="h(StopOutlined)"
+                  >
+                    中止任务
+                  </a-button>
+                </div>
 
-          <!-- 任务执行区域 -->
-          <div class="execution-area">
-            <div v-if="currentTab.runningTasks.length === 0" class="empty-state">
-             <img src="@/assets/NoData.png" alt="无数据" class="empty-image" />
-            </div>
-
-            <div v-else class="task-panels">
-              <a-collapse v-model:activeKey="currentTab.activeTaskPanels"
-                :key="`collapse-${currentTab.key}-${currentTab.runningTasks.length}`">
-                <a-collapse-panel v-for="task in currentTab.runningTasks" :key="task.websocketId"
-                  :header="`任务: ${task.taskName}`" style="font-size: 16px; margin-left: 8px">
-                  <template #extra>
-                    <a-tag :color="getTaskStatusColor(task.status)">
-                      {{ task.status }}
-                    </a-tag>
-                    <a-button type="text" size="small" danger @click.stop="stopTask(task.websocketId)"
-                      :icon="h(StopOutlined)">
-                      停止
-                    </a-button>
-                  </template>
-
-                  <!--                  <div class="task-detail-layout">-->
-                  <a-row :gutter="16" style="height: 100%">
-                    <!--                    &lt;!&ndash; 任务队列  &ndash;&gt;-->
-                    <!--                    <a-col :span="5">-->
-                    <!--                      <a-card title="任务队列" size="small" style="height: 100%">-->
-                    <!--                        <template :style="{ height: 'calc(100% - 40px)', padding: '8px' }">-->
-                    <!--                          <a-list-->
-                    <!--                            :data-source="task.taskQueue"-->
-                    <!--                            size="small"-->
-                    <!--                            :locale="{ emptyText: '暂无任务队列' }"-->
-                    <!--                            style="height: 100%; overflow-y: auto"-->
-                    <!--                          >-->
-                    <!--                            <template #renderItem="{ item }">-->
-                    <!--                              <a-list-item>-->
-                    <!--                                <a-list-item-meta>-->
-                    <!--                                  <template #title>-->
-                    <!--                                    <span class="queue-item-title">{{ item.name }}</span>-->
-                    <!--                                  </template>-->
-                    <!--                                  <template #description>-->
-                    <!--                                    <a-tag-->
-                    <!--                                      :color="getQueueItemStatusColor(item.status)"-->
-                    <!--                                      size="small"-->
-                    <!--                                    >-->
-                    <!--                                      {{ item.status }}-->
-                    <!--                                    </a-tag>-->
-                    <!--                                  </template>-->
-                    <!--                                </a-list-item-meta>-->
-                    <!--                              </a-list-item>-->
-                    <!--                            </template>-->
-                    <!--                          </a-list>-->
-                    <!--                        </template>-->
-                    <!--                      </a-card>-->
-                    <!--                    </a-col>-->
-
-                    <!-- 用户队列 -->
-                    <a-col :span="5">
-                      <a-card title="用户队列" size="small" style="height: 100%">
-                        <!--                        <template #extra>-->
-                        <!--                          <span style="font-size: 12px; color: #666;">{{ task.userQueue.length }} 项</span>-->
-                        <!--                        </template>-->
-                        <div style="height: calc(100% - 40px); padding: 8px;">
-                          <!--                          &lt;!&ndash; 调试信息 &ndash;&gt;-->
-                          <!--                          <div v-if="task.userQueue.length === 0"-->
-                          <!--                            style="color: #999; font-size: 12px; margin-bottom: 8px;">-->
-                          <!--                            调试: userQueue 长度为 {{ task.userQueue.length }}-->
-                          <!--                          </div>-->
-                          <!--                          <div v-else style="color: #999; font-size: 12px; margin-bottom: 8px;">-->
-                          <!--                            调试: 找到 {{ task.userQueue.length }} 个队列项-->
-                          <!--                          </div>-->
-
-                          <a-list :data-source="task.userQueue" size="small" :locale="{ emptyText: '暂无用户队列' }"
-                            style="height: calc(100% - 30px); overflow-y: auto">
-                            <template #renderItem="{ item }">
-                              <a-list-item>
-                                <a-list-item-meta>
-                                  <template #title>
-                                    <span class="queue-item-title">{{ item.name }}</span>
-                                    <a-tag :color="getQueueItemStatusColor(item.status)" size="small">
-                                      {{ item.status }}
-                                    </a-tag>
-                                  </template>
-                                </a-list-item-meta>
-                              </a-list-item>
-                            </template>
-                          </a-list>
-                        </div>
-                      </a-card>
-                    </a-col>
-
-                    <!-- 实时日志 -->
-                    <a-col :span="19">
-                      <a-card size="small" style="height: 100%" title="实时日志">
-                        <div class="realtime-logs-panel">
-                          <!--                          <a-row justify="space-between" align="middle" style="margin-bottom: 8px">-->
-                          <!--                            &lt;!&ndash; 左侧标题 &ndash;&gt;-->
-                          <!--                            <a-col :span="12">-->
-                          <!--                              <div class="log-title">实时日志</div>-->
-                          <!--                            </a-col>-->
-
-                          <!--                            &lt;!&ndash; 右侧清空按钮 &ndash;&gt;-->
-                          <!--                            <a-col :span="12" style="text-align: right">-->
-                          <!--                              <div class="clear-button">-->
-                          <!--                                <a-button-->
-                          <!--                                  type="default"-->
-                          <!--                                  size="small"-->
-                          <!--                                  @click="clearTaskOutput(task.websocketId)"-->
-                          <!--                                  :icon="h(ClearOutlined)"-->
-                          <!--                                >-->
-                          <!--                                  清空-->
-                          <!--                                </a-button>-->
-                          <!--                              </div>-->
-                          <!--                            </a-col>-->
-                          <!--                          </a-row>-->
-                          <div class="panel-content log-content"
-                            :ref="el => setOutputRef(el as HTMLElement, task.websocketId)"
-                            :key="`output-${task.websocketId}-${task.logs.length}`">
-                            <div v-for="(log, index) in task.logs" :key="`${task.websocketId}-${index}-${log.time}`"
-                              :class="['log-line', `log-${log.type}`]">
-                              <span class="log-time">{{ log.time }}</span>
-                              <span class="log-message">{{ log.message }}</span>
+                <!-- 状态展示区域 -->
+                <a-row :gutter="16" class="status-row">
+                  <!-- 任务队列栏 -->
+                  <a-col :span="4">
+                    <div class="status-column">
+                      <div class="section-header">
+                        <h3>任务队列</h3>
+                      </div>
+                      <div class="column-content">
+                        <a-list 
+                          :data-source="tab.taskQueue" 
+                          size="small"
+                        >
+                          <template #renderItem="{ item }">
+                            <a-list-item>
+                              <a-list-item-meta>
+                                <template #title>
+                                  <span class="queue-item-name">{{ item.name }}</span>
+                                </template>
+                                <template #description>
+                                  <a-tag :color="getQueueStatusColor(item.status)" size="small">
+                                    {{ item.status }}
+                                  </a-tag>
+                                </template>
+                              </a-list-item-meta>
+                            </a-list-item>
+                          </template>
+                          <template #empty>
+                            <div class="empty-state-mini">
+                              <img src="@/assets/NoData.png" alt="暂无数据" class="empty-image-mini" />
+                              <p class="empty-text-mini">暂无任务队列</p>
                             </div>
-                          </div>
+                          </template>
+                        </a-list>
+                      </div>
+                    </div>
+                  </a-col>
+
+                  <!-- 用户队列栏 -->
+                  <a-col :span="4">
+                    <div class="status-column">
+                      <div class="section-header">
+                        <h3>用户队列</h3>
+                      </div>
+                      <div class="column-content">
+                        <a-list 
+                          :data-source="tab.userQueue" 
+                          size="small"
+                        >
+                          <template #renderItem="{ item }">
+                            <a-list-item>
+                              <a-list-item-meta>
+                                <template #title>
+                                  <span class="queue-item-name">{{ item.name }}</span>
+                                  <a-tag 
+                                    v-if="item.extraStatus" 
+                                    :color="getQueueStatusColor(item.extraStatus)" 
+                                    size="small"
+                                    class="extra-status-tag"
+                                  >
+                                    {{ item.extraStatus }}
+                                  </a-tag>
+                                </template>
+                                <template #description>
+                                  <a-tag :color="getQueueStatusColor(item.status)" size="small">
+                                    {{ item.status }}
+                                  </a-tag>
+                                </template>
+                              </a-list-item-meta>
+                            </a-list-item>
+                          </template>
+                          <template #empty>
+                            <div class="empty-state-mini">
+                              <img src="@/assets/NoData.png" alt="暂无数据" class="empty-image-mini" />
+                              <p class="empty-text-mini">暂无用户队列</p>
+                            </div>
+                          </template>
+                        </a-list>
+                      </div>
+                    </div>
+                  </a-col>
+
+                  <!-- 日志栏 -->
+                  <a-col :span="16">
+                    <div class="status-column">
+                      <div class="section-header">
+                        <h3>实时日志</h3>
+                      </div>
+                      <div 
+                        class="column-content log-content"
+                        :ref="el => setLogRef(el as HTMLElement, tab.key)"
+                        @scroll="onLogScroll(tab)"
+                      >
+                        <div v-if="tab.logs.length === 0" class="empty-state-mini">
+                          <img src="@/assets/NoData.png" alt="暂无数据" class="empty-image-mini" />
+                          <p class="empty-text-mini">暂无日志信息</p>
                         </div>
-                      </a-card>
-                    </a-col>
-                  </a-row>
-                </a-collapse-panel>
-              </a-collapse>
+                        <div 
+                          v-for="(log, index) in tab.logs" 
+                          :key="`${tab.key}-${index}-${log.timestamp}`"
+                          :class="['log-line', `log-${log.type}`]"
+                        >
+                          <span class="log-time">{{ log.time }}</span>
+                          <span class="log-message">{{ log.message }}</span>
+                        </div>
+                      </div>
+                    </div>
+                  </a-col>
+                </a-row>
             </div>
-          </div>
         </a-tab-pane>
       </a-tabs>
     </div>
 
-    <!-- 添加任务弹窗 -->
-    <a-modal v-model:open="addTaskModalVisible" title="添加任务" @ok="addTask" @cancel="cancelAddTask"
-      :confirmLoading="addTaskLoading">
-      <a-form :model="taskForm" layout="vertical">
-        <a-form-item label="选择任务" required>
-          <a-select v-model:value="taskForm.taskId" placeholder="请选择要执行的任务" :loading="taskOptionsLoading"
-            :options="taskOptions" show-search :filter-option="filterTaskOption" />
-        </a-form-item>
-        <a-form-item label="执行模式" required>
-          <a-select v-model:value="taskForm.mode" placeholder="请选择执行模式">
-            <a-select-option value="自动代理">自动代理</a-select-option>
-            <a-select-option value="人工排查">人工排查</a-select-option>
-            <a-select-option value="设置脚本">设置脚本</a-select-option>
-          </a-select>
-        </a-form-item>
-      </a-form>
-    </a-modal>
-    <!-- 消息
-对话框 -->
-    <a-modal v-model:open="messageModalVisible" :title="currentMessage?.title || '系统消息'" @ok="sendMessageResponse"
-      @cancel="cancelMessage">
+    <!-- 消息对话框 -->
+    <a-modal 
+      v-model:open="messageModalVisible" 
+      :title="currentMessage?.title || '系统消息'" 
+      @ok="sendMessageResponse"
+      @cancel="cancelMessage"
+    >
       <div v-if="currentMessage">
         <p>{{ currentMessage.content }}</p>
-        <a-input v-if="currentMessage.needInput" v-model:value="messageResponse" placeholder="请输入回复内容" />
+        <a-input 
+          v-if="currentMessage.needInput" 
+          v-model:value="messageResponse" 
+          placeholder="请输入回复内容" 
+        />
+      </div>
+    </a-modal>
+
+    <!-- 电源操作倒计时模态框 -->
+    <a-modal
+      v-model:open="powerCountdownVisible"
+      title="电源操作确认"
+      :closable="false"
+      :maskClosable="false"
+      @cancel="cancelPowerAction"
+    >
+      <template #footer>
+        <a-button @click="cancelPowerAction">取消</a-button>
+      </template>
+      <div class="power-countdown">
+        <div style="color: #faad14; font-size: 24px; margin-right: 16px;">⚠️</div>
+        <div>
+          <p>所有任务已完成，系统将在 <strong>{{ powerCountdown }}</strong> 秒后执行：<strong>{{ getPowerActionText(powerAction) }}</strong></p>
+          <a-progress :percent="(10 - powerCountdown) * 10" :show-info="false" />
+        </div>
       </div>
     </a-modal>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted, onUnmounted, h, nextTick, computed } from 'vue'
-import { message, notification } from 'ant-design-vue'
+import { ref, onMounted, onUnmounted, h, nextTick, computed } from 'vue'
+import { message, notification, Modal } from 'ant-design-vue'
 import { PlayCircleOutlined, StopOutlined } from '@ant-design/icons-vue'
 import { Service } from '@/api/services/Service'
 import type { ComboBoxItem } from '@/api/models/ComboBoxItem'
 import { TaskCreateIn } from '@/api/models/TaskCreateIn'
+import { PowerIn } from '@/api/models/PowerIn'
 import { useWebSocket } from '@/composables/useWebSocket'
 
 // 类型定义
-interface RunningTask {
-  websocketId: string
-  taskName: string
+interface QueueItem {
+  name: string
   status: string
-  logs: Array<{ time: string; message: string; type: 'info' | 'error' | 'warning' | 'success' }>
-  taskQueue: Array<{ name: string; status: string }>
-  userQueue: Array<{ name: string; status: string }>
+  extraStatus?: string // 额外状态tag，仅在运行时显示
 }
+
+interface LogEntry {
+  time: string
+  message: string
+  type: 'info' | 'error' | 'warning' | 'success'
+  timestamp: number
+}
+
 interface SchedulerTab {
   key: string
   title: string
   closable: boolean
-  runningTasks: RunningTask[]
-  activeTaskPanels: string[]
-  completionAction: string
+  status: '新建' | '运行' | '结束'
+  selectedTaskId: string | null
+  selectedMode: TaskCreateIn.mode | null
+  websocketId: string | null
+  taskQueue: QueueItem[]
+  userQueue: QueueItem[]
+  logs: LogEntry[]
+  isLogAtBottom: boolean
+  lastLogContent: string
 }
-interface TaskMessage { title: string; content: string; needInput: boolean; messageId?: string; taskId?: string }
 
-// 状态
-const schedulerTabs = ref<SchedulerTab[]>([{ key: 'main', title: '主调度台', closable: false, runningTasks: [], activeTaskPanels: [], completionAction: 'none' }])
+interface TaskMessage { 
+  title: string
+  content: string
+  needInput: boolean
+  messageId?: string
+  taskId?: string
+}
+
+// 状态管理
+const schedulerTabs = ref<SchedulerTab[]>([
+  { 
+    key: 'main', 
+    title: '主调度台', 
+    closable: false, 
+    status: '新建',
+    selectedTaskId: null,
+    selectedMode: null,
+    websocketId: null,
+    taskQueue: [], 
+    userQueue: [], 
+    logs: [],
+    isLogAtBottom: true,
+    lastLogContent: ''
+  }
+])
 const activeSchedulerTab = ref('main')
 let tabCounter = 1
-const currentTab = computed(() => schedulerTabs.value.find(t => t.key === activeSchedulerTab.value) || schedulerTabs.value[0])
 
-const addTaskModalVisible = ref(false)
+// 电源操作相关
+const powerAction = ref<PowerIn.signal>(PowerIn.signal.NO_ACTION)
+const powerCountdownVisible = ref(false)
+const powerCountdown = ref(10)
+let powerCountdownTimer: ReturnType<typeof setInterval> | null = null
+
+// 计算是否可以修改电源操作
+const canChangePowerAction = computed(() => {
+  return !schedulerTabs.value.some(tab => tab.status === '运行')
+})
+
+// UI 状态
 const messageModalVisible = ref(false)
 const taskOptionsLoading = ref(false)
-const addTaskLoading = ref(false)
 const taskOptions = ref<ComboBoxItem[]>([])
-const outputRefs = ref(new Map<string, HTMLElement>())
+const logRefs = ref(new Map<string, HTMLElement>())
 const currentMessage = ref<TaskMessage | null>(null)
 const messageResponse = ref('')
 
-// 表单
-const taskForm = reactive<{ taskId: string | null; mode: TaskCreateIn.mode }>({ taskId: null, mode: TaskCreateIn.mode.AutoMode })
-const quickTaskForm = reactive<{ taskId: string | null; mode: TaskCreateIn.mode }>({ taskId: null, mode: TaskCreateIn.mode.AutoMode })
+// WebSocket
+const { subscribe, unsubscribe, sendRaw } = useWebSocket()
 
-// WebSocket API - 更新为新的订阅机制
-const { subscribe, unsubscribe } = useWebSocket()
-
-// Tab 事件
+// Tab 操作
 const onSchedulerTabEdit = (targetKey: string | MouseEvent, action: 'add' | 'remove') => {
-  if (action === 'add') addSchedulerTab()
-  else if (action === 'remove' && typeof targetKey === 'string') removeSchedulerTab(targetKey)
-}
-const addSchedulerTab = () => {
-  tabCounter++
-  const tab: SchedulerTab = { key: `tab-${tabCounter}`, title: `调度台${tabCounter}`, closable: true, runningTasks: [], activeTaskPanels: [], completionAction: 'none' }
-  schedulerTabs.value.push(tab)
-  activeSchedulerTab.value = tab.key
-}
-const removeSchedulerTab = (key: string) => {
-  const idx = schedulerTabs.value.findIndex(t => t.key === key)
-  if (idx === -1) return
-  schedulerTabs.value[idx].runningTasks.forEach(t => unsubscribe(t.websocketId))
-  schedulerTabs.value.splice(idx, 1)
-  if (activeSchedulerTab.value === key) activeSchedulerTab.value = schedulerTabs.value[Math.max(0, idx - 1)]?.key || 'main'
-}
-
-// 引用
-const setOutputRef = (el: HTMLElement | null, id: string) => { if (el) outputRefs.value.set(id, el); else outputRefs.value.delete(id) }
-
-// 拉取任务选项
-const loadTaskOptions = async () => {
-  try {
-    taskOptionsLoading.value = true
-    const r = await Service.getTaskComboxApiInfoComboxTaskPost()
-    if (r.code === 200) taskOptions.value = r.data
-    else message.error('获取任务列表失败')
-  } catch (e) {
-    console.error(e)
-    message.error('获取任务列表失败')
-  } finally {
-    taskOptionsLoading.value = false
+  if (action === 'add') {
+    addSchedulerTab()
+  } else if (action === 'remove' && typeof targetKey === 'string') {
+    removeSchedulerTab(targetKey)
   }
 }
 
-// 添加任务（新 Tab）
-const addTask = async () => {
-  if (!taskForm.taskId) return message.error('请填写完整的任务信息')
-  try {
-    addTaskLoading.value = true
-    const r = await Service.addTaskApiDispatchStartPost({ taskId: taskForm.taskId, mode: taskForm.mode })
-    if (r.code === 200) {
-      addSchedulerTab()
-      const opt = taskOptions.value.find(o => o.value === taskForm.taskId)
-      const task: RunningTask = { websocketId: r.websocketId, taskName: opt?.label || '未知任务', status: '连接中', logs: [], taskQueue: [], userQueue: [] }
-      currentTab.value.runningTasks.push(task)
-      currentTab.value.activeTaskPanels.push(task.websocketId)
-      subscribeTask(task, taskForm.mode)
-      message.success('任务创建成功')
-      addTaskModalVisible.value = false
-      taskForm.taskId = null
-      taskForm.mode = TaskCreateIn.mode.AutoMode
-    } else message.error(r.message || '创建任务失败')
-  } catch (e) {
-    console.error(e)
-    message.error('创建任务失败')
-  } finally { addTaskLoading.value = false }
+const addSchedulerTab = () => {
+  tabCounter++
+  const tab: SchedulerTab = { 
+    key: `tab-${tabCounter}`, 
+    title: `调度台${tabCounter}`, 
+    closable: true, 
+    status: '新建',
+    selectedTaskId: null,
+    selectedMode: null,
+    websocketId: null,
+    taskQueue: [], 
+    userQueue: [], 
+    logs: [],
+    isLogAtBottom: true,
+    lastLogContent: ''
+  }
+  schedulerTabs.value.push(tab)
+  activeSchedulerTab.value = tab.key
 }
 
-// 快速开始（当前 Tab）
-const startQuickTask = async () => {
-  if (!quickTaskForm.taskId) return message.error('请选择任务和执行模式')
-  try {
-    const r = await Service.addTaskApiDispatchStartPost({ taskId: quickTaskForm.taskId, mode: quickTaskForm.mode })
-    if (r.code === 200) {
-      const opt = taskOptions.value.find(o => o.value === quickTaskForm.taskId)
-      const name = opt?.label || '未知任务'
-      const idx = currentTab.value.runningTasks.findIndex(t => t.taskName === name)
-      if (idx >= 0) {
-        const existing = currentTab.value.runningTasks[idx]
-        unsubscribe(existing.websocketId)
-        const oldId = existing.websocketId
-        existing.websocketId = r.websocketId
-        existing.status = '连接中'
-        existing.userQueue = []
-        existing.logs.push({ time: new Date().toLocaleTimeString(), message: '========== 新任务开始 ==========', type: 'info' })
-        const pIdx = currentTab.value.activeTaskPanels.indexOf(oldId)
-        if (pIdx >= 0) currentTab.value.activeTaskPanels.splice(pIdx, 1)
-        currentTab.value.activeTaskPanels.push(existing.websocketId)
-        subscribeTask(existing, quickTaskForm.mode)
-      } else {
-        const task: RunningTask = { websocketId: r.websocketId, taskName: name, status: '连接中', logs: [], taskQueue: [], userQueue: [] }
-        currentTab.value.runningTasks.push(task)
-        currentTab.value.activeTaskPanels.push(task.websocketId)
-        subscribeTask(task, quickTaskForm.mode)
+const removeSchedulerTab = (key: string) => {
+  const tab = schedulerTabs.value.find(t => t.key === key)
+  if (!tab) return
+  
+  // 不允许删除运行中的调度台
+  if (tab.status === '运行') {
+    Modal.warning({
+      title: '无法删除调度台',
+      content: `调度台 "${tab.title}" 正在运行中，无法删除。\n\n请先停止当前任务，然后再删除该调度台。`,
+      okText: '知道了'
+    })
+    return
+  }
+  
+  // 不允许删除主调度台
+  if (key === 'main') {
+    message.warning('主调度台无法删除')
+    return
+  }
+
+  // 显示确认对话框
+  Modal.confirm({
+    title: '确认删除',
+    content: `确定要删除调度台 "${tab.title}" 吗？删除后无法恢复。`,
+    okText: '确认删除',
+    cancelText: '取消',
+    okType: 'danger',
+    onOk() {
+      const idx = schedulerTabs.value.findIndex(t => t.key === key)
+      if (idx === -1) return
+      
+      // 如果有WebSocket连接，清理订阅
+      if (tab.websocketId) {
+        unsubscribe(tab.websocketId)
       }
-      quickTaskForm.taskId = null
-      quickTaskForm.mode = TaskCreateIn.mode.AutoMode
+      
+      // 删除标签页
+      schedulerTabs.value.splice(idx, 1)
+      
+      // 如果删除的是当前活动标签页，切换到相邻标签页
+      if (activeSchedulerTab.value === key) {
+        const newActiveIndex = Math.max(0, idx - 1)
+        activeSchedulerTab.value = schedulerTabs.value[newActiveIndex]?.key || 'main'
+      }
+      
+      message.success(`调度台 "${tab.title}" 已删除`)
+    }
+  })
+}
+
+// 电源操作
+const onPowerActionChange = (value: PowerIn.signal) => {
+  powerAction.value = value
+}
+
+const getPowerActionText = (action: PowerIn.signal) => {
+  const map = {
+    [PowerIn.signal.NO_ACTION]: '无动作',
+    [PowerIn.signal.KILL_SELF]: '退出软件',
+    [PowerIn.signal.SLEEP]: '睡眠',
+    [PowerIn.signal.HIBERNATE]: '休眠',
+    [PowerIn.signal.SHUTDOWN]: '关机',
+    [PowerIn.signal.SHUTDOWN_FORCE]: '强制关机'
+  }
+  return map[action] || '无动作'
+}
+
+const executePowerAction = async () => {
+  try {
+    await Service.powerTaskApiDispatchPowerPost({ signal: powerAction.value })
+    message.success(`${getPowerActionText(powerAction.value)}命令已发送`)
+  } catch (error) {
+    console.error('执行电源操作失败:', error)
+    message.error('执行电源操作失败')
+  }
+}
+
+const cancelPowerAction = () => {
+  if (powerCountdownTimer) {
+    clearInterval(powerCountdownTimer)
+    powerCountdownTimer = null
+  }
+  powerCountdownVisible.value = false
+  powerCountdown.value = 10
+  powerAction.value = PowerIn.signal.NO_ACTION
+}
+
+const startPowerCountdown = () => {
+  if (powerAction.value === PowerIn.signal.NO_ACTION) return
+  
+  powerCountdownVisible.value = true
+  powerCountdown.value = 10
+  
+  powerCountdownTimer = setInterval(() => {
+    powerCountdown.value--
+    if (powerCountdown.value <= 0) {
+      if (powerCountdownTimer) {
+        clearInterval(powerCountdownTimer)
+        powerCountdownTimer = null
+      }
+      powerCountdownVisible.value = false
+      executePowerAction()
+    }
+  }, 1000)
+}
+
+// 任务操作
+const startTask = async (tab: SchedulerTab) => {
+  if (!tab.selectedTaskId || !tab.selectedMode) {
+    message.error('请选择任务项和执行模式')
+    return
+  }
+  
+  try {
+    const response = await Service.addTaskApiDispatchStartPost({
+      taskId: tab.selectedTaskId,
+      mode: tab.selectedMode
+    })
+    
+    if (response.code === 200) {
+      tab.status = '运行'
+      tab.websocketId = response.websocketId
+      tab.taskQueue = []
+      tab.userQueue = []
+      tab.logs = []
+      tab.isLogAtBottom = true
+      tab.lastLogContent = ''
+      
+      // 添加初始日志
+      addLog(tab, `任务开始: ${getTaskName(tab.selectedTaskId)} (模式: ${tab.selectedMode})`, 'info')
+      
+      // 订阅WebSocket消息
+      subscribeToTask(tab)
+      
       message.success('任务启动成功')
-    } else message.error(r.message || '启动任务失败')
-  } catch (e) {
-    console.error(e)
+    } else {
+      message.error(response.message || '启动任务失败')
+    }
+  } catch (error) {
+    console.error('启动任务失败:', error)
     message.error('启动任务失败')
   }
 }
 
-// 订阅任务 - 已重构为新的WebSocket订阅机制
-const subscribeTask = (task: RunningTask, mode: TaskCreateIn.mode) => {
-  // 使用已有的WebSocket订阅API实例
-  subscribe(task.websocketId, {
-    onProgress: (data) => handleTaskProgress(task, data),
-    onResult: (data) => handleTaskResult(task, data),
-    onError: (data) => handleTaskError(task, data),
-    onNotify: (data) => handleTaskNotify(task, data)
+const stopTask = async (tab: SchedulerTab) => {
+  if (!tab.websocketId) return
+  
+  try {
+    await Service.stopTaskApiDispatchStopPost({ taskId: tab.websocketId })
+    
+    // 取消订阅
+    unsubscribe(tab.websocketId)
+    
+    tab.status = '结束'
+    tab.websocketId = null
+    addLog(tab, '任务已停止', 'warning')
+    
+    message.success('任务已停止')
+    checkAllTasksCompleted()
+  } catch (error) {
+    console.error('停止任务失败:', error)
+    message.error('停止任务失败')
+  }
+}
+
+// WebSocket消息处理
+const subscribeToTask = (tab: SchedulerTab) => {
+  if (!tab.websocketId) return
+  
+  subscribe(tab.websocketId, {
+    onProgress: (data) => handleUpdateMessage(tab, data),
+    onResult: (data) => handleInfoMessage(tab, data),
+    onError: (data) => handleInfoMessage(tab, data),
+    onNotify: (data) => handleMessageDialog(tab, data)
+  })
+}
+
+const handleUpdateMessage = (tab: SchedulerTab, data: any) => {
+  // 更新任务队列
+  if (data.task_list) {
+    tab.taskQueue = data.task_list.map((item: any) => ({
+      name: item.name || '未知任务',
+      status: item.status || '未知'
+    }))
+  }
+  
+  // 更新用户队列
+  if (data.user_list) {
+    tab.userQueue = data.user_list.map((item: any) => ({
+      name: item.name || '未知用户',
+      status: item.status || '未知',
+      extraStatus: item.status === '运行' ? item.extraStatus : undefined
+    }))
+  }
+  
+  // 更新日志
+  if (data.log) {
+    handleLogUpdate(tab, data.log)
+  }
+}
+
+const handleInfoMessage = (tab: SchedulerTab, data: any) => {
+  if (data.Error) {
+    addLog(tab, data.Error, 'error')
+    notification.error({ message: '任务错误', description: data.Error })
+  } else if (data.Warning) {
+    addLog(tab, data.Warning, 'warning')
+    notification.warning({ message: '任务警告', description: data.Warning })
+  } else if (data.Info) {
+    addLog(tab, data.Info, 'info')
+    notification.info({ message: '任务信息', description: data.Info })
+  } else if (data.Accomplish) {
+    tab.status = '结束'
+    addLog(tab, '任务完成', 'success')
+    notification.success({ message: '任务完成', description: data.Accomplish })
+    checkAllTasksCompleted()
+  }
+  
+  // 处理电源操作信号
+  if (data.power && powerAction.value === PowerIn.signal.NO_ACTION) {
+    powerAction.value = data.power as PowerIn.signal
+  }
+}
+
+const handleMessageDialog = (tab: SchedulerTab, data: any) => {
+  currentMessage.value = {
+    title: data.title || '系统消息',
+    content: data.content || '任务需要您的输入',
+    needInput: data.needInput || false,
+    messageId: data.messageId,
+    taskId: tab.websocketId || undefined
+  }
+  messageModalVisible.value = true
+}
+
+// 日志处理
+const handleLogUpdate = (tab: SchedulerTab, newLogContent: string) => {
+  // 检查是否为新日志还是追加日志
+  if (!tab.lastLogContent || !newLogContent.startsWith(tab.lastLogContent)) {
+    // 新日志，直接替换
+    tab.logs = []
+    tab.isLogAtBottom = true
+  }
+  
+  // 解析并添加新的日志行
+  const lines = newLogContent.split('\n')
+  const existingLines = tab.lastLogContent.split('\n').length
+  const newLines = lines.slice(existingLines - 1)
+  
+  newLines.forEach(line => {
+    if (line.trim()) {
+      addLog(tab, line, 'info')
+    }
   })
   
-  task.status = '运行中'
-  addTaskLog(task, `任务 ${task.taskName} 已开始执行 (模式: ${mode})`, 'info')
+  tab.lastLogContent = newLogContent
 }
 
-// 取消添加
-const cancelAddTask = () => {
-  addTaskModalVisible.value = false
-  taskForm.taskId = null
-  taskForm.mode = TaskCreateIn.mode.AutoMode
-}
-
-// 日志工具
-const addTaskLog = (task: RunningTask, msg: string, type: 'info' | 'error' | 'warning' | 'success' = 'info') => {
-  task.logs.push({ time: new Date().toLocaleTimeString(), message: msg, type })
-  nextTick(() => {
-    const el = outputRefs.value.get(task.websocketId)
-    if (el) el.scrollTop = el.scrollHeight
-  })
-}
-
-// 颜色映射
-const getTaskStatusColor = (s: string) => ({ '连接中': 'processing', '运行中': 'blue', '已完成': 'green', '已失败': 'red', '已断开': 'default', '连接错误': 'red' } as Record<string, string>)[s] || 'default'
-const getQueueItemStatusColor = (s: string) => /成功|完成|已完成/.test(s) ? 'green' : /失败|错误|异常/.test(s) ? 'red' : /等待|排队|挂起/.test(s) ? 'orange' : /进行|执行|运行/.test(s) ? 'blue' : 'default'
-const filterTaskOption = (input: string, option: any) => (option?.label || '').toLowerCase().includes(input.toLowerCase())
-
-// 完成检测
-const checkAllTasksCompleted = () => {
-  const all: RunningTask[] = []
-  schedulerTabs.value.forEach(t => all.push(...t.runningTasks))
-  if (!all.length) return
-  if (!all.every(t => ['已完成', '已失败', '已断开'].includes(t.status))) return
-  const action = currentTab.value.completionAction
-  if (!action || action === 'none') return
-  message.success(`所有任务结束，准备执行动作: ${action}`)
-}
-
-// 新的WebSocket消息处理函数
-const handleTaskProgress = (task: RunningTask, data: any) => {
-  if (data?.task_list) {
-    const idx = currentTab.value.runningTasks.findIndex(t => t.websocketId === task.websocketId)
-    if (idx >= 0) {
-      currentTab.value.runningTasks[idx].userQueue = data.task_list.map((i: any) => ({ 
-        name: i.name || '未知任务', 
-        status: i.status || '未知' 
-      }))
-    }
+const addLog = (tab: SchedulerTab, message: string, type: LogEntry['type'] = 'info') => {
+  const logEntry: LogEntry = {
+    time: new Date().toLocaleTimeString(),
+    message,
+    type,
+    timestamp: Date.now()
   }
-  if (data) {
-    Object.entries(data).forEach(([k, v]) => { 
-      if (k !== 'task_list') addTaskLog(task, `${k}: ${v}`, 'info') 
+  
+  tab.logs.push(logEntry)
+  
+  // 如果日志在底部，自动滚动
+  if (tab.isLogAtBottom) {
+    nextTick(() => {
+      const el = logRefs.value.get(tab.key)
+      if (el) {
+        el.scrollTop = el.scrollHeight
+      }
     })
   }
 }
 
-const handleTaskResult = (task: RunningTask, data: any) => {
-  const isSuccess = !data?.Error
-  const content = data?.Error || data?.message || data?.val || '任务完成'
-  addTaskLog(task, content, isSuccess ? 'success' : 'error')
-  task.status = isSuccess ? '已完成' : '已失败'
+const onLogScroll = (tab: SchedulerTab) => {
+  const el = logRefs.value.get(tab.key)
+  if (!el) return
   
-  if (isSuccess) {
-    notification.success({ message: '任务完成', description: content })
-  } else {
-    notification.error({ message: '任务失败', description: content })
-  }
-  checkAllTasksCompleted()
+  // 检查是否滚动到底部
+  const threshold = 5
+  tab.isLogAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= threshold
 }
 
-const handleTaskError = (task: RunningTask, data: any) => {
-  const content = data?.message || data?.Error || data?.val || '任务发生错误'
-  addTaskLog(task, content, 'error')
-  task.status = '已失败'
-  notification.error({ message: '任务错误', description: content })
-  checkAllTasksCompleted()
-}
-
-const handleTaskNotify = (task: RunningTask, data: any) => {
-  if (data?.needInput || data?.messageId) {
-    // 需要用户输入的消息
-    currentMessage.value = { 
-      title: '任务消息', 
-      content: data?.message || data?.val || '任务需要您的输入', 
-      needInput: true, 
-      messageId: data?.messageId, 
-      taskId: task.websocketId 
-    }
-    messageModalVisible.value = true
+const setLogRef = (el: HTMLElement | null, key: string) => {
+  if (el) {
+    logRefs.value.set(key, el)
   } else {
-    // 普通通知消息
-    const content = data?.message || data?.val || '任务通知'
-    addTaskLog(task, content, 'info')
-    notification.info({ message: '任务信息', description: content })
+    logRefs.value.delete(key)
   }
 }
 
-// 消息弹窗控制
+// 完成检测
+const checkAllTasksCompleted = () => {
+  const hasRunningTasks = schedulerTabs.value.some(tab => tab.status === '运行')
+  
+  if (!hasRunningTasks && powerAction.value !== PowerIn.signal.NO_ACTION) {
+    startPowerCountdown()
+  }
+}
+
+// 消息弹窗
+const sendMessageResponse = () => {
+  if (currentMessage.value?.taskId) {
+    // 发送WebSocket回复
+    sendRaw('Response', {
+      messageId: currentMessage.value.messageId,
+      response: messageResponse.value
+    }, currentMessage.value.taskId)
+  }
+  
+  messageModalVisible.value = false
+  messageResponse.value = ''
+  currentMessage.value = null
+}
+
 const cancelMessage = () => {
   messageModalVisible.value = false
   messageResponse.value = ''
   currentMessage.value = null
 }
 
-// 回复消息 - 待重构为WebSocket消息发送
-const sendMessageResponse = () => {
-  if (!currentMessage.value?.taskId) return
-  const task = schedulerTabs.value.flatMap(t => t.runningTasks).find(t => t.websocketId === currentMessage.value!.taskId)
-  if (task) {
-    // TODO: 实现WebSocket消息回复机制
-    addTaskLog(task, `用户回复: ${messageResponse.value}`, 'info')
-    message.warning('消息回复功能待重构为WebSocket发送')
-  }
-  messageModalVisible.value = false
-  messageResponse.value = ''
-  currentMessage.value = null
+// 工具函数
+const getTaskName = (taskId: string) => {
+  const option = taskOptions.value.find(opt => opt.value === taskId)
+  return option?.label || '未知任务'
 }
 
-// 停止任务 - 已重构为新的WebSocket取消订阅
-const stopTask = (id: string) => {
-  const idx = currentTab.value.runningTasks.findIndex(t => t.websocketId === id)
-  if (idx >= 0) {
-    const task = currentTab.value.runningTasks[idx]
-    unsubscribe(task.websocketId)
-    currentTab.value.runningTasks.splice(idx, 1)
-    const p = currentTab.value.activeTaskPanels.indexOf(id)
-    if (p >= 0) currentTab.value.activeTaskPanels.splice(p, 1)
-    message.success('任务已停止')
+const getTabStatusColor = (status: string): string => {
+  const colorMap: Record<string, string> = {
+    '新建': 'default',
+    '运行': 'processing',
+    '结束': 'success'
+  }
+  return colorMap[status] || 'default'
+}
+
+const getQueueStatusColor = (status: string) => {
+  if (/成功|完成|已完成/.test(status)) return 'green'
+  if (/失败|错误|异常/.test(status)) return 'red'
+  if (/等待|排队|挂起/.test(status)) return 'orange'
+  if (/进行|执行|运行/.test(status)) return 'blue'
+  return 'default'
+}
+
+const filterTaskOption = (input: string, option: any) => {
+  return (option?.label || '').toLowerCase().includes(input.toLowerCase())
+}
+
+// 加载任务选项
+const loadTaskOptions = async () => {
+  try {
+    taskOptionsLoading.value = true
+    const response = await Service.getTaskComboxApiInfoComboxTaskPost()
+    if (response.code === 200) {
+      taskOptions.value = response.data
+    } else {
+      message.error('获取任务列表失败')
+    }
+  } catch (error) {
+    console.error('获取任务列表失败:', error)
+    message.error('获取任务列表失败')
+  } finally {
+    taskOptionsLoading.value = false
   }
 }
 
 // 生命周期
-onMounted(() => { 
-  // WebSocket 连接由 useWebSocket 模块自动管理，这里只加载任务选项
-  loadTaskOptions() 
+onMounted(() => {
+  loadTaskOptions()
 })
-onUnmounted(() => { 
-  // 清理订阅，但不断开全局连接
-  schedulerTabs.value.forEach(tab => tab.runningTasks.forEach(t => unsubscribe(t.websocketId))) 
+
+onUnmounted(() => {
+  // 清理定时器
+  if (powerCountdownTimer) {
+    clearInterval(powerCountdownTimer)
+  }
+  
+  // 取消所有订阅
+  schedulerTabs.value.forEach(tab => {
+    if (tab.websocketId) {
+      unsubscribe(tab.websocketId)
+    }
+  })
 })
 </script>
 
 <style scoped>
-.scheduler-container {
-  height: calc(100vh - 64px);
+/* 全局样式 - 禁用页面滚动 */
+:global(html, body) {
+  overflow: hidden;
+}
+
+/* 页面容器 */
+.scheduler-page {
+  height: 100vh;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
+}
+
+/* 页面头部样式 */
+.scheduler-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 4px 24px; /* 使用 padding-bottom 替代 margin-bottom */
+  flex-shrink: 0;
+}
+
+.header-left {
+  flex: 1;
+}
+
+.page-title {
+  margin: 0;
+  font-size: 32px;
+  font-weight: 700;
+  color: var(--ant-color-text);
+  background: linear-gradient(135deg, var(--ant-color-primary), var(--ant-color-primary-hover));
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.header-actions {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.power-label {
+  font-size: 14px;
+  color: #595959;
+  white-space: nowrap;
 }
 
 .scheduler-tabs {
   flex: 1;
   overflow: hidden;
+  background: transparent;
+  display: flex; /* 使其成为 flex 容器 */
+  flex-direction: column;
+  padding-bottom: 16px; /* 将间距放在这里 */
 }
 
-.header-actions {
+.scheduler-tabs :deep(.ant-tabs) {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-  padding: 16px;
-  border-radius: 8px;
+  flex-direction: column;
+  height: 100%;
+}
+
+.scheduler-tabs :deep(.ant-tabs-content-holder) {
+  flex: 1; /* 自动填充剩余空间 */
+  min-height: 0; /* 关键修复：允许在 flex item 内部滚动 */
+  overflow: hidden;
+  background: transparent;
+}
+
+.scheduler-tabs :deep(.ant-tabs-tabpane) {
+  height: 100%;
+  overflow: hidden;
+}
+
+.scheduler-tabs :deep(.ant-tabs-nav) {
+  margin-bottom: 0; /* 移除罪魁祸首 */
+}
+
+.scheduler-tabs :deep(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab) {
+  background: var(--ant-color-bg-container);
   border: 1px solid var(--ant-color-border);
+  border-radius: 6px 6px 0 0;
+  margin-right: 4px;
 }
 
-.left-actions {
-  display: flex;
-  align-items: center;
+.scheduler-tabs :deep(.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active) {
+  background: var(--ant-color-bg-container);
+  border-bottom-color: var(--ant-color-bg-container);
 }
 
-.completion-label {
+.tab-title {
   margin-right: 8px;
-  font-weight: 500;
 }
 
-.right-actions {
-  display: flex;
-  align-items: center;
+.tab-status {
+  margin-left: 4px;
 }
 
-.execution-area {
-  flex: 1;
-  overflow-y: auto;
-  padding: 16px;
+.tab-lock-icon {
+  margin-left: 4px;
+  font-size: 12px;
+  opacity: 0.7;
 }
 
-.empty-state {
-  text-align: center;
-  color: #999;
-  padding: 40px 0;
-}
-
-.task-panels {
-  margin-top: 16px;
-}
-
-.realtime-logs-panel {
+.task-unified-card {
+  height: 100%;
+  overflow: hidden;
+  border-radius: 12px;
+  border: 1px solid var(--ant-color-border);
+  background: var(--ant-color-bg-container);
   display: flex;
   flex-direction: column;
 }
 
-.panel-header {
+.status-row {
+  flex: 1;
+  height: auto !important;
+  min-height: 0;
+}
+
+.unified-control-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+  flex-shrink: 0;
+  margin-bottom: 16px; /* 将margin移到这里，在flex容器内部 */
+}
+
+.control-spacer {
+  flex: 1;
+}
+
+.status-column {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  background-color: var(--ant-color-bg-container);
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+/* section header 样式 */
+.section-header {
+  margin-bottom: 0;
+  padding: 16px 16px 12px;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--ant-color-border);
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--ant-color-text);
+  flex-shrink: 0;
 }
 
-.panel-content {
+.section-header h3 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--ant-color-text);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.section-header h3::before {
+  content: '';
+  width: 3px;
+  height: 18px;
+  background: linear-gradient(135deg, var(--ant-color-primary), var(--ant-color-primary-hover));
+  border-radius: 2px;
+}
+
+.column-content {
   flex: 1;
   overflow-y: auto;
-  padding: 8px;
+  padding: 16px;
+  min-height: 0;
 }
 
 .log-content {
   font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
   font-size: 12px;
   line-height: 1.4;
-}
-
-.queue-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 6px 8px;
-  margin-bottom: 4px;
-  border-radius: 4px;
-  font-size: 12px;
+  background: var(--ant-color-bg-layout);
+  border: 1px solid var(--ant-color-border);
+  border-radius: 8px;
+  padding: 12px;
+  /* 移除height: 100%，让它继承column-content的布局 */
 }
 
 .queue-item-name {
-  flex: 1;
+  font-size: 13px;
   color: var(--ant-color-text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.queue-item-status {
-  font-size: 11px;
-  padding: 2px 6px;
-  border-radius: 3px;
+  margin-right: 8px;
   font-weight: 500;
 }
 
-.empty-queue {
-  text-align: center;
-  color: var(--ant-color-text-tertiary);
-  font-size: 12px;
-  padding: 20px;
+.extra-status-tag {
+  margin-left: 4px;
 }
 
 .log-line {
   display: flex;
   margin-bottom: 2px;
+  padding: 2px 0;
   word-break: break-all;
 }
 
 .log-time {
   color: var(--ant-color-text-tertiary);
-  margin-right: 8px;
+  margin-right: 12px;
   flex-shrink: 0;
   min-width: 80px;
+  font-size: 11px;
 }
 
 .log-message {
   flex: 1;
+  font-size: 12px;
 }
 
 .log-info .log-message {
@@ -633,13 +983,205 @@ onUnmounted(() => {
 
 .log-success .log-message {
   color: var(--ant-color-success);
+  font-weight: 500;
 }
 
 .log-warning .log-message {
   color: var(--ant-color-warning);
+  font-weight: 500;
 }
 
 .log-error .log-message {
   color: var(--ant-color-error);
+  font-weight: 500;
+}
+
+.power-countdown {
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+}
+
+.power-countdown p {
+  margin: 0 0 16px 0;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.power-countdown strong {
+  color: var(--ant-color-warning);
+}
+
+/* 小尺寸空状态样式 */
+.empty-state-mini {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 32px 16px;
+  text-align: center;
+}
+
+.empty-image-mini {
+  max-width: 80px;
+  max-height: 80px;
+  width: auto;
+  height: auto;
+  margin-bottom: 12px;
+  opacity: 0.6;
+  object-fit: contain;
+}
+
+.empty-text-mini {
+  margin: 0;
+  font-size: 14px;
+  color: var(--ant-color-text-secondary);
+}
+
+/* 自定义滚动条样式 */
+.column-content::-webkit-scrollbar,
+.log-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+.column-content::-webkit-scrollbar-track,
+.log-content::-webkit-scrollbar-track {
+  background: var(--ant-color-bg-layout);
+  border-radius: 3px;
+}
+
+.column-content::-webkit-scrollbar-thumb,
+.log-content::-webkit-scrollbar-thumb {
+  background: var(--ant-color-border);
+  border-radius: 3px;
+}
+
+.column-content::-webkit-scrollbar-thumb:hover,
+.log-content::-webkit-scrollbar-thumb:hover {
+  background: var(--ant-color-text-tertiary);
+}
+
+/* 响应式设计 */
+@media (max-width: 1200px) {
+  .unified-control-row {
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+  
+  .header-actions {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+  
+  .page-title {
+    font-size: 28px;
+  }
+}
+
+@media (max-width: 768px) {
+  .scheduler-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+  }
+  
+  .header-actions {
+    width: 100%;
+    justify-content: flex-start;
+  }
+  
+  .page-title {
+    font-size: 24px;
+  }
+  
+  .unified-control-row {
+    flex-direction: column;
+    align-items: stretch;
+    padding: 12px 16px;
+  }
+  
+  .unified-control-row > * {
+    width: 100%;
+  }
+  
+  .control-spacer {
+    display: none;
+  }
+  
+  .status-column {
+    padding: 16px;
+  }
+}
+
+/* Ant Design 组件自定义样式 */
+:deep(.ant-tabs-content-holder) {
+  overflow: hidden;
+  background: transparent;
+}
+
+:deep(.ant-tabs-tabpane) {
+  height: 100%;
+  overflow: hidden;
+}
+
+:deep(.ant-row) {
+  flex: 1;
+  height: 100%;
+  min-height: 0;
+}
+
+:deep(.ant-col) {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+:deep(.ant-list-item) {
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+  transition: background-color 0.2s ease;
+}
+
+:deep(.ant-list-item:hover) {
+  background-color: var(--ant-color-fill-tertiary);
+}
+
+:deep(.ant-list-item:last-child) {
+  border-bottom: none;
+}
+
+:deep(.ant-list-item-meta-title) {
+  margin-bottom: 4px;
+  font-size: 13px;
+  font-weight: 500;
+}
+
+:deep(.ant-list-item-meta-description) {
+  font-size: 12px;
+  color: var(--ant-color-text-secondary);
+}
+
+:deep(.ant-tag) {
+  margin: 0;
+  font-size: 11px;
+  line-height: 18px;
+  border-radius: 6px;
+  font-weight: 500;
+}
+
+:deep(.ant-progress-inner) {
+  background-color: var(--ant-color-fill-secondary);
+}
+
+:deep(.ant-progress-bg) {
+  background: linear-gradient(90deg, var(--ant-color-warning), var(--ant-color-error));
+}
+
+:deep(.ant-select) {
+  border-radius: 6px;
+}
+
+:deep(.ant-btn) {
+  border-radius: 6px;
+  font-weight: 500;
 }
 </style>
diff --git a/frontend/src/views/Scripts.vue b/frontend/src/views/Scripts.vue
index 717b5f5..ab40894 100644
--- a/frontend/src/views/Scripts.vue
+++ b/frontend/src/views/Scripts.vue
@@ -40,8 +40,8 @@
     @add-user="handleAddUser"
     @edit-user="handleEditUser"
     @delete-user="handleDeleteUser"
-    @maa-config="handleMAAConfig"
-    @disconnect-maa="handleDisconnectMAA"
+    @start-maa-config="handleStartMAAConfig"
+    @save-maa-config="handleSaveMAAConfig"
     @toggle-user-status="handleToggleUserStatus"
   />
 
@@ -232,6 +232,8 @@ import { useScriptApi } from '@/composables/useScriptApi'
 import { useUserApi } from '@/composables/useUserApi'
 import { useWebSocket } from '@/composables/useWebSocket'
 import { useTemplateApi, type WebConfigTemplate } from '@/composables/useTemplateApi'
+import { Service } from '@/api/services/Service'
+import { TaskCreateIn } from '@/api/models/TaskCreateIn'
 import MarkdownIt from 'markdown-it'
 
 const router = useRouter()
@@ -494,51 +496,89 @@ const handleDeleteUser = async (user: User) => {
   }
 }
 
-const handleMAAConfig = async (script: Script) => {
+const handleStartMAAConfig = async (script: Script) => {
   try {
     // 检查是否已有连接
     const existingConnection = activeConnections.value.get(script.id)
     if (existingConnection) {
-      message.warning('该脚本已在配置中，请先断开连接')
+      message.warning('该脚本已在配置中，请先保存配置')
       return
     }
 
-    // 新订阅
-    subscribe(script.id, {
-      onError: error => {
-        console.error(`脚本 ${script.name} 连接错误:`, error)
-        message.error(`MAA配置连接失败: ${error}`)
-        activeConnections.value.delete(script.id)
-      },
+    // 调用启动配置任务API
+    const response = await Service.addTaskApiDispatchStartPost({
+      taskId: script.id,
+      mode: TaskCreateIn.mode.SettingScriptMode
     })
 
-    // 记录连接
-    activeConnections.value.set(script.id, script.id)
-    message.success(`已开始配置 ${script.name}`)
-
-    // 可选：设置自动断开连接的定时器（比如30分钟后）
-    setTimeout(
-      () => {
-        if (activeConnections.value.has(script.id)) {
-          unsubscribe(script.id)
+    if (response.code === 200) {
+      // 订阅WebSocket消息
+      subscribe(response.websocketId, {
+        onError: error => {
+          console.error(`脚本 ${script.name} 连接错误:`, error)
+          message.error(`MAA配置连接失败: ${error}`)
           activeConnections.value.delete(script.id)
-          message.info(`${script.name} 配置会话已超时断开`)
+        },
+        onResult: (data: any) => {
+          // 处理配置完成消息（兼容任何结构）
+          if (data.Accomplish) {
+            message.success(`${script.name} 配置已完成`)
+            activeConnections.value.delete(script.id)
+          }
         }
-      },
-      30 * 60 * 1000
-    ) // 30分钟
+      })
+
+      // 记录连接和websocketId
+      activeConnections.value.set(script.id, response.websocketId)
+      message.success(`已启动 ${script.name} 的MAA配置`)
+
+      // 设置自动断开连接的定时器（30分钟后）
+      setTimeout(
+        () => {
+          if (activeConnections.value.has(script.id)) {
+            const wsId = activeConnections.value.get(script.id)
+            if (wsId) {
+              unsubscribe(wsId)
+            }
+            activeConnections.value.delete(script.id)
+            message.info(`${script.name} 配置会话已超时断开`)
+          }
+        },
+        30 * 60 * 1000
+      ) // 30分钟
+    } else {
+      message.error(response.message || '启动MAA配置失败')
+    }
   } catch (error) {
-    console.error('MAA配置失败:', error)
-    message.error('MAA配置失败')
+    console.error('启动MAA配置失败:', error)
+    message.error('启动MAA配置失败')
   }
 }
 
-const handleDisconnectMAA = (script: Script) => {
-  const connectionId = activeConnections.value.get(script.id)
-  if (connectionId) {
-    unsubscribe(script.id)
-    activeConnections.value.delete(script.id)
-    message.success(`已断开 ${script.name} 的配置连接`)
+const handleSaveMAAConfig = async (script: Script) => {
+  try {
+    const websocketId = activeConnections.value.get(script.id)
+    if (!websocketId) {
+      message.error('未找到活动的配置会话')
+      return
+    }
+
+    // 调用停止配置任务API
+    const response = await Service.stopTaskApiDispatchStopPost({
+      taskId: websocketId
+    })
+
+    if (response.code === 200) {
+      // 取消订阅
+      unsubscribe(websocketId)
+      activeConnections.value.delete(script.id)
+      message.success(`${script.name} 的配置已保存`)
+    } else {
+      message.error(response.message || '保存配置失败')
+    }
+  } catch (error) {
+    console.error('保存MAA配置失败:', error)
+    message.error('保存MAA配置失败')
   }
 }
 

From 3b9d27383b06d66a879b8e3038f9dead291978ff Mon Sep 17 00:00:00 2001
From: DLmaster361 <DLmaster_361@163.com>
Date: Sun, 14 Sep 2025 22:34:06 +0800
Subject: [PATCH 7/8] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DMAA=E8=BF=90?=
 =?UTF-8?q?=E8=A1=8C=E6=97=B6=E9=94=99=E8=AF=AF=E8=8E=B7=E5=8F=96user=5Fid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/models/ConfigBase.py           | 2 ++
 app/task/MAA.py                    | 8 ++++----
 frontend/src/views/MAAUserEdit.vue | 1 -
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/models/ConfigBase.py b/app/models/ConfigBase.py
index 40d6c28..c484491 100644
--- a/app/models/ConfigBase.py
+++ b/app/models/ConfigBase.py
@@ -308,6 +308,8 @@ class ConfigItem:
             要设置的值, 可以是任何合法类型
         """
 
+        print(self.group, self.name, value, self.value)
+
         if (
             dpapi_decrypt(self.value)
             if isinstance(self.validator, EncryptValidator)
diff --git a/app/task/MAA.py b/app/task/MAA.py
index 96b603d..4c8dd45 100644
--- a/app/task/MAA.py
+++ b/app/task/MAA.py
@@ -1357,12 +1357,12 @@ class MaaManager:
             elif self.user_id is not None:
                 if (
                     Path.cwd()
-                    / f"data/{self.script_id}/{self.user_id}/ConfigFile/gui.json"
+                    / f"data/{self.script_id}/{self.user_list[self.index]['user_id']}/ConfigFile/gui.json"
                 ).exists():
                     shutil.copy(
                         (
                             Path.cwd()
-                            / f"data/{self.script_id}/{self.user_id}/ConfigFile/gui.json"
+                            / f"data/{self.script_id}/{self.user_list[self.index]['user_id']}/ConfigFile/gui.json"
                         ),
                         self.maa_set_path,
                     )
@@ -1597,7 +1597,7 @@ class MaaManager:
 
                         if (
                             Path.cwd()
-                            / f"data/{self.script_id}/{self.user_id}/Infrastructure/infrastructure.json"
+                            / f"data/{self.script_id}/{self.user_list[self.index]['user_id']}/Infrastructure/infrastructure.json"
                         ).exists():
 
                             data["Configurations"]["Default"][
@@ -1618,7 +1618,7 @@ class MaaManager:
                                 "Infrast.CustomInfrastFile"
                             ] = str(
                                 Path.cwd()
-                                / f"data/{self.script_id}/{self.user_id}/Infrastructure/infrastructure.json"
+                                / f"data/{self.script_id}/{self.user_list[self.index]['user_id']}/Infrastructure/infrastructure.json"
                             )  # 自定义基建配置文件地址
                         else:
                             logger.warning(
diff --git a/frontend/src/views/MAAUserEdit.vue b/frontend/src/views/MAAUserEdit.vue
index 554e846..42e36ae 100644
--- a/frontend/src/views/MAAUserEdit.vue
+++ b/frontend/src/views/MAAUserEdit.vue
@@ -1027,7 +1027,6 @@ import { useWebSocket } from '@/composables/useWebSocket'
 import { Service } from '@/api'
 import { GetStageIn } from '@/api/models/GetStageIn'
 import { TaskCreateIn } from '@/api/models/TaskCreateIn'
-import { defineComponent } from 'vue'
 
 const router = useRouter()
 const route = useRoute()

From 1ae2a9bb87fe0600ca91f39df88e285839c200b0 Mon Sep 17 00:00:00 2001
From: DLmaster361 <DLmaster_361@163.com>
Date: Sun, 14 Sep 2025 22:39:32 +0800
Subject: [PATCH 8/8] =?UTF-8?q?fix:=20=E5=86=8D=E6=AC=A1=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E4=B8=8A=E4=B8=80=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/task/MAA.py | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/task/MAA.py b/app/task/MAA.py
index 4c8dd45..458d96f 100644
--- a/app/task/MAA.py
+++ b/app/task/MAA.py
@@ -1339,7 +1339,7 @@ class MaaManager:
                 shutil.copy(
                     (
                         Path.cwd()
-                        / f"data/{self.script_id}/{self.user_id}/ConfigFile/gui.json"
+                        / f"data/{self.script_id}/{self.user_list[self.index]['user_id']}/ConfigFile/gui.json"
                     ),
                     self.maa_set_path,
                 )
@@ -1357,12 +1357,12 @@ class MaaManager:
             elif self.user_id is not None:
                 if (
                     Path.cwd()
-                    / f"data/{self.script_id}/{self.user_list[self.index]['user_id']}/ConfigFile/gui.json"
+                    / f"data/{self.script_id}/{self.user_id}/ConfigFile/gui.json"
                 ).exists():
                     shutil.copy(
                         (
                             Path.cwd()
-                            / f"data/{self.script_id}/{self.user_list[self.index]['user_id']}/ConfigFile/gui.json"
+                            / f"data/{self.script_id}/{self.user_id}/ConfigFile/gui.json"
                         ),
                         self.maa_set_path,
                     )