From 927e2ebc4cdc7ac78393e5ae50bee8e958c626d2 Mon Sep 17 00:00:00 2001
From: yangchunlong <292345300@qq.com>
Date: Wed, 23 Apr 2025 17:21:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=9A=80=20banner=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=9B=B8=E5=85=B3=E5=88=86=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/rulesForm/index.vue            |  1 +
 .../bannerManagement/list/constant/edit.ts    |  8 +++
 src/views/bannerManagement/list/index.vue     | 54 +++++++++++--------
 3 files changed, 40 insertions(+), 23 deletions(-)

diff --git a/src/components/rulesForm/index.vue b/src/components/rulesForm/index.vue
index bf21ef9..4757de6 100644
--- a/src/components/rulesForm/index.vue
+++ b/src/components/rulesForm/index.vue
@@ -159,6 +159,7 @@
                         show-checkbox
                         check-strictly
                         @change="handleSelectChange(_ruleForm[`${item.prop}`], item.prop)"
+                        style="max-width: 240px"
                     />
                 </template>
                 <template v-if="item.type === 'treeSelects'">
diff --git a/src/views/bannerManagement/list/constant/edit.ts b/src/views/bannerManagement/list/constant/edit.ts
index 68d1be1..182f6a9 100644
--- a/src/views/bannerManagement/list/constant/edit.ts
+++ b/src/views/bannerManagement/list/constant/edit.ts
@@ -78,6 +78,14 @@ export const EDIT_FORM_DATA: FormItem[] = [
         label: "Banner分类: ",
         options: []
     },
+    {
+        prop: "rel_prod_cate_id",
+        placeholder: "请选择",
+        type: "treeSelect",
+        label: "相关分类: ",
+        options: []
+    },
+
     {
         prop: "sort",
         placeholder: "请输入",
diff --git a/src/views/bannerManagement/list/index.vue b/src/views/bannerManagement/list/index.vue
index 1a07b9b..4ec8a81 100644
--- a/src/views/bannerManagement/list/index.vue
+++ b/src/views/bannerManagement/list/index.vue
@@ -84,6 +84,7 @@ import { messageBox } from "@/utils/messageBox";
 import { useMsg } from "@/hooks/useMsg";
 import { useExport } from "@/hooks/useExport";
 import { integerRexg } from "@/utils/regexp/index";
+import { getProductCategoryListApi } from "@/api/modules/productList";
 // 图片地址
 import { h } from "@/utils/url";
 // 列表接口
@@ -131,6 +132,28 @@ const treeProps = {
     label: "label",
     value: "value"
 };
+const addLabelValue = (arr: any) => {
+    return arr.map((item: any) => {
+        // 为当前对象添加 label 和 value 属性
+        const newItem = { ...item };
+        newItem.label = newItem.name;
+        newItem.value = newItem.id;
+
+        // 如果有子对象，递归调用 addLabelValue 处理子对象
+        if (newItem.children && Array.isArray(newItem.children)) {
+            newItem.children = addLabelValue(newItem.children);
+        }
+        return newItem;
+    });
+};
+//产品分类(后端大佬说直接掉列表接口)
+const getProductCategoryList = async () => {
+    const result = await getProductCategoryListApi();
+    if (result?.code === 0) {
+        let dataClone: any = cloneDeep(result?.data);
+        dataStore.editFormData[6].options = addLabelValue(dataClone);
+    }
+};
 
 const buildTree = (data: any, outerLinkTo: any = "") => {
     return data.map((item: any) => {
@@ -152,24 +175,18 @@ const buildTree = (data: any, outerLinkTo: any = "") => {
 };
 // let isFirstRequest = true;
 const handleRadioGroupEmits = (value: any) => {
-    // if (value !== "video" || value !== "image") {
-    //     return;
-    // }
     if (value === "video") {
         dataStore.editFormData = EDIT_FORM_DATA1;
         dataStore.rules = RULES1;
         getBannerClassEditList();
     }
-    // getBannerClassList();
+
     if (value === "image") {
         dataStore.isFirstRequest = true;
         dataStore.editFormData = EDIT_FORM_DATA;
         dataStore.rules = RULES;
         getBannerClassEditList();
     }
-
-    // console.log(value, "==========value==========");
-    // getBannerClassEditList();
 };
 
 const getSystemUrls = async (node: any, resolve: any) => {
@@ -201,7 +218,8 @@ const getSystemUrls = async (node: any, resolve: any) => {
 const setImgOrVideo = () => {
     if (dataStore.editRuleForm.type === "image") {
         dataStore.editFormData = EDIT_FORM_DATA;
-    } else {
+    }
+    if (dataStore.editRuleForm.type === "video") {
         dataStore.editFormData = EDIT_FORM_DATA1;
     }
     getBannerClassEditList();
@@ -214,6 +232,7 @@ const getBannerRead = async (id: any) => {
     if (result?.code === 0) {
         dataStore.editRuleForm = result?.data;
         setImgOrVideo();
+        getProductCategoryList();
         if (dataStore.editRuleForm.link && dataStore.editRuleForm.link_to) {
             let { id, name, link } = dataStore.editRuleForm.link_echo_data;
             if (!id || !name || !link) {
@@ -262,20 +281,6 @@ const getBannerUp = async () => {
         dataStore.isFirstRequest = true;
     }
 };
-
-// 分类
-const getBannerClassList = async () => {
-    const result = await getBannerClassListApi();
-    if (result?.code === 0) {
-        let arr: any = [];
-        result?.data?.forEach((item: any) => {
-            arr.push({ value: item.id, label: item.name });
-        });
-        dataStore.formData[1].options = arr;
-        // dataStore.editFormData[4].options = arr;
-    }
-};
-getBannerClassList();
 //详情里的分类
 const getBannerClassEditList = async () => {
     const result = await getBannerClassListApi();
@@ -284,10 +289,11 @@ const getBannerClassEditList = async () => {
         result?.data?.forEach((item: any) => {
             arr.push({ value: item.id, label: item.name });
         });
+        dataStore.formData[1].options = arr;
         dataStore.editFormData[5].options = arr;
     }
 };
-
+getBannerClassEditList();
 // 新增
 const getBannerListSave = async () => {
     const result = await getBannerListSaveApi(dataStore.editRuleForm);
@@ -343,6 +349,8 @@ const handleAdd = () => {
     dataStore.title = "添加Banner";
     dataStore.visible = true;
     getBannerClassEditList();
+    // getBannerClassList();
+    getProductCategoryList();
 };
 // 抽屉关闭前的钩子
 const handleBeforeClone = () => {