var api = require('../../utils/api.js')
import { $wuxActionSheet } from '../../dist/index'
Page({
  data: {
    selectTab: 'resident',
    gridList: [], // 当前用户所拥有的网格
    changeGridList: [], // 筛选掉当前选择的网格的网格列表
    moreThanOneGrid: false,
    gridInfo: {
      gridName: '', // 网格名称
      gridId: '' // 网格id
    },
    partyFlag: '0'
  },
  // 我是居民/我是党员/我是企业 tab切换
  onTabChange (e) {
    if (e.currentTarget.dataset.tab === 'resident') {
      if (this.data.partyFlag === '1') {
        wx.showToast({
          title: '您已是党员，不可认证居民',
          icon: 'none',
          duration: 2000
        })
        return false
      }
    }
    this.setData({
      selectTab: e.currentTarget.dataset.tab
    })
  },
  // 获取当前用户所有网格
  getGridList(e) {
    api.getGridList().then(res => {
      console.log('获取所有网格', res)
      const buttonList = []
      res.data.forEach(item => {
        if (item.gridId !== e.detail.gridId) {
          buttonList.push({
            id: item.gridId,
            text: item.grid
          })
        }
      })
      this.setData({
        gridList: res.data,
        changeGridList: buttonList,
        moreThanOneGrid: buttonList.length > 0
      })
    }).catch(err => {
      this.setData({
        gridList: [],
        changeGridList: []
      })
      console.log(err)
    })
  },
  // 切换网格
  changeGrid(e) {
    const buttonList = []
    this.data.gridList.forEach(item => {
      buttonList.push({
        id: item.gridId,
        text: item.grid
      })
    })
    const index = buttonList.findIndex(item => item.id === e.detail.gridId)
    if (index > -1) {
      buttonList.splice(index, 1)
    }
    this.setData({
      changeGridList: buttonList
    })
    const that = this
    $wuxActionSheet().showSheet({
      buttons: this.data.changeGridList,
      className: 'dialog-class',
      buttonClicked(index, item) {
        that.setData({
          'gridInfo.gridId': item.id,
          'gridInfo.gridName': item.text
        })
        return true
      },
      cancelText: '取消',
      cancel() { },
      destructiveButtonClicked() { },
    })
  },
  selectTabChange (e) {
    this.setData({
      selectTab: e.detail.tab,
      partyFlag: e.detail.partyFlag
    })
  }
})