|
|
|
|
@ -6,10 +6,12 @@
|
|
|
|
|
<slot>
|
|
|
|
|
<div class="selector">
|
|
|
|
|
<div class="selector-item">
|
|
|
|
|
<div class="selector-item__label">产品名称:</div>
|
|
|
|
|
<Input v-model="select.name" style="width: 200px;" placeholder="产品名称搜索" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selector-item">
|
|
|
|
|
<Select clearable v-model="select.merchantId" style="width: 200px;" placeholder="所属商户">
|
|
|
|
|
<div class="selector-item__label">所属商户:</div>
|
|
|
|
|
<Select clearable v-model="select.merchantId" style="width: 180px;" placeholder="所属商户">
|
|
|
|
|
<Scroll :on-reach-bottom="loadMoreMerchant">
|
|
|
|
|
<Option v-for="item in merchants" :value="item.id" :key="item.id">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
@ -18,15 +20,17 @@
|
|
|
|
|
</Select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selector-item">
|
|
|
|
|
<Select clearable style="width: 200px;" clearable placeholder="状态选择" v-model="select.state">
|
|
|
|
|
<div class="selector-item__label">状态选择:</div>
|
|
|
|
|
<Select clearable style="width: 140px;" clearable placeholder="状态选择" v-model="select.state">
|
|
|
|
|
<Option v-for="item in [{value:'active',label:'已上架'},{label:'已下架',value:'inactive'}]" :value="item.value">{{item.label}}</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selector-item">
|
|
|
|
|
<div class="selector-item__label">类别选择:</div>
|
|
|
|
|
<el-cascader
|
|
|
|
|
clearable
|
|
|
|
|
placeholder="类别选择"
|
|
|
|
|
style="width: 200px;"
|
|
|
|
|
style="width: 180px;"
|
|
|
|
|
size="small"
|
|
|
|
|
:options="types"
|
|
|
|
|
:show-all-levels="false"
|
|
|
|
|
@ -256,9 +260,15 @@ export default {
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-content: center;
|
|
|
|
|
&-item{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
|
|
|
|
|
&__label{
|
|
|
|
|
word-break: keep-all;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|