<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-tab :ripple="false" :name="6" label="客户分配规则"></q-tab>
      <q-tab :ripple="false" :name="7" 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>
  </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";
export default {
  components: {
    stage,
    cusType,
    aim,
    channel,
    customneed,
    stuDistributionRule,
    stuTarget
  },
  data() {
    return {
      tabCheck: 1
    };
  }
};
</script>
