44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<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/fourColorManage/warningControl/centerHome/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>
|