From 15c229fa6225230b61fd705803853438ebaa0ce6 Mon Sep 17 00:00:00 2001
From: "pikachu1995@126.com" <pikachu1995@126.com>
Date: Mon, 12 Oct 2026 10:12:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(manager):=20=E8=A3=85=E4=BF=AE=E5=8F=B3?=
 =?UTF-8?q?=E6=A0=8F=E6=8C=89type=E5=88=86=E5=8F=91=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E6=9C=BA=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../page-decoration/wap/config-panel/index.js |  3 +++
 .../views/page-decoration/wap/decorate.vue    | 24 ++++++++++++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 manager/src/views/page-decoration/wap/config-panel/index.js

diff --git a/manager/src/views/page-decoration/wap/config-panel/index.js b/manager/src/views/page-decoration/wap/config-panel/index.js
new file mode 100644
index 000000000..d397fa4fa
--- /dev/null
+++ b/manager/src/views/page-decoration/wap/config-panel/index.js
@@ -0,0 +1,3 @@
+// 新组件配置面板映射：type → 面板组件
+// 面板契约：props res（整个楼层条目），直接修改 res.options.*，保存链路自动感知
+export default {};
diff --git a/manager/src/views/page-decoration/wap/decorate.vue b/manager/src/views/page-decoration/wap/decorate.vue
index c477e2e84..a1a5b95e9 100644
--- a/manager/src/views/page-decoration/wap/decorate.vue
+++ b/manager/src/views/page-decoration/wap/decorate.vue
@@ -26,6 +26,15 @@
         >选择促销活动</el-button
       >
     </div>
+
+    <!-- 新组件独立配置面板（按 type 分发） -->
+    <component
+      v-if="panelComponent"
+      :is="panelComponent"
+      :res="res"
+    />
+    <!-- 老组件遗留配置分支 -->
+    <template v-else>
     <el-alert
       v-if="res.name == '商品分类'"
       type="warning"
@@ -533,6 +542,7 @@
         ref="ossManage"
       />
     </el-dialog>
+    </template>
   </div>
 </template>
 <script>
@@ -543,6 +553,7 @@ import hotzone from "@/components/hotzone";
 import ways from "@/components/lili-dialog/wap.js";
 import categoryTemplate from "@/components/lili-dialog/template/category";
 import VideoConfig from "./video-config";
+import panelMap from "./config-panel";
 import alignTextLeft from "@/assets/align-text-left.png";
 import alignTextCenter from "@/assets/align-text-center.png";
 import alignTextRight from "@/assets/align-text-right.png";
@@ -563,9 +574,10 @@ export default {
       picModelFlag: false, //图片选择器
       linkType: "goods", // dialog弹窗口类型
       styleFlag: false, //广告魔方开关
-      textAlign: this.res.options.list[0]
-        ? this.res.options.list[0].textAlign
-        : "center", //文字对齐方式
+      textAlign:
+        this.res.options.list && this.res.options.list[0]
+          ? this.res.options.list[0].textAlign
+          : "center", //文字对齐方式
       promotionsFlag: false, //广告魔方开关
       selectedLinkIndex: "", //选择链接的索引
       modelData, // 装修数据
@@ -585,6 +597,12 @@ export default {
     },
   },
   props: ["res"],
+  computed: {
+    // 新组件按 type 分发到独立配置面板；老组件走下方遗留分支
+    panelComponent() {
+      return (this.res && panelMap[this.res.type]) || null;
+    },
+  },
   methods: {
     // 选择分类（弹窗内暂存，确定后写回）
     onCategorySelected(val) {