客户管理多选

pages/index/consumer/index.vue

@@ -165,7 +165,13 @@
 						到访次数
 					</view>
 					<view class="screen-record-tab">
-						<view :class="[screen.visitRecord==1?'screen-record-chose':'screen-record-nochose']"
+						<block v-for="(item,index) in visitList" :key="index">
+							<view :class="[item.isShow?'screen-record-chose':'screen-record-nochose']"
+								@click="choice(index,item.value)">
+								{{item.label}}
+							</view>
+						</block>
+						<!-- <view :class="[screen.visitRecord==1?'screen-record-chose':'screen-record-nochose']"
 							@click="screenvisitRecord(1)">
 							首次到访
 						</view>
@@ -180,7 +186,7 @@
 						<view :class="[screen.visitRecord==4?'screen-record-chose':'screen-record-nochose']"
 							@click="screenvisitRecord(4)">
 							3次以上
-						</view>
+						</view> -->
 					</view>
 				</view>
 				<view class="screen-foot">
@@ -298,7 +304,7 @@
 				screen: {
 					agentId: '',
 					agentIdtext: '',
-					visitRecord: '',
+					visitRecord: [],
 					record: null,
 					cunsumerTips: '',
 					cunsumerTipsid: ''
@@ -339,6 +345,23 @@
 				sortFilter: '排序',
 				arriveFilter: '到访时间',
 				receptionDuration: '接待时长',
+				visitList: [{
+					label: '首次到访',
+					value: 1,
+					isShow: false,
+				}, {
+					label: '2次到访',
+					value: 2,
+					isShow: false,
+				}, {
+					label: '3次到访',
+					value: 3,
+					isShow: false,
+				}, {
+					label: '3次以上',
+					value: 4,
+					isShow: false,
+				}, ]
 			}
 		},
 		
@@ -478,6 +501,19 @@
 					this.screen.record = i
 				}
 			},
+			choice(index,e) {
+				if (this.visitList[index].isShow == true) {
+					this.visitList[index].isShow = false;
+					for (var i = 0; i < this.screen.visitRecord.length; i++) {
+						if (this.screen.visitRecord[i] === e) {
+							this.screen.visitRecord.splice(i, 1);
+						}
+					}
+				} else {
+					this.visitList[index].isShow = true;
+					this.screen.visitRecord.push(e)
+				}
+			},
 			screenvisitRecord(i) {
 				if (this.screen.visitRecord == i) {
 					this.screen.visitRecord = ''
@@ -532,8 +568,8 @@
 						sourceId: this.sourceId
 					}
 				};
-				if (this.screen.visitRecord > 0) {
-					parames.query.visitRecord = this.screen.visitRecord;
+				if (this.screen.visitRecord.length > 0) {
+					parames.query.visitRecords = this.screen.visitRecord.join(',');
 				}
 				if (this.screen.record == 0) {
 					parames.query.levels = ["1"]