修改商品搜索逻辑
parent
58dea3d536
commit
dd7299dcbe
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue