lcw

src/views/home/model/situationAssessment.vue

@@ -4,8 +4,8 @@
   </div>
   <div class="comom-cnt zdryBox">
     <ul class="ryBox" v-loading="loading" v-infinite-scroll="loadList" style="overflow: auto">
-      <li v-for="item in personList" :key="item.id" >
-        <Assessment :item="item" :dict="{D_SG_TSYPGZ}" :lx="2"/>
+      <li v-for="item in personList" :key="item.id" @click="onClickPush(item)">
+        <Assessment :item="item" :dict="{D_SG_TSYPGZ}" :lx="1"/>
       </li>
       <MOSTY.Empty :show="!loading && personList.length <= 0" :imgSize="100"></MOSTY.Empty>
     </ul>
@@ -18,35 +18,19 @@ import { qcckPost } from "@/api/qcckApi.js";
 import Assessment from "@/views/home/components/assessmentItem.vue";
 import * as MOSTY from "@/components/MyComponents/index";
 import CheckBox from "@/components/checkBox/index.vue";
-import { ref ,reactive, onMounted,getCurrentInstance} from 'vue';
+import { ref, reactive, onMounted, getCurrentInstance } from 'vue';
+import {useRouter} from 'vue-router'
 const { proxy } = getCurrentInstance();
 const {D_SG_TSYPGZ} =proxy.$dict('D_SG_TSYPGZ')
-const checkData = reactive({
-  list: ["人员", "车辆"],
-  hasChoose:  ["人员", "车辆"],
-});
+const router = useRouter()
 const total = ref(0);
-const yjJb = ref('10,20,30,40');
 const pageNum = ref(1);
 const loading = ref(false); // 加载中
 const personList = ref([]);
 onMounted(()=>{
   getList()
 })
-// 复选框切换
-function changeData(val){
-  pageNum.value = 1;
-  personList.value = [];
-  checkData.hasChoose = val;
-  let ids = [];
-  val.forEach(it => {
-    if(it == '人员') ids.push(1);
-    if(it == '车辆') ids.push(2);
-  });
-  yjJb.value = ids.join(',')
-  if(val.length == 0) personList.value = [];
-  else getList();
-}
+
 
 // 触底加载
 const loadList = () =>{
@@ -67,18 +51,15 @@ const getList = () =>{
     loading.value = false;
   })
 }
-
-const chooseItem = (item) =>{
-  emitter.emit('showHomeYJ',[item]);
-  emitter.emit('deletePointArea','home_yj_map');
-  if(!item.jd || !item.jd) return proxy.$message({ type: "warning",  message: "该预警没有坐标！" });
-  let icon = require('@/assets/point/yj.png');
-  if(item.yjjb == '20') icon = require('@/assets/point/yj1.png');
-  if(item.yjjb == '30') icon = require('@/assets/point/yj2.png');
-  if(item.yjjb == '40') icon = require('@/assets/point/yj3.png');
-  emitter.emit('addPointArea',{flag:'home_yj_map',icon,coords:[item]});
-  emitter.emit('setMapCenter',{location:[item.jd,item.wd],zoomLevel:10});
+const onClickPush = (val) => {
+  router.push({
+    path: '/tsypHome',
+    query: {
+      id: val.id,
+    }
+  })
 }
+
 </script>
 
 <style>

src/views/home/model/zdryWarning.vue

@@ -71,7 +71,8 @@ const getList = () =>{
   })
 }
 
-const chooseItem = (item) =>{
+const chooseItem = (item) => {
+  console.log(item);
   emitter.emit('showHomeYJ',[item]);
   emitter.emit('deletePointArea','home_yj_map');
   if(!item.jd || !item.jd) return proxy.$message({ type: "warning",  message: "该预警没有坐标！" });