From 84e609586ee295776f5d14af573acbafb772fa06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Wed, 13 Nov 2024 17:56:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=98=BE=E7=A4=BA=E5=A4=84?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model-custom/model-custom-content.vue     | 81 ++++++++++++++++++-
 src/config/const/custom.ts                    |  3 +
 src/views/layout/index.vue                    | 14 +++-
 3 files changed, 95 insertions(+), 3 deletions(-)

diff --git a/src/components/model-custom/model-custom-content.vue b/src/components/model-custom/model-custom-content.vue
index 67634078..c9bbf035 100644
--- a/src/components/model-custom/model-custom-content.vue
+++ b/src/components/model-custom/model-custom-content.vue
@@ -27,7 +27,7 @@
         <Dialog ref="dialog" @accomplish="accomplish">
             <div class="flex-row h w">
                 <!-- 左侧和中间区域 -->
-                <DragIndex ref="draglist" :key="dragkey" v-model:height="center_height" v-model:width="center_width" :source-list="form?.data_source_content?.data_list[0] || {}" :source-type="form?.data_source || ''" :list="custom_list" @right-update="right_update"></DragIndex>
+                <DragIndex ref="draglist" :key="dragkey" v-model:height="center_height" v-model:width="center_width" :source-list="!isEmpty(data_source_content_list) ? data_source_content_list[0] : {}" :source-type="form?.data_source || ''" :list="custom_list" @right-update="right_update"></DragIndex>
                 <!-- 右侧配置区域 -->
                 <div class="settings">
                     <template v-if="diy_data.key === 'img'">
@@ -62,6 +62,8 @@ import DragIndex from './components/index.vue';
 import { isEmpty, cloneDeep } from 'lodash';
 import CustomAPI from '@/api/custom';
 import { DataSourceStore } from '@/store';
+import ShopAPI from '@/api/shop';
+import ArticleAPI from '@/api/article';
 const data_source_store = DataSourceStore();
 
 const props = defineProps({
@@ -340,6 +342,83 @@ const url_value_dialog_call_back = (item: any[]) => {
         };
     }
 };
+// 数据来源的内容
+let data_source_content_list = computed(() => {
+    if (['goods', 'article', 'brand'].includes(form.data_source)) {
+        if (form.data_source_content_value.data_type == '0') {
+            return form.data_source_content.data_list;
+        } else {
+            return form.data_source_content.data_auto_list;
+        }
+    } else {
+        return form.data_source_content.data_list;
+    }
+})
+// 获取商品自动数据
+const get_products = () => {
+    const { category_ids, brand_ids, number, order_by_type, order_by_rule } = form.data_source_content_value;
+    const params = {
+        goods_keywords: '',
+        goods_category_ids: category_ids,
+        goods_brand_ids: brand_ids,
+        goods_order_by_type: order_by_type,
+        goods_order_by_rule: order_by_rule,
+        goods_number: number,
+    };
+    // 获取商品列表
+    ShopAPI.getShopLists(params).then((res: any) => {
+        // 清空历史数据
+        form.data_source_content.data_auto_list = [];
+        if (!isEmpty(res.data)) {
+            res.data.forEach((child: any) => {
+                form.data_source_content.data_auto_list.push({
+                    id: get_math(),
+                    new_title: '',
+                    new_cover: [],
+                    data: child,
+                });
+            });
+        }
+    });
+};
+// 获取文章自动数据
+const get_article = async () => {
+    const { category_ids, number, order_by_type, order_by_rule, is_cover } = form.data_source_content_value;
+    const new_data = {
+        article_keywords: '',
+        article_category_ids: category_ids.join(','),
+        article_order_by_type: order_by_type,
+        article_order_by_rule: order_by_rule,
+        article_number: number,
+        article_is_cover: is_cover,
+    };
+    const res = await ArticleAPI.getAutoList(new_data);
+    // 清空历史数据
+    form.data_source_content.data_auto_list = [];
+    if (!isEmpty(res.data)) {
+        res.data.forEach((child: any) => {
+            form.data_source_content.data_auto_list.push({
+                id: get_math(),
+                new_title: '',
+                new_cover: [],
+                data: child,
+            });
+        });
+    }
+};
+const get_brand =  () => {
+    console.log('品牌分类数据');
+    form.data_source_content.data_auto_list = [];
+}
+watch(() => form.data_source_content_value, (new_val, old_val) => {
+    if (form.data_source == 'goods') {
+        get_products();
+    } else if (form.data_source == 'article') {
+        get_article();
+    } else if (form.data_source == 'brand') {
+        get_brand();
+    }
+},{ immediate: true, deep: true });
 //#endregion
 </script>
 <style lang="scss" scoped>
diff --git a/src/config/const/custom.ts b/src/config/const/custom.ts
index 7351f20e..b9d5bac7 100644
--- a/src/config/const/custom.ts
+++ b/src/config/const/custom.ts
@@ -1,5 +1,6 @@
 import defaultCommon from "./index";
 interface content {
+    data_ids: Array<string>;
     data_list: Array<object>;
     data_auto_list: Array<object>;
 }
@@ -26,6 +27,8 @@ const defaultSearch: defaultSearch = {
         data_source_content_value: '',
         // 数据源内容
         data_source_content: {
+            // 存放手动输入的id
+            data_ids: [],
             // 手动输入
             data_list: [],
             // 自动
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index 5d4eecf4..db90f9dd 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -309,8 +309,18 @@ const save_formmat_form_data = (data: diy_data_item, close: boolean = false, is_
                 item1.data_content.data_source_content = {};
             });
         } else if (new_array_5.includes(item.key)) {
-            // item.com_data.content.data_source_content_value = item.com_data.content.data_source_content.id;
-            // item.com_data.content.data_source_content = {};
+            // 数据改造,存放手动的id
+            item.com_data.content.data_source_content.data_ids = item.com_data.content.data_source_content.data_list.map((item: any) => item.data.id).join(',') || '';
+            // 自动数据清空
+            item.com_data.content.data_source_content.data_auto_list = [];
+            // 数据改造,存放手动的清除里边的data
+            item.com_data.content.data_source_content.data_list = item.com_data.content.data_source_content.data_list.map((item1: any) => {
+                return {
+                    ...item1,
+                    data: [],
+                    data_id: item1.data.id,
+                };
+            });
         }
         return {
             ...item,