<template>
  <keep-alive include="DataServiceStateWatchHome">
    <data-service-state-watch-home @changeOperation="changeOperation" v-if="!operationType"/>
    <data-service-state-watch-detail :current-op-obj="currentOpObj"  @changeOperation="changeOperation"  v-else/>
  </keep-alive>
</template>

<script>
import CommonLayout from "@/components/CommonLayout.vue";
import {ref} from "vue";
import {useClickRouterToHome} from "@/unit/use-method/usePagination";
import DataServiceStateWatchHome
  from "@/view/other/c-views/data-watch/data-service-watch/data-service-state-watch/DataServiceStateWatchHome.vue";
import DataServiceStateWatchDetail
  from "@/view/other/c-views/data-watch/data-service-watch/data-service-state-watch/DataServiceStateWatchDetail.vue";

export default {
  name: "DataServiceStateWatch",
  components: {DataServiceStateWatchDetail, DataServiceStateWatchHome, CommonLayout},
  setup() {
   const {changeOperation,operationType,currentOpObj} = useClickRouterToHome()

    return {
      changeOperation,operationType,currentOpObj
    }
  }
}
</script>

<style scoped lang="scss">

</style>
