修改商品搜索逻辑

v1.4.0
于肖磊 2025-08-08 09:42:49 +08:00
parent 58dea3d536
commit dd7299dcbe
3 changed files with 24 additions and 9 deletions

View File

@ -2,7 +2,7 @@
<!-- 商品 --> <!-- 商品 -->
<div class="container"> <div class="container">
<div class="flex-row jc-e gap-20 mb-20 align-c"> <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-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-option v-for="item in brand_list" :key="item.id" :label="item.name" :value="item.id" />
</el-select> </el-select>
@ -80,6 +80,8 @@ const cascader_config = {
value: 'id', value: 'id',
label: 'name', label: 'name',
children: 'items', children: 'items',
multiple: true,
checkStrictly: true,
}; };
const init = () => { const init = () => {
template_selection.value = ''; 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> </style>

View File

@ -94,12 +94,12 @@
<el-form-item label="按钮文字"> <el-form-item label="按钮文字">
<div class="flex-col gap-10 w h"> <div class="flex-col gap-10 w h">
<div class="flex-row gap-20"> <div class="flex-row gap-20">
<span class="size-12 cr-9">未选样式</span> <span class="size-12 cr-9">未选颜色</span>
<color-picker v-model="form.more_button_text_selected_color" default-color="#666"></color-picker> <color-picker v-model="form.more_button_text_color" default-color="#666"></color-picker>
</div> </div>
<div class="flex-row gap-20"> <div class="flex-row gap-20">
<span class="size-12 cr-9">选中样式</span> <span class="size-12 cr-9">选中颜色</span>
<color-picker v-model="form.more_button_text_color" default-color="#666"></color-picker> <color-picker v-model="form.more_button_text_selected_color" default-color="#666"></color-picker>
</div> </div>
<div class="flex-row gap-20"> <div class="flex-row gap-20">
<span class="size-12 cr-9">选中背景</span> <span class="size-12 cr-9">选中背景</span>

View File

@ -96,12 +96,12 @@
<el-form-item label="按钮文字"> <el-form-item label="按钮文字">
<div class="flex-col gap-10 w h"> <div class="flex-col gap-10 w h">
<div class="flex-row gap-20"> <div class="flex-row gap-20">
<span class="size-12 cr-9">未选样式</span> <span class="size-12 cr-9">未选颜色</span>
<color-picker v-model="form.more_button_text_selected_color" default-color="#666"></color-picker> <color-picker v-model="form.more_button_text_color" default-color="#666"></color-picker>
</div> </div>
<div class="flex-row gap-20"> <div class="flex-row gap-20">
<span class="size-12 cr-9">选中样式</span> <span class="size-12 cr-9">选中颜色</span>
<color-picker v-model="form.more_button_text_color" default-color="#666"></color-picker> <color-picker v-model="form.more_button_text_selected_color" default-color="#666"></color-picker>
</div> </div>
<div class="flex-row gap-20"> <div class="flex-row gap-20">
<span class="size-12 cr-9">选中背景</span> <span class="size-12 cr-9">选中背景</span>