+
+
+ ≡
+
+
+ 优先级: {index + 1}
+
+
+
+
+ {/* 供应商和后端模型名称一行 */}
+
+
+
+
+
+
+
+
+ onModelChange(index, 'Name', e.target.value)}
+ className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
+ />
+
+
+
+ {/* 成本阈值、最大上下文长度、计费方式、Token单价一行 */}
+
+
+
+
+ onModelChange(index, 'CostThreshold', parseFloat(e.target.value) || 0)
+ }
+ className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
+ />
+
+
+
+
+ onModelChange(index, 'MaxContextLength', parseInt(e.target.value))}
+ className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
+ />
+
+
+
+
+
+
+
+ {/* Token单价占位符，实际内容在下面条件渲染中 */}
+
+
+
+ {bm.BillingMethod === 'token' ? '见下方详细设置' : '按请求计费'}
+
+
+
+
+ {/* Token单价相关字段 - 按Token计费时显示 */}
+ {bm.BillingMethod === 'token' && (
+
+ )}
+
+ {/* 固定价格 - 按请求计费时显示 */}
+ {bm.BillingMethod === 'request' && (
+
+
+
+ onModelChange(index, 'FixedPrice', parseFloat(e.target.value))}
+ className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
+ />
+
+
+ )}
+
-
-
-
-
-
-
-
-
-
- handleBackendModelChange(index, 'Name', e.target.value)}
- className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
- />
-
-
-
- handleBackendModelChange(index, 'Priority', parseInt(e.target.value))}
- className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
- />
-
-
-
- handleBackendModelChange(index, 'CostThreshold', parseFloat(e.target.value) || 0)}
- className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
- />
-
-
-
- handleBackendModelChange(index, 'MaxContextLength', parseInt(e.target.value))}
- className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
- />
-
-
-
-
-
- {bm.BillingMethod === 'token' && (
- <>
-
-
- handleBackendModelChange(index, 'PromptTokenPrice', parseFloat(e.target.value))}
- className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
- />
-
-
-
- handleBackendModelChange(index, 'CompletionTokenPrice', parseFloat(e.target.value))}
- className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
- />
-
-
- )}
- {bm.BillingMethod === 'request' && (
-
-
-
handleBackendModelChange(index, 'FixedPrice', parseFloat(e.target.value))}
- className="mt-1 block w-full rounded-md border-gray-300 shadow-sm"
+
+
+ `backend-model-${index}`)}
+ strategy={verticalListSortingStrategy}
+ >
+
+ {backendModels.map((bm, index) => (
+
-
- )}
-
- ))}
+ ))}
+