const api = require('../../../../utils/home') import org from '../../images/org' import { getTimestamp } from '../../../../utils/common' Page({ data: { multiIndex: [0, 0, 0], multiIds: [], newArr: [], multiArray: [ ], pageNo: 1, pageSize: 10, timestamp: getTimestamp(), issueLoadMoreVisible: false, loadMoreType: 'loading', noticeList: [{ "category": "微网格长", "name": "郭风霞", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/1.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "党员中心户", "name": "刘桂芳", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/2.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "微网格联络员", "name": "王会霞", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/3.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "社区工作人员", "name": "徐文婷", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/4.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "物业红管家", "name": "刘丽娜", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/5.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "网格帮办员", "name": "宋健伟", "sex": "男", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/6.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" },] }, onLoad() { this.getNoticeList() this.setData({ multiArray:org[0].data }) console.log(this.data.multiArray); let state = { arr: [], arr1: [], arr2: [], arr3: [], multiIds: [] } this.data.multiArray.map((v, vk) => { state.arr1.push(v.lable); if (this.data.multiIndex[0] === vk) { state.multiIds[0] = v; } if (state.arr2.length <= 0) { v.children.map((c, ck) => { state.arr2.push(c.lable); if (this.data.multiIndex[1] === ck) { state.multiIds[1] = c; } if (state.arr3.length <= 0) { c.children.map((t, tk) => { state.arr3.push(t.lable); if (this.data.multiIndex[2] === tk) { state.multiIds[2] = t; } }); } }); } }); state.arr[0] = state.arr1; state.arr[1] = state.arr2; state.arr[2] = state.arr3; this.setData({ newArr: state.arr, multiIds: state.multiIds, }); }, onReachBottom() { console.log('加载翻页') this.setData({ issueLoadMoreVisible: true }) if (this.data.loadMoreType === 'loading') { this.setData({ pageNo: this.data.pageNo + 1, pageSize: this.data.pageSize, pageIndex: getTimestamp() }) this.getNoticeList() } }, bindMultiPickerChange(e) { console.log(this.data.multiIds); let diyiweiwangge = [{ "category": "微网格长", "name": "郭风霞", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/1.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "党员中心户", "name": "刘桂芳", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/2.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "微网格联络员", "name": "王会霞", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/3.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "社区工作人员", "name": "徐文婷", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/4.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "物业红管家", "name": "刘丽娜", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/5.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" }, { "category": "网格帮办员", "name": "宋健伟", "sex": "男", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/6.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第一微网格" },] let dierweiwangge = [{ "category": "微网格长", "name": "仉桂华", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/7.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第二微网格" }, { "category": "党员中心户", "name": "黄秀茹", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/8.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第二微网格" }, { "category": "微网格联络员", "name": "牟秀玉", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/9.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第二微网格" }, { "category": "网格帮办员", "name": "宋健伟", "sex": "男", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/12.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第二微网格" }, ] let disanwangge = [ { "category": "微网格长", "name": "袁露霞", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/13.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第三微网格" }, { "category": "党员中心户", "name": "梁秀珍", "sex": "女", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/14.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第三微网格" }, { "category": "微网格联络员", "name": "曲江", "sex": "男", "scope": "四机社区第一网格", "mobile": "13589261795", "imgUrl": "https://elink-party-building.oss-cn-beijing.aliyuncs.com/wgfc/wgll/15.jpg", "community": "四机社区", "grid": "第一网格", "smallGrid": "第三微网格" } ] if (this.data.multiIds[1].lable === '四机社区第一网格') { switch (this.data.multiIds[2].lable) { case '第二微网格': this.setData({ noticeList: dierweiwangge }); break; case '第三微网格': this.setData({ noticeList: disanwangge }); break; case '第一微网格': this.setData({ noticeList: diyiweiwangge }); break; default: this.setData({ noticeList: [] }); break; } } else { this.setData({ noticeList: [] }); } }, bindMultiPickerColumnChange(e) { let data = { newArr: this.data.newArr, multiIndex: this.data.multiIndex, multiIds: this.data.multiIds, }; data.multiIndex[e.detail.column] = e.detail.value; let searchColumn = () => { let arr1 = []; let arr2 = []; this.data.multiArray.map((v, vk) => { if (data.multiIndex[0] === vk) { data.multiIds[0] = { ...v, }; v.children.map((c, ck) => { arr1.push(c.lable); if (data.multiIndex[1] === ck) { data.multiIds[1] = { ...c, }; c.children.map((t, vt) => { arr2.push(t.lable); if (data.multiIndex[2] === vt) { data.multiIds[2] = { ...t, }; } }); } }); } }); data.newArr[1] = arr1; data.newArr[2] = arr2; }; switch (e.detail.column) { case 0: // 每次切换还原初始值 data.multiIndex[1] = 0; data.multiIndex[2] = 0; // 执行函数处理 searchColumn(); break; case 1: data.multiIndex[2] = 0; searchColumn(); break; case 2: searchColumn(); break; } this.setData(data); }, to_call: function (e) { console.log('e', e.currentTarget.dataset.phone) wx.makePhoneCall({ phoneNumber: e.currentTarget.dataset.phone }) }, // 加载网格长管辖的网格列表 getNoticeList() { let that = this let para = { pageIndex: this.data.pageNo, pageSize: this.data.pageSize, timestamp: getTimestamp() } api.getConsultion(para).then(res => { that.setData({ noticeList: that.data.noticeList.concat(res.data), loadMoreType: res.data.length === 10 ? 'loading' : 'none' }) }).catch(err => { console.log(err) that.setData({ preloadVisible: false, loadMoreType: 'none' }) }) }, // toDetail (e) { // console.log(e.currentTarget.dataset.id) // wx.navigateTo({ url: '/subpages/home/pages/noticeDetail/noticeDetail?id='+e.currentTarget.dataset.id }) // } })