From 7d78f07cdcd4196370e4d803bd23817ce6ed5f1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Fri, 18 Apr 2025 18:16:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=95=86=E5=93=81=E9=AD=94?=
 =?UTF-8?q?=E6=96=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/diy/components/diy/goods-magic.vue | 83 ++++++++++++++++++++++++
 1 file changed, 83 insertions(+)
 create mode 100644 pages/diy/components/diy/goods-magic.vue

diff --git a/pages/diy/components/diy/goods-magic.vue b/pages/diy/components/diy/goods-magic.vue
new file mode 100644
index 00000000..ad45736a
--- /dev/null
+++ b/pages/diy/components/diy/goods-magic.vue
@@ -0,0 +1,83 @@
+<template>
+    <componentGoodsList ref="diy_goods_list" :propDiyIndex="propDiyIndex" :propKey="propKey" :propIndex="propIndex" :propValue="propValue" :propNewList="data_source_content_list" :propIsUseAuto="false" @goods_buy_event="goods_buy_event"></componentGoodsList>
+</template>
+
+<script>
+    const app = getApp();
+    import { isEmpty } from '@/common/js/common/common.js';
+    import componentGoodsList from '@/pages/diy/components/diy/goods-list';
+    export default {
+        components: {
+            componentGoodsList
+        },
+        props: {
+            propValue: {
+                type: Object,
+                default: () => ({}),
+            },
+            propIsCommonStyle: {
+                type: Boolean,
+                default: true,
+            },
+            propKey: {
+                type: [String, Number],
+                default: '',
+            },
+            propDiyIndex: {
+                type: Number,
+                default: 0,
+            },
+            // 组件渲染的下标
+            propIndex: {
+                type: Number,
+                default: 0,
+            },
+        },
+        data() {
+            return {
+                data_source_content_list: [],
+            };
+        },
+        watch: {
+            propKey(val) {
+                this.init();
+            },
+            propValue(new_value, old_value) {
+                this.init();
+            },
+        },
+        created() {
+            this.init();
+        },
+        methods: {
+            init() {
+                let new_list = [];
+                const new_form = this.propValue.content || null;
+                if (Number(new_form.data_source_content.data_type) === 0 && !isEmpty(new_form.data_source_content.data_list)) {
+                    const list = new_form.data_source_content?.data_list || [];
+                    new_list = list.map((item) => ({
+                        ...item.data,
+                        title: !isEmpty(item.new_title) ? item.new_title : item.data.title,
+                        new_cover: item.new_cover,
+                    }));;
+                } else if (!isEmpty(new_form.data_source_content.data_auto_list)) {
+                    new_list = new_form.data_source_content.data_auto_list;
+                }
+                this.setData({
+                    data_source_content_list: new_list,
+                });
+            },
+            goods_buy_event(index, goods = {}, params = {}, back_data = null) {
+                this.$emit('goods_buy_event', index, goods, params, back_data);
+            },
+            goods_cart_back_event(e) {
+                if ((this.$refs.diy_goods_list || null) != null) {
+                    this.$refs.diy_goods_list.goods_cart_back_event(e);
+                }
+            },
+        }
+    };
+</script>
+
+<style scoped lang="scss">
+</style>