<template>
  <div class=page-body>
    <q-tabs
      v-model="tabCheck"
      narrow-indicator
      dense
      align="left"
      class="text-primary q-mb-sm"
    >
      <q-tab :ripple="false" :name="1" label="客户阶段" />
      <q-tab :ripple="false" :name="2" label="客户类型" />
      <q-tab :ripple="false" :name="3" label="学习目的" />
      <q-tab :ripple="false" :name="4" label="收客渠道" />
      <q-tab :ripple="false" :name="5" label="客户需求"></q-tab>
    </q-tabs>
    <stage v-if="tabCheck==1"></stage>
    <cusType v-if="tabCheck==2"></cusType>
    <aim v-if="tabCheck==3"></aim>
    <channel v-if="tabCheck==4"></channel>
    <customneed v-if="tabCheck==5"></customneed>
  </div>
</template>
<script>
import stage from "./stage";
import cusType from "./customType"
import aim from './studyAim'
import channel from './stuReceiveChannel'
import customneed from './customneed'
export default {
  components: {
    stage,
    cusType,
    aim,
    channel,
    customneed
  },
  data() {
    return {
      tabCheck: 1
    };
  }
};
</script>
