新增对象存储/账单/保留IP页面,成本今天视图与样式收敛

src/components/ai/AiChannelPanel.vue

@@ -6,6 +6,7 @@ import { createAiChannel, deleteAiChannel, probeAiChannel, updateAiChannel } fro
 import { listCachedRegions } from '@/api/configs'
 import AiChannelModelsModal from '@/components/ai/AiChannelModelsModal.vue'
 import GroupChips from '@/components/ai/GroupChips.vue'
+import PanelHeader from '@/components/PanelHeader.vue'
 import AppInputNumber from '@/components/AppInputNumber.vue'
 import FormField from '@/components/FormField.vue'
 import FormModal from '@/components/FormModal.vue'
@@ -198,15 +199,12 @@ const columns = computed<DataTableColumns<AiChannel>>(() => [
 
 <template>
   <div class="panel">
-    <div class="flex items-center justify-between gap-3 border-b border-line-soft px-4.5 py-3">
-      <div>
-        <div class="text-sm font-semibold">渠道(号池)</div>
-        <div class="mt-0.5 text-xs text-ink-3">
-          渠道 = 租户 × 区域;请求按优先级分组、组内权重随机,429/超时自动换渠道重试,连续失败指数退避熔断
-        </div>
-      </div>
+    <PanelHeader
+      title="渠道(号池)"
+      desc="渠道 = 租户 × 区域;请求按优先级分组、组内权重随机,429/超时自动换渠道重试,连续失败指数退避熔断"
+    >
       <NButton size="small" type="primary" @click="openCreate">添加渠道</NButton>
-    </div>
+    </PanelHeader>
     <NDataTable :columns="columns" :data="channels" :loading="loading" :bordered="false" size="small" />
     <div class="border-t border-line-soft bg-wash px-4.5 py-2.5 text-xs leading-relaxed text-ink-3">
       探测三步:列模型(服务可见性)→ 同步模型缓存 → max_tokens=16 试调(配额)· 探测成功自动复位熔断 ·