epdc-cloud-dangjian-shibei/miniprogram/subpages/home/pages/consultation/consultation.js

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 })
    // }
})