feat(initialization): 新增管理员权限检查和自动启动功能

- 添加 AdminCheck 组件，用于提示用户需要管理员权限
- 实现 AutoMode 组件，用于自动启动后端服务
- 更新 DependenciesStep组件，移除部分镜像源
- 注释掉路由守卫代码，暂时不启用初始化页面强制跳转

frontend/README.md

@@ -1,4 +1,4 @@
-# AUTO MAA Frontend
+# AUTO_MAA Frontend
 
 基于 Vue 3 + TypeScript + Ant Design Vue + Electron 的桌面应用程序。
 

frontend/package.json

@@ -13,7 +13,7 @@
   },
   "build": {
     "appId": "xyz.automaa.frontend",
-    "productName": "AUTO MAA",
+    "productName": "AUTO_MAA",
     "files": [
       "dist",
       "dist-electron",

frontend/src/components/AppLayout.vue

@@ -12,7 +12,7 @@
       <div class="sider-content">
         <!-- Logo区域 - 点击切换展开/折叠 -->
         <div class="logo" @click="collapsed = !collapsed">
-          <img src="/src/assets/AUTO_MAA.ico" alt="AUTO MAA" class="logo-image" />
+          <img src="/src/assets/AUTO_MAA.ico" alt="AUTO_MAA" class="logo-image" />
           <div v-if="!collapsed" class="logo-text">AUTO_MAA</div>
         </div>
 

frontend/src/components/ScriptTable.vue

@@ -17,7 +17,7 @@
               alt="MAA"
               class="script-logo"
             />
-            <img v-else src="@/assets/AUTO_MAA.png" alt="AUTO MAA" class="script-logo" />
+            <img v-else src="@/assets/AUTO_MAA.png" alt="AUTO_MAA" class="script-logo" />
           </div>
           <div class="script-info">
             <div class="script-title">{{ record.name }}</div>

frontend/src/components/initialization/AdminCheck.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="admin-check">
+    <a-result
+      status="warning"
+      title="需要管理员权限"
+      sub-title="为了正常安装和配置环境，请以管理员权限运行此应用"
+    >
+      <template #extra>
+        <a-button type="primary" @click="handleRestartAsAdmin">
+          重新以管理员权限启动
+        </a-button>
+      </template>
+    </a-result>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { createComponentLogger } from '@/utils/logger'
+
+const logger = createComponentLogger('AdminCheck')
+
+async function handleRestartAsAdmin() {
+  try {
+    await window.electronAPI.restartAsAdmin()
+  } catch (error) {
+    logger.error('重启为管理员失败', error)
+  }
+}
+</script>
+
+<style scoped>
+.admin-check {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 60vh;
+}
+</style>

frontend/src/components/initialization/AutoMode.vue

@@ -0,0 +1,224 @@
+<template>
+  <div class="auto-mode">
+    <div class="header">
+      <img src="/src/assets/AUTO_MAA.png" alt="logo" class="logo" />
+      <a-typography-title :level="1">AUTO_MAA</a-typography-title>
+    </div>
+    <div class="tip">
+      <a-typography-title :level="3">检测到环境已配置，正在启动后端~~</a-typography-title>
+    </div>
+
+    <div class="auto-progress">
+      <a-spin size="large" />
+      <div class="progress-text">{{ progressText }}</div>
+      <a-progress :percent="progress" :status="progressStatus" />
+    </div>
+
+    <div class="auto-actions">
+      <a-button @click="handleSwitchToManual" type="primary" size="large">重新配置环境</a-button>
+      <a-button @click="handleForceEnter" type="default" size="large">强行进入应用</a-button>
+    </div>
+  </div>
+
+  <!-- 弹窗 -->
+  <a-modal
+    v-model:open="forceEnterVisible"
+    title="警告"
+    ok-text="我知道我在做什么"
+    cancel-text="取消"
+    @ok="handleForceEnterConfirm"
+  >
+    <a-alert
+      message="注意"
+      description="你正在尝试跳过后端启动流程，可能导致程序无法正常运行。请确保你已经手动完成了所有配置并且后端已成功启动。"
+      type="warning"
+      show-icon
+    />
+  </a-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { createComponentLogger } from '@/utils/logger'
+import { getConfig } from '@/utils/config'
+import router from '@/router'
+
+const logger = createComponentLogger('AutoMode')
+
+// Props
+interface Props {
+  onSwitchToManual: () => void
+  onAutoComplete: () => void
+}
+
+const props = defineProps<Props>()
+
+// 状态
+const progress = ref(0)
+const progressText = ref('')
+const progressStatus = ref<'normal' | 'exception' | 'success'>('normal')
+
+// 状态：控制弹窗显隐
+const forceEnterVisible = ref(false)
+
+// 点击“强行进入应用”按钮，显示弹窗
+function handleForceEnter() {
+  forceEnterVisible.value = true
+}
+
+// 确认弹窗中的“我知道我在做什么”按钮，直接进入应用
+function handleForceEnterConfirm() {
+  forceEnterVisible.value = false
+  router.push('/home')
+}
+
+// 事件处理
+function handleSwitchToManual() {
+  props.onSwitchToManual()
+}
+
+// 自动启动流程
+async function startAutoProcess() {
+  try {
+    // 获取配置中保存的镜像源设置
+    const config = await getConfig()
+
+    progressText.value = '检查Git仓库更新...'
+    progress.value = 20
+
+    // 检查Git仓库是否有更新
+    const hasUpdate = await checkGitUpdate()
+
+    if (hasUpdate) {
+      progressText.value = '发现更新，正在更新代码...'
+      progress.value = 40
+
+      // 使用配置中保存的Git镜像源
+      const gitMirrorUrl = getGitMirrorUrl(config.selectedGitMirror)
+      const result = await window.electronAPI.updateBackend(gitMirrorUrl)
+      if (!result.success) {
+        throw new Error(`代码更新失败: ${result.error}`)
+      }
+
+      progressText.value = '更新依赖包...'
+      progress.value = 60
+
+      // 使用配置中保存的pip镜像源
+      const pipResult = await window.electronAPI.installDependencies(config.selectedPipMirror)
+      if (!pipResult.success) {
+        throw new Error(`依赖更新失败: ${pipResult.error}`)
+      }
+    }
+
+    progressText.value = '启动后端服务...'
+    progress.value = 80
+    await startBackendService()
+
+    progressText.value = '启动完成！'
+    progress.value = 100
+    progressStatus.value = 'success'
+
+    logger.info('自动启动流程完成，即将进入应用')
+
+    // 延迟0.5秒后自动进入应用
+    // todo 记得修改这里，为了调试加长了5000s
+    setTimeout(() => {
+      props.onAutoComplete()
+    }, 5000000)
+  } catch (error) {
+    logger.error('自动启动流程失败', error)
+    progressText.value = `自动启动失败: ${error instanceof Error ? error.message : String(error)}`
+    progressStatus.value = 'exception'
+
+    // 5秒后提供切换到手动模式的选项
+    setTimeout(() => {
+      if (progressStatus.value === 'exception') {
+        progressText.value = '自动启动失败，请点击下方按钮重新配置环境'
+      }
+    }, 5000)
+  }
+}
+
+// 检查Git更新（简化版本，实际可以调用Git API）
+async function checkGitUpdate(): Promise<boolean> {
+  // 这里可以实现更复杂的Git更新检查逻辑
+  // 暂时返回false，表示没有更新
+  return false
+}
+
+// 根据镜像源key获取对应的URL
+function getGitMirrorUrl(mirrorKey: string): string {
+  const mirrors = {
+    github: 'https://github.com/DLmaster361/AUTO_MAA.git',
+    ghfast: 'https://ghfast.top/https://github.com/DLmaster361/AUTO_MAA.git',
+  }
+  return mirrors[mirrorKey as keyof typeof mirrors] || mirrors.github
+}
+
+// 启动后端服务
+async function startBackendService() {
+  const result = await window.electronAPI.startBackend()
+  if (!result.success) {
+    throw new Error(`后端服务启动失败: ${result.error}`)
+  }
+}
+
+// 组件挂载时开始自动流程
+onMounted(() => {
+  startAutoProcess()
+})
+</script>
+
+<style scoped>
+.auto-mode {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 60vh;
+}
+
+.header {
+  text-align: center;
+  margin-bottom: 40px;
+  margin-top: 100px;
+  flex: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+}
+
+.header h1 {
+  font-size: 38px;
+  font-weight: 600;
+  color: var(--ant-color-text);
+  margin-bottom: 8px;
+}
+
+.logo {
+  width: 100px;
+  height: 100px;
+}
+
+.auto-progress {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+  margin: 40px 0;
+  width: 400px;
+}
+
+.progress-text {
+  font-size: 16px;
+  color: var(--ant-color-text);
+  text-align: center;
+}
+
+.auto-actions {
+  margin-top: 20px;
+  display: flex;
+  gap: 20px;
+}
+</style>

frontend/src/components/initialization/DependenciesStep.vue

@@ -50,9 +50,7 @@ const pipMirrors = ref<Mirror[]>([
   { key: 'official', name: 'PyPI 官方', url: 'https://pypi.org/simple/', speed: null },
   { key: 'tsinghua', name: '清华大学', url: 'https://pypi.tuna.tsinghua.edu.cn/simple/', speed: null },
   { key: 'aliyun', name: '阿里云', url: 'https://mirrors.aliyun.com/pypi/simple/', speed: null },
-  { key: 'douban', name: '豆瓣', url: 'https://pypi.douban.com/simple/', speed: null },
   { key: 'ustc', name: '中科大', url: 'https://pypi.mirrors.ustc.edu.cn/simple/', speed: null },
-  { key: 'huawei', name: '华中科技大学', url: 'https://pypi.hustunique.com/simple/', speed: null }
 ])
 
 const selectedPipMirror = ref('tsinghua')

frontend/src/components/initialization/ManualMode.vue

@@ -0,0 +1,503 @@
+<template>
+  <div class="manual-mode">
+    <div class="header">
+      <h1>AUTO_MAA 初始化向导</h1>
+      <p>欢迎使用 AUTO_MAA，让我们来配置您的运行环境</p>
+      
+      <div class="header-actions">
+        <a-button size="large" type="primary" @click="handleSkipToHome">
+          跳转至首页（仅开发用）
+        </a-button>
+        <a-button size="large" type="default" @click="handleJumpToStep(6)" style="margin-left: 16px;">
+          跳到启动服务（第七步）
+        </a-button>
+      </div>
+    </div>
+
+    <a-steps 
+      :current="currentStep" 
+      :status="stepStatus"
+      class="init-steps"
+    >
+      <a-step title="主题设置" description="选择您喜欢的主题" />
+      <a-step title="Python 环境" description="安装 Python 运行环境" />
+      <a-step title="pip 安装" description="安装 Python 包管理器" />
+      <a-step title="Git 工具" description="安装 Git 版本控制工具" />
+      <a-step title="源码获取" description="获取最新的后端代码" />
+      <a-step title="依赖安装" description="安装 Python 依赖包" />
+      <a-step title="启动服务" description="启动后端服务" />
+    </a-steps>
+
+    <!-- 全局进度条 -->
+    <div v-if="isProcessing" class="global-progress">
+      <a-progress 
+        :percent="globalProgress" 
+        :status="globalProgressStatus"
+        :show-info="true"
+      />
+      <div class="progress-text">{{ progressText }}</div>
+    </div>
+
+    <div class="step-content">
+      <!-- 步骤 0: 主题设置 -->
+      <ThemeStep v-if="currentStep === 0" ref="themeStepRef" />
+
+      <!-- 步骤 1: Python 环境 -->
+      <PythonStep v-if="currentStep === 1" :python-installed="pythonInstalled" ref="pythonStepRef" />
+
+      <!-- 步骤 2: pip 安装 -->
+      <PipStep v-if="currentStep === 2" :pip-installed="pipInstalled" />
+
+      <!-- 步骤 3: Git 工具 -->
+      <GitStep v-if="currentStep === 3" :git-installed="gitInstalled" />
+
+      <!-- 步骤 4: 源码获取 -->
+      <BackendStep v-if="currentStep === 4" :backend-exists="backendExists" ref="backendStepRef" />
+
+      <!-- 步骤 5: 依赖安装 -->
+      <DependenciesStep v-if="currentStep === 5" ref="dependenciesStepRef" />
+
+      <!-- 步骤 6: 启动服务 -->
+      <ServiceStep v-if="currentStep === 6" ref="serviceStepRef" />
+    </div>
+
+    <div class="step-actions">
+      <a-button
+        type="default"
+        size="large"
+        :disabled="currentStep === 0 || isProcessing"
+        @click="handlePrevStep"
+      >
+        上一步
+      </a-button>
+
+
+      <a-button 
+        v-if="currentStep < 6"
+        size="large"
+        type="primary" 
+        @click="handleNextStep"
+        :loading="isProcessing"
+      >
+        {{ getNextButtonText() }}
+      </a-button>
+      
+      <!-- 第7步启动服务按钮 -->
+      <a-button 
+        v-if="currentStep === 6 && !serviceStarted" 
+        type="primary"
+        size="large"
+        @click="handleNextStep"
+        :loading="isProcessing"
+      >
+        启动服务
+      </a-button>
+      
+      <!-- 服务启动完成后的进入应用按钮 -->
+      <a-button 
+        v-if="currentStep === 6 && serviceStarted" 
+        type="primary" 
+        @click="handleEnterApp"
+      >
+        进入应用
+      </a-button>
+    </div>
+
+    <div v-if="errorMessage" class="error-message">
+      <a-alert 
+        :message="errorMessage" 
+        type="error" 
+        show-icon 
+        closable
+        @close="errorMessage = ''"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { createComponentLogger } from '@/utils/logger'
+import { saveConfig } from '@/utils/config'
+import ThemeStep from './ThemeStep.vue'
+import PythonStep from './PythonStep.vue'
+import PipStep from './PipStep.vue'
+import GitStep from './GitStep.vue'
+import BackendStep from './BackendStep.vue'
+import DependenciesStep from './DependenciesStep.vue'
+import ServiceStep from './ServiceStep.vue'
+
+const logger = createComponentLogger('ManualMode')
+
+// Props
+interface Props {
+  // 状态
+  pythonInstalled: boolean
+  pipInstalled: boolean
+  gitInstalled: boolean
+  backendExists: boolean
+  dependenciesInstalled: boolean
+  serviceStarted: boolean
+  
+  // 事件处理函数
+  onSkipToHome: () => void
+  onEnterApp: () => void
+  onProgressUpdate: (progress: { progress: number; status: string; message: string }) => void
+}
+
+const props = defineProps<Props>()
+
+// 基础状态
+const currentStep = ref(0)
+const stepStatus = ref<'wait' | 'process' | 'finish' | 'error'>('process')
+const errorMessage = ref('')
+const isProcessing = ref(false)
+
+// 全局进度条状态
+const globalProgress = ref(0)
+const globalProgressStatus = ref<'normal' | 'exception' | 'success'>('normal')
+const progressText = ref('')
+
+// 组件引用
+const themeStepRef = ref()
+const pythonStepRef = ref()
+const backendStepRef = ref()
+const dependenciesStepRef = ref()
+const serviceStepRef = ref()
+
+// 事件处理
+function handleSkipToHome() {
+  props.onSkipToHome()
+}
+
+function handleJumpToStep(step: number) {
+  currentStep.value = step
+}
+
+function handleEnterApp() {
+  props.onEnterApp()
+}
+
+// 步骤控制
+function handlePrevStep() {
+  if (currentStep.value > 0) {
+    currentStep.value--
+  }
+}
+
+async function handleNextStep() {
+  console.log('nextStep 被调用，当前步骤:', currentStep.value)
+  isProcessing.value = true
+  errorMessage.value = ''
+  
+  try {
+    switch (currentStep.value) {
+      case 0: // 主题设置
+        console.log('执行主题设置')
+        await themeStepRef.value?.saveSettings()
+        break
+      case 1: // Python 环境
+        console.log('执行Python环境安装')
+        if (!props.pythonInstalled) {
+          await installPython()
+        }
+        break
+      case 2: // pip 安装
+        console.log('执行pip安装')
+        if (!props.pipInstalled) {
+          await installPip()
+        }
+        break
+      case 3: // Git 工具
+        console.log('执行Git工具安装')
+        if (!props.gitInstalled) {
+          await installGit()
+        }
+        break
+      case 4: // 源码获取
+        console.log('执行源码获取')
+        if (!props.backendExists) {
+          await cloneBackend()
+        } else {
+          await updateBackend()
+        }
+        break
+      case 5: // 依赖安装
+        console.log('执行依赖安装')
+        if (!props.dependenciesInstalled) {
+          await installDependencies()
+        }
+        break
+      case 6: // 启动服务
+        console.log('执行启动服务')
+        await startBackendService()
+        break
+    }
+    
+    if (currentStep.value < 6) {
+      currentStep.value++
+      // 进入新步骤时自动开始测速
+      await autoStartSpeedTest()
+    }
+  } catch (error) {
+    console.error('nextStep 执行出错:', error)
+    errorMessage.value = error instanceof Error ? error.message : String(error)
+    stepStatus.value = 'error'
+  } finally {
+    isProcessing.value = false
+  }
+}
+
+function getNextButtonText() {
+  switch (currentStep.value) {
+    case 0: return '下一步'
+    case 1: return props.pythonInstalled ? '下一步' : '安装 Python'
+    case 2: return props.pipInstalled ? '下一步' : '安装 pip'
+    case 3: return props.gitInstalled ? '下一步' : '安装 Git'
+    case 4: return props.backendExists ? '更新代码' : '获取代码'
+    case 5: return '安装依赖'
+    case 6: return '启动服务'
+    default: return '下一步'
+  }
+}
+
+// 自动开始测速
+async function autoStartSpeedTest() {
+  // 延迟一下确保组件已经挂载
+  setTimeout(async () => {
+    switch (currentStep.value) {
+      case 1: // Python 环境
+        if (!props.pythonInstalled && pythonStepRef.value?.testPythonMirrorSpeed) {
+          console.log('自动开始Python镜像测速')
+          await pythonStepRef.value.testPythonMirrorSpeed()
+        }
+        break
+      case 4: // 源码获取
+        if (backendStepRef.value?.testGitMirrorSpeed) {
+          console.log('自动开始Git镜像测速')
+          await backendStepRef.value.testGitMirrorSpeed()
+        }
+        break
+      case 5: // 依赖安装
+        if (!props.dependenciesInstalled && dependenciesStepRef.value?.testPipMirrorSpeed) {
+          console.log('自动开始pip镜像测速')
+          await dependenciesStepRef.value.testPipMirrorSpeed()
+        }
+        break
+    }
+  }, 500) // 延迟500ms确保组件完全加载
+}
+
+// 安装函数
+async function installPython() {
+  logger.info('开始安装Python')
+  const mirror = pythonStepRef.value?.selectedPythonMirror || 'tsinghua'
+  const result = await window.electronAPI.downloadPython(mirror)
+  if (result.success) {
+    logger.info('Python安装成功')
+    await saveConfig({ pythonInstalled: true })
+  } else {
+    logger.error('Python安装失败', result.error)
+    throw new Error(result.error)
+  }
+}
+
+async function installPip() {
+  logger.info('开始安装pip')
+  const result = await window.electronAPI.installPip()
+  if (result.success) {
+    logger.info('pip安装成功')
+    await saveConfig({ pipInstalled: true })
+  } else {
+    logger.error('pip安装失败', result.error)
+    throw new Error(result.error)
+  }
+}
+
+async function installGit() {
+  logger.info('开始安装Git工具')
+  const result = await window.electronAPI.downloadGit()
+  if (result.success) {
+    logger.info('Git工具安装成功')
+    await saveConfig({ gitInstalled: true })
+  } else {
+    logger.error('Git工具安装失败', result.error)
+    throw new Error(result.error)
+  }
+}
+
+async function cloneBackend() {
+  const selectedMirror = backendStepRef.value?.selectedGitMirror || 'github'
+  const mirror = backendStepRef.value?.gitMirrors?.find((m: any) => m.key === selectedMirror)
+  logger.info('开始克隆后端代码', { mirror: mirror?.name, url: mirror?.url })
+  const result = await window.electronAPI.cloneBackend(mirror?.url)
+  if (result.success) {
+    logger.info('后端代码克隆成功')
+    await saveConfig({ backendExists: true })
+  } else {
+    logger.error('后端代码克隆失败', result.error)
+    throw new Error(result.error)
+  }
+}
+
+async function updateBackend() {
+  const selectedMirror = backendStepRef.value?.selectedGitMirror || 'github'
+  const mirror = backendStepRef.value?.gitMirrors?.find((m: any) => m.key === selectedMirror)
+  logger.info('开始更新后端代码', { mirror: mirror?.name, url: mirror?.url })
+  const result = await window.electronAPI.updateBackend(mirror?.url)
+  if (!result.success) {
+    logger.error('后端代码更新失败', result.error)
+    throw new Error(result.error)
+  }
+  logger.info('后端代码更新成功')
+}
+
+async function installDependencies() {
+  logger.info('开始安装Python依赖')
+  const mirror = dependenciesStepRef.value?.selectedPipMirror || 'tsinghua'
+  const result = await window.electronAPI.installDependencies(mirror)
+  if (result.success) {
+    logger.info('Python依赖安装成功')
+    await saveConfig({ dependenciesInstalled: true })
+  } else {
+    logger.error('Python依赖安装失败', result.error)
+    throw new Error(result.error)
+  }
+}
+
+async function startBackendService() {
+  logger.info('开始启动后端服务')
+  
+  if (serviceStepRef.value) {
+    serviceStepRef.value.startingService = true
+    serviceStepRef.value.showServiceProgress = true
+    serviceStepRef.value.serviceStatus = '正在启动后端服务...'
+  }
+  
+  try {
+    const result = await window.electronAPI.startBackend()
+    if (result.success) {
+      if (serviceStepRef.value) {
+        serviceStepRef.value.serviceProgress = 100
+        serviceStepRef.value.serviceStatus = '后端服务启动成功'
+      }
+      stepStatus.value = 'finish'
+      logger.info('后端服务启动成功')
+    } else {
+      logger.error('后端服务启动失败', result.error)
+      throw new Error(result.error)
+    }
+  } catch (error) {
+    if (serviceStepRef.value) {
+      serviceStepRef.value.serviceStatus = '后端服务启动失败'
+    }
+    logger.error('后端服务启动异常', error)
+    throw error
+  } finally {
+    if (serviceStepRef.value) {
+      serviceStepRef.value.startingService = false
+    }
+  }
+}
+
+// 监听下载进度
+function handleDownloadProgress(progress: any) {
+  // 更新全局进度条
+  globalProgress.value = progress.progress
+  progressText.value = progress.message
+  
+  if (progress.status === 'error') {
+    globalProgressStatus.value = 'exception'
+  } else if (progress.status === 'completed') {
+    globalProgressStatus.value = 'success'
+  } else {
+    globalProgressStatus.value = 'normal'
+  }
+  
+  // 通知父组件
+  props.onProgressUpdate(progress)
+}
+
+// 暴露给父组件的方法
+defineExpose({
+  currentStep,
+  handleDownloadProgress
+})
+</script>
+
+<style scoped>
+.manual-mode {
+  width: 100%;
+}
+
+.header {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.header h1 {
+  font-size: 28px;
+  font-weight: 600;
+  color: var(--ant-color-text);
+  margin-bottom: 8px;
+}
+
+.header p {
+  font-size: 16px;
+  color: var(--ant-color-text-secondary);
+  margin: 0 0 20px 0;
+}
+
+.header-actions {
+  display: flex;
+  justify-content: center;
+  gap: 16px;
+}
+
+.init-steps {
+  margin-bottom: 40px;
+}
+
+.step-content {
+  min-height: 300px;
+  margin-bottom: 40px;
+}
+
+.step-actions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.error-message {
+  margin-top: 20px;
+}
+
+.global-progress {
+  margin: 20px 0;
+  padding: 20px;
+  background: var(--ant-color-bg-container);
+  border-radius: 8px;
+  border: 1px solid var(--ant-color-border);
+}
+
+.global-progress .progress-text {
+  text-align: center;
+  margin-top: 8px;
+  font-size: 14px;
+  color: var(--ant-color-text-secondary);
+}
+
+@media (max-width: 768px) {
+  .header-actions {
+    flex-direction: column;
+    gap: 8px;
+  }
+  
+  .step-actions {
+    flex-direction: column;
+    gap: 12px;
+  }
+}
+</style>

frontend/src/router/index.ts

@@ -11,7 +11,7 @@ const routes: RouteRecordRaw[] = [
   {
     path: '/initialization',
     name: 'Initialization',
-    component: () => import('../views/InitializationNew.vue'),
+    component: () => import('../views/Initialization.vue'),
     meta: { title: '初始化' },
   },
   {
@@ -89,23 +89,23 @@ const router = createRouter({
 
 import { isAppInitialized } from '@/utils/config'
 
-// 添加路由守卫，确保在生产环境中也能正确进入初始化页面
+// // 添加路由守卫，确保在生产环境中也能正确进入初始化页面
-router.beforeEach(async (to, from, next) => {
+// router.beforeEach(async (to, from, next) => {
-  console.log('路由守卫：', { to: to.path, from: from.path })
+//   console.log('路由守卫：', { to: to.path, from: from.path })
-  
+//
-  // 如果访问的不是初始化页面，且没有初始化标记，则重定向到初始化页面
+//   // 如果访问的不是初始化页面，且没有初始化标记，则重定向到初始化页面
-  if (to.path !== '/initialization') {
+//   if (to.path !== '/initialization') {
-    const initialized = await isAppInitialized()
+//     const initialized = await isAppInitialized()
-    console.log('检查初始化状态：', initialized)
+//     console.log('检查初始化状态：', initialized)
-    
+//
-    if (!initialized) {
+//     if (!initialized) {
-      console.log('应用未初始化，重定向到初始化页面')
+//       console.log('应用未初始化，重定向到初始化页面')
-      next('/initialization')
+//       next('/initialization')
-      return
+//       return
-    }
+//     }
-  }
+//   }
-  
+//
-  next()
+//   next()
-})
+// })
 
 export default router

frontend/src/views/InitializationNew.vue

@@ -1,806 +0,0 @@
-<template>
-  <div class="initialization-container">
-    <!-- 管理员权限检查 -->
-    <div v-if="!isAdmin" class="admin-check">
-      <a-result
-        status="warning"
-        title="需要管理员权限"
-        sub-title="为了正常安装和配置环境，请以管理员权限运行此应用"
-      >
-        <template #extra>
-          <a-button type="primary" @click="restartAsAdmin">
-            重新以管理员权限启动
-          </a-button>
-        </template>
-      </a-result>
-    </div>
-
-    <!-- 自动初始化模式 -->
-    <div v-else-if="autoMode" class="auto-mode">
-      <div class="header">
-        <h1>AUTO MAA 自动初始化</h1>
-        <p>检测到环境已配置，正在自动启动...</p>
-      </div>
-
-      <div class="auto-progress">
-        <a-spin size="large" />
-        <div class="progress-text">{{ autoProgressText }}</div>
-        <a-progress :percent="autoProgress" :status="autoProgressStatus" />
-      </div>
-
-      <div class="auto-actions">
-        <a-button @click="switchToManualMode">切换到手动模式</a-button>
-      </div>
-    </div>
-
-    <!-- 手动初始化模式 -->
-    <div v-else class="manual-mode">
-      <div class="header">
-        <h1>AUTO MAA 初始化向导</h1>
-        <p>欢迎使用 AUTO MAA，让我们来配置您的运行环境</p>
-        
-        <div class="header-actions">
-          <a-button size="large" type="primary" @click="skipToHome">
-            跳转至首页（仅开发用）
-          </a-button>
-          <a-button size="large" type="default" @click="jumpToStep(6)" style="margin-left: 16px;">
-            跳到启动服务（第七步）
-          </a-button>
-        </div>
-      </div>
-
-      <a-steps 
-        :current="currentStep" 
-        :status="stepStatus"
-        class="init-steps"
-      >
-        <a-step title="主题设置" description="选择您喜欢的主题" />
-        <a-step title="Python 环境" description="安装 Python 运行环境" />
-        <a-step title="pip 安装" description="安装 Python 包管理器" />
-        <a-step title="Git 工具" description="安装 Git 版本控制工具" />
-        <a-step title="源码获取" description="获取最新的后端代码" />
-        <a-step title="依赖安装" description="安装 Python 依赖包" />
-        <a-step title="启动服务" description="启动后端服务" />
-      </a-steps>
-
-      <!-- 全局进度条 -->
-      <div v-if="isProcessing" class="global-progress">
-        <a-progress 
-          :percent="globalProgress" 
-          :status="globalProgressStatus"
-          :show-info="true"
-        />
-        <div class="progress-text">{{ progressText }}</div>
-      </div>
-
-      <div class="step-content">
-        <!-- 步骤 0: 主题设置 -->
-        <ThemeStep v-if="currentStep === 0" ref="themeStepRef" />
-
-        <!-- 步骤 1: Python 环境 -->
-        <PythonStep v-if="currentStep === 1" :python-installed="pythonInstalled" ref="pythonStepRef" />
-
-        <!-- 步骤 2: pip 安装 -->
-        <PipStep v-if="currentStep === 2" :pip-installed="pipInstalled" />
-
-        <!-- 步骤 3: Git 工具 -->
-        <GitStep v-if="currentStep === 3" :git-installed="gitInstalled" />
-
-        <!-- 步骤 4: 源码获取 -->
-        <BackendStep v-if="currentStep === 4" :backend-exists="backendExists" ref="backendStepRef" />
-
-        <!-- 步骤 5: 依赖安装 -->
-        <DependenciesStep v-if="currentStep === 5" ref="dependenciesStepRef" />
-
-        <!-- 步骤 6: 启动服务 -->
-        <ServiceStep v-if="currentStep === 6" ref="serviceStepRef" />
-      </div>
-
-      <div class="step-actions">
-        <a-button 
-          v-if="currentStep > 0" 
-          @click="prevStep"
-          :disabled="isProcessing"
-        >
-          上一步
-        </a-button>
-        
-        <a-button 
-          v-if="currentStep < 6" 
-          type="primary" 
-          @click="nextStep"
-          :loading="isProcessing"
-        >
-          {{ getNextButtonText() }}
-        </a-button>
-        
-        <!-- 第7步启动服务按钮 -->
-        <a-button 
-          v-if="currentStep === 6 && !serviceStarted" 
-          type="primary" 
-          @click="nextStep"
-          :loading="isProcessing"
-        >
-          启动服务
-        </a-button>
-        
-        <!-- 服务启动完成后的进入应用按钮 -->
-        <a-button 
-          v-if="currentStep === 6 && serviceStarted" 
-          type="primary" 
-          @click="enterApp"
-        >
-          进入应用
-        </a-button>
-      </div>
-
-      <div v-if="errorMessage" class="error-message">
-        <a-alert 
-          :message="errorMessage" 
-          type="error" 
-          show-icon 
-          closable
-          @close="errorMessage = ''"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted } from 'vue'
-import { useRouter } from 'vue-router'
-import { createComponentLogger } from '@/utils/logger'
-import { getConfig, saveConfig, setInitialized } from '@/utils/config'
-import ThemeStep from '@/components/initialization/ThemeStep.vue'
-import PythonStep from '@/components/initialization/PythonStep.vue'
-import PipStep from '@/components/initialization/PipStep.vue'
-import GitStep from '@/components/initialization/GitStep.vue'
-import BackendStep from '@/components/initialization/BackendStep.vue'
-import DependenciesStep from '@/components/initialization/DependenciesStep.vue'
-import ServiceStep from '@/components/initialization/ServiceStep.vue'
-import type { DownloadProgress } from '@/types/initialization'
-
-const router = useRouter()
-const logger = createComponentLogger('InitializationNew')
-
-// 基础状态
-const currentStep = ref(0)
-const stepStatus = ref<'wait' | 'process' | 'finish' | 'error'>('process')
-const errorMessage = ref('')
-const isProcessing = ref(false)
-const isAdmin = ref(true)
-
-// 模式控制
-const autoMode = ref(false)
-const autoProgress = ref(0)
-const autoProgressText = ref('')
-const autoProgressStatus = ref<'normal' | 'exception' | 'success'>('normal')
-
-// 安装状态
-const pythonInstalled = ref(false)
-const pipInstalled = ref(false)
-const gitInstalled = ref(false)
-const backendExists = ref(false)
-const dependenciesInstalled = ref(false)
-const serviceStarted = ref(false)
-
-// 全局进度条状态
-const globalProgress = ref(0)
-const globalProgressStatus = ref<'normal' | 'exception' | 'success'>('normal')
-const progressText = ref('')
-
-// 组件引用
-const themeStepRef = ref()
-const pythonStepRef = ref()
-const backendStepRef = ref()
-const dependenciesStepRef = ref()
-const serviceStepRef = ref()
-
-// 计算属性
-const allCompleted = computed(() => 
-  pythonInstalled.value && pipInstalled.value && gitInstalled.value && 
-  backendExists.value && dependenciesInstalled.value && serviceStarted.value
-)
-
-// 基础功能函数
-function skipToHome() {
-  router.push('/home')
-}
-
-function jumpToStep(step: number) {
-  currentStep.value = step
-}
-
-function switchToManualMode() {
-  autoMode.value = false
-}
-
-async function restartAsAdmin() {
-  try {
-    await window.electronAPI.restartAsAdmin()
-  } catch (error) {
-    logger.error('重启为管理员失败', error)
-  }
-}
-
-// 步骤控制
-function prevStep() {
-  if (currentStep.value > 0) {
-    currentStep.value--
-  }
-}
-
-async function nextStep() {
-  console.log('nextStep 被调用，当前步骤:', currentStep.value)
-  isProcessing.value = true
-  errorMessage.value = ''
-  
-  try {
-    switch (currentStep.value) {
-      case 0: // 主题设置
-        console.log('执行主题设置')
-        themeStepRef.value?.saveSettings()
-        break
-      case 1: // Python 环境
-        console.log('执行Python环境安装')
-        if (!pythonInstalled.value) {
-          await installPython()
-        }
-        break
-      case 2: // pip 安装
-        console.log('执行pip安装')
-        if (!pipInstalled.value) {
-          await installPip()
-        }
-        break
-      case 3: // Git 工具
-        console.log('执行Git工具安装')
-        if (!gitInstalled.value) {
-          await installGit()
-        }
-        break
-      case 4: // 源码获取
-        console.log('执行源码获取')
-        if (!backendExists.value) {
-          await cloneBackend()
-        } else {
-          await updateBackend()
-        }
-        break
-      case 5: // 依赖安装
-        console.log('执行依赖安装')
-        if (!dependenciesInstalled.value) {
-          await installDependencies()
-        }
-        break
-      case 6: // 启动服务
-        console.log('执行启动服务')
-        await startBackendService()
-        break
-    }
-    
-    if (currentStep.value < 6) {
-      currentStep.value++
-      // 进入新步骤时自动开始测速
-      await autoStartSpeedTest()
-    }
-  } catch (error) {
-    console.error('nextStep 执行出错:', error)
-    errorMessage.value = error instanceof Error ? error.message : String(error)
-    stepStatus.value = 'error'
-  } finally {
-    isProcessing.value = false
-  }
-}
-
-function getNextButtonText() {
-  switch (currentStep.value) {
-    case 0: return '下一步'
-    case 1: return pythonInstalled.value ? '下一步' : '安装 Python'
-    case 2: return pipInstalled.value ? '下一步' : '安装 pip'
-    case 3: return gitInstalled.value ? '下一步' : '安装 Git'
-    case 4: return backendExists.value ? '更新代码' : '获取代码'
-    case 5: return '安装依赖'
-    case 6: return '启动服务'
-    default: return '下一步'
-  }
-}
-
-// 自动开始测速
-async function autoStartSpeedTest() {
-  // 延迟一下确保组件已经挂载
-  setTimeout(async () => {
-    switch (currentStep.value) {
-      case 1: // Python 环境
-        if (!pythonInstalled.value && pythonStepRef.value?.testPythonMirrorSpeed) {
-          console.log('自动开始Python镜像测速')
-          await pythonStepRef.value.testPythonMirrorSpeed()
-        }
-        break
-      case 4: // 源码获取
-        if (backendStepRef.value?.testGitMirrorSpeed) {
-          console.log('自动开始Git镜像测速')
-          await backendStepRef.value.testGitMirrorSpeed()
-        }
-        break
-      case 5: // 依赖安装
-        if (!dependenciesInstalled.value && dependenciesStepRef.value?.testPipMirrorSpeed) {
-          console.log('自动开始pip镜像测速')
-          await dependenciesStepRef.value.testPipMirrorSpeed()
-        }
-        break
-    }
-  }, 500) // 延迟500ms确保组件完全加载
-}
-
-// 安装函数
-async function installPython() {
-  logger.info('开始安装Python')
-  const mirror = pythonStepRef.value?.selectedPythonMirror || 'tsinghua'
-  const result = await window.electronAPI.downloadPython(mirror)
-  if (result.success) {
-    logger.info('Python安装成功')
-    pythonInstalled.value = true
-    saveConfig({ pythonInstalled: true })
-  } else {
-    logger.error('Python安装失败', result.error)
-    throw new Error(result.error)
-  }
-}
-
-async function installPip() {
-  logger.info('开始安装pip')
-  const result = await window.electronAPI.installPip()
-  if (result.success) {
-    logger.info('pip安装成功')
-    pipInstalled.value = true
-    saveConfig({ pipInstalled: true })
-  } else {
-    logger.error('pip安装失败', result.error)
-    throw new Error(result.error)
-  }
-}
-
-async function installGit() {
-  logger.info('开始安装Git工具')
-  const result = await window.electronAPI.downloadGit()
-  if (result.success) {
-    logger.info('Git工具安装成功')
-    gitInstalled.value = true
-    saveConfig({ gitInstalled: true })
-  } else {
-    logger.error('Git工具安装失败', result.error)
-    throw new Error(result.error)
-  }
-}
-
-async function cloneBackend() {
-  const selectedMirror = backendStepRef.value?.selectedGitMirror || 'github'
-  const mirror = backendStepRef.value?.gitMirrors?.find((m: any) => m.key === selectedMirror)
-  logger.info('开始克隆后端代码', { mirror: mirror?.name, url: mirror?.url })
-  const result = await window.electronAPI.cloneBackend(mirror?.url)
-  if (result.success) {
-    logger.info('后端代码克隆成功')
-    backendExists.value = true
-    saveConfig({ backendExists: true })
-  } else {
-    logger.error('后端代码克隆失败', result.error)
-    throw new Error(result.error)
-  }
-}
-
-async function updateBackend() {
-  const selectedMirror = backendStepRef.value?.selectedGitMirror || 'github'
-  const mirror = backendStepRef.value?.gitMirrors?.find((m: any) => m.key === selectedMirror)
-  logger.info('开始更新后端代码', { mirror: mirror?.name, url: mirror?.url })
-  const result = await window.electronAPI.updateBackend(mirror?.url)
-  if (!result.success) {
-    logger.error('后端代码更新失败', result.error)
-    throw new Error(result.error)
-  }
-  logger.info('后端代码更新成功')
-}
-
-async function installDependencies() {
-  logger.info('开始安装Python依赖')
-  const mirror = dependenciesStepRef.value?.selectedPipMirror || 'tsinghua'
-  const result = await window.electronAPI.installDependencies(mirror)
-  if (result.success) {
-    logger.info('Python依赖安装成功')
-    dependenciesInstalled.value = true
-    saveConfig({ dependenciesInstalled: true })
-  } else {
-    logger.error('Python依赖安装失败', result.error)
-    throw new Error(result.error)
-  }
-}
-
-async function startBackendService() {
-  logger.info('开始启动后端服务')
-  
-  if (serviceStepRef.value) {
-    serviceStepRef.value.startingService = true
-    serviceStepRef.value.showServiceProgress = true
-    serviceStepRef.value.serviceStatus = '正在启动后端服务...'
-  }
-  
-  try {
-    const result = await window.electronAPI.startBackend()
-    if (result.success) {
-      if (serviceStepRef.value) {
-        serviceStepRef.value.serviceProgress = 100
-        serviceStepRef.value.serviceStatus = '后端服务启动成功'
-      }
-      serviceStarted.value = true
-      stepStatus.value = 'finish'
-      logger.info('后端服务启动成功')
-    } else {
-      logger.error('后端服务启动失败', result.error)
-      throw new Error(result.error)
-    }
-  } catch (error) {
-    if (serviceStepRef.value) {
-      serviceStepRef.value.serviceStatus = '后端服务启动失败'
-    }
-    logger.error('后端服务启动异常', error)
-    throw error
-  } finally {
-    if (serviceStepRef.value) {
-      serviceStepRef.value.startingService = false
-    }
-  }
-}
-
-// 进入应用
-async function enterApp() {
-  try {
-    // 设置初始化完成标记
-    await setInitialized(true)
-    console.log('设置初始化完成标记，跳转到首页')
-    router.push('/home')
-  } catch (error) {
-    console.error('进入应用失败:', error)
-    errorMessage.value = '保存配置失败，请重试'
-  }
-}
-
-// 检查环境状态
-async function checkEnvironment() {
-  try {
-    logger.info('开始检查环境状态')
-    const status = await window.electronAPI.checkEnvironment()
-    
-    logger.info('环境检查结果', status)
-    console.log('环境检查结果:', status)
-    
-    pythonInstalled.value = status.pythonExists
-    gitInstalled.value = status.gitExists
-    backendExists.value = status.backendExists
-    dependenciesInstalled.value = status.dependenciesInstalled
-    
-    // 检查配置文件中的状态
-    const config = await getConfig()
-    pipInstalled.value = config.pipInstalled || false
-    
-    // 更新配置文件中的状态，确保与实际环境一致
-    const needsUpdate = 
-      config.pythonInstalled !== status.pythonExists ||
-      config.gitInstalled !== status.gitExists ||
-      config.backendExists !== status.backendExists ||
-      config.dependenciesInstalled !== status.dependenciesInstalled
-    
-    if (needsUpdate) {
-      console.log('更新配置文件中的环境状态')
-      await saveConfig({
-        pythonInstalled: status.pythonExists,
-        gitInstalled: status.gitExists,
-        backendExists: status.backendExists,
-        dependenciesInstalled: status.dependenciesInstalled
-      })
-    }
-    
-    // 检查是否第一次启动
-    const isFirst = config.isFirstLaunch
-    console.log('是否第一次启动:', isFirst)
-    
-    // 检查是否应该进入自动模式
-    console.log('自动模式判断条件:')
-    console.log('- 不是第一次启动:', !isFirst)
-    console.log('- 配置显示已初始化:', config.init)
-    console.log('- 环境检查结果:', status.isInitialized)
-    
-    // 如果配置显示已初始化且不是第一次启动，进入自动模式
-    // 不再依赖环境检查结果，因为配置文件更准确
-    if (!isFirst && config.init) {
-      logger.info('非首次启动且配置显示已初始化，进入自动模式')
-      console.log('进入自动模式，开始自动启动流程')
-      autoMode.value = true
-      await autoStartProcess()
-    } else {
-      logger.info('首次启动或配置显示未初始化，进入手动模式')
-      console.log('进入手动模式，当前步骤:', currentStep.value)
-      console.log('原因: isFirst =', isFirst, ', config.init =', config.init)
-      
-      // 如果是首次启动，从主题设置开始
-      if (isFirst) {
-        currentStep.value = 0
-        console.log('首次启动，从主题设置开始')
-      }
-    }
-  } catch (error) {
-    const errorMsg = `环境检查失败: ${error instanceof Error ? error.message : String(error)}`
-    logger.error('环境检查失败', error)
-    console.error('环境检查失败:', error)
-    errorMessage.value = errorMsg
-  }
-}
-
-// 自动启动流程
-async function autoStartProcess() {
-  try {
-    // 获取配置中保存的镜像源设置
-    const config = await getConfig()
-    
-    autoProgressText.value = '检查Git仓库更新...'
-    autoProgress.value = 20
-    
-    // 检查Git仓库是否有更新
-    const hasUpdate = await checkGitUpdate()
-    
-    if (hasUpdate) {
-      autoProgressText.value = '发现更新，正在更新代码...'
-      autoProgress.value = 40
-      
-      // 使用配置中保存的Git镜像源
-      const gitMirrorUrl = getGitMirrorUrl(config.selectedGitMirror)
-      const result = await window.electronAPI.updateBackend(gitMirrorUrl)
-      if (!result.success) {
-        throw new Error(`代码更新失败: ${result.error}`)
-      }
-      
-      autoProgressText.value = '更新依赖包...'
-      autoProgress.value = 60
-      
-      // 使用配置中保存的pip镜像源
-      const pipResult = await window.electronAPI.installDependencies(config.selectedPipMirror)
-      if (!pipResult.success) {
-        throw new Error(`依赖更新失败: ${pipResult.error}`)
-      }
-    }
-    
-    autoProgressText.value = '启动后端服务...'
-    autoProgress.value = 80
-    await startBackendService()
-    
-    autoProgressText.value = '启动完成！'
-    autoProgress.value = 100
-    autoProgressStatus.value = 'success'
-    
-    logger.info('自动启动流程完成，即将进入应用')
-    
-    // 延迟2秒后自动进入应用
-    setTimeout(() => {
-      enterApp()
-    }, 2000)
-    
-  } catch (error) {
-    logger.error('自动启动流程失败', error)
-    autoProgressText.value = `自动启动失败: ${error instanceof Error ? error.message : String(error)}`
-    autoProgressStatus.value = 'exception'
-    
-    // 5秒后提供切换到手动模式的选项
-    setTimeout(() => {
-      if (autoProgressStatus.value === 'exception') {
-        autoProgressText.value = '自动启动失败，请点击下方按钮切换到手动模式'
-      }
-    }, 5000)
-  }
-}
-
-// 根据镜像源key获取对应的URL
-function getGitMirrorUrl(mirrorKey: string): string {
-  const mirrors = {
-    github: 'https://github.com/DLmaster361/AUTO_MAA.git',
-    ghfast: 'https://ghfast.top/https://github.com/DLmaster361/AUTO_MAA.git'
-  }
-  return mirrors[mirrorKey as keyof typeof mirrors] || mirrors.github
-}
-
-// 检查Git更新（简化版本，实际可以调用Git API）
-async function checkGitUpdate(): Promise<boolean> {
-  // 这里可以实现更复杂的Git更新检查逻辑
-  // 暂时返回false，表示没有更新
-  return false
-}
-
-// 检查管理员权限
-async function checkAdminPermission() {
-  try {
-    const adminStatus = await window.electronAPI.checkAdmin()
-    isAdmin.value = adminStatus
-    console.log('管理员权限检查结果:', adminStatus)
-  } catch (error) {
-    logger.error('检查管理员权限失败', error)
-    isAdmin.value = false
-  }
-}
-
-// 监听下载进度
-function handleDownloadProgress(progress: DownloadProgress) {
-  // 更新全局进度条
-  globalProgress.value = progress.progress
-  progressText.value = progress.message
-  
-  if (progress.status === 'error') {
-    globalProgressStatus.value = 'exception'
-  } else if (progress.status === 'completed') {
-    globalProgressStatus.value = 'success'
-  } else {
-    globalProgressStatus.value = 'normal'
-  }
-  
-  // 更新自动模式进度
-  if (autoMode.value) {
-    autoProgress.value = progress.progress
-    autoProgressText.value = progress.message
-  }
-}
-
-onMounted(async () => {
-  console.log('初始化页面 onMounted 开始')
-  
-  // 测试配置系统
-  try {
-    console.log('测试配置系统...')
-    const testConfig = await getConfig()
-    console.log('当前配置:', testConfig)
-    
-    // 测试保存配置
-    await saveConfig({ isFirstLaunch: false })
-    console.log('测试配置保存成功')
-    
-    // 重新读取配置验证
-    const updatedConfig = await getConfig()
-    console.log('更新后的配置:', updatedConfig)
-  } catch (error) {
-    console.error('配置系统测试失败:', error)
-  }
-  
-  // 检查管理员权限
-  await checkAdminPermission()
-  
-  if (isAdmin.value) {
-    // 延迟检查环境，确保页面完全加载
-    setTimeout(async () => {
-      console.log('开始环境检查')
-      await checkEnvironment()
-    }, 100)
-  }
-  
-  window.electronAPI.onDownloadProgress(handleDownloadProgress)
-  console.log('初始化页面 onMounted 完成')
-})
-
-onUnmounted(() => {
-  window.electronAPI.removeDownloadProgressListener()
-})
-</script>
-
-<style scoped>
-.initialization-container {
-  min-height: 100vh;
-  background: var(--ant-color-bg-layout);
-  padding: 50px 100px;
-  margin: 0 auto;
-}
-
-.admin-check {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 60vh;
-}
-
-.auto-mode {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 60vh;
-}
-
-.auto-progress {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 20px;
-  margin: 40px 0;
-  width: 400px;
-}
-
-.progress-text {
-  font-size: 16px;
-  color: var(--ant-color-text);
-  text-align: center;
-}
-
-.auto-actions {
-  margin-top: 20px;
-}
-
-.manual-mode .header {
-  text-align: center;
-  margin-bottom: 40px;
-}
-
-.header h1 {
-  font-size: 28px;
-  font-weight: 600;
-  color: var(--ant-color-text);
-  margin-bottom: 8px;
-}
-
-.header p {
-  font-size: 16px;
-  color: var(--ant-color-text-secondary);
-  margin: 0 0 20px 0;
-}
-
-.header-actions {
-  display: flex;
-  justify-content: center;
-  gap: 16px;
-}
-
-.init-steps {
-  margin-bottom: 40px;
-}
-
-.step-content {
-  min-height: 300px;
-  margin-bottom: 40px;
-}
-
-.step-actions {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-}
-
-.error-message {
-  margin-top: 20px;
-}
-
-.global-progress {
-  margin: 20px 0;
-  padding: 20px;
-  background: var(--ant-color-bg-container);
-  border-radius: 8px;
-  border: 1px solid var(--ant-color-border);
-}
-
-.global-progress .progress-text {
-  text-align: center;
-  margin-top: 8px;
-  font-size: 14px;
-  color: var(--ant-color-text-secondary);
-}
-
-@media (max-width: 768px) {
-  .initialization-container {
-    padding: 20px;
-  }
-  
-  .header-actions {
-    flex-direction: column;
-    gap: 8px;
-  }
-  
-  .step-actions {
-    flex-direction: column;
-    gap: 12px;
-  }
-}
-</style>

frontend/src/views/ScriptEdit.vue

@@ -13,7 +13,7 @@
               alt="MAA"
               class="breadcrumb-logo"
             />
-            <img v-else src="@/assets/AUTO_MAA.png" alt="AUTO MAA" class="breadcrumb-logo" />
+            <img v-else src="@/assets/AUTO_MAA.png" alt="AUTO_MAA" class="breadcrumb-logo" />
             编辑脚本
           </div>
         </a-breadcrumb-item>

frontend/src/views/Scripts.vue

@@ -56,7 +56,7 @@
         <a-radio-button value="General" class="type-option">
           <div class="type-content">
             <div class="type-logo-container">
-              <img src="@/assets/AUTO_MAA.png" alt="AUTO MAA" class="type-logo" />
+              <img src="@/assets/AUTO_MAA.png" alt="AUTO_MAA" class="type-logo" />
             </div>
             <div class="type-info">
               <div class="type-title">通用脚本</div>