From 472dd212f05c5f268ecf054117798d78ed4f095b Mon Sep 17 00:00:00 2001
From: yangchunlong <292345300@qq.com>
Date: Thu, 9 Jul 2026 11:39:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=9A=80=20=E5=AE=8C=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/productCompatibility.ts       |  38 +++---
 src/components.d.ts                           |   3 +
 .../accessoryType/constant/edit.ts            |   4 +-
 .../productManagement/accessoryType/index.vue |  11 +-
 .../compatibility/constant/edit.ts            |  33 +++---
 .../compatibility/constant/rules.ts           |   4 +-
 .../compatibility/constant/search.ts          |   4 +-
 .../compatibility/constant/table.ts           |  43 +++++--
 .../productManagement/compatibility/index.vue | 112 +++++++-----------
 .../productManagement/list/constant/form.ts   |  25 +---
 .../productManagement/list/constant/rules.ts  |   6 +-
 src/views/productManagement/list/edit.vue     |  27 ++++-
 src/views/productManagement/list/index.vue    |   1 +
 .../list/utils/edit/initDetailParams.ts       |  17 +++
 .../list/utils/edit/submit.ts                 |  22 ++--
 15 files changed, 185 insertions(+), 165 deletions(-)

diff --git a/src/api/modules/productCompatibility.ts b/src/api/modules/productCompatibility.ts
index 8497c9a..4a55006 100644
--- a/src/api/modules/productCompatibility.ts
+++ b/src/api/modules/productCompatibility.ts
@@ -1,29 +1,33 @@
 import http from "@/api";
 
-const PRODUCT_ATTR = `/product/attr`;
-// 产品属性列表
-export const getProductAttrListApi = (params: any) => {
-    return http.get<any>(`${PRODUCT_ATTR}/index`, params);
+const PRODUCT_Compatibility = `/product/compat`;
+// 列表
+export const getProductCompatibilityListApi = (params: any) => {
+    return http.get<any>(`${PRODUCT_Compatibility}/index`, params);
 };
-// 产品属性详情
-export const getProductAttrDetailsApi = (params: any) => {
-    return http.get<any>(`${PRODUCT_ATTR}/read/${params}`);
+// 详情
+export const getProductCompatibilityDetailsApi = (params: any) => {
+    return http.get<any>(`${PRODUCT_Compatibility}/read/${params}`);
 };
-// 产品属性删除
-export const getProductAttrDelApi = (params: any) => {
-    return http.delete<any>(`${PRODUCT_ATTR}/delete/${params}`);
+// 删除
+export const getProductCompatibilityDelApi = (params: any) => {
+    return http.delete<any>(`${PRODUCT_Compatibility}/delete/${params}`);
 };
-// 产品属性更新
-export const getProductAttrUpApi = (params: any) => {
+// 更新
+export const getProductCompatibilityUpApi = (params: any) => {
     const { id } = params;
-    return http.put<any>(`${PRODUCT_ATTR}/update/${id}`, params);
+    return http.put<any>(`${PRODUCT_Compatibility}/update/${id}`, params);
 };
-//产品属性新增
-export const getProductAttrAddApi = (params: any) => {
-    return http.post<any>(`${PRODUCT_ATTR}/save`, params, {
+//新增
+export const getProductCompatibilityAddApi = (params: any) => {
+    return http.post<any>(`${PRODUCT_Compatibility}/save`, params, {
         headers: {
             "Content-Type": "application/x-www-form-urlencoded"
         }
     });
 };
-//
+//导入
+export const getProductCompatibilityListImportApi = (params: any) => {
+    return http.post<any>(`${PRODUCT_Compatibility}/import`, params);
+};
+//getProductCompatibilityListApi,getProductCompatibilityDetailsApi,getProductCompatibilityDelApi,getProductCompatibilityUpApi,getProductCompatibilityUpApi,getProductCompatibilityAddApi,getProductCompatibilityAddApi
diff --git a/src/components.d.ts b/src/components.d.ts
index cf2e9c1..f365e5d 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -12,6 +12,8 @@ declare module "vue" {
         ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"];
         ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"];
         ElButton: typeof import("element-plus/es")["ElButton"];
+        ElCheckbox: typeof import("element-plus/es")["ElCheckbox"];
+        ElCheckboxGroup: typeof import("element-plus/es")["ElCheckboxGroup"];
         ElContainer: typeof import("element-plus/es")["ElContainer"];
         ElDatePicker: typeof import("element-plus/es")["ElDatePicker"];
         ElDialog: typeof import("element-plus/es")["ElDialog"];
@@ -43,6 +45,7 @@ declare module "vue" {
         ElTabPane: typeof import("element-plus/es")["ElTabPane"];
         ElTabs: typeof import("element-plus/es")["ElTabs"];
         ElTag: typeof import("element-plus/es")["ElTag"];
+        ElTooltip: typeof import("element-plus/es")["ElTooltip"];
         ElTreeSelect: typeof import("element-plus/es")["ElTreeSelect"];
         ElUpload: typeof import("element-plus/es")["ElUpload"];
         IEpArrowDown: typeof import("~icons/ep/arrow-down")["default"];
diff --git a/src/views/productManagement/accessoryType/constant/edit.ts b/src/views/productManagement/accessoryType/constant/edit.ts
index 116a9c3..962cd60 100644
--- a/src/views/productManagement/accessoryType/constant/edit.ts
+++ b/src/views/productManagement/accessoryType/constant/edit.ts
@@ -39,11 +39,11 @@ export const EDIT_FORM_DATA: FormItem[] = [
         options: [
             {
                 label: "是",
-                value: 1
+                value: 0
             },
             {
                 label: "否",
-                value: 0
+                value: 1
             }
         ]
     }
diff --git a/src/views/productManagement/accessoryType/index.vue b/src/views/productManagement/accessoryType/index.vue
index 8c76bc4..9b55e56 100644
--- a/src/views/productManagement/accessoryType/index.vue
+++ b/src/views/productManagement/accessoryType/index.vue
@@ -11,12 +11,9 @@
             :request-api="getProductAccessoryTypeListApi"
             :init-param="dataStore.initParam"
         >
-            <template #image="scope">
-                <el-image :src="scope.row.image ? h + scope.row.image : ''" style="width: 60px; height: 60px" />
-            </template>
-            <template #status="scope">
-                <el-tag :type="scope.row.status == 1 ? 'success' : 'danger'" effect="dark">{{
-                    scope.row.status == 1 ? "启用" : "禁用"
+            <template #disabled="scope">
+                <el-tag :type="scope.row.stdisabledatus == 1 ? 'danger' : 'success'" effect="dark">{{
+                    scope.row.disabled == 1 ? "禁用" : "启用"
                 }}</el-tag>
             </template>
             <template #operation="scope">
@@ -77,8 +74,6 @@ import { RULE_FORM, FORM_DATA, COLUMNS, EDIT_FORM_DATA, EDIT_RULE_FORM, RULES }
 // 获取 ProTable 元素，调用其获取刷新数据方法（还能获取到当前查询参数，方便导出携带参数）
 const proTableRef = ref<any>(null);
 const formRef: any = ref(null);
-//图片地址
-import { h } from "@/utils/url";
 // 数据源
 const dataStore = reactive<any>({
     title: "添加配件类型",
diff --git a/src/views/productManagement/compatibility/constant/edit.ts b/src/views/productManagement/compatibility/constant/edit.ts
index fb6a3e5..e2e2681 100644
--- a/src/views/productManagement/compatibility/constant/edit.ts
+++ b/src/views/productManagement/compatibility/constant/edit.ts
@@ -19,64 +19,65 @@ interface FormItem {
 }
 export const EDIT_FORM_DATA: FormItem[] = [
     {
-        prop: "name",
+        prop: "label_name",
         placeholder: "请输入",
         type: "input",
         label: "标签名称: "
     },
     {
-        prop: "name",
+        prop: "part_id",
         placeholder: "请输入",
         type: "select",
-        label: "配件类型: "
+        label: "配件类型: ",
+        options: []
     },
     {
-        prop: "name",
+        prop: "brand_name",
         placeholder: "请输入",
         type: "input",
         label: "品牌: "
     },
     {
-        prop: "name",
+        prop: "level_name",
         placeholder: "请输入",
         type: "input",
         label: "级别: "
     },
     {
-        prop: "name",
+        prop: "class_name",
         placeholder: "请输入",
         type: "input",
         label: "类别: "
     },
     {
-        prop: "name",
+        prop: "series_name",
         placeholder: "请输入",
         type: "input",
         label: "系列: "
     },
     {
-        prop: "name",
+        prop: "model",
         placeholder: "请输入",
         type: "input",
         label: "市场型号: "
     },
     {
-        prop: "name",
+        prop: "capacity",
         placeholder: "请输入",
         type: "input",
-        label: "容器: "
+        label: "容量: "
     },
     {
-        prop: "name",
+        prop: "interface_type",
         placeholder: "请输入",
         type: "input",
         label: "接口类型: "
     },
     {
-        prop: "name",
+        prop: "compat_status",
         placeholder: "请输入",
         type: "input",
-        label: "兼容类型: "
+        label: "兼容状态: "
     },
     {
         prop: "sort",
@@ -85,18 +86,18 @@ export const EDIT_FORM_DATA: FormItem[] = [
         label: "排序: "
     },
     {
-        prop: "recommend",
+        prop: "disabled",
         placeholder: "请输入",
         type: "radio",
         label: "是否启用: ",
         options: [
             {
                 label: "是",
-                value: 1
+                value: 0
             },
             {
                 label: "否",
-                value: 0
+                value: 1
             }
         ]
     }
diff --git a/src/views/productManagement/compatibility/constant/rules.ts b/src/views/productManagement/compatibility/constant/rules.ts
index b24b9ba..b457b80 100644
--- a/src/views/productManagement/compatibility/constant/rules.ts
+++ b/src/views/productManagement/compatibility/constant/rules.ts
@@ -1,5 +1,5 @@
 export const RULES = {
-    name: [{ required: true, message: "视频名称不能为空 ! ", trigger: "blur" }],
-    category_id1: [{ required: true, message: "视频分类不能为空 ! ", trigger: "blur" }],
+    label_name: [{ required: true, message: "标签名称不能为空 ! ", trigger: "blur" }],
+    brand_name: [{ required: true, message: "标签名称不能为空 ! ", trigger: "blur" }],
     sort: [{ required: true, message: "视频排序不能为空 ! ", trigger: "blur" }]
 };
diff --git a/src/views/productManagement/compatibility/constant/search.ts b/src/views/productManagement/compatibility/constant/search.ts
index da7898c..dd8939c 100644
--- a/src/views/productManagement/compatibility/constant/search.ts
+++ b/src/views/productManagement/compatibility/constant/search.ts
@@ -17,13 +17,13 @@ interface FormItem {
 }
 export const FORM_DATA: FormItem[] = [
     {
-        prop: "name",
+        prop: "label_name",
         placeholder: "请输入",
         type: "input",
         label: "标签名称: "
     },
     {
-        prop: "name",
+        prop: "model",
         placeholder: "请输入",
         type: "input",
         label: "型号: "
diff --git a/src/views/productManagement/compatibility/constant/table.ts b/src/views/productManagement/compatibility/constant/table.ts
index 9f31a63..eb1996e 100644
--- a/src/views/productManagement/compatibility/constant/table.ts
+++ b/src/views/productManagement/compatibility/constant/table.ts
@@ -10,56 +10,72 @@ export const COLUMNS = [
     {
         align: "left",
         label: "标签名称",
-        prop: "name"
+        prop: "label_name",
+        width: 200,
+        fixed: true
     },
     {
         align: "left",
         label: "配件类型",
-        prop: "category_name"
+        prop: "part_name",
+        width: 200,
+        fixed: true
     },
     {
         align: "left",
         label: "品牌",
-        prop: "sort",
-        width: 160
+        prop: "brand_name",
+        width: 200,
+        fixed: true
     },
     {
         align: "left",
         label: "级别",
-        prop: "sort",
+        prop: "level_name",
         width: 160
     },
     {
         align: "left",
         label: "系列",
-        prop: "sort",
-        width: 160
+        prop: "series_name",
+        width: 200
     },
 
     {
         align: "left",
         label: "型号",
-        prop: "created_at"
+        prop: "model",
+        width: 200
     },
     {
         align: "left",
         label: "容量",
-        prop: "created_at"
+        prop: "capacity",
+        width: 160
     },
     {
         align: "left",
         label: "接口型号",
-        prop: "created_at"
+        prop: "interface_type",
+        width: 200
     },
     {
         align: "left",
         label: "兼容性状态",
-        prop: "created_at"
+        prop: "compat_status",
+        width: 160
     },
     {
         align: "left",
         label: "排序",
-        prop: "created_at"
+        prop: "sort",
+        width: 160
+    },
+    {
+        align: "left",
+        label: "使用状态",
+        prop: "disabled",
+        width: 160
     },
     {
         align: "left",
@@ -69,7 +85,8 @@ export const COLUMNS = [
     {
         align: "left",
         label: "更新时间",
-        prop: "created_at"
+        prop: "updated_at"
     },
+
     { prop: "operation", label: "操作", fixed: "right", width: 200 }
 ];
diff --git a/src/views/productManagement/compatibility/index.vue b/src/views/productManagement/compatibility/index.vue
index ce923a8..61d3d8e 100644
--- a/src/views/productManagement/compatibility/index.vue
+++ b/src/views/productManagement/compatibility/index.vue
@@ -9,15 +9,12 @@
             ref="proTableRef"
             :formData="dataStore.formData"
             :columns="dataStore.columns"
-            :request-api="getVideoListApi"
+            :request-api="getProductCompatibilityListApi"
             :init-param="dataStore.initParam"
         >
-            <template #image="scope">
-                <el-image :src="scope.row.image ? h + scope.row.image : ''" style="width: 60px; height: 60px" />
-            </template>
-            <template #status="scope">
-                <el-tag :type="scope.row.status == 1 ? 'success' : 'danger'" effect="dark">{{
-                    scope.row.status == 1 ? "启用" : "禁用"
+            <template #disabled="scope">
+                <el-tag :type="scope.row.stdisabledatus == 1 ? 'danger' : 'success'" effect="dark">{{
+                    scope.row.disabled == 1 ? "禁用" : "启用"
                 }}</el-tag>
             </template>
             <template #operation="scope">
@@ -61,20 +58,21 @@
 <script setup lang="ts" name="productCompatibilityList">
 import ProTable from "@/components/ProTable/index.vue";
 import rulesForm from "@/components/rulesForm/index.vue";
+import ImportExcel from "@/components/ImportExcel/index.vue";
 import { messageBox } from "@/utils/messageBox";
 import { useMsg } from "@/hooks/useMsg";
-const importRef = ref();
+
 //列表接口
 import {
-    getVideoListApi,
-    getVideoListDelApi,
-    getVideoReadApi,
-    getVideoUpdateApi,
-    getVideoSaveApi,
-    getVideoClassListApi
-} from "@/api/modules/videoList";
-import { recursiveCompare } from "@/utils/recursiveCompare";
-// import { getVideoClassListApi } from "@/api/modules/videoClass";
+    getProductCompatibilityListApi,
+    getProductCompatibilityDetailsApi,
+    getProductCompatibilityDelApi,
+    getProductCompatibilityUpApi,
+    getProductCompatibilityAddApi,
+    getProductCompatibilityListImportApi
+} from "@/api/modules/productCompatibility";
+//列表接口
+import { getProductAccessoryTypeListApi } from "@/api/modules/productAccessoryType";
 //深拷贝方法
 import { cloneDeep } from "lodash-es";
 //表格和搜索條件
@@ -83,11 +81,10 @@ import { RULE_FORM, FORM_DATA, COLUMNS, EDIT_FORM_DATA, EDIT_RULE_FORM, RULES }
 // 获取 ProTable 元素，调用其获取刷新数据方法（还能获取到当前查询参数，方便导出携带参数）
 const proTableRef = ref<any>(null);
 const formRef: any = ref(null);
-//图片地址
-import { h } from "@/utils/url";
+const importRef = ref(null);
 // 数据源
 const dataStore = reactive<any>({
-    title: "添加视频",
+    title: "添加",
     columns: COLUMNS, //列表配置项
     rules: cloneDeep(RULES), //抽屉表单验证
     editRuleForm: cloneDeep(EDIT_RULE_FORM),
@@ -104,7 +101,7 @@ const handleConfirmClick = () => {
     if (!formRef.value!.ruleFormRef) return;
     formRef!.value!.ruleFormRef!.validate((valid: any) => {
         if (valid) {
-            dataStore.title === "添加视频" ? getVideoSave() : getVideoUpdate();
+            dataStore.title === "添加" ? getSave() : getUpdate();
         } else {
             console.log("error submit!");
             return false;
@@ -118,54 +115,37 @@ const resetFields = () => {
 };
 //抽屉重置
 const handleResetClick = () => {
-    if (dataStore.title === "添加视频") {
+    if (dataStore.title === "添加") {
         resetFields();
     } else {
-        getVideoRead(dataStore.selectRow.id);
+        getRead(dataStore.selectRow.id);
     }
 };
 
-//视频分类接口
-const getVideoClassList = async () => {
-    const result = await getVideoClassListApi();
+const getProductAccessoryTypeList = async () => {
+    const result = await getProductAccessoryTypeListApi({ is_show: 1 });
+    console.log(result?.data.data, "==================>");
     if (result?.code === 0) {
         let arr: any[] = [];
-        if (result?.data?.length) {
-            result?.data?.forEach((item: any) => {
-                let obj = {
-                    value: item.id,
-                    label: item.name
-                };
-                arr.push(obj);
-            });
-            dataStore.formData[1].options = arr;
-        }
-    }
-};
-getVideoClassList();
-
-const getVideoClassEditList = async () => {
-    const result = await getVideoClassListApi({ is_show: 1 });
-    if (result?.code === 0) {
-        let arr: any[] = [];
-        if (result?.data?.length) {
-            result?.data?.forEach((item: any) => {
+        if (result?.data?.data?.length) {
+            result?.data?.data?.forEach((item: any) => {
                 let obj = {
                     value: item.id,
                     label: item.name
                 };
                 arr.push(obj);
             });
+            console.log(arr, "=================");
             dataStore.editFormData[1].options = arr;
         }
     }
 };
-getVideoClassEditList();
+getProductAccessoryTypeList();
 
 //添加
 const handleAdd = () => {
     dataStore.visible = true;
-    dataStore.title = "添加视频";
+    dataStore.title = "添加";
 };
 //抽屉关闭前的钩子
 const handleBeforeClone = () => {
@@ -174,32 +154,20 @@ const handleBeforeClone = () => {
     dataStore.visible = false;
 };
 //详情
-const getVideoRead = async (id: any) => {
-    const result = await getVideoReadApi(id);
+const getRead = async (id: any) => {
+    const result = await getProductCompatibilityDetailsApi(id);
     if (result?.code === 0) {
         dataStore.editRuleForm = result?.data;
-        // let is = dataStore.editFormData[1].options.some((item: any) => {
-        //     console.log(item.id);
-        //     console.log(dataStore.editRuleForm.category_id);
-        //     return item.value == dataStore.editRuleForm.category_id;
-        // });
-        let is = dataStore.editFormData[1].options.some((item: any) =>
-            recursiveCompare(item, dataStore.editRuleForm.category_id)
-        );
-        dataStore.editRuleForm.category_id1 = is ? dataStore.editRuleForm.category_id : dataStore.editRuleForm.category_name;
     }
 };
 
 const handleSelectChangeEmits = (value: any) => {
     console.log(value, "========value=33========");
-    if (value.prop === "category_id1") {
-        dataStore.editRuleForm.category_id = value.id;
-    }
 };
 
 //保存
-const getVideoSave = async () => {
-    const result = await getVideoSaveApi(dataStore.editRuleForm);
+const getSave = async () => {
+    const result = await getProductCompatibilityAddApi(dataStore.editRuleForm);
     if (result?.code === 0) {
         const { msg } = result;
         useMsg("success", msg);
@@ -209,8 +177,8 @@ const getVideoSave = async () => {
     }
 };
 //更新
-const getVideoUpdate = async () => {
-    const result = await getVideoUpdateApi(dataStore.editRuleForm);
+const getUpdate = async () => {
+    const result = await getProductCompatibilityUpApi(dataStore.editRuleForm);
     if (result?.code === 0) {
         const { msg } = result;
         useMsg("success", msg);
@@ -221,9 +189,9 @@ const getVideoUpdate = async () => {
 };
 
 //删除
-const getVideoListDel = (id: any) => {
+const getListDel = (id: any) => {
     messageBox("你确定要删除?", async () => {
-        const result = await getVideoListDelApi(id);
+        const result = await getProductCompatibilityDelApi(id);
         if (result?.code === 0) {
             const { msg } = result;
             useMsg("success", msg);
@@ -237,13 +205,13 @@ const handleBtnClick = (type: any, row: any) => {
     //编辑
     if (type === "编辑") {
         dataStore.visible = true;
-        dataStore.title = "编辑视频";
-        getVideoRead(row.id);
+        dataStore.title = "编辑";
+        getRead(row.id);
         return;
     }
     //删除
     if (type === "删除") {
-        getVideoListDel(row.id);
+        getListDel(row.id);
     }
 };
 
@@ -252,7 +220,7 @@ const handleImport = () => {
     let params = {
         title: "数据",
         tempApi: "",
-        importApi: "",
+        importApi: getProductCompatibilityListImportApi,
         proTableRef: proTableRef
     };
     importRef.value.acceptParams(params);
diff --git a/src/views/productManagement/list/constant/form.ts b/src/views/productManagement/list/constant/form.ts
index 73accf7..aba8038 100644
--- a/src/views/productManagement/list/constant/form.ts
+++ b/src/views/productManagement/list/constant/form.ts
@@ -1,28 +1,15 @@
 //兼容性信息(否)
 export const FORM_DATA_LV1: any[] = [
     {
-        prop: "tag",
+        prop: "compat_id",
         placeholder: "请输入",
         type: "selectMultiple",
         label: "关联标签: ",
-        options: [
-            {
-                value: 1,
-                label: "测试1"
-            },
-            {
-                value: 2,
-                label: "测试2"
-            },
-            {
-                value: 3,
-                label: "测试3"
-            }
-        ]
+        options: []
     },
 
     {
-        prop: "is_show",
+        prop: "show_series_name",
         placeholder: "请输入",
         type: "radio",
         label: "是否显示系列名: ",
@@ -47,14 +34,14 @@ export const FORM_DATA_LV1: any[] = [
 //兼容性信息(是)
 export const FORM_DATA_LV2: any[] = [
     {
-        prop: "tag",
+        prop: "compat_id",
         placeholder: "请输入",
         type: "selectMultiple",
         label: "关联标签: "
     },
 
     {
-        prop: "is_show",
+        prop: "show_series_name",
         placeholder: "请输入",
         type: "radio",
         label: "是否显示系列名: ",
@@ -72,7 +59,7 @@ export const FORM_DATA_LV2: any[] = [
 
     //
     {
-        prop: "className",
+        prop: "series_name",
         placeholder: "请输入",
         type: "input",
         label: "产品系列名: "
diff --git a/src/views/productManagement/list/constant/rules.ts b/src/views/productManagement/list/constant/rules.ts
index f3946a2..b3db385 100644
--- a/src/views/productManagement/list/constant/rules.ts
+++ b/src/views/productManagement/list/constant/rules.ts
@@ -1,7 +1,7 @@
 export const RULES_LV1 = {
-    tag: [{ required: true, message: "所属系列名称不能为空 ! ", trigger: "change" }]
+    compat_id: [{ required: true, message: "所属系列名称不能为空 ! ", trigger: "change" }]
 };
 export const RULES_LV2 = {
-    tag: [{ required: true, message: "所属系列名称不能为空 ! ", trigger: "change" }],
-    className: [{ required: true, message: "产品系列名不能为空 ! ", trigger: "blur" }]
+    compat_id: [{ required: true, message: "所属系列名称不能为空 ! ", trigger: "change" }],
+    series_name: [{ required: true, message: "产品系列名不能为空 ! ", trigger: "blur" }]
 };
diff --git a/src/views/productManagement/list/edit.vue b/src/views/productManagement/list/edit.vue
index b1d30b3..68a1aec 100644
--- a/src/views/productManagement/list/edit.vue
+++ b/src/views/productManagement/list/edit.vue
@@ -54,13 +54,14 @@ import { ref, reactive } from "vue";
 import Editor from "@/components/Editor/index.vue";
 import rulesForm from "@/components/rulesForm/index.vue";
 import { FORM_DATA_LV2, FORM_DATA_LV1, RULES_LV1, RULES_LV2 } from "./constant/index";
-console.log(FORM_DATA_LV2, RULES_LV2);
+
 import {
     getProductDetailsApi,
     getProductListApi,
     getProductAttrsListApi,
     getProductCategoryListApi
 } from "@/api/modules/productList";
+import { getProductCompatibilityListApi } from "@/api/modules/productCompatibility";
 // import { getProductCategoryListApi } from "@/api/modules/productClass";
 import { RELATED_INFO_COLUMNS } from "./constant/related";
 import { cloneDeep, debounce } from "lodash-es";
@@ -157,6 +158,26 @@ const getProductCategoryList = async () => {
 };
 getProductCategoryList();
 
+//兼容性信息(后端大佬说直接掉列表接口)
+const getProductCompatibilityList = async () => {
+    const result = await getProductCompatibilityListApi({ is_show: 1 });
+    if (result?.code === 0) {
+        let arr: any[] = [];
+        if (result?.data?.data?.length) {
+            result?.data?.data?.forEach((item: any) => {
+                let obj = {
+                    value: item.id,
+                    label: item.label_name
+                };
+                arr.push(obj);
+            });
+
+            dataStore.formData[0].options = arr;
+        }
+    }
+};
+getProductCompatibilityList();
+
 //相关信息及行远程搜索下拉框点击
 const handleRemoteClick = (params: any) => {
     const { item, index } = params;
@@ -188,14 +209,16 @@ const handleRemote = debounce((params: any) => {
     getProductList(params.query);
 }, 800);
 const handleTabClick = () => {
-    formRef.value.ruleFormRef.clearValidate("tag");
+    formRef.value.ruleFormRef.clearValidate("compat_id");
 };
 const handleRadioGroupEmits = (params: any) => {
     if (params === 1) {
         dataStore.formData = cloneDeep(FORM_DATA_LV2);
+        dataStore.rules = cloneDeep(RULES_LV2);
     } else {
         dataStore.ruleForm.className = "";
         dataStore.formData = cloneDeep(FORM_DATA_LV1);
+        dataStore.rules = cloneDeep(RULES_LV1);
     }
 };
 </script>
diff --git a/src/views/productManagement/list/index.vue b/src/views/productManagement/list/index.vue
index c354575..246285d 100644
--- a/src/views/productManagement/list/index.vue
+++ b/src/views/productManagement/list/index.vue
@@ -62,6 +62,7 @@ import {
     getProductListExportApi,
     getProductCategoryListApi
 } from "@/api/modules/productList";
+
 // import { getProductCategoryListApi } from "@/api/modules/productClass";
 import { addLabelValue } from "@/utils/addLabelValue";
 
diff --git a/src/views/productManagement/list/utils/edit/initDetailParams.ts b/src/views/productManagement/list/utils/edit/initDetailParams.ts
index ff876d6..ca4c6e7 100644
--- a/src/views/productManagement/list/utils/edit/initDetailParams.ts
+++ b/src/views/productManagement/list/utils/edit/initDetailParams.ts
@@ -1,4 +1,5 @@
 import { cloneDeep } from "lodash-es";
+import { FORM_DATA_LV2, FORM_DATA_LV1, RULES_LV1, RULES_LV2 } from "../../constant/index";
 // import { convertSpanToDiv } from "@/utils/convertSpanToDiv";
 const hasIdRecursive = (data: any, targetId: any) => {
     for (let i = 0; i < data.length; i++) {
@@ -88,4 +89,20 @@ export const initDetailParams = (dataStore: any, data: any, editorRef: any) => {
     if (data.related) {
         dataStore.relatedTableData = cloneDeep(data.related);
     }
+    if (data.compat.length) {
+        dataStore.ruleForm = data.compat[0];
+        let ids: any[] = [];
+        dataStore.ruleForm?.compat.forEach((item: any) => {
+            ids.push(item.compat_id);
+        });
+        dataStore.ruleForm.compat_id = ids;
+        if (dataStore.ruleForm.show_series_name === 1) {
+            dataStore.formData = cloneDeep(FORM_DATA_LV2);
+            dataStore.rules = cloneDeep(RULES_LV2);
+        } else {
+            dataStore.ruleForm.className = "";
+            dataStore.formData = cloneDeep(FORM_DATA_LV1);
+            dataStore.rules = cloneDeep(RULES_LV1);
+        }
+    }
 };
diff --git a/src/views/productManagement/list/utils/edit/submit.ts b/src/views/productManagement/list/utils/edit/submit.ts
index e0367bf..dcac7d9 100644
--- a/src/views/productManagement/list/utils/edit/submit.ts
+++ b/src/views/productManagement/list/utils/edit/submit.ts
@@ -7,7 +7,7 @@ const WARN: any = {
     category_id: "产品分类不能为空 !",
     sort: "产品排序不能为空 !",
     tag: "关联标签不能为空 !",
-    className: "产品系列名不能为空 !"
+    seriesName: "产品系列名不能为空 !"
 };
 //警告
 const warnFunction = (data: any, data1: any) => {
@@ -27,12 +27,12 @@ const warnFunction = (data: any, data1: any) => {
         useMsg("warning", WARN["sort"]);
         return false;
     }
-    if (!data1.tag) {
-        useMsg("warning", WARN["tag"]);
-        return false;
-    }
-    if (data1.is_show && !data1.className) {
-        useMsg("warning", WARN["className"]);
+    // if (!data1.tag) {
+    //     useMsg("warning", WARN["tag"]);
+    //     return false;
+    // }
+    if (data1.is_show && !data1.series_name) {
+        useMsg("warning", WARN["seriesName"]);
         return false;
     }
     return true;
@@ -71,8 +71,11 @@ export const handleSubmit = async (infoRef: any, imgInfoRef: any, formRef: any,
     });
     console.log(skusClone, "=skusClone=");
     let skusCloneStr = JSON.stringify(skusClone);
+    // cloneDeep
+    let ruleForm: any = cloneDeep(dataStore.ruleForm);
+    ruleForm.compat_id = ruleForm.compat_id.join(",");
     console.log(typeof skusCloneStr);
-
+    console.log(dataStore.ruleForm, "=ruleForm=");
     const params = {
         ...infoRef.ruleForm,
         cover_image,
@@ -80,7 +83,8 @@ export const handleSubmit = async (infoRef: any, imgInfoRef: any, formRef: any,
         video_img,
         skus: skusCloneStr,
         detail: dataStore.detail,
-        related: JSON.stringify(relatedData) || []
+        related: JSON.stringify(relatedData) || [],
+        compat: JSON.stringify(ruleForm) || {}
     };
 
     console.log(params, "===========params=============");