12321

src/views/home/components/warning.vue

@@ -2,7 +2,7 @@
   <div class="warning-container">
     <div class="warning-list noScollLine" v-infinite-scroll="scroll">
       <div
-        @click="roadmap(item.zb)"
+        @click="handelClick(item)"
         class="warning-card"
         v-for="(item, index) in warningList.listData"
         :key="index"
@@ -73,6 +73,12 @@ const scroll = () => {
   }
 };
 gettbGjclselectPage();
+//查看警组信息
+function handelClick(item) {
+  emitter.emit("showJzInfo", item);
+}
+
+
 //画线
 const roadmap = (row) => {
   if (row && row.length > 0) {

src/views/home/index.vue

@@ -30,6 +30,9 @@
         </div>
       </div>
     </div>
+
+        <!-- 警组弹框弹框 -->
+    <PoliceGroupInfo v-if="show.jzgroup" :data="jzxqList" />
   </div>
 </template>
 
@@ -40,7 +43,32 @@ import Collection from "./components/collection.vue";
 import Warning from "./components/warning.vue";
 import BeOnDuty from "./components/beonDuty.vue";
 import Introduction from "./components/Introduction.vue";
-import { ref } from "vue";
+import PoliceGroupInfo from "./layout/streetInfo.vue";
+import emitter from "@/utils/eventBus.js";
+import {
+  ref,
+  reactive,
+  onMounted
+} from "vue";
+const jzxqList = ref({}); //警组列表详情
+const show = reactive({
+  jzgroup: false //展示警组弹窗
+});
+onMounted(() => {
+
+ // 展示警组
+  emitter.on("showJzInfo", (res) => {
+    show.jzgroup = res ? true : false;
+    if (res) {
+      jzxqList.value = res;
+    }
+  });
+ 
+
+})
+
+
+
 </script>
 
 <style lang="scss" scoped>