<template>
  <div>
    <YpHome v-if="showModel == '研判首页'"></YpHome>
    <ModeList v-if="showModel == '四色预警规则'" :item="itemData" ></ModeList>
    <EarlyWarning v-if="showModel == '预警规则'" :item="itemData" ></EarlyWarning>
    <YjList v-if="showModel == '预警列表'" :item="itemData" ></YjList>
   <!--  <YjDetail v-if="showModel == '预警详情'" :item="itemDetail" @change="changeModel"></YjDetail> -->
  </div>
</template>

<script setup>
import YpHome from "./components/ypHome.vue";
import YjList from "./components/yjList.vue";
import ModeList from "./components/FourColor/modeList.vue";
import EarlyWarning from "./components/EarlyWarning/modeList.vue";

import emitter from "@/utils/eventBus.js";
import { onMounted, ref } from "vue";
const showModel = ref('研判首页')
const itemData=ref({})
onMounted(() => {
  emitter.on('changeModel', (model) => {
    showModel.value = model.name;
    itemData.value=model.row;
  })
})



</script>

<style lang="scss" scoped>

</style>
