From dd7299dcbe0e87060957b6563ab8de72d8814e7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Fri, 8 Aug 2025 09:42:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=95=86=E5=93=81=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/url-value/link-goods.vue  | 17 ++++++++++++++++-
 .../model-tabs-magic-styles.vue                 |  8 ++++----
 src/components/model-tabs/model-tabs-styles.vue |  8 ++++----
 3 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/components/common/url-value/link-goods.vue b/src/components/common/url-value/link-goods.vue
index 3761056d..89f4990b 100644
--- a/src/components/common/url-value/link-goods.vue
+++ b/src/components/common/url-value/link-goods.vue
@@ -2,7 +2,7 @@
     <!-- 商品 -->
     <div class="container">
         <div class="flex-row jc-e gap-20 mb-20 align-c">
-            <el-cascader v-model="category_ids" :options="category_list" :props="cascader_config" placeholder="请选择" :show-all-levels="false" filterable clearable @change="cascader_change" />
+            <el-cascader v-model="category_ids" :options="category_list" :props="cascader_config" placeholder="请选择" :show-all-levels="false" collapse-tags filterable clearable @change="cascader_change" />
             <el-select v-model="brand_ids" class="search-w" placeholder="品牌" filterable clearable @change="handle_search">
                 <el-option v-for="item in brand_list" :key="item.id" :label="item.name" :value="item.id" />
             </el-select>
@@ -80,6 +80,8 @@ const cascader_config = {
     value: 'id',
     label: 'name',
     children: 'items',
+    multiple: true,
+    checkStrictly: true,
 };
 const init = () => {
     template_selection.value = '';
@@ -180,4 +182,17 @@ const handle_select = (selection: any) => {
         }
     }
 }
+// 输入框超出隐藏，不换行
+:deep(.el-cascader) {
+    height: 3.2rem;
+    .el-input {
+        height: 3.2rem;
+    }
+    .el-cascader__tags {
+        flex-wrap: nowrap !important;
+    }
+    .el-tag {
+        max-width: 10rem;
+    }
+}
 </style>
diff --git a/src/components/model-tabs-magic/model-tabs-magic-styles.vue b/src/components/model-tabs-magic/model-tabs-magic-styles.vue
index 97eb3298..ba01fa87 100644
--- a/src/components/model-tabs-magic/model-tabs-magic-styles.vue
+++ b/src/components/model-tabs-magic/model-tabs-magic-styles.vue
@@ -94,12 +94,12 @@
                 <el-form-item label="按钮文字">
                     <div class="flex-col gap-10 w h">
                         <div class="flex-row gap-20">
-                            <span class="size-12 cr-9">未选样式</span>
-                            <color-picker v-model="form.more_button_text_selected_color" default-color="#666"></color-picker>
+                            <span class="size-12 cr-9">未选颜色</span>
+                            <color-picker v-model="form.more_button_text_color" default-color="#666"></color-picker>
                         </div>
                         <div class="flex-row gap-20">
-                            <span class="size-12 cr-9">选中样式</span>
-                            <color-picker v-model="form.more_button_text_color" default-color="#666"></color-picker>
+                            <span class="size-12 cr-9">选中颜色</span>
+                            <color-picker v-model="form.more_button_text_selected_color" default-color="#666"></color-picker>
                         </div>
                         <div class="flex-row gap-20">
                             <span class="size-12 cr-9">选中背景</span>
diff --git a/src/components/model-tabs/model-tabs-styles.vue b/src/components/model-tabs/model-tabs-styles.vue
index 6bf880a0..b4333a9f 100644
--- a/src/components/model-tabs/model-tabs-styles.vue
+++ b/src/components/model-tabs/model-tabs-styles.vue
@@ -96,12 +96,12 @@
                 <el-form-item label="按钮文字">
                     <div class="flex-col gap-10 w h">
                         <div class="flex-row gap-20">
-                            <span class="size-12 cr-9">未选样式</span>
-                            <color-picker v-model="form.more_button_text_selected_color" default-color="#666"></color-picker>
+                            <span class="size-12 cr-9">未选颜色</span>
+                            <color-picker v-model="form.more_button_text_color" default-color="#666"></color-picker>
                         </div>
                         <div class="flex-row gap-20">
-                            <span class="size-12 cr-9">选中样式</span>
-                            <color-picker v-model="form.more_button_text_color" default-color="#666"></color-picker>
+                            <span class="size-12 cr-9">选中颜色</span>
+                            <color-picker v-model="form.more_button_text_selected_color" default-color="#666"></color-picker>
                         </div>
                         <div class="flex-row gap-20">
                             <span class="size-12 cr-9">选中背景</span>