更新大屏

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

@@ -1,10 +1,10 @@
 <template>
-  <DialogDragger :title="props.data.type" top="150px" v-model="props.show" @close="close">
-    <ul class="warningList" ref="gjyjList" v-loading="loading">
-      <li v-for="item in warningList" :key="item.id">
+  <DialogDragger title="预警详情" top="150px" v-model="props.show" @close="close">
+    <ul class="warningList" ref="gjyjList">
+      <li v-for="item in props.data" :key="item.id">
         <YjItem :data="item"/> 
       </li>
-      <MOSTY.Empty :show="!loading && warningList.length <= 0" :imgSize="150"></MOSTY.Empty>
+      <MOSTY.Empty :show="props.data.length <= 0" :imgSize="150"></MOSTY.Empty>
     </ul>
   </DialogDragger>
 </template>
@@ -12,46 +12,34 @@
 import * as MOSTY from "@/components/MyComponents/index";
 import DialogDragger from "@/views/home/layout/dialogDragger.vue";
 import YjItem from "@/views/home/components/yjItem.vue";
-import { ref,  onMounted, getCurrentInstance, defineProps, watch } from "vue";
+import { ref, defineProps } from "vue";
 import emitter from "@/utils/eventBus.js";
-const { proxy } = getCurrentInstance();
-const warningList = ref([]); //预警列表数据
-const pageCurrent = ref(1);
 const gjyjList = ref(null); //预警列表数据
-const loading = ref(false);
 //参数传递
 const props = defineProps({
   //某条预警详情
   data: {
-    type:Object,
-    default:{}
+    type:Array,
+    default:[]
   },
   show: {
     type:Boolean,
     default:false
   },
-  //标题数据
-  title: String
 });
-onMounted(() => {
- 
-});
-// 监听视频地址变化
-watch(() => props.data,(val) => {
-  pageCurrent.value = 1;
-},{ immediate: true, deep: true });
+
 //关闭
 function close() {
   emitter.emit('deletePointArea','home_yj_map');
   emitter.emit("showHomeYJ",false);
 }
 
-
 </script>
 
 <style lang="scss" scoped>
 @import "@/assets/css/homeScreen.scss";
 .dialogBox {
+  z-index: 999;
   ul.warningList{
     height: calc(100vh - 198px);
     overflow: hidden;