From 91ce9dc1c4aa22371abdf399a7f8bcba4e0ddfe7 Mon Sep 17 00:00:00 2001
From: martin <goodmanqian@gmail.com>
Date: Tue, 9 Jun 2026 23:49:31 +0800
Subject: [PATCH] =?UTF-8?q?improve(ui):=E4=BC=98=E5=8C=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=98=BE=E7=A4=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/admin/src/views/ai/ChannelsPage.vue      | 63 ++++++++++++++++----
 web/admin/src/views/ai/ModelsPage.vue        |  2 +-
 web/admin/src/views/tenant/MembersPage.vue   |  4 +-
 web/admin/src/views/tenant/UsageLogsPage.vue |  2 +-
 4 files changed, 56 insertions(+), 15 deletions(-)

diff --git a/web/admin/src/views/ai/ChannelsPage.vue b/web/admin/src/views/ai/ChannelsPage.vue
index a9f7658..c10d085 100644
--- a/web/admin/src/views/ai/ChannelsPage.vue
+++ b/web/admin/src/views/ai/ChannelsPage.vue
@@ -302,10 +302,17 @@ const { exporting, exportFile } = useExport({
     </ACard>
 
     <!-- Create Channel Modal -->
-    <AModal v-model:visible="showModal" title="创建渠道" :width="550" :mask-closable="false" :on-before-ok="handleSubmit" :ok-loading="formLoading">
+    <AModal v-model:visible="showModal" title="创建渠道" :width="640" :mask-closable="false" :on-before-ok="handleSubmit" :ok-loading="formLoading">
       <AForm ref="formRef" :model="form" :rules="formRules" :auto-label-width="true" layout="vertical">
-        <AFormItem field="name" label="渠道名称" required><AInput v-model="form.name" placeholder="例如：OpenAI 主力" /></AFormItem>
-        <AFormItem field="type" label="供应商类型" required><ASelect v-model="form.type" :options="providerTypeOptions" placeholder="输入关键词搜索或选择" allow-search :filter-option="filterProviderOption" /></AFormItem>
+        <!-- 基本信息 -->
+        <ARow :gutter="16">
+          <ACol :span="12">
+            <AFormItem field="name" label="渠道名称" required><AInput v-model="form.name" placeholder="例如：OpenAI 主力" /></AFormItem>
+          </ACol>
+          <ACol :span="12">
+            <AFormItem field="type" label="供应商类型" required><ASelect v-model="form.type" :options="providerTypeOptions" placeholder="搜索或选择" allow-search :filter-option="filterProviderOption" /></AFormItem>
+          </ACol>
+        </ARow>
         <AFormItem label="Base URL">
           <AInput v-model="form.base_url" :placeholder="providerDefaultURLs[form.type] || 'https://api.openai.com'" />
           <template #extra>
@@ -317,17 +324,51 @@ const { exporting, exportFile } = useExport({
         <AFormItem field="api_key" label="API Key" required>
           <AInput v-model="form.api_key" type="textarea" :auto-size="{ minRows: 2, maxRows: 4 }" placeholder="sk-xxxx..." />
         </AFormItem>
-        <AFormItem label="优先级"><AInputNumber v-model="form.priority" :min="0" placeholder="数字越大优先级越高" class="w-full" /></AFormItem>
-        <AFormItem label="权重"><AInputNumber v-model="form.weight" :min="1" :max="100" class="w-full" /></AFormItem>
-        <AFormItem label="测试模型"><AInput v-model="form.test_model" placeholder="gpt-4o-mini" /></AFormItem>
+        <!-- 调度 & 状态 -->
+        <ARow :gutter="16">
+          <ACol :span="8">
+            <AFormItem label="优先级"><AInputNumber v-model="form.priority" :min="0" placeholder="越高越优先" class="w-full" /></AFormItem>
+          </ACol>
+          <ACol :span="8">
+            <AFormItem label="权重"><AInputNumber v-model="form.weight" :min="1" :max="100" class="w-full" /></AFormItem>
+          </ACol>
+          <ACol :span="8">
+            <AFormItem label="状态">
+              <ASelect v-model="form.status" :options="[{ label: '启用', value: 'active' }, { label: '禁用', value: 'disabled' }, { label: '测试中', value: 'testing' }]" />
+            </AFormItem>
+          </ACol>
+        </ARow>
+        <ARow :gutter="16">
+          <ACol :span="8">
+            <AFormItem label="测试模型"><AInput v-model="form.test_model" placeholder="gpt-4o-mini" /></AFormItem>
+          </ACol>
+          <ACol :span="8">
+            <AFormItem label="使用代理">
+              <ASwitch v-model="form.use_proxy" />
+              <template #extra><span style="color:var(--color-text-3);font-size:12px">需先在系统设置中配置代理</span></template>
+            </AFormItem>
+          </ACol>
+        </ARow>
         <AFormItem label="备注"><AInput v-model="form.remark" type="textarea" :auto-size="{ minRows: 2, maxRows: 4 }" placeholder="备注（选填）" /></AFormItem>
-        <AFormItem label="使用代理"><ASwitch v-model="form.use_proxy" /><template #extra><span style="color:var(--color-text-3);font-size:12px">启用后该渠道的请求通过系统代理转发（需先在系统设置中配置代理地址）</span></template></AFormItem>
+        <!-- VIP 设置 -->
         <ACollapse :bordered="false" :default-active-key="form.is_vip ? ['vip'] : []">
           <ACollapseItem header="VIP 设置" key="vip" :header-style="{ fontSize: '13px' }">
-            <AFormItem label="VIP 渠道"><ASwitch v-model="form.is_vip" /></AFormItem>
-            <AFormItem v-if="form.is_vip" label="共享阈值"><AInputNumber v-model="form.sharing_threshold" :min="0" :max="100" placeholder="允许共享给非VIP的健康分数阈值" class="w-full" /></AFormItem>
-            <AFormItem v-if="form.is_vip" label="抢占阈值"><AInputNumber v-model="form.preemption_threshold" :min="0" :max="100" placeholder="抢占共享渠道时的优先级阈值" class="w-full" /></AFormItem>
-            <AFormItem v-if="form.is_vip" label="借用冷却(秒)"><AInputNumber v-model="form.borrowing_cooldown_seconds" :min="0" placeholder="非VIP借用后冷却时间" class="w-full" /></AFormItem>
+            <ARow :gutter="16">
+              <ACol :span="8">
+                <AFormItem label="VIP 渠道"><ASwitch v-model="form.is_vip" /></AFormItem>
+              </ACol>
+              <ACol v-if="form.is_vip" :span="8">
+                <AFormItem label="共享阈值"><AInputNumber v-model="form.sharing_threshold" :min="0" :max="100" placeholder="共享健康分阈值" class="w-full" /></AFormItem>
+              </ACol>
+              <ACol v-if="form.is_vip" :span="8">
+                <AFormItem label="抢占阈值"><AInputNumber v-model="form.preemption_threshold" :min="0" :max="100" placeholder="抢占优先级阈值" class="w-full" /></AFormItem>
+              </ACol>
+            </ARow>
+            <ARow v-if="form.is_vip" :gutter="16">
+              <ACol :span="8">
+                <AFormItem label="借用冷却(秒)"><AInputNumber v-model="form.borrowing_cooldown_seconds" :min="0" placeholder="非VIP冷却时间" class="w-full" /></AFormItem>
+              </ACol>
+            </ARow>
           </ACollapseItem>
         </ACollapse>
       </AForm>
diff --git a/web/admin/src/views/ai/ModelsPage.vue b/web/admin/src/views/ai/ModelsPage.vue
index b63cb57..8ca6c5b 100644
--- a/web/admin/src/views/ai/ModelsPage.vue
+++ b/web/admin/src/views/ai/ModelsPage.vue
@@ -214,7 +214,7 @@ const columns: TableColumnData[] = [
     },
   },
 
-  { title: '更新时间', dataIndex: 'updated_at', width: 170 },
+  { title: '更新时间', dataIndex: 'updated_at', width: 180 },
   {
     title: '操作',
     dataIndex: 'actions',
diff --git a/web/admin/src/views/tenant/MembersPage.vue b/web/admin/src/views/tenant/MembersPage.vue
index 95b18b8..158ad3b 100644
--- a/web/admin/src/views/tenant/MembersPage.vue
+++ b/web/admin/src/views/tenant/MembersPage.vue
@@ -161,9 +161,9 @@ const columns: TableColumnData[] = [
   },
   { title: '所属租户', dataIndex: 'tenant_name', width: 130, ellipsis: true },
   { title: '租户代码', dataIndex: 'tenant_code', width: 100 },
-  { title: '最后登录', dataIndex: 'last_login_at', width: 170 },
+  { title: '最后登录', dataIndex: 'last_login_at', width: 180 },
   { title: '登录IP', dataIndex: 'last_login_ip', width: 130 },
-  { title: '创建时间', dataIndex: 'created_at', width: 170 },
+  { title: '创建时间', dataIndex: 'created_at', width: 180 },
   {
     title: '操作',
     dataIndex: 'actions',
diff --git a/web/admin/src/views/tenant/UsageLogsPage.vue b/web/admin/src/views/tenant/UsageLogsPage.vue
index 58c1f60..59b4c33 100644
--- a/web/admin/src/views/tenant/UsageLogsPage.vue
+++ b/web/admin/src/views/tenant/UsageLogsPage.vue
@@ -221,7 +221,7 @@ const columns: TableColumnData[] = [
 		render({ record }) { return record.api_key_name || record.api_key_id || '-' },
 	},
 	{
-		title: '模型', dataIndex: 'model_name', width: 160,
+		title: '模型', dataIndex: 'model_name', width: 200,
 		render({ record }) {
 			if (hasUpstreamModel(record)) {
 				return h('div', [