<template>
  <div class="form">
    <component
      :is="component"
      @change="onChange"
      :params="params">
    </component>
  </div>
</template>

<script>
  import Tabbar from './components/Tabbar.vue'
  import AddForm from './components/AddForm.vue'

  export default {
    name: 'AppAskForm',
    appName: '问卷表单',

    data () {
      return {
        component: 'Tabbar',
        params: {}
      }
    },

    components: {
      Tabbar,
      AddForm
    },

    onLoad () {
      uni.$on('reload', () => {
        if (this.currIndex === 0) {
          this.$refs.list.reload()
        } else {
          this.$refs.addList.getList()
        }
      })
    },

    methods: {
      onChange (e) {
        this.params = e.params
        this.component = e.type
      },
    },

    onReachBottom() {
      if (this.currIndex === 0) {
        this.$refs.list.getList()
      }
    }
  }
</script>

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