<template>
 <keep-alive include="SafeRuleHome">
   <label-rule-home @changeOperation="changeOperation" v-if="!operationType"/>
   <label-rule-edit :current-op-obj="currentOpObj" @changeOperation="changeOperation" v-else/>
 </keep-alive>
</template>

<script>



import {useClickRouterToHome} from "@/unit/use-method/usePagination";


import ClearRuleHome from "@/view/other/c-views/data-handle/zsk/clear-rule/ClearRuleHome.vue";
import ClearRuleEdit from "@/view/other/c-views/data-handle/zsk/clear-rule/ClearRuleEdit.vue";
import LabelRuleHome from "@/view/other/c-views/data-handle/zsk/label-rule/LabelRuleHome.vue";
import LabelRuleEdit from "@/view/other/c-views/data-handle/zsk/label-rule/LabelRuleEdit.vue";

export default {
  name: "LabelRule",
  components: {LabelRuleEdit, LabelRuleHome, ClearRuleEdit, ClearRuleHome},
  setup() {
    const {changeOperation,operationType,currentOpObj} = useClickRouterToHome()
    return {
      changeOperation,operationType,currentOpObj
    }
  }
}
</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);
}
</style>
