From 4b80c98ef5fda8d6358778f2efe8bb35cb20ccf9 Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Fri, 15 Jan 2021 16:18:21 +0800 Subject: [PATCH] gx --- hive-app/pages/member/selectCustomer.vue | 66 +++++++++++++++++++++++---------- 1 files changed, 46 insertions(+), 20 deletions(-) diff --git a/hive-app/pages/member/selectCustomer.vue b/hive-app/pages/member/selectCustomer.vue index f452697..74f573f 100644 --- a/hive-app/pages/member/selectCustomer.vue +++ b/hive-app/pages/member/selectCustomer.vue @@ -20,7 +20,7 @@ </view> <no-record :isShow="!list.length"></no-record> <view class="footer"> - <text>已选:{{selectId?1:0}}人</text> + <text>已选:{{selectItems.length?selectItems.length:0}}人</text> <button class="blue-btn btn mr-0" @click="confirm">确定</button> </view> </view> @@ -37,13 +37,18 @@ colors: ['#CCC6B4', '#C0CCB4', '#B4C2CC', '#BEB4CC', '#B4CCBE', '#B4CCCA', '#CCB4C6', '#CCB4B4'], queryKey: '', list: [], - selectId: '', - selectName: '' + selectIds: '', + selectItems: [], + multiSelect: false, //单选/多选,默认多选 }; }, onLoad(options) { + // 选中的id,逗号分隔 if(options.selectId!='null'){ - this.selectId = options.selectId + this.selectIds = options.selectId + } + if(options.multiSelect){ + this.multiSelect = new Boolean(options.multiSelect); } this.loadMemberList() }, @@ -58,11 +63,16 @@ loadMemberList(){ this.$httpUtils.request('/api/vip/findVipInfoList', { queryKey: this.queryKey - }, 'POST').then((res) => { + }, 'POST', {isShowLoad: true}).then((res) => { if(res.status == 200){ this.list = res.rows.map((item) => { - if(this.selectId && this.selectId == item.id){ - this.selectName = item.vipName + let index = this.selectItems.findIndex((op) => { + return op.id == item.id + }); + if(this.selectIds && this.selectIds.indexOf(item.id) > -1){ + if(index == -1){ + this.selectItems.push(item); + } return Object.assign(item, {isCheck: true}) } return Object.assign(item, {isCheck: false}) @@ -71,26 +81,42 @@ }) }, checkOnchange(item){ + if(this.multiSelect){ + this.multiChange(item) + }else{ + this.singChange(item) + } + }, + singChange(item){ if(!item.isCheck){ - this.list.forEach((item) => { - item.isCheck = false; + this.list.forEach((op) => { + op.isCheck = false; }); - item.isCheck = true - this.selectId = item.id; - this.selectName = item.vipName; + item.isCheck = true; + this.selectItems = [item]; }else{ item.isCheck = false; - this.selectId = ''; - this.selectName = ''; + this.selectItems = []; + } + }, + multiChange(item){ + let index = this.selectItems.findIndex((op) => { + return op.id == item.id + }); + if(!item.isCheck){ + item.isCheck = true; + this.selectItems.push(item); + }else{ + item.isCheck = false; + this.selectItems.splice(index,1); } }, confirm(){ let pages = getCurrentPages(); - let prevPage = pages[ pages.length - 2 ]; - prevPage.$vm.setData && prevPage.$vm.setData({ - name: this.selectName, - id: this.selectId - }); + let prevPage = pages[ pages.length - 2 ]; + if(this.selectItems.length){ + prevPage.$vm.setData && prevPage.$vm.setData(this.selectItems); + } uni.navigateBack() } }, @@ -170,7 +196,7 @@ } .footer .btn{ border-radius: 20px; - line-height: 34px; + line-height: 36px; padding: 0 40px; font-size: 14px; } -- Gitblit v1.9.1