<template>
 <div class="base-rule">
   <el-tabs type="card" v-model="tab">
     <el-tab-pane label=" 质检类型" name="zj">
       <transition name="fade" mode="out-in">
         <quality-type v-show="tab ==='zj'"/>
       </transition>
     </el-tab-pane>
     <el-tab-pane label=" 清洗类型" name="qx"   >
       <transition name="fade" mode="out-in">
         <clear-type v-show="tab ==='qx'"/>
       </transition>

     </el-tab-pane>
     <el-tab-pane label=" 标签类型" name="bq"    >
       <transition name="fade" mode="out-in">
         <label-type v-show="tab ==='bq'"/>
       </transition>

     </el-tab-pane>


       <el-tab-pane label=" 安全类型" name="aqlx">
         <transition name="fade" mode="out-in">
           <safe-type type="aqlx"    v-show="tab ==='aqlx'"/>
         </transition>
       </el-tab-pane>
       <el-tab-pane label="安全级别" name="aqjb" >
         <transition name="fade" mode="out-in">
           <safe-type type="aqjb"   v-show="tab ==='aqjb'"/>
         </transition>
       </el-tab-pane>
       <el-tab-pane label=" 审计类型" name="sjlx">
         <transition name="fade" mode="out-in">
           <safe-type type="sjlx"   v-show="tab ==='sjlx'"/>
         </transition>
       </el-tab-pane>
       <el-tab-pane label=" 环节类型" name="hjlx">
         <transition name="fade" mode="out-in">
           <safe-type type="hjlx"   v-show="tab ==='hjlx'"/>
         </transition>
       </el-tab-pane>
     <el-tab-pane label=" 基础字典" name="jczd">
       <transition name="fade" mode="out-in">
         <base-dictionary type="jczd"   v-show="tab ==='jczd'"/>
       </transition>
     </el-tab-pane>
<!--       <el-tab-pane label=" 环节类型" name="hj"></el-tab-pane>-->
<!--       <el-tab-pane label=" 基础字典" name="jc"></el-tab-pane>-->

   </el-tabs>
 </div>
</template>

<script>
import QualityType from "@/view/other/c-views/data-handle/zsk/base-rule/tabs/QualityType.vue";
import ClearType from "@/view/other/c-views/data-handle/zsk/base-rule/tabs/ClearType.vue";
import LabelType from "@/view/other/c-views/data-handle/zsk/base-rule/tabs/LabelType.vue";
import {ref} from "vue";
import SafeType from "@/view/other/c-views/data-handle/zsk/base-rule/tabs/SafeType.vue";
import {safeRankFilterForm, safeTypeFilterForm} from "@/data/all-forms";
import {baseRuleSafeRankTableHeader, baseRuleSafeTableHeader} from "@/data/all-table-header";
import BaseDictionary from "@/view/other/c-views/data-handle/zsk/base-rule/tabs/base-dictionary/BaseDictionary.vue";

export default {
  name: "BaseRule",
  components: {BaseDictionary, SafeType, LabelType, ClearType, QualityType},
  setup() {
    const tab = ref('zj')
    return{
      tab,
      safeTypeFilterForm,
      safeRankFilterForm,
      baseRuleSafeTableHeader,
      baseRuleSafeRankTableHeader
    }
  }
}
</script>

<style scoped lang="scss">
.fade-leave-active,.fade-enter-active{
  transition: 1s all;
}
.fade-leave-to,.fade-enter-from{
  opacity: 0;
  transform: translateX(30px);
}
.base-rule{


  padding: 10px 20px;
}
</style>
