罗世杰：未完成Dropdown

components/DropDown/DropDown.vue

@@ -16,7 +16,7 @@
 		</view>
 		<view class="item-border">
 			<DropDownItem v-if="activeIndex !== -1" :list="tablist" @cancelDrop="cancelDrop" @getQueryInfo="getQueryInfo"
-				:type="title[activeIndex]" />
+				:type="title[activeIndex]" :activeChoose = "setActiveTag"/>
 		</view>
 	</view>
 </template>
@@ -36,17 +36,25 @@
 				title: ['行业', '区域', '面积', '筛选'],
 				activeIndex: -1,
 				postlist: [
-					['全部', '餐饮美食', '百货超市', '美容美发'],
-					['区域1', '区域2', '区域3', '区域4'],
-					['小于50m²', '50-200m²', '200-600m²', '600-800m²', '800-1000m²', '1000m²以上'],
-					['面积从大到小', '面积从小到大', '租金从大到小', '租金从小到大']
+					[],
+					[],
+					['全部','小于50m²', '50-200m²', '200-600m²', '600-800m²', '800-1000m²', '1000m²以上'],
+					['全部','面积从大到小', '面积从小到大', '租金从大到小', '租金从小到大']
 				],
 				queryInfo: {
 					region: '',
 					sortType: '',
 					areatype: '',
 					business: ''
-				}
+				},
+				// 当前行业下拉列表
+				currentClassList: 0,
+				// 当前区域下拉列表
+				currentRegionList: 0,
+				// 当前面积下拉列表
+				currentAreaList: 0,
+				// 当前筛选下拉列表
+				currentFilterList: 0, 
 			};
 		},
 		computed: {
@@ -56,8 +64,11 @@
 		},
 		created() {
 			this.postlist[0] = JSON.parse(uni.getStorageSync('classList'))
-			// this.postlist[0].unshift('全部')
+			this.postlist[0].unshift('全部')
 			this.postlist[1] = JSON.parse(uni.getStorageSync('regionList'))
+			this.postlist[1].unshift('全区域')
+			// this.postlist[2].unshift('所有面积')
+			// this.postlist[3].unshift('全部')
 		},
 		methods: {
 			changeActiveIndex(index) {
@@ -70,6 +81,30 @@
 				this.activeIndex = -1;
 			},
 			getQueryInfo(querys) {
+				
+				console.log(querys, 'getquerysinfo');
+				// 修改当前选择的各选项卡下标
+				if (this.activeIndex === 0) {
+					this.currentClassList = querys.business
+				}else if (this.activeIndex === 1) {
+					this.currentRegionList = querys.region
+				}else if (this.activeIndex === 2) {
+					this.currentAreaList = querys.areatype
+				}else if (this.activeIndex === 3) {
+					this.currentFilterList = querys.sortType
+				}
+
+				// 记忆各下拉框数据
+				if(querys.business==0){
+					querys.business = ''
+				}else{
+					querys.business = this.postlist[0][this.currentClassList]
+				}
+				if(querys.region==0){
+					querys.region = ''
+				}else querys.region = this.postlist[1][this.currentRegionList]
+
+				
 				this.queryInfo = {
 					...this.queryInfo,
 					...querys
@@ -77,8 +112,17 @@
 				const query = this.$u.queryParams(this.queryInfo)
 				console.log(query, 'dropquery');
 				this.$emit('getQueryInfo', this.queryInfo)
-
-				return query
+			},
+			setActiveTag(){
+				if(this.activeIndex == 0){
+					return this.currentClassList
+				}else if(this.activeIndex == 1){
+					return this.currentRegionList
+				}else if(this.activeIndex == 2){
+					return this.currentAreaList
+				}else{
+					return this.currentFilterList
+				}
 			}
 		}
 	}