'保安项目提交'

2025-09-22 09:01:41 +08:00
commit 21e2a12e3c
1439 changed files with 336271 additions and 0 deletions
--- a/src/views/homeMy/components/rightDialog.vue
+++ b/src/views/homeMy/components/rightDialog.vue
@ -0,0 +1,104 @@
+<template>
+  <div class="rightDilog noScollLine" :style="{ right: props.isPosition ? '0px' : '388px' }" style="transition: all 0.5s" >
+    <!-- 周边视频更多视频三个视频列表的时候 -->
+    <MoreVideo
+      @close="onVideoClose('zb')"
+      :info="jqDetail"
+      :title="'周边视频'"
+      v-if="showVideoWindow"
+    />
+    <!--视频随动 -->
+    <MoreVideo
+      @close="onVideoClose('sd')"
+      :info="xzDetail"
+      :title="'视频随动'"
+      v-if="showVideoSpsdWindow"
+    />
+         <!-- 轨迹预警 -->
+    <DialogWarningList
+      @close="onClose('gj')"
+      :info="yjDetail"
+      :title="'轨迹预警'"
+      v-if="showYjWindow"
+    />
+    <!-- 周边预警 -->
+    <DialogWarningList
+      @close="onClose('zb')"
+      :info="zbyjDetail"
+      :title="'周边预警'"
+      v-if="showZbyjWindow"
+    />
+  </div>
+</template>
+
+<script setup>
+import emitter from "@/utils/eventBus.js";
+import MoreVideo from "./dialog/moreVideo.vue";
+import DialogWarningList from "./dialog/warningList.vue";
+import { ref, defineProps, onMounted, onUnmounted } from "vue";
+const props = defineProps({
+  isPosition: Boolean
+});
+const zbyjDetail = ref(null); //周边预警详情
+const yjDetail = ref(null); //某条预警详情
+const showZbyjWindow = ref(false); //是否显示周边预警
+const jqDetail = ref(null); // 某条警情详情
+const showVideoWindow = ref(false); //是否显示周边视频
+const xzDetail = ref(null); //巡组详情
+const showVideoSpsdWindow = ref(false); //吃否显示视频随动
+const showYjWindow = ref(false); //是否显示预警轨迹弹窗
+onMounted(()=>{
+    emitter.on("videoClick", (res) => {
+    jqDetail.value = res;
+    showVideoWindow.value = true;
+  });
+  emitter.on("closeVideo", (res) => {
+    showVideoWindow.value = false;
+    showVideoSpsdWindow.value = false;
+  });
+   emitter.on("clickZbyj", (res) => {
+    zbyjDetail.value = res;
+    showZbyjWindow.value = true;
+  });
+   emitter.on("showCcyj", (res) => {
+    yjDetail.value = res;
+    showYjWindow.value = true;
+  });
+  // 视频随动
+  emitter.on("clickSpsd", (res) => {
+    xzDetail.value = res;
+    showVideoSpsdWindow.value = true;
+  });
+})
+//关闭周边视频 || 视频随动
+function onVideoClose(type) {
+  if (type == "zb") {
+    showVideoWindow.value = false;
+  } else {
+    showVideoSpsdWindow.value = false;
+  }
+}
+//关闭轨迹预警 || 周边预警
+function onClose(type) {
+  if (type == "gj") {
+    showYjWindow.value = false;
+  } else {
+    showZbyjWindow.value = false;
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/homeScreen.scss";
+.rightDilog {
+  position: absolute;
+  top: 91px;
+  width: 360px;
+  right: 380px ;
+  z-index:9;
+  max-height: 90vh;
+  overflow: hidden;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+</style>