客户多选

pages/center/consumer/index.vue

@@ -110,7 +110,13 @@
 							客户等级
 						</view>
 						<view class="screen-record-tab">	
-							<view :class="[screen.record==0?'screen-record-chose':'screen-record-nochose']" @click="recordclick(0)">
+							<block v-for="(item,index) in levelList" :key="index">
+								<view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
+									@click="choiceLevel(index,item.value)">
+									{{item.label}}
+								</view>
+							</block>
+							<!-- <view :class="[screen.record==0?'screen-record-chose':'screen-record-nochose']" @click="recordclick(0)">
 								A
 							</view>
 							<view :class="[screen.record==1?'screen-record-chose':'screen-record-nochose']" @click="recordclick(1)">
@@ -121,7 +127,7 @@
 							</view>
 							<view :class="[screen.record==3?'screen-record-chose':'screen-record-nochose']" @click="recordclick(3)">
 								D
-							</view>
+							</view> -->
 						</view>
 					</view>
 			<!-- 		<view class="screen-record">
@@ -222,7 +228,7 @@
 					agentId:'',
 					agentIdtext:'',
 					visitRecord:[],
-					record:null,
+					record:[],
 					cunsumerTips:'',
 					cunsumerTipsid:''
 				},
@@ -261,6 +267,23 @@
 					value: 4,
 					isShow: false,
 				}, ],
+				levelList: [{
+					label: 'A',
+					value: 0,
+					isShow: false,
+				}, {
+					label: 'B',
+					value: 1,
+					isShow: false,
+				}, {
+					label: 'C',
+					value: 2,
+					isShow: false,
+				}, {
+					label: 'D',
+					value: 3,
+					isShow: false,
+				}, ],
 				isRefresh:false
 			}
 		},
@@ -315,6 +338,19 @@
 					this.screen.visitRecord.push(e)
 				}
 			},
+			choiceLevel(index,e) {
+				if (this.levelList[index].isShow == true) {
+					this.levelList[index].isShow = false;
+					for (var i = 0; i < this.screen.record.length; i++) {
+						if (this.screen.record[i] === e) {
+							this.screen.record.splice(i, 1);
+						}
+					}
+				} else {
+					this.levelList[index].isShow = true;
+					this.screen.record.push(e)
+				}
+			},
 			tapsoltishow(){
 				this.soltishow=true;
 			},
@@ -427,17 +463,20 @@
 				if (this.screen.visitRecord.length > 0) {
 					parames.query.visitRecords = this.screen.visitRecord.join(',');
 				}
-				if(this.screen.record==0){
-					parames.query.levels= ["1"]
-				}else if(this.screen.record==1){
-					parames.query.levels= ["2"]
-				}else if(this.screen.record==2){
-					parames.query.levels= ["3"]
-				}else if(this.screen.record==3){
-					parames.query.levels= ["4"]
-				}else{
-					parames.query.levels=''
+				if (this.screen.record.length > 0) {
+					parames.query.level = this.screen.record.join(',');
 				}
+				// if(this.screen.record==0){
+				// 	parames.query.levels= ["1"]
+				// }else if(this.screen.record==1){
+				// 	parames.query.levels= ["2"]
+				// }else if(this.screen.record==2){
+				// 	parames.query.levels= ["3"]
+				// }else if(this.screen.record==3){
+				// 	parames.query.levels= ["4"]
+				// }else{
+				// 	parames.query.levels=''
+				// }
 				this.userInfo = uni.getStorageSync('weapp_session_userInfo_data');
 				this.$u.post("/customer/customerManagement", parames).then(data => {
 					var list = data.results || [];
@@ -514,13 +553,16 @@
 					agentId:'',
 					agentIdtext:'',
 					visitRecord:'',
-					record:null,
+					record:[],
 					cunsumerTips:'',
 					cunsumerTipsid:''
 				}
 				this.visitList.map(i=>{
 				   i.isShow = false
 				})
+				this.levelList.map(i=>{
+				   i.isShow = false
+				})
 				this.nextPage=1;
 				this.recordList=[];
 				this.screenShow=false;