// 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: async function (type){
        this.setData({
            loadMoreVisible: true,
            nodata: false,
            loadMoreType: "more",
          })
        let parm ={
            name:this.data.keyWord,
            pageSize:this.data.pageSize,
            pageNo:this.data.pageNo
        }
        let {data,code,msg} = await getResidentBaseInfo(parm)
        if(code == 0){
            this.setData({
                loadMoreType:data.list.length === this.data.pageSize ? 'more' : 'none',
                tableData: this.data.tableData.concat(data.list),
            })
                if (this.data.tableData.length == 0) {
                    this.setData({
                      loadMoreVisible: false,
                      nodata: true
                    })
                  }
        }else{
            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(){
        wx.navigateBack({
            delta:1
        })
        let obj ={
            resiId : this.data.resiId,
            resiMobile : this.data.resiMobile,
            resiName:this.data.resiName
        }
        wx.setStorageSync('resiDetail',obj)
      },
      cardSuccess: async function(e){
          this.setData({
            keyWord:e.detail.id.text,
            tableData:[]
          })
          await this.getTable('card')
          if(this.data.tableData.length != 0){
            this.setData({
                resiId:this.data.tableData[0].resiId,
                resiMobile:this.data.tableData[0].mobile,
                resiName:this.data.tableData[0].name
              })
            this.toDemandCheck();
          }else{
            wx.showToast({
              title: '未找到该居民',
              icon:"none"
            })
          }
         
      }
})