xhs-examples/xhs-mini-demos/component-case/picker/picker.js

Page({
  data: {
    disabled: false,
    headerText: 'test',
    cancelTime: 'xxx',
    array: ['美国', '中国', '巴西', '日本'],
    arrayObject: [{ name: '美国' }, { name: '中国' }, { name: '巴西' }, { name: '日本' }],
    objectArray: [
      {
        id: 0,
        name: '美国',
      },
      {
        id: 1,
        name: '中国',
      },
      {
        id: 2,
        name: '巴西',
      },
      {
        id: 3,
        name: '日本',
      },
    ],
    index: 1,
    multiArray: [
      ['无脊柱动物', '脊柱动物'],
      ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'],
      ['猪肉绦虫', '吸血虫'],
    ],
    objectMultiArray: [
      [
        {
          id: 0,
          name: '无脊柱动物',
        },
        {
          id: 1,
          name: '脊柱动物',
        },
      ],
      [
        {
          id: 0,
          name: '扁性动物',
        },
        {
          id: 1,
          name: '线形动物',
        },
        {
          id: 2,
          name: '环节动物',
        },
        {
          id: 3,
          name: '软体动物',
        },
        {
          id: 3,
          name: '节肢动物',
        },
      ],
      [
        {
          id: 0,
          name: '猪肉绦虫',
        },
        {
          id: 1,
          name: '吸血虫',
        },
      ],
    ],
    multiIndex: [1, 0, 1],
    date: '2016-09-01',
    month: '2016-09',
    year: '2016',
    time: '12:01',
    region: ['广东省', '广州市', '海珠区'],
    customItem: '全部',
  },
  bindPickerChange(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value);
    this.setData({
      index: e.detail.value,
    });
  },
  bindMultiPickerChange(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value);
    this.setData({
      multiIndex: e.detail.value,
    });
  },
  bindMultiPickerColumnChange(e) {
    console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
    const data = {
      multiArray: this.data.multiArray,
      multiIndex: this.data.multiIndex,
    };
    data.multiIndex[e.detail.column] = e.detail.value;
    switch (e.detail.column) {
    case 0:
      switch (data.multiIndex[0]) {
      case 0:
        data.multiArray[1] = ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'];
        data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
        break;
      case 1:
        data.multiArray[1] = ['鱼', '两栖动物', '爬行动物'];
        data.multiArray[2] = ['鲫鱼', '带鱼'];
        break;
      }
      data.multiIndex[1] = 0;
      data.multiIndex[2] = 0;
      break;
    case 1:
      switch (data.multiIndex[0]) {
      case 0:
        switch (data.multiIndex[1]) {
        case 0:
          data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
          break;
        case 1:
          data.multiArray[2] = ['蛔虫'];
          break;
        case 2:
          data.multiArray[2] = ['蚂蚁', '蚂蟥'];
          break;
        case 3:
          data.multiArray[2] = ['河蚌', '蜗牛', '蛞蝓'];
          break;
        case 4:
          data.multiArray[2] = ['昆虫', '甲壳动物', '蛛形动物', '多足动物'];
          break;
        }
        break;
      case 1:
        switch (data.multiIndex[1]) {
        case 0:
          data.multiArray[2] = ['鲫鱼', '带鱼'];
          break;
        case 1:
          data.multiArray[2] = ['青蛙', '娃娃鱼'];
          break;
        case 2:
          data.multiArray[2] = ['蜥蜴', '龟', '壁虎'];
          break;
        }
        break;
      }
      data.multiIndex[2] = 0;
      console.log(data.multiIndex);
      break;
    }
    this.setData(data);
  },
  bindDateChange(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value);
    this.setData({
      date: e.detail.value,
    });
  },
  bindMonthChange(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value);
    this.setData({
      month: e.detail.value,
    });
  },
  bindYearChange(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value);
    this.setData({
      year: e.detail.value,
    });
  },
  bindTimeChange(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value);
    this.setData({
      time: e.detail.value,
    });
  },
  bindRegionChange(e) {
    console.log('picker发送选择改变，携带值为', e.detail.value);
    this.setData({
      region: e.detail.value,
    });
  },
  changeDisabled() {
    this.setData({
      disabled: !this.data.disabled,
    });
  },
  changeHeaderText({ detail }) {
    this.setData({
      headerText: detail.value,
    });
  },
  onCacnel({ timeStamp }) {
    this.setData({
      cancelTime: timeStamp,
    });
  },
});