<template>
 <keep-alive include="RootManageHome">
   <root-manage-home @changeOperation="changeOperation" v-if="!operationType"/>
   <root-manage-detail @changeOperation="changeOperation" v-else-if="operationType==='roleDetail'"/>
   <root-manage-user-detail :current-op-obj="currentOpObj" @changeOperation="changeOperation"  v-else-if="operationType==='userDetail'"/>
 </keep-alive>
</template>

<script>
import RootManageHome from "@/view/other/c-views/system-manage/system-manage/root-manage/RootManageHome.vue";
import RootManageDetail from "@/view/other/c-views/system-manage/system-manage/root-manage/RootManageDetail.vue";
import {useClickRouterToHome} from "@/unit/use-method/usePagination";
import RootManageUserDetail
  from "@/view/other/c-views/system-manage/system-manage/root-manage/RootManageUserDetail.vue";

export default {
  name: "RootManage",
  components: {RootManageUserDetail, RootManageDetail, RootManageHome},
  setup() {
   const {changeOperation,operationType,currentOpObj} = useClickRouterToHome()
    return {
      changeOperation,operationType,currentOpObj
    }
  }
}
</script>

<style scoped lang="scss">

</style>
