From ac72b80505e5469f88e377e89b0a52dc3b275792 Mon Sep 17 00:00:00 2001
From: YGXB_net <ygxb-net@outlook.com>
Date: Tue, 7 Jul 2026 23:55:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(admin):=20=E6=B7=BB=E5=8A=A0=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=A0=BC=E5=BC=8F=E9=80=89=E9=A1=B9=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在TokenManageView中增加自定义数据格式选项功能
- 实现添加数据格式按钮和输入框界面
- 添加确认和取消操作按钮
- 支持动态添加新的数据格式选项到下拉列表
- 整理数据格式选项顺序保持一致性
- 添加输入验证确保选项名称不为空
---
 web/src/views/admin/TokenManageView.vue | 41 +++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/web/src/views/admin/TokenManageView.vue b/web/src/views/admin/TokenManageView.vue
index d6031bb..43a7a04 100644
--- a/web/src/views/admin/TokenManageView.vue
+++ b/web/src/views/admin/TokenManageView.vue
@@ -20,6 +20,28 @@ const rowOut = ref<any>(null)
 const addDataDialogVisible = ref(false)
 const dataDialogVisible = ref(false)
 
+const isAdding = ref(false)
+const optionName = ref('')
+
+const onAddOption = () => {
+  isAdding.value = true
+}
+
+const onConfirm = () => {
+  if (optionName.value) {
+    dataFormatOptions.push({
+      label: optionName.value,
+      value: optionName.value,
+    })
+    clear()
+  }
+}
+
+const clear = () => {
+  optionName.value = ''
+  isAdding.value = false
+}
+
 const options = [
   {value: 'uid', label: 'uid'},
   {value: 'secid', label: 'secid'},
@@ -31,8 +53,8 @@ const options = [
 
 const dataFormatOptions = [
   {value: 'uid----secid----pid----comment_id', label: 'uid----secid----pid----comment_id'},
-  {value: 'uid----secid', label: 'uid----secid'},
   {value: "uid----pid----弹幕ID", label: "uid----pid----弹幕ID"},
+  {value: 'uid----secid', label: 'uid----secid'},
   {value: 'dyid', label: 'dyid'}
 ]
 
@@ -154,8 +176,23 @@ onMounted(() => {
           </el-select>
 
           <el-select v-model="inputDataFormat" placeholder="数据格式" clearable class="w-70 max-md:w-full">
+            <template #footer>
+              <el-button v-if="!isAdding" text bg size="small" @click="onAddOption">
+                添加数据格式
+              </el-button>
+              <template v-else>
+                <el-input
+                    v-model="optionName"
+                    placeholder="输入数据格式（以----分割）"
+                    size="small"
+                />
+                <el-button type="primary" size="small" @click="onConfirm">添加</el-button>
+                <el-button size="small" @click="clear">取消</el-button>
+              </template>
+            </template>
             <el-option v-for="item in dataFormatOptions" :key="item.value" :value="item.value"
-                       :label="item.label"/>
+                       :label="item.label"
+            />
           </el-select>
 
           <el-input v-model="inputNotes" placeholder="备注（可选）" clearable class="w-55 max-md:w-full">