From 90037cae9e1fd81e9492400bc06fd8f847e128a6 Mon Sep 17 00:00:00 2001
From: hrx <18603305412@163.com>
Date: Wed, 3 Jun 2026 17:46:01 +0800
Subject: [PATCH] updata

---
 f/web-kboss/src/api/model/model.js            |    6 +-
 .../views/finance/billingStatistics/index.vue |    6 +-
 .../views/finance/financialOverview/index.vue |    6 +-
 .../modelInfoConfig/ModelInfoEditDialog.vue   | 1053 +++++------------
 .../views/operation/modelInfoConfig/index.vue |    2 +-
 f/web-kboss/src/views/tokenUsage/index.vue    |   39 +-
 6 files changed, 359 insertions(+), 753 deletions(-)

diff --git a/f/web-kboss/src/api/model/model.js b/f/web-kboss/src/api/model/model.js
index 07fb52c..7ff58d4 100644
--- a/f/web-kboss/src/api/model/model.js
+++ b/f/web-kboss/src/api/model/model.js
@@ -129,19 +129,19 @@ export const reqModelInfoConfig = (params = {}) => {
   const isFormData = params instanceof FormData
   return request({
     url: '/cntoai/model_management_add.dspy',
-    method: isFormData ? 'post' : 'get',
+    method: 'post',
     params: isFormData ? undefined : params,
     data: isFormData ? params : undefined,
     headers: isFormData ? { 'Content-Type': 'multipart/form-data' } : undefined
   })
 }
 
-// 模型信息配置编辑（编辑时需要额外传 id）
+// 模型信息配置编辑
 export const reqModelInfoConfigEdit = (params = {}) => {
   const isFormData = params instanceof FormData
   return request({
     url: '/cntoai/model_management_update.dspy',
-    method: isFormData ? 'post' : 'get',
+    method: 'post',
     params: isFormData ? undefined : params,
     data: isFormData ? params : undefined,
     headers: isFormData ? { 'Content-Type': 'multipart/form-data' } : undefined
diff --git a/f/web-kboss/src/views/finance/billingStatistics/index.vue b/f/web-kboss/src/views/finance/billingStatistics/index.vue
index 8275f74..e4ad326 100644
--- a/f/web-kboss/src/views/finance/billingStatistics/index.vue
+++ b/f/web-kboss/src/views/finance/billingStatistics/index.vue
@@ -10,10 +10,10 @@
           <p>核算机构：<b>{{ displayValue(billingData.accounting_orgname) }}</b></p>
           <p>机构编号：{{ displayValue(billingData.accounting_orgid) }}</p>
         </div>
-        <div class="view-info">
+        <!-- <div class="view-info">
           <strong>管理员视图</strong>
           <small>生成于 2026/5/29 17:00:06</small>
-        </div>
+        </div> -->
       </div>
 
       <div class="summary-grid">
@@ -179,7 +179,7 @@
               <td>{{ displayValue(leg.subjectname) }}</td>
               <td><span class="dir-tag" :class="leg.accounting_dir === '贷' ? 'credit' : 'debit'">{{ displayValue(leg.accounting_dir) }}</span></td>
               <td>{{ displayValue(leg.participanttype) }}</td>
-              <td>{{ displayValue(leg.accounting_orgid) }}</td>
+              <td>{{ displayValue(leg.accounting_orgid) }}</td> 
               <td class="num">{{ money(leg.amount) }}</td>
             </tr>
           </tbody>
diff --git a/f/web-kboss/src/views/finance/financialOverview/index.vue b/f/web-kboss/src/views/finance/financialOverview/index.vue
index 3d0f4b6..c284a22 100644
--- a/f/web-kboss/src/views/finance/financialOverview/index.vue
+++ b/f/web-kboss/src/views/finance/financialOverview/index.vue
@@ -18,9 +18,9 @@
           <span>数据截断：<b>{{ financialOverview.truncated ? '是' : '否' }}</b></span>
         </div>
       </div>
-      <div class="view-meta">
-        查看计费统计
-      </div>
+        <!-- <div class="view-meta">
+          查看计费统计
+        </div> -->
     </div>
 
     <div class="summary-grid">
diff --git a/f/web-kboss/src/views/operation/modelInfoConfig/ModelInfoEditDialog.vue b/f/web-kboss/src/views/operation/modelInfoConfig/ModelInfoEditDialog.vue
index ee2e91e..267cdd6 100644
--- a/f/web-kboss/src/views/operation/modelInfoConfig/ModelInfoEditDialog.vue
+++ b/f/web-kboss/src/views/operation/modelInfoConfig/ModelInfoEditDialog.vue
@@ -6,7 +6,8 @@
     class="model-edit-dialog"
     append-to-body
   >
-    <el-form ref="editForm" :model="editForm" label-position="top" class="edit-form">
+    <el-form ref="editForm" :model="editForm" label-position="top">
+      <!-- 智能识别区域 -->
       <div class="form-section">
         <div class="section-title">智能识别</div>
         <div class="ai-recognition-row">
@@ -15,66 +16,54 @@
             type="textarea"
             :rows="3"
             placeholder="可粘贴模型介绍、API文档等内容，自动识别并填充下方表单..."
-          ></el-input>
+          />
           <el-button type="primary" size="small" icon="el-icon-magic-stick" @click="smartRecognize">识别</el-button>
         </div>
       </div>
 
+      <!-- 基础信息 -->
       <div class="form-section">
         <div class="section-title">基础信息</div>
         <div class="form-grid">
           <el-form-item label="厂商名称">
-            <el-input v-model="editForm.provider" size="small" placeholder="如：DeepSeek"></el-input>
+            <el-input v-model="editForm.provider" size="small" placeholder="如：DeepSeek" />
           </el-form-item>
           <el-form-item label="模型名称">
-            <el-input v-model="editForm.modelName" size="small" placeholder="如：DeepSeek3"></el-input>
+            <el-input v-model="editForm.model_name" size="small" placeholder="如：DeepSeek3" />
           </el-form-item>
-          <el-form-item label="展示名称"> 
-            <el-input v-model="editForm.displayName" size="small" placeholder="如：DeepSeek3"></el-input>
+          <el-form-item label="展示名称">
+            <el-input v-model="editForm.display_name" size="small" placeholder="如：DeepSeek3" />
           </el-form-item>
           <el-form-item label="上下文长度">
-            <el-input v-model="editForm.contextLength" size="small" placeholder="如：256K"></el-input>
+            <el-input v-model="editForm.context_length" size="small" placeholder="如：256K" />
           </el-form-item>
           <el-form-item label="模型类型">
-            <el-select v-model="editForm.type" size="small" placeholder="请选择模型类型">
-              <el-option label="对话" value="对话"></el-option>
-              <el-option label="文本生成" value="文本生成"></el-option>
-              <el-option label="图像生成" value="图像生成"></el-option>
-              <el-option label="语音合成" value="语音合成"></el-option>
-              <el-option label="多模态" value="多模态"></el-option>
+            <el-select v-model="editForm.model_type" size="small" placeholder="请选择模型类型">
+              <el-option label="对话" value="对话" />
+              <el-option label="文本生成" value="文本生成" />
+              <el-option label="图像生成" value="图像生成" />
+              <el-option label="语音合成" value="语音合成" />
+              <el-option label="多模态" value="多模态" />
             </el-select>
           </el-form-item>
           <el-form-item label="模型LOGO">
             <div class="logo-upload">
-              <input
-                ref="modelLogoInput"
-                type="file"
-                accept="image/*"
-                class="logo-file-input"
-                @change="handleLogoFileChange"
-              >
-              <div v-if="editForm.modelLogoPreview" class="logo-preview">
-                <img :src="editForm.modelLogoPreview" alt="model logo">
+              <input ref="logoInput" type="file" accept="image/*" class="logo-file-input" @change="handleLogoChange" />
+              <div v-if="editForm.model_logo_preview" class="logo-preview">
+                <img :src="editForm.model_logo_preview" alt="logo" />
               </div>
               <div class="logo-actions">
-                <el-button size="small" icon="el-icon-upload2" @click="triggerLogoUpload">选择文件</el-button>
-                <el-button v-if="editForm.modelLogoPreview" size="small" type="text" @click="clearModelLogo">移除</el-button>
-                <span>{{ editForm.logo || (editForm.modelLogoPreview ? '已上传图片' : '未选择任何文件') }}</span>
+                <el-button size="small" icon="el-icon-upload2" @click="triggerUpload">选择文件</el-button>
+                <el-button v-if="editForm.model_logo_preview" size="small" type="text" @click="clearLogo">移除</el-button>
               </div>
             </div>
           </el-form-item>
           <el-form-item label="接口地址" class="span-2">
-            <el-input v-model="editForm.apiUrl" size="small" placeholder="请输入接口地址"></el-input>
+            <el-input v-model="editForm.api_url" size="small" placeholder="请输入接口地址" />
           </el-form-item>
           <el-form-item label="描述" class="span-2">
-            <el-input
-              v-model="editForm.description"
-              type="textarea"
-              :rows="3"
-              placeholder="请输入模型介绍"
-            ></el-input>
+            <el-input v-model="editForm.description" type="textarea" :rows="3" placeholder="请输入模型介绍" />
           </el-form-item>
-        
           <el-form-item label="是否支持体验">
             <el-radio-group v-model="editForm.experience">
               <el-radio :label="1">是</el-radio>
@@ -84,66 +73,68 @@
         </div>
       </div>
 
+      <!-- 价格与计费 -->
       <div class="form-section">
         <div class="section-title">价格与计费</div>
         <div class="form-grid">
           <el-form-item label="输入token单价">
-            <el-input v-model="editForm.inputTokenPrice" size="small" placeholder="如：0.00011"></el-input>
+            <el-input v-model="editForm.input_token_price" size="small" placeholder="如：0.00011" />
           </el-form-item>
           <el-form-item label="输出token单价">
-            <el-input v-model="editForm.outputTokenPrice" size="small" placeholder="如：0.00012"></el-input>
+            <el-input v-model="editForm.output_token_price" size="small" placeholder="如：0.00012" />
           </el-form-item>
           <el-form-item label="输入缓存命中token单价">
-            <el-input v-model="editForm.cacheHitInputPrice" size="small" placeholder="如：0.000056"></el-input>
+            <el-input v-model="editForm.cache_hit_input_price" size="small" placeholder="如：0.000056" />
           </el-form-item>
           <el-form-item label="计费方式">
-            <el-input v-model="editForm.billingMethod" size="small" placeholder="如：token"></el-input>
+            <el-input v-model="editForm.billing_method" size="small" placeholder="如：token" />
           </el-form-item>
           <el-form-item label="计费单位">
-            <el-input v-model="editForm.billingUnit" size="small" placeholder="如：tokens"></el-input>
+            <el-input v-model="editForm.billing_unit" size="small" placeholder="如：tokens" />
           </el-form-item>
         </div>
       </div>
 
+      <!-- 模型能力 -->
       <div class="form-section">
         <div class="section-title">模型能力</div>
         <div class="form-grid">
           <el-form-item label="接口类型">
-            <el-input v-model="editForm.apiType" size="small" placeholder="如：对话补全接口"></el-input>
+            <el-input v-model="editForm.api_type" size="small" placeholder="如：对话补全接口" />
           </el-form-item>
           <el-form-item label="输入能力">
-            <el-input v-model="editForm.inputCapability" size="small" placeholder="如：文本"></el-input>
+            <el-input v-model="editForm.input_capability" size="small" placeholder="如：文本" />
           </el-form-item>
           <el-form-item label="输入类型">
-            <el-select v-model="editForm.inputType" size="small" placeholder="请选择输入类型">
-              <el-option label="文本" value="文本"></el-option>
-              <el-option label="图片" value="图片"></el-option>
-              <el-option label="音频" value="音频"></el-option>
-              <el-option label="多模态" value="多模态"></el-option>
+            <el-select v-model="editForm.input_type" size="small" placeholder="请选择输入类型">
+              <el-option label="文本" value="文本" />
+              <el-option label="图片" value="图片" />
+              <el-option label="音频" value="音频" />
+              <el-option label="多模态" value="多模态" />
             </el-select>
           </el-form-item>
           <el-form-item label="输出类型">
-            <el-select v-model="editForm.outputType" size="small" placeholder="请选择输出类型">
-              <el-option label="文本" value="文本"></el-option>
-              <el-option label="图片" value="图片"></el-option>
-              <el-option label="音频" value="音频"></el-option>
-              <el-option label="多模态" value="多模态"></el-option>
+            <el-select v-model="editForm.output_type" size="small" placeholder="请选择输出类型">
+              <el-option label="文本" value="文本" />
+              <el-option label="图片" value="图片" />
+              <el-option label="音频" value="音频" />
+              <el-option label="多模态" value="多模态" />
             </el-select>
           </el-form-item>
           <el-form-item label="Function Call">
-            <el-radio-group v-model="editForm.functionCall">
+            <el-radio-group v-model="editForm.function_call">
               <el-radio label="支持">支持</el-radio>
               <el-radio label="不支持">不支持</el-radio>
             </el-radio-group>
           </el-form-item>
           <el-form-item label="联网搜索">
-            <el-radio-group v-model="editForm.webSearch">
+            <el-radio-group v-model="editForm.web_search">
               <el-radio label="支持">支持</el-radio>
               <el-radio label="不支持">不支持</el-radio>
             </el-radio-group>
           </el-form-item>
           <el-form-item label="私有化部署">
-            <el-radio-group v-model="editForm.privateDeploy">
+            <el-radio-group v-model="editForm.private_deploy">
               <el-radio label="支持">支持</el-radio>
               <el-radio label="不支持">不支持</el-radio>
             </el-radio-group>
@@ -151,105 +142,48 @@
         </div>
       </div>
 
+      <!-- 模型亮点 -->
       <div class="form-section">
         <div class="section-title section-between">
           <span>模型亮点</span>
-          <el-button type="text" size="mini" icon="el-icon-plus" @click="addHighlight">添加亮点</el-button>
+          <el-button type="text" size="mini" icon="el-icon-plus" @click="addItem('highlights')">添加亮点</el-button>
         </div>
         <div class="dynamic-list">
-          <div v-for="(item, index) in editForm.highlights" :key="index" class="dynamic-row">
-            <span class="row-index">{{ index + 1 }}</span>
-            <el-input v-model="item.name" size="small" placeholder="亮点名称"></el-input>
-            <el-input v-model="item.value" size="small" placeholder="亮点描述"></el-input>
-            <i class="el-icon-close" @click="removeHighlight(index)"></i>
+          <div v-for="(item, idx) in editForm.highlights" :key="idx" class="dynamic-row">
+            <span class="row-index">{{ idx + 1 }}</span>
+            <el-input v-model="item.name" size="small" placeholder="亮点名称" />
+            <el-input v-model="item.value" size="small" placeholder="亮点描述" />
+            <i class="el-icon-close" @click="removeItem('highlights', idx)" />
           </div>
         </div>
       </div>
 
+      <!-- 模型限制 -->
       <div class="form-section">
         <div class="section-title section-between">
           <span>模型限制</span>
-          <el-button type="text" size="mini" icon="el-icon-plus" @click="addLimit">添加限制</el-button>
+          <el-button type="text" size="mini" icon="el-icon-plus" @click="addItem('limitations')">添加限制</el-button>
         </div>
         <div class="dynamic-list">
-          <div v-for="(item, index) in editForm.limitations" :key="index" class="dynamic-row">
-            <span class="row-index">{{ index + 1 }}</span>
-            <el-input v-model="item.name" size="small" placeholder="限制名称"></el-input>
-            <el-input v-model="item.value" size="small" placeholder="限制说明"></el-input>
-            <i class="el-icon-close" @click="removeLimit(index)"></i>
+          <div v-for="(item, idx) in editForm.limitations" :key="idx" class="dynamic-row">
+            <span class="row-index">{{ idx + 1 }}</span>
+            <el-input v-model="item.name" size="small" placeholder="限制名称" />
+            <el-input v-model="item.value" size="small" placeholder="限制说明" />
+            <i class="el-icon-close" @click="removeItem('limitations', idx)" />
           </div>
         </div>
       </div>
 
+      <!-- API 文档信息 -->
       <div class="form-section">
         <div class="section-title">API 文档信息</div>
         <div class="form-grid">
-          <!-- <el-form-item label="认证方式">
-            <el-input v-model="editForm.authType" size="small" placeholder="如：对话补全接口"></el-input>
-          </el-form-item>
-          <el-form-item label="接口名称">
-            <el-input v-model="editForm.endpointName" size="small" placeholder="如：对话补全接口"></el-input>
-          </el-form-item> -->
-          <el-form-item label="接口地址" class="span-2">
-            <el-input v-model="editForm.requestUrl" size="small" placeholder="请输入请求地址"></el-input>
-          </el-form-item>
-          <!-- <el-form-item label="请求方式">
-            <el-select v-model="editForm.method" size="small" placeholder="请选择请求方式">
-              <el-option label="POST" value="POST"></el-option>
-              <el-option label="GET" value="GET"></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="模型字段">
-            <el-input v-model="editForm.modelField" size="small" placeholder="如：chat_completion_v1"></el-input>
-          </el-form-item> -->
-          <!-- <el-form-item label="请求头" class="span-2">
-            <el-input
-              v-model="editForm.headers"
-              type="textarea"
-              :rows="3"
-              placeholder='如：{"Authorization":"Bearer sk-xxx","Content-Type":"application/json"}'
-            ></el-input>
-          </el-form-item> -->
           <el-form-item label="curl代码" class="span-2">
-            <el-input
-              v-model="editForm.curlCode"
-              type="textarea"
-              :rows="3"
-              placeholder="请输入curl代码"
-            ></el-input>
+            <el-input v-model="editForm.curl_code" type="textarea" :rows="3" placeholder="请输入curl代码" />
           </el-form-item>
           <el-form-item label="Python代码" class="span-2">
-            <el-input
-              v-model="editForm.pythonCode"
-              type="textarea"
-              :rows="3"
-              placeholder="请输入Python代码"
-            ></el-input>
+            <el-input v-model="editForm.python_code" type="textarea" :rows="3" placeholder="请输入Python代码" />
           </el-form-item>
-          <!-- <el-form-item label="请求示例" class="span-2">
-            <div class="example-card-list">
-              <div class="section-between example-title-row">
-                <span></span>
-                <el-button type="text" size="mini" icon="el-icon-plus" @click="addExample">添加示例</el-button>
-              </div>
-              <div v-for="(item, index) in editForm.examples" :key="index" class="example-card">
-                <i v-if="editForm.examples.length > 1" class="el-icon-close example-remove" @click="removeExample(index)"></i>
-                <div class="example-field">
-                  <label>示例标识</label>
-                  <el-input v-model="item.tag" size="small" placeholder="如：chat_completion_v1"></el-input>
-                </div>
-                <div class="example-field">
-                  <label>请求示例</label>
-                  <el-input
-                    v-model="item.content"
-                    type="textarea"
-                    :rows="4"
-                    placeholder="请输入请求示例"
-                  ></el-input>
-                </div>
-              </div>
-            </div>
-          </el-form-item> -->
         </div>
       </div>
     </el-form>
@@ -264,55 +198,37 @@
 <script>
 import { reqModelInfoConfig, reqModelInfoConfigEdit } from '@/api/model/model'
 
-const DEFAULT_EDIT_FORM = {
+// 默认表单结构（直接对应后端字段）
+const DEFAULT_FORM = {
   id: '',
   aiText: '',
-  name: '',
-  modelName: '',
-  displayName: '',
-  type: '',
   provider: '',
-  logo: '',
-  modelLogo: '',
-  modelLogoFile: null,
-  modelLogoPreview: '',
-  apiUrl: '',
+  model_name: '',
+  display_name: '',
+  context_length: '',
+  model_type: '',
+  model_logo: '',       
+  model_logo_file: null,
+  model_logo_preview: '',
+  api_url: '',
   description: '',
-  contextLength: '',
-  versionDescription: '',
   experience: 1,
-  inputTokenPrice: '',
-  outputTokenPrice: '',
-  cacheHitInputPrice: '',
-  billingMethod: '',
-  billingUnit: '',
-  apiType: '',
-  inputCapability: '',
-  inputType: '',
-  outputType: '',
-  functionCall: '支持',
-  webSearch: '不支持',
-  privateDeploy: '不支持',
-  highlights: [
-    { name: '', value: '' },
-  ],
-  limitations: [
-    { name: '', value: '' },
-  ],
-  authType: '',
-  endpointName: '',
-  requestUrl: '',
-  method: '',
-  modelField: '',
-  headers: '',
-  curlCode: '',
-  pythonCode: '',
-  examples: [
-    {
-      tag: '',
-      content: ''
-    }
-  ]
+  input_token_price: '',
+  output_token_price: '',
+  cache_hit_input_price: '',
+  billing_method: '',
+  billing_unit: '',
+  api_type: '',
+  input_capability: '',
+  input_type: '',
+  output_type: '',
+  function_call: '支持',
+  web_search: '不支持',
+  private_deploy: '不支持',
+  highlights: [{ name: '', value: '' }],
+  limitations: [{ name: '', value: '' }],
+  curl_code: '',
+  python_code: ''
 }
 
 export default {
@@ -321,440 +237,236 @@ export default {
     return {
       dialogVisible: false,
       submitLoading: false,
-      editForm: this.createDefaultForm()
+      editForm: this.cloneDefault()
     }
   },
   methods: {
-    createDefaultForm() {
-      return JSON.parse(JSON.stringify(DEFAULT_EDIT_FORM))
+    cloneDefault() {
+      return JSON.parse(JSON.stringify(DEFAULT_FORM))
     },
+    // 打开弹窗并填充数据
     open(row = {}) {
-      const defaultForm = this.createDefaultForm()
-      const apiDoc = this.normalizeApiDoc(row.api_doc)
-      const capabilities = this.normalizeNameValueList(row.capabilities)
-      const limitations = this.normalizeNameValueList(row.limitations)
-      const highlights = this.normalizeNameValueList(row.highlights)
-      const apiUrl = this.toFormValue(apiDoc.api_url || row.api_url || '')
-      const curlCode = this.toTextareaValue(apiDoc.curl_code || row.curl_code || '')
-      const pythonCode = this.toTextareaValue(apiDoc.python_code || row.python_code || '')
-      const modelLogo = row.model_logo || row.modelLogo || row.provider_logo || ''
+      const form = this.cloneDefault()
+      const apiDoc = this.parseApiDoc(row.api_doc)
+      form.id = row.id || ''
+      form.provider = row.provider || ''
+      form.model_name = row.model_name || row.name || ''
+      form.display_name = row.display_name || row.model_name || row.name || ''
+      form.context_length = row.context_length || ''
+      form.model_type = row.model_type || row.type || ''
+      form.api_url = apiDoc.api_url || row.api_url || ''
+      form.description = row.description || ''
+      form.experience = row.experience === 0 ? 0 : 1
+      form.input_token_price = this.toStr(row.input_token_price)
+      form.output_token_price = this.toStr(row.output_token_price)
+      form.cache_hit_input_price = this.toStr(row.cache_hit_input_price)
+      form.billing_method = row.billing_method || ''
+      form.billing_unit = row.billing_unit || ''
+      form.curl_code = apiDoc.curl_code || row.curl_code || ''
+      form.python_code = apiDoc.python_code || row.python_code || ''
 
-      this.editForm = {
-        ...defaultForm,
-        id: row.id || '',
-        name: row.model_name || row.name || '',
-        modelName: row.model_name || row.name || '',
-        displayName: row.display_name || row.displayName || row.model_name || row.name || '',
-        type: row.model_type || row.type || '',
-        provider: row.provider || '',
-        logo: row.logo || '',
-        modelLogo,
-        modelLogoFile: null,
-        modelLogoPreview: modelLogo,
-        apiUrl,
-        requestUrl: apiUrl,
-        description: row.description || '',
-        contextLength: this.toFormValue(row.context_length),
-        versionDescription: row.version_description || row.versionDescription || row.display_name || row.provider || '',
-        experience: Number(row.experience) === 0 ? 0 : 1,
-        inputTokenPrice: this.toFormValue(row.input_token_price),
-        outputTokenPrice: this.toFormValue(row.output_token_price),
-        cacheHitInputPrice: this.toFormValue(row.cache_hit_input_price),
-        billingMethod: row.billing_method || '',
-        billingUnit: row.billing_unit || '',
-        curlCode,
-        pythonCode,
-        examples: this.normalizeExamples(apiDoc, row, defaultForm.examples),
-        limitations: limitations.length ? limitations : defaultForm.limitations,
-        highlights: highlights.length ? highlights : defaultForm.highlights
+      // 模型logo处理
+      const logoUrl = row.model_logo || row.modelLogo || ''
+      form.model_logo = logoUrl
+      form.model_logo_preview = logoUrl
+
+      // 能力列表（capabilities）解析
+      let capabilities = []
+      try {
+        const cap = row.capabilities
+        if (typeof cap === 'string') capabilities = JSON.parse(cap)
+        else if (Array.isArray(cap)) capabilities = cap
+      } catch (e) {}
+      if (capabilities.length) {
+        const getVal = (name) => {
+          const item = capabilities.find(i => i.name === name)
+          return item ? item.value : ''
+        }
+        form.api_type = getVal('接口类型') || form.api_type
+        form.input_capability = getVal('输入能力') || getVal('接入ID') || form.input_capability
+        form.input_type = getVal('输入类型') || form.input_type
+        form.output_type = getVal('输出类型') || form.output_type
+        form.function_call = getVal('Function Call') || form.function_call
+        form.web_search = getVal('联网搜索') || form.web_search
+        form.private_deploy = getVal('私有化部署') || form.private_deploy
       }
 
-      this.applyCapabilityList(capabilities)
+      // 亮点/限制解析
+      form.highlights = this.parseNameValueList(row.highlights) || [{ name: '', value: '' }]
+      form.limitations = this.parseNameValueList(row.limitations) || [{ name: '', value: '' }]
+
+      this.editForm = form
       this.dialogVisible = true
     },
-    addHighlight() {
-      this.editForm.highlights.push({ name: '', value: '' })
+    toStr(v) {
+      return v === undefined || v === null ? '' : String(v)
     },
-    removeHighlight(index) {
-      this.editForm.highlights.splice(index, 1)
-    },
-    addLimit() {
-      this.editForm.limitations.push({ name: '', value: '' })
-    },
-    removeLimit(index) {
-      this.editForm.limitations.splice(index, 1)
-    },
-    addExample() {
-      this.editForm.examples.push({ tag: '', content: '' })
-    },
-    removeExample(index) {
-      this.editForm.examples.splice(index, 1)
-    },
-    async handleSubmit() {
-      const params = this.buildSubmitParams()
-      const isEdit = Boolean(this.editForm.id)
-      this.submitLoading = true
+    parseNameValueList(data) {
+      if (!data) return null
+      let list = []
       try {
-        const res = isEdit
-          ? await reqModelInfoConfigEdit(this.appendEditId(params))
-          : await reqModelInfoConfig(params)
-        if (res && res.status) {
-          this.$message.success(res.msg || (isEdit ? '模型信息编辑成功' : '模型信息添加成功'))
-          this.dialogVisible = false
-          this.$emit('success')
-          return
-        }
-        this.$message.error((res && res.msg) || (isEdit ? '模型信息编辑失败' : '模型信息添加失败'))
-      } catch (error) {
-        this.$message.error(isEdit ? '模型信息编辑失败' : '模型信息添加失败')
-      } finally {
-        this.submitLoading = false
+        if (typeof data === 'string') list = JSON.parse(data)
+        else if (Array.isArray(data)) list = data
+      } catch (e) {}
+      if (list.length) {
+        return list.map(item => ({
+          name: item.name || '',
+          value: item.value || ''
+        }))
+      }
+      return null
+    },
+    parseApiDoc(data) {
+      if (!data) return {}
+      if (typeof data === 'object' && !Array.isArray(data)) return data
+      if (typeof data !== 'string') return {}
+      try {
+        const parsed = JSON.parse(data)
+        return parsed && typeof parsed === 'object' && !Array.isArray(parsed) ? parsed : {}
+      } catch (e) {
+        return {}
       }
     },
-    buildSubmitParams() {
-      const params = {
-        provider: this.editForm.provider,
-        model_name: this.editForm.modelName,
-        display_name: this.editForm.displayName,
-        context_length: this.editForm.contextLength,
-        model_type: this.editForm.type,
-        input_token_price: this.editForm.inputTokenPrice,
-        output_token_price: this.editForm.outputTokenPrice,
-        cache_hit_input_price: this.editForm.cacheHitInputPrice,
-        billing_method: this.editForm.billingMethod,
-        billing_unit: this.editForm.billingUnit,
-        capabilities: JSON.stringify(this.buildCapabilities()),
-        limitations: JSON.stringify(this.filterNameValueList(this.editForm.limitations)),
-        highlights: JSON.stringify(this.filterNameValueList(this.editForm.highlights)),
-        description: this.editForm.description,
-        experience: this.editForm.experience,
-        model_logo: this.editForm.modelLogo,
-        api_url: this.editForm.apiUrl || this.editForm.requestUrl,
-        curl_code: this.editForm.curlCode,
-        python_code: this.editForm.pythonCode
-      }
-      return this.editForm.modelLogoFile ? this.buildFormData(params) : params
+    // 通用添加/删除动态项
+    addItem(key) {
+      this.editForm[key].push({ name: '', value: '' })
     },
-    buildFormData(params) {
-      const formData = new FormData()
-      Object.keys(params).forEach(key => {
-        if (params[key] !== undefined && params[key] !== null) {
-          formData.append(key, params[key])
-        }
-      })
-      formData.set('model_logo', this.editForm.modelLogoFile)
-      return formData
-    },
-    appendEditId(params) {
-      if (params instanceof FormData) {
-        params.append('id', this.editForm.id)
-        return params
-      }
-      return { ...params, id: this.editForm.id }
-    },
-    triggerLogoUpload() {
-      if (this.$refs.modelLogoInput) {
-        this.$refs.modelLogoInput.click()
+    removeItem(key, idx) {
+      if (this.editForm[key].length > 1) {
+        this.editForm[key].splice(idx, 1)
+      } else {
+        this.editForm[key] = [{ name: '', value: '' }]
       }
     },
-    handleLogoFileChange(event) {
-      const file = event.target.files && event.target.files[0]
-      if (!file) return
-      if (file.size > 5 * 1024 * 1024) {
-        this.$message.error('图片大小不能超过5MB')
-        event.target.value = ''
-        return
-      }
-      if (!file.type || !file.type.startsWith('image/')) {
-        this.$message.error('请选择图片文件')
-        event.target.value = ''
-        return
-      }
-      if (this.editForm.modelLogoPreview && this.editForm.modelLogoPreview.startsWith('blob:')) {
-        URL.revokeObjectURL(this.editForm.modelLogoPreview)
-      }
-      this.editForm.modelLogoFile = file
-      this.editForm.modelLogo = ''
-      this.editForm.modelLogoPreview = URL.createObjectURL(file)
-      this.editForm.logo = file.name
-      event.target.value = ''
-    },
-    clearModelLogo() {
-      if (this.editForm.modelLogoPreview && this.editForm.modelLogoPreview.startsWith('blob:')) {
-        URL.revokeObjectURL(this.editForm.modelLogoPreview)
-      }
-      this.editForm.modelLogo = ''
-      this.editForm.modelLogoFile = null
-      this.editForm.modelLogoPreview = ''
-      this.editForm.logo = ''
-      if (this.$refs.modelLogoInput) {
-        this.$refs.modelLogoInput.value = ''
-      }
-    },
-    buildCapabilities() {
-      return [
-        { name: '接口类型', value: this.editForm.apiType },
-        { name: '接入ID', value: this.editForm.inputCapability },
-        { name: '输入类型', value: this.editForm.inputType },
-        { name: '输出类型', value: this.editForm.outputType },
-        { name: 'Function Call', value: this.editForm.functionCall },
-        { name: '联网搜索', value: this.editForm.webSearch },
-        { name: '私有化部署', value: this.editForm.privateDeploy }
-      ].filter(item => item.name && item.value)
-    },
-    filterNameValueList(list) {
-      return (Array.isArray(list) ? list : []).filter(item => item.name || item.value)
-    },
-    normalizeApiDoc(value) {
-      const parsed = this.parseJsonValue(value)
-      if (Array.isArray(parsed)) {
-        return parsed.reduce((result, item, index) => {
-          if (item && typeof item === 'object') {
-            const key = item.name || item.label || item.key || item.title || `item_${index}`
-            result[key] = item.value || item.content || item.text || item.example || item
-          }
-          return result
-        }, {})
-      }
-      return parsed && typeof parsed === 'object' ? parsed : {}
-    },
-    normalizeExamples(apiDoc = {}, row = {}, fallback = []) {
-      const rawExamples = this.getApiDocValue(apiDoc, row, ['examples', 'request_examples', 'requestExamples', '请求示例'])
-      const parsedExamples = this.parseJsonValue(rawExamples)
-      if (Array.isArray(parsedExamples) && parsedExamples.length) {
-        return parsedExamples.map(item => ({
-          tag: this.toDisplayText(item.tag || item.name || item.label || item.key),
-          content: this.toDisplayText(item.content || item.value || item.example || item.text)
-        })).filter(item => item.tag || item.content)
-      }
-
-      const requestExample = this.getApiDocValue(apiDoc, row, ['request_example', 'requestExample', 'example', '请求示例'])
-      if (requestExample) {
-        return [{
-          tag: this.getApiDocValue(apiDoc, row, ['model_field', 'modelField', '模型字段']) || 'chat_completion_v1',
-          content: this.toDisplayText(requestExample)
-        }]
-      }
-
-      return fallback
-    },
-    getApiDocValue(apiDoc = {}, row = {}, keys = []) {
-      const value = this.findValueByKeys(apiDoc, keys)
-      if (value !== undefined && value !== null && value !== '') return value
-      return this.findValueByKeys(row, keys)
-    },
-    findValueByKeys(source, keys = []) {
-      if (!source || typeof source !== 'object') return ''
-      const normalizedKeys = keys.map(key => this.normalizeFieldKey(key))
-
-      if (Array.isArray(source)) {
-        for (const item of source) {
-          if (!item || typeof item !== 'object') continue
-          const itemKey = item.name || item.label || item.key || item.title
-          if (itemKey && normalizedKeys.includes(this.normalizeFieldKey(itemKey))) {
-            return item.value || item.content || item.text || item.example || ''
-          }
-          const childValue = this.findValueByKeys(item, keys)
-          if (childValue !== undefined && childValue !== null && childValue !== '') return childValue
-        }
-        return ''
-      }
-
-      const directKey = Object.keys(source).find(key => normalizedKeys.includes(this.normalizeFieldKey(key)))
-      if (directKey) return source[directKey]
-
-      for (const key of Object.keys(source)) {
-        const child = this.parseJsonValue(source[key])
-        if (!child || typeof child !== 'object') continue
-        const childValue = this.findValueByKeys(child, keys)
-        if (childValue !== undefined && childValue !== null && childValue !== '') return childValue
-      }
-
-      return ''
-    },
-    normalizeFieldKey(key) {
-      return String(key || '').replace(/[\s_\-：:]/g, '').toLowerCase()
-    },
-    toFormValue(value) {
-      if (value === undefined || value === null) return ''
-      return String(value)
-    },
-    toTextareaValue(value) {
-      if (!value) return ''
-      if (typeof value === 'object') return JSON.stringify(value)
-      return String(value)
-    },
+    // 智能识别（简化版）
     smartRecognize() {
-      const sourceText = String(this.editForm.aiText || '').trim()
-      if (!sourceText) {
+      const text = this.editForm.aiText?.trim()
+      if (!text) {
         this.$message.warning('请先粘贴需要识别的内容')
         return
       }
-
-      const recognizedData = this.extractRecognizedData(sourceText)
-      if (!Object.keys(recognizedData).length) {
-        this.$message.warning('未识别到可填充的模型信息')
+      // 简单正则提取常见字段（可根据需要扩展）
+      const patterns = {
+        provider: /厂商[名称]?\s*[:：]\s*([^\n]+)/i,
+        model_name: /模型名称\s*[:：]\s*([^\n]+)/i,
+        display_name: /展示名称\s*[:：]\s*([^\n]+)/i,
+        context_length: /上下文长度\s*[:：]\s*([^\n]+)/i,
+        model_type: /模型类型\s*[:：]\s*([^\n]+)/i,
+        api_url: /接口地址\s*[:：]\s*([^\n]+)/i,
+        description: /描述\s*[:：]\s*([^\n]+)/i,
+        input_token_price: /输入单价\s*[:：]\s*([\d.]+)/i,
+        output_token_price: /输出单价\s*[:：]\s*([\d.]+)/i
+      }
+      let filled = false
+      for (const [key, regex] of Object.entries(patterns)) {
+        const match = text.match(regex)
+        if (match && match[1] && !this.editForm[key]) {
+          this.editForm[key] = match[1].trim()
+          filled = true
+        }
+      }
+      if (filled) this.$message.success('识别完成，已自动填充部分字段')
+      else this.$message.warning('未能识别到有效信息，请手动填写')
+    },
+    // 图片上传
+    triggerUpload() {
+      this.$refs.logoInput.click()
+    },
+    handleLogoChange(e) {
+      const file = e.target.files[0]
+      if (!file) return
+      if (file.size > 5 * 1024 * 1024) {
+        this.$message.error('图片大小不能超过5MB')
         return
       }
-
-      this.applyRecognizedData(recognizedData)
-      this.$message.success('识别完成，已自动填充表单')
-    },
-    extractRecognizedData(text) {
-      const parsedObject = this.parsePossibleJson(text)
-      if (parsedObject && typeof parsedObject === 'object') {
-        return parsedObject.data && typeof parsedObject.data === 'object' ? parsedObject.data : parsedObject
+      if (!file.type.startsWith('image/')) {
+        this.$message.error('请选择图片文件')
+        return
       }
-
-      const fieldKeys = [
-        'provider',
-        'model_name',
-        'display_name',
-        'context_length',
-        'model_type',
-        'input_token_price',
-        'output_token_price',
-        'cache_hit_input_price',
-        'billing_method',
-        'billing_unit',
-        'capabilities',
-        'limitations',
-        'highlights',
-        'description',
-        'api_url',
-        'curl_code',
-        'python_code'
-      ]
-      return fieldKeys.reduce((result, key) => {
-        const value = this.extractFieldValue(text, key)
-        if (value !== '') {
-          result[key] = value
-        }
-        return result
-      }, {})
+      // 清理旧预览
+      if (this.editForm.model_logo_preview && this.editForm.model_logo_preview.startsWith('blob:')) {
+        URL.revokeObjectURL(this.editForm.model_logo_preview)
+      }
+      this.editForm.model_logo_file = file
+      this.editForm.model_logo = ''
+      this.editForm.model_logo_preview = URL.createObjectURL(file)
+      e.target.value = ''
     },
-    parsePossibleJson(text) {
+    clearLogo() {
+      if (this.editForm.model_logo_preview && this.editForm.model_logo_preview.startsWith('blob:')) {
+        URL.revokeObjectURL(this.editForm.model_logo_preview)
+      }
+      this.editForm.model_logo = ''
+      this.editForm.model_logo_file = null
+      this.editForm.model_logo_preview = ''
+      if (this.$refs.logoInput) this.$refs.logoInput.value = ''
+    },
+    // 构建提交参数
+    buildParams() {
+      const {
+        id, provider, model_name, display_name, context_length, model_type,
+        api_url, description, experience, input_token_price, output_token_price,
+        cache_hit_input_price, billing_method, billing_unit, api_type, input_capability,
+        input_type, output_type, function_call, web_search, private_deploy,
+        highlights, limitations, curl_code, python_code, model_logo, model_logo_file
+      } = this.editForm
+
+      const capabilities = [
+        { name: '接口类型', value: api_type },
+        { name: '输入能力', value: input_capability },
+        { name: '输入类型', value: input_type },
+        { name: '输出类型', value: output_type },
+        { name: 'Function Call', value: function_call },
+        { name: '联网搜索', value: web_search },
+        { name: '私有化部署', value: private_deploy }
+      ].filter(c => c.value)
+
+      const baseData = {
+        provider, model_name, display_name, context_length, model_type,
+        api_url, description, experience,
+        input_token_price, output_token_price, cache_hit_input_price,
+        billing_method, billing_unit,
+        capabilities: JSON.stringify(capabilities),
+        highlights: JSON.stringify(highlights.filter(h => h.name || h.value)),
+        limitations: JSON.stringify(limitations.filter(l => l.name || l.value)),
+        curl_code, python_code,
+        model_logo
+      }
+      if (id) baseData.id = id
+
+      if (model_logo_file) {
+        const fd = new FormData()
+        Object.entries(baseData).forEach(([k, v]) => {
+          if (v !== undefined && v !== null) fd.append(k, v)
+        })
+        fd.set('model_logo', model_logo_file)
+        return fd
+      }
+      return baseData
+    },
+    async handleSubmit() {
+      const params = this.buildParams()
+      const isEdit = !!this.editForm.id
+      if (!String(this.editForm.provider || '').trim() || !String(this.editForm.model_name || '').trim()) {
+        this.$message.warning('请填写厂商名称和模型名称')
+        return
+      }
+      this.submitLoading = true
       try {
-        return JSON.parse(text)
-      } catch (error) {
-        const match = text.match(/\{[\s\S]*\}/)
-        if (!match) return null
-        try {
-          return JSON.parse(match[0])
-        } catch (innerError) {
-          return null
+        const res = isEdit ? await reqModelInfoConfigEdit(params) : await reqModelInfoConfig(params)
+        if (res && res.status) {
+          this.$message.success(res.msg || (isEdit ? '编辑成功' : '添加成功'))
+          this.dialogVisible = false
+          this.$emit('success')
+        } else {
+          this.$message.error(res?.msg || (isEdit ? '编辑失败' : '添加失败'))
         }
-      }
-    },
-    extractFieldValue(text, key) {
-      const escapedKey = key.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
-      const lineRegExp = new RegExp(`(?:^|\\n)\\s*${escapedKey}\\s*(?:=|:)?\\s*([^\\n\\r]+)`, 'i')
-      const lineMatch = text.match(lineRegExp)
-      if (lineMatch && lineMatch[1]) {
-        return lineMatch[1].replace(/^["']|["']$/g, '').trim()
-      }
-
-      const tableRegExp = new RegExp(`(?:^|\\n)\\s*${escapedKey}\\s*[=\\s]+([^\\n\\r]+?)(?:\\s+string\\b|\\s+number\\b|\\s+int\\b|\\s+float\\b|\\s+boolean\\b|$)`, 'i')
-      const tableMatch = text.match(tableRegExp)
-      if (tableMatch && tableMatch[1]) {
-        return tableMatch[1].replace(/^["']|["']$/g, '').trim()
-      }
-
-      return ''
-    },
-    applyRecognizedData(data) {
-      const capabilities = this.normalizeNameValueList(data.capabilities)
-      const limitations = this.normalizeNameValueList(data.limitations)
-      const highlights = this.normalizeNameValueList(data.highlights)
-
-      this.editForm = {
-        ...this.editForm,
-        provider: this.pickRecognizedValue(data.provider, this.editForm.provider),
-        modelName: this.pickRecognizedValue(data.model_name, this.editForm.modelName),
-        name: this.pickRecognizedValue(data.model_name, this.editForm.name),
-        displayName: this.pickRecognizedValue(data.display_name, this.editForm.displayName),
-        contextLength: this.pickRecognizedValue(data.context_length, this.editForm.contextLength),
-        type: this.pickRecognizedValue(data.model_type, this.editForm.type),
-        inputTokenPrice: this.pickRecognizedValue(data.input_token_price, this.editForm.inputTokenPrice),
-        outputTokenPrice: this.pickRecognizedValue(data.output_token_price, this.editForm.outputTokenPrice),
-        cacheHitInputPrice: this.pickRecognizedValue(data.cache_hit_input_price, this.editForm.cacheHitInputPrice),
-        billingMethod: this.pickRecognizedValue(data.billing_method, this.editForm.billingMethod),
-        billingUnit: this.pickRecognizedValue(data.billing_unit, this.editForm.billingUnit),
-        description: this.pickRecognizedValue(data.description, this.editForm.description),
-        versionDescription: this.pickRecognizedValue(data.description, this.editForm.versionDescription),
-        apiUrl: this.pickRecognizedValue(data.api_url, this.editForm.apiUrl),
-        requestUrl: this.pickRecognizedValue(data.api_url, this.editForm.requestUrl),
-        curlCode: this.pickRecognizedValue(data.curl_code, this.editForm.curlCode),
-        pythonCode: this.pickRecognizedValue(data.python_code, this.editForm.pythonCode),
-        limitations: limitations.length ? limitations : this.editForm.limitations,
-        highlights: highlights.length ? highlights : this.editForm.highlights
-      }
-
-      this.applyCapabilityList(capabilities)
-      if (data.curl_code) {
-        this.syncExampleFromCurl(String(data.curl_code))
-      }
-    },
-    normalizeNameValueList(value) {
-      const parsedValue = this.parseJsonValue(value)
-      if (Array.isArray(parsedValue)) {
-        return parsedValue.map(item => ({
-          name: this.toDisplayText(item.name || item.label || item.key),
-          value: this.toDisplayText(item.value || item.text || item.content)
-        })).filter(item => item.name || item.value)
-      }
-
-      if (parsedValue && typeof parsedValue === 'object') {
-        return Object.keys(parsedValue).map(key => ({
-          name: key,
-          value: this.toDisplayText(parsedValue[key])
-        }))
-      }
-
-      return []
-    },
-    parseJsonValue(value) {
-      if (!value) return value
-      if (typeof value !== 'string') return value
-      try {
-        return JSON.parse(value)
       } catch (error) {
-        return value
+        console.error('保存失败', error)
+        this.$message.error('保存失败，请检查网络或联系管理员')
+      } finally {
+        this.submitLoading = false
       }
-    },
-    applyCapabilityList(capabilities) {
-      if (!capabilities.length) return
-
-      const getValueByName = (...names) => {
-        const match = capabilities.find(item => names.includes(item.name))
-        return match ? match.value : ''
-      }
-
-      this.editForm.apiType = this.pickRecognizedValue(getValueByName('接口类型', 'api_type'), this.editForm.apiType)
-      this.editForm.inputCapability = this.pickRecognizedValue(getValueByName('输入能力', '接入ID', 'input_capability'), this.editForm.inputCapability)
-      this.editForm.inputType = this.pickRecognizedValue(getValueByName('输入类型', 'input_type'), this.editForm.inputType)
-      this.editForm.outputType = this.pickRecognizedValue(getValueByName('输出类型', 'output_type'), this.editForm.outputType)
-      this.editForm.functionCall = this.pickRecognizedValue(getValueByName('Function Call', 'function_call'), this.editForm.functionCall)
-      this.editForm.webSearch = this.pickRecognizedValue(getValueByName('联网搜索', 'web_search'), this.editForm.webSearch)
-      this.editForm.privateDeploy = this.pickRecognizedValue(getValueByName('私有化部署', 'private_deploy'), this.editForm.privateDeploy)
-    },
-    syncExampleFromCurl(curlCode) {
-      const bodyMatch = curlCode.match(/(?:-d|--data|--data-raw)\s+['"]([\s\S]*?)['"](?:\s|$)/)
-      if (!bodyMatch || !bodyMatch[1]) return
-
-      this.editForm.examples = [{
-        tag: this.editForm.modelField || 'chat_completion_v1',
-        content: bodyMatch[1]
-      }]
-    },
-    pickRecognizedValue(value, fallback) {
-      if (value === undefined || value === null || value === '') return fallback
-      return String(value).trim()
-    },
-    toDisplayText(value) {
-      if (value === undefined || value === null) return ''
-      if (typeof value === 'object') return JSON.stringify(value)
-      return String(value)
     }
   }
 }
@@ -766,242 +478,113 @@ export default {
     border-radius: 12px;
     margin-top: 40px !important;
   }
-
   /deep/ .el-dialog__header {
     padding: 18px 22px 12px;
     border-bottom: 1px solid #edf1f7;
   }
-
   /deep/ .el-dialog__title {
-    color: #1f2d3d;
-    font-size: 16px;
     font-weight: 700;
   }
-
   /deep/ .el-dialog__body {
     max-height: 68vh;
     padding: 18px 22px;
     overflow-y: auto;
   }
+}
 
-  /deep/ .el-dialog__footer {
-    padding: 12px 22px 18px;
-    border-top: 1px solid #edf1f7;
+.form-section {
+  padding-bottom: 18px;
+  margin-bottom: 18px;
+  border-bottom: 1px dashed #e5e7eb;
+  &:last-child {
+    border-bottom: none;
   }
 }
 
-.edit-form {
-  .form-section {
-    padding-bottom: 18px;
-    margin-bottom: 18px;
-    border-bottom: 1px dashed #e5e7eb;
-
-    &:last-child {
-      padding-bottom: 0;
-      margin-bottom: 0;
-      border-bottom: none;
-    }
-  }
-
-  .section-title {
-    margin-bottom: 12px;
-    color: #1f2d3d;
-    font-size: 14px;
-    font-weight: 700;
-  }
-
-  .form-grid {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: 12px 18px;
-  }
-
-  .span-2 {
-    grid-column: span 2;
-  }
-
-  /deep/ .el-form-item {
-    margin-bottom: 0;
-  }
-
-  /deep/ .el-form-item__label {
-    padding-bottom: 6px;
-    color: #475467;
-    font-size: 13px;
-    line-height: 1.4;
-  }
-
-  /deep/ .el-input,
-  /deep/ .el-select {
-    width: 100%;
-  }
-
-  /deep/ .el-radio {
-    margin-right: 18px;
-  }
+.section-title {
+  margin-bottom: 12px;
+  font-weight: 700;
 }
 
+.form-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px 18px;
+}
+.span-2 {
+  grid-column: span 2;
+}
 .ai-recognition-row {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) 82px;
+  grid-template-columns: 1fr 82px;
   gap: 12px;
-  align-items: center;
 }
-
 .logo-upload {
   display: flex;
   align-items: center;
   gap: 10px;
-  min-height: 32px;
 }
-
 .logo-file-input {
   display: none;
 }
-
 .logo-preview {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 0 0 42px;
   width: 42px;
   height: 42px;
-  overflow: hidden;
-  background: #f6f8fb;
   border: 1px solid #edf1f7;
   border-radius: 10px;
-
+  overflow: hidden;
   img {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 }
-
 .logo-actions {
   display: flex;
-  align-items: center;
   gap: 8px;
-  min-width: 0;
-
-  span {
-    color: #98a2b3;
-    font-size: 12px;
-  }
 }
-
 .section-between {
   display: flex;
-  align-items: center;
   justify-content: space-between;
+  align-items: center;
 }
-
 .dynamic-list {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-
 .dynamic-row {
   display: grid;
-  grid-template-columns: 24px minmax(0, 180px) minmax(0, 1fr) 18px;
+  grid-template-columns: 24px 180px 1fr 18px;
   gap: 10px;
   align-items: center;
-
   .row-index {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px;
-    color: #1e6fff;
-    font-size: 12px;
     background: #eef5ff;
     border-radius: 50%;
+    font-size: 12px;
   }
-
   i {
-    color: #98a2b3;
     cursor: pointer;
-
+    color: #98a2b3;
     &:hover {
       color: #f56c6c;
     }
   }
 }
-
-.example-card-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.example-title-row {
-  margin-top: -6px;
-}
-
-.example-card {
-  position: relative;
-  padding: 12px;
-  background: #f8fafc;
-  border: 1px solid #e5e7eb;
-  border-radius: 10px;
-
-  .example-field {
-    margin-bottom: 10px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    label {
-      display: block;
-      margin-bottom: 6px;
-      color: #667085;
-      font-size: 12px;
-    }
-  }
-
-  /deep/ .el-input__inner,
-  /deep/ .el-textarea__inner {
-    font-family: Consolas, Monaco, monospace;
-  }
-}
-
-.example-remove {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  color: #98a2b3;
-  cursor: pointer;
-  background: #eef2f7;
-  border-radius: 50%;
-
-  &:hover {
-    color: #f56c6c;
-    background: #fff1f2;
-  }
-}
-
 @media (max-width: 900px) {
-  .edit-form {
-    .form-grid {
-      grid-template-columns: 1fr;
-    }
-
-    .span-2 {
-      grid-column: span 1;
-    }
+  .form-grid {
+    grid-template-columns: 1fr;
+  }
+  .span-2 {
+    grid-column: span 1;
   }
-
-  .ai-recognition-row,
   .dynamic-row {
     grid-template-columns: 1fr;
   }
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/f/web-kboss/src/views/operation/modelInfoConfig/index.vue b/f/web-kboss/src/views/operation/modelInfoConfig/index.vue
index 5fde449..5a07081 100644
--- a/f/web-kboss/src/views/operation/modelInfoConfig/index.vue
+++ b/f/web-kboss/src/views/operation/modelInfoConfig/index.vue
@@ -89,7 +89,7 @@ import { reqModelInfoConfigList } from '@/api/model/model'
 export default {
   name: 'ModelInfoConfig',
   components: {
-    ModelInfoEditDialog,
+    ModelInfoEditDialog, 
     ModelInfoDetailDialog
   },
   data() {
diff --git a/f/web-kboss/src/views/tokenUsage/index.vue b/f/web-kboss/src/views/tokenUsage/index.vue
index 4ca7265..8c863c7 100644
--- a/f/web-kboss/src/views/tokenUsage/index.vue
+++ b/f/web-kboss/src/views/tokenUsage/index.vue
@@ -84,11 +84,11 @@
 
         <el-table v-loading="loading" :data="usageList" class="usage-table" style="width: 100%">
           <el-table-column prop="model" label="模型名称" min-width="180" show-overflow-tooltip></el-table-column>
-          <el-table-column prop="request_count" label="调用次数" width="120"></el-table-column>
+          <!-- <el-table-column prop="request_count" label="调用次数" width="120"></el-table-column> -->
           <el-table-column prop="prompt_tokens" label="输入Token" min-width="140"></el-table-column>
           <el-table-column prop="completion_tokens" label="输出Token" min-width="140"></el-table-column>
           <el-table-column prop="total_tokens" label="总Token" min-width="140"></el-table-column>
-          <el-table-column prop="amount" label="预估费用" width="130">
+          <el-table-column prop="amount" label="费用" width="130">
             <template slot-scope="scope">¥ {{ formatAmount(scope.row.amount) }}</template>
           </el-table-column>
           <el-table-column prop="usage_time" label="使用时间" min-width="170" show-overflow-tooltip></el-table-column>
@@ -131,7 +131,7 @@ export default {
       statCards: [
         { label: '总消耗 Token', value: '0', desc: '当前筛选范围', type: 'primary', icon: 'el-icon-coin' },
         { label: '调用次数', value: '0', desc: '当前筛选范围', type: 'success', icon: 'el-icon-s-promotion' },
-        { label: '预估费用', value: '¥ 0.00', desc: '按当前单价估算', type: 'warning', icon: 'el-icon-wallet' },
+        { label: '  费用', value: '¥ 0.00', desc: '按当前单价估算', type: 'warning', icon: 'el-icon-wallet' },
         { label: '输入/输出 Token', value: '0 / 0', desc: 'Prompt / Completion', type: 'purple', icon: 'el-icon-pie-chart' }
       ],
       usageList: [],
@@ -165,11 +165,27 @@ export default {
       return this.rangeLabel
     },
     modelUsageRank() {
-      const maxTokens = Math.max(...this.usageList.map(item => Number(item.total_tokens || 0)), 0)
-      return this.usageList
+      const modelMap = this.usageList.reduce((map, item) => {
+        const model = item.model || item.model_name || item.display_name || '-'
+        const totalTokens = Number(item.total_tokens || 0) || Number(item.prompt_tokens || 0) + Number(item.completion_tokens || 0)
+        if (!map[model]) {
+          map[model] = {
+            model,
+            total_tokens: 0,
+            request_count: 0,
+            amount: 0
+          }
+        }
+        map[model].total_tokens += totalTokens
+        map[model].request_count += Number(item.request_count || 0)
+        map[model].amount += Number(item.amount || 0)
+        return map
+      }, {})
+      const rankSource = Object.values(modelMap)
+      const maxTokens = Math.max(...rankSource.map(item => Number(item.total_tokens || 0)), 0)
+      return rankSource
         .map(item => ({
-          model: item.model,
-          total_tokens: Number(item.total_tokens || 0),
+          ...item,
           percent: maxTokens ? Math.round((Number(item.total_tokens || 0) / maxTokens) * 100) : 0
         }))
         .sort((a, b) => b.total_tokens - a.total_tokens)
@@ -328,7 +344,14 @@ export default {
           },
           formatter: params => {
             const item = params && params[0]
-            return item ? `${item.name}<br/>${this.formatNumber(item.value)} Token` : ''
+            if (!item) return ''
+            const rankItem = rankList[item.dataIndex] || {}
+            return [
+              item.name,
+              `${this.formatNumber(item.value)} Token`,
+              `调用次数：${this.formatNumber(rankItem.request_count)}`,
+              `预估费用：¥ ${this.formatAmount(rankItem.amount)}`
+            ].join('<br/>')
           }
         },
         xAxis: {