<template>
  <div style="position: absolute;top: 34%;left: 42%;transform: translate(-50%, -50%);z-index: 1;" v-if="show">
    <div style="width: 100%;background: #1d5db4e3;padding: 8px 5px;" class="flex align-center just-between ">
      <span >详情</span><el-icon size="20px" @click="close" style="cursor: pointer;">
        <Close />
      </el-icon>
    </div>
    <YjItem :item="data" :track="false" />
  </div>

</template>
<script setup>
import YjItem from "@/views/backOfficeSystem/IntelligentControl/warningControl/components/yjItem.vue";
import { ref, defineProps, onMounted, watch } from "vue";
import emitter from "@/utils/eventBus.js";
//参数传递
const props = defineProps({
  //某条预警详情
  data: {
    type: Array,
    default: []
  },
  show: {
    type: Boolean,
    default: false
  },
});
console.log(props.show);

//关闭
function close() {
  emitter.emit('deletePointArea', 'home_yj_detail');
  emitter.emit("showHomeWarning", false);
}
onMounted(() => {

})

</script>

<style lang="scss" scoped>
@import "@/assets/css/homeScreen.scss";
</style>
