From b126f3e458fc6143da5cbd79dbdad4e704eefdcb Mon Sep 17 00:00:00 2001
From: commit_username <commit_email@qq.com>
Date: Thu, 16 Apr 2026 10:09:59 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=96=B0=E5=BB=BA?=
 =?UTF-8?q?=E8=B4=A6=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字段为可选项
- 不需要表单提交后的操作日志记录
- 新增 createAccountConfig API 接口
---
 src/api/modules/config.js          |  14 +++
 src/pages/config/account/index.vue | 187 +++++++++++++++++++++++++++++
 2 files changed, 201 insertions(+)

diff --git a/src/api/modules/config.js b/src/api/modules/config.js
index 81e4236..a4ae4be 100644
--- a/src/api/modules/config.js
+++ b/src/api/modules/config.js
@@ -1,5 +1,18 @@
 import request from '@/api/request'
 
+/**
+ * 新建账号配置
+ * @param {object} data - 账号配置数据 { username, secret, token }
+ * @returns {Promise}
+ */
+export const createAccountConfig = (data) => {
+    return request({
+        url: '/conf/accounts',
+        method: 'post',
+        data: data
+    })
+}
+
 /**
  * 获取账号列表
  * @returns {Promise}
@@ -64,6 +77,7 @@ export const putdbSource = (params) => {
 
 // 统一导出 config API
 const configApi = {
+    createAccountConfig,
     accountNames,
     confAccounts,
     updateAccountConfig,
diff --git a/src/pages/config/account/index.vue b/src/pages/config/account/index.vue
index ecf6442..6f5c9b1 100644
--- a/src/pages/config/account/index.vue
+++ b/src/pages/config/account/index.vue
@@ -7,6 +7,12 @@
             <i class="pi pi-user"></i>
             <span>账号配置</span>
           </div>
+          <Button
+            label="新建账号"
+            icon="pi pi-plus"
+            size="small"
+            @click="openCreateDialog"
+          />
           <Button
             label="刷新"
             icon="pi pi-refresh"
@@ -138,6 +144,79 @@
         </div>
       </template>
     </Dialog>
+
+    <!-- 新建账号弹窗 -->
+    <Dialog
+      v-model:visible="createDialogVisible"
+      header="新建账号配置"
+      :modal="true"
+      :style="{ width: '500px' }"
+      :closable="true"
+    >
+      <div class="create-form">
+        <div class="space-y-4">
+          <!-- 用户名 -->
+          <div class="field">
+            <label for="new_username" class="block text-sm font-medium mb-2">
+              用户名 <span class="text-red-500">*</span>
+            </label>
+            <InputText
+              id="new_username"
+              v-model="createFormData.username"
+              placeholder="请输入用户名 (2-50个字符)"
+              class="w-full"
+              :maxlength="50"
+            />
+          </div>
+
+          <!-- 密钥 -->
+          <div class="field">
+            <label for="new_secret" class="block text-sm font-medium mb-2">
+              密钥
+            </label>
+            <InputText
+              id="new_secret"
+              v-model="createFormData.secret"
+              placeholder="请输入密钥 (2-50个字符)"
+              class="w-full"
+              :maxlength="50"
+            />
+          </div>
+
+          <!-- Token -->
+          <div class="field">
+            <label for="new_token" class="block text-sm font-medium mb-2">
+              Token
+            </label>
+            <InputText
+              id="new_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="creating"
+            @click="createDialogVisible = false"
+          />
+          <Button
+            label="创建"
+            icon="pi pi-check"
+            :loading="creating"
+            @click="handleCreate"
+          />
+        </div>
+      </template>
+    </Dialog>
   </div>
 </template>
 
@@ -156,6 +235,15 @@ const editingAccountKey = ref(null) // 当前编辑的账号 key
 const editingAccountData = ref(null) // 当前编辑的账号数据
 const saving = ref(false)
 
+// 新建账号相关状态
+const createDialogVisible = ref(false)
+const creating = ref(false)
+const createFormData = ref({
+  username: '',
+  secret: '',
+  token: ''
+})
+
 // 计算属性：判断是否有账号数据
 const hasAccounts = computed(() => {
   return Object.keys(accountsList.value).length > 0
@@ -306,6 +394,105 @@ const handleSave = async () => {
   }
 }
 
+// 打开新建账号弹窗
+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
+    }
+  }
+
+  creating.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 {
+    creating.value = false
+  }
+}
+
 // 加载账号配置数据
 const loadAccounts = async () => {
   loading.value = true
-- 
Gitee