feat(genmai): 集成跟卖精灵账号管理系统跟

- 新增卖精灵账号管理功能，支持多账号切换
- 实现账号增删改查接口与前端交互逻辑
-优化打开跟卖精灵流程，增加账号选择界面
- 添加账号权限限制与订阅升级提醒
- 完善后端账号实体类及数据库映射
- 更新系统控制器以支持指定账号启动功能- 调整HTTP请求路径适配新工具模块路由- 升级客户端版本至2.5.3并优化代码结构

electron-vue-template/src/renderer/components/common/AccountManager.vue

@@ -1,32 +1,50 @@
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, defineAsyncComponent, watch } from 'vue'
 import { zebraApi, type BanmaAccount } from '../../api/zebra'
+import { genmaiApi, type GenmaiAccount } from '../../api/genmai'
 import { ElMessageBox, ElMessage } from 'element-plus'
 import { getUsernameFromToken } from '../../utils/token'
-type PlatformKey = 'zebra' | 'shopee' | 'rakuten' | 'amazon'
+
+const TrialExpiredDialog = defineAsyncComponent(() => import('./TrialExpiredDialog.vue'))
+
+type PlatformKey = 'zebra' | 'shopee' | 'rakuten' | 'amazon' | 'genmai'
 const props = defineProps<{ modelValue: boolean; platform?: PlatformKey }>()
-const emit = defineEmits(['update:modelValue', 'add', 'refresh'])
+const emit = defineEmits(['update:modelValue', 'refresh'])
 const visible = computed({ get: () => props.modelValue, set: v => emit('update:modelValue', v) })
 const curPlatform = ref<PlatformKey>(props.platform || 'zebra')
+
+// 监听弹框打开，同步平台并加载数据
+watch(() => props.modelValue, (newVal) => {
+  if (newVal && props.platform) {
+    curPlatform.value = props.platform
+    load()
+  }
+})
+
+// 升级订阅弹框
+const showUpgradeDialog = ref(false)
 const PLATFORM_LABEL: Record<PlatformKey, string> = {
   zebra: '斑马 ERP',
   shopee: 'Shopee 虾皮购物',
   rakuten: 'Rakuten 乐天购物',
-  amazon: 'Amazon 亚马逊'
+  amazon: 'Amazon 亚马逊',
+  genmai: '跟卖精灵'
 }
 
-const accounts = ref<BanmaAccount[]>([])
+const accounts = ref<(BanmaAccount | GenmaiAccount)[]>([])
 const accountLimit = ref({ limit: 1, count: 0 })
+
+// 添加账号对话框
+const accountDialogVisible = ref(false)
+const formUsername = ref('')
+const formPassword = ref('')
+
 async function load() {
+  const api = curPlatform.value === 'genmai' ? genmaiApi : zebraApi
   const username = getUsernameFromToken()
-  const [res, limitRes] = await Promise.all([
-    zebraApi.getAccounts(username),
-    zebraApi.getAccountLimit(username)
-  ])
-  const list = (res as any)?.data ?? res
-  accounts.value = Array.isArray(list) ? list : []
-  const limitData = (limitRes as any)?.data ?? limitRes
-  accountLimit.value = { limit: limitData?.limit ?? 1, count: limitData?.count ?? 0 }
+  const [res, limitRes] = await Promise.all([api.getAccounts(username), api.getAccountLimit(username)])
+  accounts.value = (res as any)?.data ?? res
+  accountLimit.value = (limitRes as any)?.data ?? limitRes
 }
 
 // 暴露方法供父组件调用
@@ -48,11 +66,39 @@ async function onDelete(a: any) {
   try {
     await ElMessageBox.confirm(`确定删除账号 "${a?.name || a?.username || id}" 吗？`, '提示', { type: 'warning' })
   } catch { return }
-  await zebraApi.removeAccount(id)
+  const api = curPlatform.value === 'genmai' ? genmaiApi : zebraApi
+  await api.removeAccount(id)
   ElMessage({ message: '删除成功', type: 'success' })
   await load()
   emit('refresh') // 通知外层组件刷新账号列表
 }
+
+async function handleAddAccount() {
+  if (accountLimit.value.count >= accountLimit.value.limit) {
+    ElMessage({ message: `账号数量已达上限`, type: 'warning' })
+    return
+  }
+  formUsername.value = ''
+  formPassword.value = ''
+  accountDialogVisible.value = true
+}
+
+async function submitAccount() {
+  const api = curPlatform.value === 'genmai' ? genmaiApi : zebraApi
+  try {
+    await api.saveAccount({ 
+      username: formUsername.value, 
+      password: formPassword.value,
+      status: 1
+    }, getUsernameFromToken())
+    ElMessage({ message: '添加成功', type: 'success' })
+    accountDialogVisible.value = false
+    await load()
+    emit('refresh')
+  } catch (e: any) {
+    ElMessage({ message: e.message || '添加失败', type: 'error' })
+  }
+}
 </script>
 
 <script lang="ts">
@@ -69,8 +115,9 @@ export default defineComponent({ name: 'AccountManager' })
     <div class="layout">
       <aside class="sider">
         <div class="sider-title">全账号管理</div>
-        <div class="nav only-zebra">
+        <div class="nav">
           <div :class="['nav-item', {active: curPlatform==='zebra'}]" @click="switchPlatform('zebra')">斑马 ERP</div>
+          <div :class="['nav-item', {active: curPlatform==='genmai'}]" @click="switchPlatform('genmai')">跟卖精灵</div>
         </div>
       </aside>
       <section class="content">
@@ -80,8 +127,8 @@ export default defineComponent({ name: 'AccountManager' })
           <div class="head-main">
             <div class="main-title">在线账号管理（{{ accountLimit.count }}/{{ accountLimit.limit }}）</div>
             <div class="main-sub">
-              您当前订阅可同时托管{{ accountLimit.limit }}个斑马账号<br>
-              <span v-if="accountLimit.limit < 3">如需扩增账号数量，请 <span class="upgrade">升级订阅</span>。</span>
+              您当前订阅可同时托管{{ accountLimit.limit }}个{{ curPlatform === 'genmai' ? '跟卖精灵' : '斑马' }}账号<br>
+              <span v-if="accountLimit.limit < 3">如需扩增账号数量，请 <span class="upgrade" @click="showUpgradeDialog = true">升级订阅</span>。</span>
             </div>
           </div>
         </div>
@@ -97,10 +144,32 @@ export default defineComponent({ name: 'AccountManager' })
           </div>
         </div>
         <div class="footer">
-          <el-button type="primary" class="btn" @click="$emit('add')">添加账号</el-button>
+          <el-button type="primary" class="btn" @click="handleAddAccount">添加账号</el-button>
         </div>
       </section>
     </div>
+
+    <!-- 添加账号对话框 -->
+    <el-dialog v-model="accountDialogVisible" width="420px" class="add-account-dialog">
+      <template #header>
+        <div class="aad-header">
+          <img class="aad-icon" src="/icon/image.png" alt="logo" />
+          <div class="aad-title">添加{{ curPlatform === 'genmai' ? '跟卖精灵' : '斑马' }}账号</div>
+        </div>
+      </template>
+      <div class="aad-row">
+        <el-input v-model="formUsername" :placeholder="curPlatform === 'genmai' ? '请输入账号（nickname）' : '请输入账号'" />
+      </div>
+      <div class="aad-row">
+        <el-input v-model="formPassword" placeholder="请输入密码" type="password" show-password />
+      </div>
+      <template #footer>
+        <el-button type="primary" class="btn-blue" style="width: 100%" @click="submitAccount">添加</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 升级订阅弹框 -->
+    <TrialExpiredDialog v-model="showUpgradeDialog" expired-type="subscribe" />
   </el-dialog>
 </template>
 
@@ -120,9 +189,19 @@ export default defineComponent({ name: 'AccountManager' })
 .head-main { text-align:center; }
 .main-title { font-size: 16px; font-weight: 600; color:#303133; margin-bottom: 4px; }
 .main-sub { color:#909399; font-size: 11px; line-height: 1.4; }
-.upgrade { color:#409EFF; cursor: pointer; }
+.upgrade { color:#409EFF; cursor: pointer; font-weight: 600; transition: all 0.2s ease; }
+.upgrade:hover { color:#0d5ed6; text-decoration: underline; }
 .list { border:1px solid #ebeef5; border-radius: 6px; background: #fff; flex: 0 0 auto; width: 100%; max-height: 160px; overflow-y: auto; }
 .list.compact { max-height: 48px; }
+
+/* 添加账号对话框样式 */
+.add-account-dialog .aad-header { display:flex; flex-direction: column; align-items:center; gap:8px; padding-top: 8px; width: 100%; }
+.add-account-dialog .aad-icon { width: 120px; height: auto; }
+.add-account-dialog .aad-title { font-weight: 600; font-size: 18px; text-align: center; }
+.add-account-dialog .aad-row { margin-top: 12px; }
+:deep(.add-account-dialog .el-dialog__header) { text-align: center; padding-right: 0; display: block; }
+.btn-blue { background: #1677FF; border-color: #1677FF; color: #fff; }
+.btn-blue:hover { background: #0d5ed6; border-color: #0d5ed6; }
 .row { display:grid; grid-template-columns: 8px 1fr 120px 60px; gap: 8px; align-items:center; padding: 4px 8px; border-bottom: 1px solid #f5f5f5; height: 28px; }
 .row:last-child { border-bottom:none; }
 .row:hover { background:#fafafa; }