<template>
 <keep-alive include="TaskWatchDetailHome">
   <task-watch-detail-home :current-op-obj="currentOpObj"  @changeDetailOperation="changeDetailOperation" @changeOperation="$emit('changeOperation','')" v-if="!detailOperationType"/>
   <task-watch-detail-detail :current-detail-op-obj="currentDetailOpObj" @changeDetailOperation="changeDetailOperation" v-else/>
 </keep-alive>
</template>

<script>
import TaskWatchDetailDetail from "@/view/other/c-views/data-handle/task-manage/task-watch/TaskWatchDetailDetail.vue";
import TaskWatchDetailHome from "@/view/other/c-views/data-handle/task-manage/task-watch/TaskWatchDetailHome.vue";
import {useDetailOrEdit} from "@/unit/use-method/usePagination";

export default {
  name: "TaskWatchDetail",
  components: {TaskWatchDetailHome, TaskWatchDetailDetail},
  setup(props){
    const {operationType:detailOperationType,changeOperation:changeDetailOperation,currentOpObj:currentDetailOpObj} = useDetailOrEdit()
    return {
      detailOperationType,changeDetailOperation,currentDetailOpObj
    }
  },
  props:{
    currentOpObj:{}
  }
}
</script>

<style scoped lang="scss">

</style>
