<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="10" label="意向度"></q-tab>
      <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-tab :ripple="false" :name="6" label="语培客户分配规则"></q-tab>
      <q-tab :ripple="false" :name="7" label="目标管理"></q-tab>
      <q-tab :ripple="false" :name="8" label="跟进状态"></q-tab>
      <q-tab :ripple="false" :name="9" 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>
    <stu-distribution-rule v-if="tabCheck == 6"></stu-distribution-rule>
    <stuTarget v-if="tabCheck==7"></stuTarget>
    <stuFlow v-if="tabCheck==8"></stuFlow>
    <stuAbroad v-if="tabCheck==9"></stuAbroad>
    <stupurpose v-if="tabCheck==10"></stupurpose>
  </div>
</template>
<script>
  import stage from "./stage";
  import cusType from "./customType";
  import aim from "./studyAim";
  import channel from "./stuReceiveChannel";
  import customneed from "./customneed";
  import stuDistributionRule from "./stuDistributionRule";
  import stuTarget from "./stuTarget";
  import stuFlow from "./stuFlow";
  import stuAbroad from "./stuAbroad";
  import stupurpose from "./stupurpose";
 
  export default {
    meta: {
      title: "留学客户分配规则"
    },
    components: {
      stage,
      cusType,
      aim,
      channel,
      customneed,
      stuDistributionRule,
      stuTarget,
      stuFlow,
      stuAbroad,
      stupurpose
    },
    data() {
      return {
        tabCheck: 10
      };
    }
  };

</script>
