From a65a063bc06a9b5297483ea1fb2ecdf235bdbf2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Mon, 16 Dec 2024 18:10:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=80=89=E9=A1=B9=E5=8D=A1?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model-article-tabs-content.vue             | 18 ++++++++----------
 .../model-goods-tabs-content.vue               | 18 ++++++++----------
 .../model-tabs/model-tabs-content.vue          | 17 +++++++++--------
 3 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/src/components/model-article-tabs/model-article-tabs-content.vue b/src/components/model-article-tabs/model-article-tabs-content.vue
index 51a4cf86..93478dfa 100644
--- a/src/components/model-article-tabs/model-article-tabs-content.vue
+++ b/src/components/model-article-tabs/model-article-tabs-content.vue
@@ -31,7 +31,7 @@
             <card-container>
                 <div class="mb-12">选项卡设置</div>
                 <div class="nav-list">
-                    <drag :data="tabs_list" type="card" icon-position="top" :space-col="20" @click="tabs_list_click" @remove="tabs_list_remove" @on-sort="tabs_list_sort">
+                    <drag :data="form.tabs_list" type="card" icon-position="top" :space-col="20" @click="tabs_list_click" @remove="tabs_list_remove" @on-sort="tabs_list_sort">
                         <template #default="{ row, index }">
                             <div class="flex-col w">
                                 <el-form-item label="数据类型" class="w mb-10">
@@ -157,15 +157,13 @@ onMounted(() => {
             emits('theme_change', list[0].width, list[0].height);
         }
     }
-});
-
-const tabs_list = computed(() => {
-    return form.tabs_list.map((item: any) => ({
-        ...item,
-        tabs_img: isEmpty(item.tabs_img) ? [] : item.tabs_img,
-        tabs_icon: isEmpty(item.tabs_icon) ? '' : item.tabs_icon,
-        tabs_type: isEmpty(item.data_type) ? '0' : item.data_type,
-    }));
+    if (form.tabs_list.length > 1) {
+        form.tabs_list.forEach((item: any) => {
+            item.tabs_img = !isEmpty(item.tabs_img) ? item.tabs_img : [];
+            item.tabs_icon = !isEmpty(item.tabs_icon) ? item.tabs_icon : '';
+            item.tabs_type = !isEmpty(item.tabs_type) ?  item.tabs_type : '0';
+        });
+    }
 });
 
 // 监听tabs_theme_list的变化
diff --git a/src/components/model-goods-tabs/model-goods-tabs-content.vue b/src/components/model-goods-tabs/model-goods-tabs-content.vue
index d3ac656a..1509911d 100644
--- a/src/components/model-goods-tabs/model-goods-tabs-content.vue
+++ b/src/components/model-goods-tabs/model-goods-tabs-content.vue
@@ -34,7 +34,7 @@
             <card-container>
                 <div class="mb-12">选项卡设置</div>
                 <div class="nav-list">
-                    <drag :data="tabs_list" type="card" icon-position="top" :space-col="20" @click="tabs_list_click" @remove="tabs_list_remove" @on-sort="tabs_list_sort">
+                    <drag :data="form.tabs_list" type="card" icon-position="top" :space-col="20" @click="tabs_list_click" @remove="tabs_list_remove" @on-sort="tabs_list_sort">
                         <template #default="{ row, index }">
                             <div class="flex-col w">
                                 <el-form-item label="数据类型" class="w mb-10">
@@ -144,15 +144,13 @@ onBeforeMount(() => {
             emits('theme_change', list[0].width, list[0].height);
         }
     }
-});
-
-const tabs_list = computed(() => {
-    return form.value.tabs_list.map((item: any) => ({
-        ...item,
-        tabs_img: isEmpty(item.tabs_img) ? [] : item.tabs_img,
-        tabs_icon: isEmpty(item.tabs_icon) ? '' : item.tabs_icon,
-        tabs_type: isEmpty(item.data_type) ? '0' : item.data_type,
-    }));
+    if (form.value.tabs_list.length > 1) {
+        form.value.tabs_list.forEach((item: any) => {
+            item.tabs_img = !isEmpty(item.tabs_img) ? item.tabs_img : [];
+            item.tabs_icon = !isEmpty(item.tabs_icon) ? item.tabs_icon : '';
+            item.tabs_type = !isEmpty(item.tabs_type) ?  item.tabs_type : '0';
+        });
+    }
 });
 
 const tabs_list_click = (item: any, index: number) => {
diff --git a/src/components/model-tabs/model-tabs-content.vue b/src/components/model-tabs/model-tabs-content.vue
index 6f5a2953..c83e4a12 100644
--- a/src/components/model-tabs/model-tabs-content.vue
+++ b/src/components/model-tabs/model-tabs-content.vue
@@ -38,7 +38,7 @@
                             </div>
                         </el-form-item>
                     </div>
-                    <drag :data="tabs_list" type="card" :space-col="25" @remove="remove" @on-sort="on_sort">
+                    <drag :data="form.tabs_list" type="card" :space-col="25" @remove="remove" @on-sort="on_sort">
                         <template #default="scoped">
                             <div class="flex-col align-c jc-s gap-20 flex-1 w">
                                 <el-form-item label="数据类型" class="w mb-0">
@@ -101,13 +101,14 @@ const state = reactive({
 });
 const { form, styles } = toRefs(state);
 
-const tabs_list = computed(() => {
-    return form.value.tabs_list.map((item: any) => ({
-        ...item,
-        tabs_img: isEmpty(item.tabs_img) ? [] : item.tabs_img,
-        tabs_icon: isEmpty(item.tabs_icon) ? '' : item.tabs_icon,
-        tabs_type: isEmpty(item.data_type) ? '0' : item.data_type,
-    }));
+onBeforeMount(() => {
+    if (form.value.tabs_list.length > 1) {
+        form.value.tabs_list.forEach((item: any) => {
+            item.tabs_img = !isEmpty(item.tabs_img) ? item.tabs_img : [];
+            item.tabs_icon = !isEmpty(item.tabs_icon) ? item.tabs_icon : '';
+            item.tabs_type = !isEmpty(item.tabs_type) ?  item.tabs_type : '0';
+        });
+    }
 });
 
 const add = () => {