优化履约配置

apps/frontend/src/views/admin/fulfillment/AdminFulfillmentConfigHubView.vue

@@ -9,18 +9,6 @@ type FulfillmentTabKey = 'legacy' | 'kuaishou-cloud'
 
 const route = useRoute()
 const router = useRouter()
-const TAB_OPTIONS: Array<{ key: FulfillmentTabKey; label: string; desc: string }> = [
-  {
-    key: 'legacy',
-    label: '旧履约规则',
-    desc: '这里维护原有统一履约绑定，支持腾讯领取、人工发货，以及旧任务匹配逻辑。',
-  },
-  {
-    key: 'kuaishou-cloud',
-    label: '快手 Cloud 新履约',
-    desc: '这里维护快手下单后走 cloudtentacles 绑定、发货、退号的新流程，不会覆盖旧规则。',
-  },
-]
 
 const activeTab = computed<FulfillmentTabKey>({
   get() {
@@ -41,24 +29,17 @@ const activeTab = computed<FulfillmentTabKey>({
   <section class="hub-panel">
     <AdminPageHeader
       title="履约配置中心"
-      description="旧规则和快手 Cloud 新流程都放在这里维护，不再拆成两个侧边栏入口。"
+      description="维护外部商品到内部 SKU 的映射规则，旧规则和快手 Cloud 新流程都在这里配置。"
     />
 
-    <section class="hub-card">
-      <div class="tab-copy">
-        <h3>{{ TAB_OPTIONS.find((item) => item.key === activeTab)?.label }}</h3>
-        <p>{{ TAB_OPTIONS.find((item) => item.key === activeTab)?.desc }}</p>
-      </div>
-
-      <el-tabs v-model="activeTab" class="hub-tabs">
-        <el-tab-pane label="旧履约规则" name="legacy">
-          <AdminFulfillmentBindingsView />
-        </el-tab-pane>
-        <el-tab-pane label="快手 Cloud 新履约" name="kuaishou-cloud">
-          <AdminKuaishouCloudFulfillmentView />
-        </el-tab-pane>
-      </el-tabs>
-    </section>
+    <el-tabs v-model="activeTab" class="hub-tabs">
+      <el-tab-pane label="旧履约规则" name="legacy">
+        <AdminFulfillmentBindingsView />
+      </el-tab-pane>
+      <el-tab-pane label="快手 Cloud 新履约" name="kuaishou-cloud">
+        <AdminKuaishouCloudFulfillmentView />
+      </el-tab-pane>
+    </el-tabs>
   </section>
 </template>
 
@@ -68,25 +49,11 @@ const activeTab = computed<FulfillmentTabKey>({
   gap: var(--space-4);
 }
 
-.hub-card {
-  padding: var(--space-5);
-  border-radius: var(--radius-xl);
-  border: 1px solid var(--border-default);
-  background: var(--bg-surface);
-}
-
-.tab-copy h3 {
-  margin: 0;
-  color: var(--text-primary);
-}
-
-.tab-copy p {
-  margin: var(--space-2) 0 0;
-  color: var(--text-secondary);
-  line-height: 1.6;
+:deep(.hub-tabs .el-tabs__header) {
+  margin-bottom: 0;
 }
 
 :deep(.hub-tabs .el-tabs__content) {
-  padding-top: var(--space-3);
+  padding-top: var(--space-4);
 }
 </style>