<template>
<!--  v-if="!operationType"-->
  <keep-alive include="UserManageHome">
    <user-manage-home v-if="!operationType" v-model:parent-tab="parentTab" @changeOperation="changeOperation" />
    <union-check-detail @changeOperation="changeOperation" :current-op-obj="currentOpObj" v-else-if="operationType === 'checkDetail'"/>
    <user-manage-detail  :current-op-obj="currentOpObj" :operation-type="operationType" :active-tab="parentTab" @changeOperation="changeOperation" v-else/>
  </keep-alive>
</template>

<script>
import {useClickRouterToHome} from "@/unit/use-method/usePagination";
import UserManageHome from "@/view/other/c-views/system-manage/system-manage/user-manage/UserManageHome.vue";
import UserManageDetail from "@/view/other/c-views/system-manage/system-manage/user-manage/UserManageDetail.vue";
import {ref} from "vue";
import UnionCheckDetail from "@/view/other/c-views/system-manage/system-manage/user-manage/UnionCheckDetail.vue";

export default {
  name: "UserManage",
  components: {UnionCheckDetail, UserManageDetail, UserManageHome},
  setup() {
    const parentTab = ref('')
    const {currentOpObj,changeOperation,operationType} = useClickRouterToHome()
    return {
      currentOpObj,changeOperation,operationType,
      parentTab
    }
  }
}
</script>

<style scoped lang="scss">

</style>
