<style>

</style>
<template>
  <div class="page-body">
    <q-tabs style="margin-bottom:20px;" v-model="tabCheck" @input="tabChange()" narrow-indicator dense align="left"
      class="text-primary">
      <q-tab :ripple="false" name="first" label="规则设置" />
      <q-tab :ripple="false" name="second" label="基础设置" />
      <q-tab :ripple="false" name="third" label="提醒设置" />
      <q-tab :ripple="false" name="fourth" label="分数规则" />
    </q-tabs>
    <ruleset-form v-if="tabCheck=='first'"></ruleset-form>
    <baseset-form v-if="tabCheck=='second'"></baseset-form>
    <remind-form v-if="tabCheck=='third'"></remind-form>
    <score-form v-if="tabCheck=='fourth'"></score-form>
  </div>
</template>
<script>
  import rulesetForm from '../../components/okr/ruleset-form';
  import basesetForm from '../../components/okr/baseset-form';
  import remindForm from '../../components/okr/remind-form';
  import scoreForm from '../../components/okr/score-form';
  export default {
    meta: {
      title: "OKR设置"
    },
    components: {
      rulesetForm,
      basesetForm,
      remindForm,
      scoreForm
    },
    data() {
      return {
        tabCheck: 'first',
      }
    },
    mounted() {
    },
    methods: {
      tabChange() {

      },
    }
  }

</script>
<style lang="sass">
 @import url('~assets/css/table.sass')

</style>

