lcw

src/views/home/dialog/components/popupWarning.vue

@@ -0,0 +1,43 @@
+<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>