epmet-work-mp/subpages/demandCheck/pages/dissatisfied/searchResi/searchResi.js

// subpages/demandCheck/pages/dissatisfied/searchResi/searchResi.js
import  {getResidentBaseInfo} from "../../../../../utils/api"
import api from "../../../../../utils/api"
Page({

    /**
     * 页面的初始数据
     */
    data: {
        selectVal:'search',

        keyWord:'张三',
        lowerThreshold:'10',
        loadMoreVisible:false,
        loadMoreType: "none",
        nodata:false,
        pageNo:1,
        pageSize:10,
        tableData:[],

        selectedRadio:null,
        resiId:"",
        resiName:"",
        resiMobile:"",

        villageList:[],//小区
        villageName:'',
        buildingList:[],
        buildingName:'',
        unitList:[],
        unitName:'',
        houseList:[],
        houseName:'',
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        this.getTable()
        this.getQuartersOptions()
        
    },
    getTable(){
        this.setData({
            loadMoreVisible: true,
            nodata: false,
            loadMoreType: "more",
          })
        let parm ={
            searchKey:this.data.keyWord,
            pageSize:this.data.pageSize,
            pageNo:this.data.pageNo
        }
            getResidentBaseInfo(parm).then(res=>{
                this.setData({
                    loadMoreType: res.data.list.length === this.data.pageSize ? 'more' : 'none',
                    tableData: this.data.tableData.concat(res.data.list),
                })
                    if (this.data.tableData.length == 0) {
                        this.setData({
                          loadMoreVisible: false,
                          nodata: true
                        })
                      }
            }).catch(err=>{
                this.setData({
                    loadMoreVisible: false,
                    nodata: true,
                  })
            })
    },
    onScrollToLower(e){
        if (this.data.loadMoreType === 'more') {
            this.setData({
              loadMoreVisible: true,
            })
            this.data.pageNo += 1
            this.getTable()
          }
    },
    getQuartersOptions(){

      api.getQuartersOptions().then(res=>{
          this.setData({
              villageList:res.data
          })
      }).catch(err=>{
          console.log(err);    
      })
  },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    },
    chosseTabBar(e){
        this.setData({
            selectVal:e.currentTarget.dataset.type
        })
    },
    handelBlurKeyWord(e){
        this.setData({
            keyWord:e.detail.value
        })
    },
    handelClickSearch(){
        this.setData({
            pageNo:1,
            tableData:[]
        })
        this.getTable()
    },
    toAddResi(){
        wx.navigateTo({
          url: '/subpages/addResi/pages/addResi/addResi',
        })
    },
    radioChange(e) {
        console.log(e);
        this.setData({
          selectedRadio: e.detail.value,
          resiId:e.currentTarget.dataset.item.resiId,
          resiName:e.currentTarget.dataset.item.name,
          resiMobile:e.currentTarget.dataset.item.mobile,
        });
      },
      bindPickerChangevillageId(e) {
            const selectedIndex = e.detail.value;
            const selectedVillage = this.data.villageList[selectedIndex];
            this.setData({
                villageName: selectedVillage.label,
                "form.villageId": selectedVillage.value,
                'form.buildId':'',
                'form.unitId':'',
                'form.homeId':'',
                buildingName:'',
                buildingList:[],
                unitName:'',
                unitList:[],
                houseName:'',
                houseList:[],
            });
            this.getBuildingoption(selectedVillage.value);
    },
    
    bindPickerChangebuilding(e){
        
            const selectedIndex = e.detail.value;
            const selectedVillage = this.data.buildingList[selectedIndex];
            this.setData({
                buildingName: selectedVillage.label,
                "form.buildId": selectedVillage.value,
                'form.unitId':'',
                'form.homeId':'',
                unitName:'',
                unitList:[],
                houseName:'',
                houseList:[],
            });
            this.getUnitoption(selectedVillage.value);
    },
    bindPickerChangeUnit(e){
        
            const selectedIndex = e.detail.value;
            const selectedVillage = this.data.unitList[selectedIndex];
            this.setData({
                unitName: selectedVillage.label,
                "form.unitId": selectedVillage.value,
                'form.homeId':'',
                houseName:'',
                houseList:[],
            });
            this.getHouseoption(selectedVillage.value);
    },
    bindPickerChangeHouse(e){
            const selectedIndex = e.detail.value;
            console.log( this.data.houseList);
            const selectedVillage = this.data.houseList[selectedIndex];
            this.setData({
                houseName: selectedVillage.label,
                "form.homeId": selectedVillage.value
            });
            this.getResidentBaseInfo()
    },
    bindPickerChangeResi(e){
        const selectedIndex = e.detail.value;
        const selectedVillage = this.data.resiList[selectedIndex];
        console.log(selectedVillage);
        this.setData({
            resiName: selectedVillage.name,
            resiMobile:selectedVillage.mobile,
            resiId:selectedVillage.resiId,
        });
    },
     // 获取楼栋列表
     getBuildingoption(villageId){
        api.getBuildingoption(villageId).then(res=>{
            this.setData({
                buildingList:res.data
            })
        }).catch(err=>{
            console.log(err);    
        })
    },
    // 获取单元列表
    getUnitoption(buildingId){
        api.getUnitoption(buildingId).then(res=>{
            this.setData({
                unitList:res.data
            })
        }).catch(err=>{
            console.log(err);
        })
    },
    // 获取房屋列表
    getHouseoption(unitId){
        api.getHouseoption(unitId).then(res=>{
            this.setData({
                houseList:res.data
            })
        }).catch(err=>{
            console.log(err);
        })
    },
    getResidentBaseInfo(){
        let parm = {
            pageNo:1,
            pageSize:1000,
            villageId:this.data.form.villageId,
            buildId:this.data.form.buildId,
            unitId:this.data.form.unitId,
            homeId:this.data.form.homeId,
        }
        api.getResidentBaseInfoPage(parm).then(res=>{
            this.setData({
                resiList:res.data.list
            })
        }).catch(err=>{
            console.log(err);
        })
    },
      toDemandCheck(){
          console.log(111);
        wx.navigateTo({
          url: '/subpages/demandCheck/pages/dissatisfied/demandCheck/demandCheck?resiId=' + this.data.resiId + '&mobile=' + this.data.resiMobile + "&resiName=" + this.data.resiName,
        }) 
      }
})