From bd4543223483d0526af5a237f6415a9265f87b59 Mon Sep 17 00:00:00 2001
From: gitee-bot <no-reply@git.oschina.net>
Date: Thu, 16 Apr 2026 09:27:48 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B4=A6=E5=8F=B7=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=96=B0=E5=A2=9E=E6=96=B0=E5=BB=BA=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E5=8A=9F=E8=83=BD=20(issue=20#371100)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在账号配置页面添加"新建账号"按钮，点击弹出创建账号对话框
- 新增三个输入字段: 用户名(必填)、密钥、Token
- 用户名字段必填，且长度限制2-50个字符
- 密钥和Token字段为可选项，长度限制2-50个字符
- 添加对应的API接口 createAccountConfig
---
 src/api/modules/config.js          |  14 ++
 src/pages/config/account/index.vue | 204 +++++++++++++++++++++++++++--
 2 files changed, 210 insertions(+), 8 deletions(-)

diff --git a/src/api/modules/config.js b/src/api/modules/config.js
index 81e4236..46d1451 100644
--- a/src/api/modules/config.js
+++ b/src/api/modules/config.js
@@ -36,6 +36,19 @@ export const updateAccountConfig = (username, data) => {
     })
 }
 
+/**
+ * 创建账号配置信息
+ * @param {object} data - 账号配置数据 { username, secret, token }
+ * @returns {Promise}
+ */
+export const createAccountConfig = (data) => {
+    return request({
+        url: '/conf/accounts',
+        method: 'post',
+        data: data
+    })
+}
+
 
 /**
  * 获取数据源信息
@@ -67,6 +80,7 @@ const configApi = {
     accountNames,
     confAccounts,
     updateAccountConfig,
+    createAccountConfig,
     getdbSource,
     putdbSource
 }
diff --git a/src/pages/config/account/index.vue b/src/pages/config/account/index.vue
index ecf6442..a3498c2 100644
--- a/src/pages/config/account/index.vue
+++ b/src/pages/config/account/index.vue
@@ -7,14 +7,22 @@
             <i class="pi pi-user"></i>
             <span>账号配置</span>
           </div>
-          <Button
-            label="刷新"
-            icon="pi pi-refresh"
-            size="small"
-            severity="secondary"
-            :loading="loading"
-            @click="loadAccounts"
-          />
+          <div class="flex items-center gap-2">
+            <Button
+              label="新建账号"
+              icon="pi pi-plus"
+              size="small"
+              @click="openCreateDialog"
+            />
+            <Button
+              label="刷新"
+              icon="pi pi-refresh"
+              size="small"
+              severity="secondary"
+              :loading="loading"
+              @click="loadAccounts"
+            />
+          </div>
         </div>
       </template>
       <template #content>
@@ -138,6 +146,79 @@
         </div>
       </template>
     </Dialog>
+
+    <!-- 新建账号弹窗 -->
+    <Dialog
+      v-model:visible="createDialogVisible"
+      header="新建账号"
+      :modal="true"
+      :style="{ width: '600px' }"
+      :closable="true"
+    >
+      <div class="edit-form">
+        <div class="space-y-4">
+          <!-- 用户名 -->
+          <div class="field">
+            <label for="create_username" class="block text-sm font-medium mb-2">
+              用户名 <span class="text-red-500">*</span>
+            </label>
+            <InputText
+              id="create_username"
+              v-model="createFormData.username"
+              placeholder="请输入用户名（2-50个字符）"
+              class="w-full"
+              :maxlength="50"
+            />
+          </div>
+
+          <!-- 密钥 -->
+          <div class="field">
+            <label for="create_secret" class="block text-sm font-medium mb-2">
+              密钥
+            </label>
+            <InputText
+              id="create_secret"
+              v-model="createFormData.secret"
+              placeholder="请输入密钥（2-50个字符）"
+              class="w-full"
+              :maxlength="50"
+            />
+          </div>
+
+          <!-- Token -->
+          <div class="field">
+            <label for="create_token" class="block text-sm font-medium mb-2">
+              Token
+            </label>
+            <InputText
+              id="create_token"
+              v-model="createFormData.token"
+              placeholder="请输入Token（2-50个字符）"
+              class="w-full"
+              :maxlength="50"
+            />
+          </div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <Button
+            label="取消"
+            icon="pi pi-times"
+            severity="secondary"
+            :disabled="saving"
+            @click="createDialogVisible = false"
+          />
+          <Button
+            label="创建"
+            icon="pi pi-check"
+            :loading="saving"
+            @click="handleCreate"
+          />
+        </div>
+      </template>
+    </Dialog>
   </div>
 </template>
 
@@ -156,6 +237,14 @@ const editingAccountKey = ref(null) // 当前编辑的账号 key
 const editingAccountData = ref(null) // 当前编辑的账号数据
 const saving = ref(false)
 
+// 新建账号弹窗状态
+const createDialogVisible = ref(false)
+const createFormData = ref({
+  username: '',
+  secret: '',
+  token: ''
+})
+
 // 计算属性：判断是否有账号数据
 const hasAccounts = computed(() => {
   return Object.keys(accountsList.value).length > 0
@@ -186,6 +275,105 @@ const shouldShowUuToken = (accountData) => {
   return platforms.includes('uu')
 }
 
+// 打开新建账号弹窗
+const openCreateDialog = () => {
+  createFormData.value = {
+    username: '',
+    secret: '',
+    token: ''
+  }
+  createDialogVisible.value = true
+}
+
+// 创建账号
+const handleCreate = async () => {
+  // 验证必填字段
+  if (!createFormData.value.username?.trim()) {
+    toast.add({
+      severity: 'warn',
+      summary: '提示',
+      detail: '请输入用户名',
+      life: 3000
+    })
+    return
+  }
+
+  // 验证用户名长度
+  const usernameLen = createFormData.value.username.trim().length
+  if (usernameLen < 2 || usernameLen > 50) {
+    toast.add({
+      severity: 'warn',
+      summary: '提示',
+      detail: '用户名长度需为2-50个字符',
+      life: 3000
+    })
+    return
+  }
+
+  // 验证密钥长度（如果填写了）
+  if (createFormData.value.secret) {
+    const secretLen = createFormData.value.secret.trim().length
+    if (secretLen < 2 || secretLen > 50) {
+      toast.add({
+        severity: 'warn',
+        summary: '提示',
+        detail: '密钥长度需为2-50个字符',
+        life: 3000
+      })
+      return
+    }
+  }
+
+  // 验证Token长度（如果填写了）
+  if (createFormData.value.token) {
+    const tokenLen = createFormData.value.token.trim().length
+    if (tokenLen < 2 || tokenLen > 50) {
+      toast.add({
+        severity: 'warn',
+        summary: '提示',
+        detail: 'Token长度需为2-50个字符',
+        life: 3000
+      })
+      return
+    }
+  }
+
+  saving.value = true
+  try {
+    const processValue = (value) => {
+      if (!value) return ''
+      return value.trim()
+    }
+
+    const createData = {
+      username: processValue(createFormData.value.username),
+      secret: processValue(createFormData.value.secret),
+      token: processValue(createFormData.value.token)
+    }
+
+    await configApi.createAccountConfig(createData)
+
+    toast.add({
+      severity: 'success',
+      summary: '成功',
+      detail: '账号创建成功',
+      life: 3000
+    })
+
+    createDialogVisible.value = false
+    await loadAccounts()
+  } catch (error) {
+    toast.add({
+      severity: 'error',
+      summary: '错误',
+      detail: error.message || '创建失败，请稍后重试',
+      life: 5000
+    })
+  } finally {
+    saving.value = false
+  }
+}
+
 // 处理卡片点击
 const handleCardClick = (accountKey, accountData) => {
   // 如果不可编辑，不打开弹窗
-- 
Gitee