11

components/sl-filter/filter-view.vue

@@ -119,15 +119,17 @@
 			}
 		},
 		created() {
-			setTimeout(()=>{
+			
+			console.log('%c 子组件参数↓','font-size:30px;color:red')
+		},
+		mounted() {
 			if(this.areaCodeList1.length == 0){
 				this.areaCodeList = uni.getStorageSync('areaCodeList')
 			}else{
 				this.areaCodeList = this.areaCodeList1
 			}
 			this.areaCodeList.unshift({areaName:'全部'})
-			},1000)
-			console.log('%c 子组件参数↓','font-size:30px;color:red')
+			this.$forceUpdate();
 		},
 		computed: {
 			selectedTitleObj() {

pages/tabbar/station/stationList.vue

@@ -33,12 +33,13 @@
 		<!-- 筛选开始 -->
 		<scroll-view class="screentop  bg-white" style="flex: 1;">
 			<view class="">
-				<sl-filter reflexTitle ref="slFilter" :productCodeList="productCodeList" :areaCodeList="areaCodeList" @result="filterRes" :menuList="menuList"></sl-filter>
+				<sl-filter v-if="isFilterData" reflexTitle ref="slFilter" :productCodeList="productCodeList" :areaCodeList="areaCodeList"
+					@result="filterRes" :menuList="menuList"></sl-filter>
 				<!-- <sl-filter reflexTitle ref="slFilter" @result="filterRes" :menuList="menuList"></sl-filter> -->
 			</view>
 			<view class="bg-white min-height-50 padding-top" v-if="siteList.length>0">
-				<site-item v-for="(item,index) in siteList" :key="item.id" :site-item="item" :first="index==0" :listHeight="listHeight"
-					class="cu-list menu-avatar cu-item" @tap="toDetail(item)">
+				<site-item v-for="(item,index) in siteList" :key="item.id" :site-item="item" :first="index==0"
+					:listHeight="listHeight" class="cu-list menu-avatar cu-item" @tap="toDetail(item)">
 				</site-item>
 				<view class="placeholder-hidden">
 
@@ -71,18 +72,17 @@
 				filterData: {
 					// oilProductCode: '0#'
 				},
+				isFilterData:false,
 				contentTitle: '您当前位置附近没有油站，可以点击左上角-距离-选择其他省市进行查看。',
 				loadStatus: 'load',
 				listHeight: 160,
 				areaCodeList: [],
 				siteName: '',
-				menuList:[
-					{
+				menuList: [{
 						title: '距离',
 						isMutiple: false,
 						key: 'distance',
-							detailList: [
-								{
+						detailList: [{
 								title: "全部",
 								value: ''
 							},
@@ -131,7 +131,8 @@
 							{
 								title: "LNG",
 								value: "LNG"
-								}]
+							}
+						]
 					},
 					// {
 					// 		title: '油品',
@@ -258,6 +259,8 @@
 			this.refreshLocation()
 			if (!uni.getStorageSync('filterData')) {
 				this.getFilterData()
+			} else {
+				this.isFilterData=true
 			}
 			this.getSiteList()
 		},
@@ -288,39 +291,73 @@
 				this.getSiteList()
 			},
 			getFilterData() {
+				let menuList = [{
+						title: '渠道',
+						isMutiple: false,
+						key: 'channelCode',
+						detailList: [{
+							title: "全部",
+							value: ""
+						}]
+					},
+					{
+						title: '0#轻柴油',
+						key: 'oilProductCode',
+						isMutiple: false,
+						detailList: [{
+							title: "全部",
+							value: ""
+						}]
+					},
+					{
+						title: '品牌',
+						key: 'siteBrand',
+						isSort: true,
+						isMutiple: false,
+						detailList: [{
+							title: "全部",
+							value: ""
+						}]
+					}
+				]
 				oilSiteApi.getCheckInfo().then(res => {
 					if (res.code == 20000) {
 						uni.setStorageSync('productCodeList', res.data.productCodeList)
 						uni.setStorageSync('areaCodeList', res.data.areaCodeList)
 						this.areaCodeList = uni.getStorageSync('areaCodeList')
+							let channelCodes = []
+							res.data.channelCodes.map(item => {
+								channelCodes.push({
+									title: item.name,
+									value: item.id
+								})
+							})
+							let productCodes = []
+							res.data.productCodes.map(item => {
+								productCodes.push({
+									title: item.name,
+									value: item.id
+								})
+							})
+							let siteBrands = []
+							res.data.siteBrands.map(item => {
+								siteBrands.push({
+									title: item.name,
+									value: item.id
+								})
+							})
+							menuList[0].detailList = menuList[0].detailList.concat(channelCodes)
+							menuList[1].detailList = menuList[1].detailList.concat(productCodes)
+							menuList[2].detailList = menuList[2].detailList.concat(siteBrands)
+							uni.setStorageSync('filterData', this.menuList);
 						if (uni.getStorageSync('areaCodeList')) {
 							this.areaCodeList = uni.getStorageSync('areaCodeList')
 						} else {
 							this.areaCodeList = res.data.areaCodeList
 						}
-						// this.productCodeList = uni.getStorageSync('productCodeList')
-						// res.data.channelCodes.map(item => {
-						// 	this.menuList[0].detailList.push({
-						// 		title: item.name,
-						// 		value: item.id
-						// 	})
-						// })
-						// res.data.productCodes.map(item => {
-						// 	this.menuList[1].detailList.push({
-						// 		title: item.name,
-						// 		value: item.id
-						// 	})
-						// })
-						// res.data.siteBrands.map(item => {
-						// 	this.menuList[2].detailList.push({
-						// 		title: item.name,
-						// 		value: item.id
-						// 	})
-						// })
-						// // console.log(channelCodes, productCodes, siteBrands)
-
-						// this.$refs.slFilter.resetMenuList(this.menuList)
+						// this.$forceUpdate();
 					}
+					this.isFilterData = true
 				})
 			},
 			onSelected(e) {
@@ -342,6 +379,7 @@
 					currentPage: this.currentPage,
 					pageSize: 10,
 					params: { //类型：Object  必有字段  备注：// 筛选对象
+					clientBelong:'BAICHUAN',
 						sort: "juli", //类型：String  必有字段  备注：// 智能排序 ( price：价格最低 juli：距离最近 ) 默认距离排序
 						siteName: this.siteName,
 						...uni.getStorageSync('location'),