<template>
  <div>
    <!-- 时间选择 -->
    <TimePicker @changeTime="changeTime" />
    <!-- 成员选择 -->
    <MemberPicker @changeTime="changeTime" />
    <!-- 列表 -->
    <List ref="mychild" />
  </div>
</template>

<script>
import TimePicker from '@/components/TimePicker/TimePicker.vue';
import MemberPicker from '@/components/MemberPicker/MemberPicker.vue';
import List from '@/components/List/List.vue';

export default {
  components: { TimePicker, MemberPicker, List },
  data() {
    return {};
  },

  methods: {
    handleChange(value) {
      console.log(`selected ${value}`);
    },

    changeTime(options) {
      this.$refs.mychild.setParams(options);
    },
  },
};
</script>

<style lang="less" scoped>
</style>
