From 87d94d67e19f093187ecb5f1ea94ba7109aea667 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Tue, 27 Aug 2024 19:00:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=80=89=E4=B8=AD=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/product-show-config/index.vue         |  6 +++++-
 .../model-shop-list/model-shop-list-content.vue  | 16 +++++++++++-----
 .../model-shop-tabs/model-shop-tabs-content.vue  | 16 +++++++++++-----
 3 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/components/common/product-show-config/index.vue b/src/components/common/product-show-config/index.vue
index 80f9d653..5dae4deb 100644
--- a/src/components/common/product-show-config/index.vue
+++ b/src/components/common/product-show-config/index.vue
@@ -17,7 +17,7 @@
         </el-form-item>
         <el-form-item label="按钮样式">
             <div class="flex-col w gap-10">
-                <el-radio-group v-model="form.shop_type">
+                <el-radio-group v-model="form.shop_type" @change="change_shop_type">
                     <el-radio v-for="item in base_list.shopping_button_list" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
                 </el-radio-group>
                 <template v-if="form.shop_type == 'text'">
@@ -69,6 +69,10 @@ const base_list = {
         { name: '商品加购', value: '1' }
     ]
 };
+const emit = defineEmits(['change_shop_type']);
+const change_shop_type = () => {
+    emit('change_shop_type');
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/model-shop-list/model-shop-list-content.vue b/src/components/model-shop-list/model-shop-list-content.vue
index 7f11cab1..389f78d5 100644
--- a/src/components/model-shop-list/model-shop-list-content.vue
+++ b/src/components/model-shop-list/model-shop-list-content.vue
@@ -50,7 +50,7 @@
                     </template>
                 </card-container>
                 <!-- 商品显示的配置信息 -->
-                <product-show-config :value="form"></product-show-config>
+                <product-show-config :value="form" @change_shop_type="change_shop_type"></product-show-config>
             </div>
             <url-value-dialog v-model:dialog-visible="url_value_dialog_visible" :type="['goods']" multiple @update:model-value="url_value_dialog_call_back"></url-value-dialog>
         </el-form>
@@ -152,12 +152,18 @@ const goods_list_sort = (new_list: any) => {
 // 选择某些风格时， 切换到对应的按钮
 const change_style = (val: any): void => {
     form.value.theme = val;
-    if (['3', '4', '5'].includes(val) && form.value.shop_type == 'text') {
-        form.value.shop_type = 'icon';
-    } else if (['0', '1', '2'].includes(val) && form.value.shop_type == 'icon') {
-        form.value.shop_type = 'text';
+    if (!is_revise.value) {
+        if (['3', '4', '5'].includes(val) && form.value.shop_type == 'text') {
+            form.value.shop_type = 'icon';
+        } else if (['0', '1', '2'].includes(val) && form.value.shop_type == 'icon') {
+            form.value.shop_type = 'text';
+        }
     }
 };
+const is_revise = ref(false);
+const change_shop_type = () => {
+    is_revise.value = true;
+}
 </script>
 <style lang="scss" scoped>
 .content {
diff --git a/src/components/model-shop-tabs/model-shop-tabs-content.vue b/src/components/model-shop-tabs/model-shop-tabs-content.vue
index 58d5e475..db674381 100644
--- a/src/components/model-shop-tabs/model-shop-tabs-content.vue
+++ b/src/components/model-shop-tabs/model-shop-tabs-content.vue
@@ -77,7 +77,7 @@
                 </div>
             </card-container>
             <!-- 商品显示的配置信息 -->
-            <product-show-config :value="form"></product-show-config>
+            <product-show-config :value="form" @change_shop_type="change_shop_type"></product-show-config>
             <url-value-dialog v-model:dialog-visible="url_value_dialog_visible" :type="['goods']" multiple @update:model-value="url_value_dialog_call_back"></url-value-dialog>
         </el-form>
     </div>
@@ -229,12 +229,18 @@ const tabs_theme_change = (val: string | number | boolean | undefined):void => {
 // 选择某些风格时， 切换到对应的按钮
 const change_style = (val: any): void => {
     form.value.theme = val;
-    if (['3', '4', '5'].includes(val) && form.value.shop_type == 'text') {
-        form.value.shop_type = 'icon';
-    } else if (['0', '1', '2'].includes(val) && form.value.shop_type == 'icon') {
-        form.value.shop_type = 'text';
+    if (!is_revise.value) {
+        if (['3', '4', '5'].includes(val) && form.value.shop_type == 'text') {
+            form.value.shop_type = 'icon';
+        } else if (['0', '1', '2'].includes(val) && form.value.shop_type == 'icon') {
+            form.value.shop_type = 'text';
+        }
     }
 };
+const is_revise = ref(false);
+const change_shop_type = () => {
+    is_revise.value = true;
+}
 </script>
 <style lang="scss" scoped>
 .content {