lilei hai 4 meses
pai
achega
16f478714a
Modificáronse 1 ficheiros con 22 adicións e 3 borrados
  1. 22 3
      pages/common/productBrand.vue

+ 22 - 3
pages/common/productBrand.vue

@@ -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;
 					}