lcw

src/views/home/model/mesgSwitch/zdryDiloding.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :model-value="modelValue" @update:model-value="emit('update:modelValue', $event)" title="重点人员列表" width="70%" @close="closeDialog" destroy-on-close>
+  <el-dialog   :model-value="modelValue" @update:model-value="emit('update:modelValue', $event)" title="重点人员列表" width="70%" @close="closeDialog" destroy-on-close append-to-body>
     <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
     <MyTable customClass="zdy_peo_table" :tableData="pageData.tableData" :tableColumn="pageData.tableColumn"
       :tableHeight="pageData.tableHeight" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger"

src/views/home/model/yszs.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="ww100 h80 flex just-between align-center pl10 pr10">
-    <div class="flex align-center" v-for="(item, idx) in contentItem" :key="idx">
+    <div class="flex align-center" v-for="(item, idx) in contentItem" :key="idx" @click="openTc(item.type)">
         <div class="mr10"><img :src="item.icon" alt=""></div>
         <div class="vountItem">
             <div style="color:#ffffff" class="f16 lh20">{{ item.label }}</div>
@@ -8,11 +8,20 @@
         </div>
     </div>
   </div>
+  <PoliceReports v-model="openJqzs"/>
+  <NumberWarnings v-model="openYjzs"/>
+  <keyPerson v-model="openZdry"/>
+  <keyGroups v-model="openZdqt"/>
 </template>
 
 <script setup>
 import { qcckPost } from "@/api/qcckApi.js";
 import { ref, onMounted } from "vue";
+import PoliceReports from '@/views/home/components/policeReports.vue'
+import NumberWarnings from '@/views/home/components/numberWarnings.vue'
+import keyPerson from "@/views/home/components/keyPerson.vue";
+import keyGroups from "@/views/home/components/keyGroups.vue";
+
 const contentItem = ref([
   { type:"jqzs", label: "警情总数", value: "0" ,icon:require('@/assets/images/top-1.png')},
   { type:"yjzs", label: "预警总数", value: "0",icon:require('@/assets/images/top-2.png') },
@@ -32,6 +41,29 @@ const getCount = () =>{
     }
   })
 }
+
+
+// 打开警情总数
+const openJqzs = ref(false)
+const openYjzs = ref(false)
+const openZdry = ref(false)
+const openZdqt = ref(false)
+const openTc = (val) => {
+  switch (val) {
+    case 'jqzs':
+      openJqzs.value = true
+      break;
+    case 'yjzs':
+      openYjzs.value = true
+      break;
+    case 'zdry':
+      openZdry.value = true
+      break;
+    case 'zdqt':
+      openZdqt.value = true
+      break;
+  }
+}
 </script>
 
 <style lang="scss" scoped>