admin后台第一阶段目录优化

2026-05-15 14:12:38 +08:00
parent 34b71decf1
commit 11678a7f83
35 changed files with 41 additions and 46 deletions
@@ -0,0 +1,92 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import AdminFulfillmentBindingsView from './AdminFulfillmentBindingsView.vue'
+import AdminKuaishouCloudFulfillmentView from './AdminKuaishouCloudFulfillmentView.vue'
+
+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() {
+    const value = String(route.query.tab || '').trim()
+    return value === 'kuaishou-cloud' ? 'kuaishou-cloud' : 'legacy'
+  },
+  set(value) {
+    const next = value === 'kuaishou-cloud' ? 'kuaishou-cloud' : 'legacy'
+    void router.replace({
+      path: '/admin/platform-fulfillment',
+      query: next === 'legacy' ? {} : { tab: next },
+    })
+  },
+})
+</script>
+
+<template>
+  <section class="hub-panel">
+    <AdminPageHeader
+      title="履约配置中心"
+      description="旧规则和快手 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>
+  </section>
+</template>
+
+<style scoped>
+.hub-panel {
+  display: grid;
+  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__content) {
+  padding-top: var(--space-3);
+}
+</style>