|
@@ -8,9 +8,12 @@
|
|
|
</text>
|
|
|
</view>
|
|
|
<view class="search-box">
|
|
|
+ <u-tabs :list="tablist" :is-scroll="false" bar-width="200" bar-height="3" v-model="current" @change="changeTab"></u-tabs>
|
|
|
+ <u-gap height="10" bg-color="#fff"></u-gap>
|
|
|
<u-search
|
|
|
placeholder="请输入品牌名称搜索"
|
|
|
v-model="queryWord"
|
|
|
+ height="60"
|
|
|
:show-action="isGobleSearch||queryWord!=''"
|
|
|
@focus="isGobleSearch=true"
|
|
|
@blur="isGobleSearch=false"
|
|
@@ -58,7 +61,16 @@
|
|
|
isGobleSearch: false,
|
|
|
brandSn: this.itemSn || null,
|
|
|
status: 'loadmore',
|
|
|
- totalNum: 0
|
|
|
+ totalNum: 0,
|
|
|
+ tablist:[
|
|
|
+ {
|
|
|
+ name: '箭冠品牌'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '自建品牌'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ current: 0
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
@@ -75,9 +87,13 @@
|
|
|
this.listData = []
|
|
|
this.getBrandList()
|
|
|
},
|
|
|
+ changeTab(index){
|
|
|
+ this.current = index
|
|
|
+ this.getBrandList()
|
|
|
+ },
|
|
|
getBrandList(){
|
|
|
this.status = "loading"
|
|
|
- dealerProductBrandQuery({ brandName: this.queryWord }).then(res => {
|
|
|
+ dealerProductBrandQuery({ brandName: this.queryWord, sysFlag: this.current==1 ? 0 : 1 }).then(res => {
|
|
|
console.log('品牌')
|
|
|
if(res.status == 200 && res.data){
|
|
|
this.listData = res.data
|
|
@@ -153,9 +169,12 @@
|
|
|
position: relative;
|
|
|
.picker-main{
|
|
|
width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
.picker-main-item{
|
|
|
position: relative;
|
|
|
- padding: 0 30upx;
|
|
|
+ padding: 0 2rem 0 1rem;
|
|
|
+ width: 50%;
|
|
|
.item-name{
|
|
|
padding: 14upx 0;
|
|
|
}
|