更新
This commit is contained in:
@ -42,8 +42,8 @@ const checkData = reactive({
|
||||
hasChoose: ["一级", "二级", "三级", "四级"]
|
||||
});
|
||||
const checkDatas = reactive({
|
||||
list: ["布控", "行为", "身份", "组合"],
|
||||
hasChoose: ["布控"]
|
||||
list: ['七类重点人','布控','无人机'],
|
||||
hasChoose: ['七类重点人']
|
||||
});
|
||||
const total = ref(0);
|
||||
const yjJb = ref(['01', '02', '03', '04']);
|
||||
@ -88,21 +88,10 @@ function changeDatas(val) {
|
||||
personList.value = [];
|
||||
checkDatas.hasChoose = val;
|
||||
let ids = [];
|
||||
if (val.includes('布控')) {
|
||||
typeS.value = true
|
||||
yjJb.value = ['01', '02', '03', '04']
|
||||
} else {
|
||||
yjJb.value = []
|
||||
typeS.value = false
|
||||
}
|
||||
val.forEach(it => {
|
||||
if (it == '布控') {
|
||||
ids.push('01')
|
||||
typeS.value = true
|
||||
};
|
||||
if (it == '行为') ids.push('02');
|
||||
if (it == '身份') ids.push('03');
|
||||
if (it == '组合') ids.push('04');
|
||||
if (it == '七类重点人') ids.push('01');
|
||||
if (it == '布控') ids.push('02');
|
||||
if (it == '无人机') ids.push('03');
|
||||
});
|
||||
yjLx.value = ids
|
||||
if (val.length == 0) personList.value = [];
|
||||
@ -169,8 +158,9 @@ const loadList = () => {
|
||||
}
|
||||
const ORDIMG = 'https://89.40.7.122:38496/image'
|
||||
const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
|
||||
|
||||
const getList = (type) => {
|
||||
let data = { pageSize: 30, pageCurrent: pageNum.value, yjjbList: yjJb.value, yjlxList: yjLx.value };
|
||||
let data = { pageSize: 30, pageCurrent: pageNum.value, yjjbList: yjJb.value, lylxList: yjLx.value };
|
||||
loading.value = !type ? true : false;
|
||||
getPageAllList(data).then(res => {
|
||||
loading.value = false;
|
||||
|
||||
@ -1,38 +1,36 @@
|
||||
<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" @click="openTc(item.type)">
|
||||
<div class="flex align-center" v-for="(item, idx) in contentItem" :key="idx">
|
||||
<div class="mr10"><img :src="item.icon" alt=""></div>
|
||||
<div class="vountItem">
|
||||
<div style="color:#ffffff" class="f16 lh20">{{ item.label }}</div>
|
||||
<div style="color:#ffffff" class="f16 lh20">{{ item.label }} <span @click="openTc(item.type,'zs')" v-if="item.type == 'yjzs'">{{ item.value }}</span></div>
|
||||
<div v-if="!item.isChild" class="mt4 f12" style="color: #ffffff;font-size: 24px;">{{ item.value }}</div>
|
||||
<div v-else class="mt4 flex align-center just-between" style="color: #ffffff;">
|
||||
<!-- 未处置: -->
|
||||
<span class="f24" style="color: #ff0000;" title="未处置">0</span>
|
||||
<!-- 已处置: -->
|
||||
<span class="f24" style="color: #4cf35d;" title="已处置">0</span>
|
||||
<span class="f12" style="color: #ff0000;" @click="openTc(item.type,'wqs')">未签收:{{ item.wqsyj }}</span>
|
||||
<span class="f12" style="color: #4cf35d;" @click="openTc(item.type,'yfk')">已反馈:{{ item.yfkyj }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<PoliceReports v-model="openJqzs"/>
|
||||
<NumberWarnings v-model="openYjzs"/>
|
||||
<NumberWarnings v-model="openYjzs" :type="yjType" />
|
||||
<keyPerson v-model="openZdry"/>
|
||||
<keyGroups v-model="openZdqt"/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { qcckPost } from "@/api/qcckApi.js";
|
||||
import { ref, onMounted } from "vue";
|
||||
import { ref, onMounted, reactive } 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([
|
||||
const contentItem = reactive([
|
||||
{ type:"jqzs", label: "今日警情", value: "0" ,icon:require('@/assets/images/top-1.png')},
|
||||
{ type:"yjzs", label: "今日预警", value: "0",wqsyj:"0",yfkyj:"0",isChild:true,icon:require('@/assets/images/top-2.png') },
|
||||
{ type:"zdry", label: "重点人员总数", value: "0",icon:require('@/assets/images/top-3.png') },
|
||||
{ type:"zdqt", label: "重点群体总数", value: "0" ,icon:require('@/assets/images/top-4.png')},
|
||||
{ type:"yjzs", label: "今日预警", value: "0",isChild:true,icon:require('@/assets/images/top-2.png') },
|
||||
]);
|
||||
|
||||
onMounted(() => {
|
||||
@ -42,8 +40,12 @@ onMounted(() => {
|
||||
const getCount = () =>{
|
||||
qcckPost({},'/mosty-gsxt/qbcj/getXscjTjForZs').then(res=>{
|
||||
for(let key in res){
|
||||
let index = contentItem.value.findIndex(v=>key == v.type)
|
||||
if(index != -1) contentItem.value[index].value = res[key];
|
||||
let index = contentItem.findIndex(v=>key == v.type)
|
||||
if(index != -1) contentItem[index].value = res[key];
|
||||
if(key == 'wqsyj' || key == 'yfkyj') {
|
||||
let inx = contentItem.findIndex(v=> v.type == 'yjzs' )
|
||||
contentItem[inx][key] = res[key];
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
@ -54,12 +56,14 @@ const openJqzs = ref(false)
|
||||
const openYjzs = ref(false)
|
||||
const openZdry = ref(false)
|
||||
const openZdqt = ref(false)
|
||||
const openTc = (val) => {
|
||||
const yjType = ref('')
|
||||
const openTc = (val,type) => {
|
||||
switch (val) {
|
||||
case 'jqzs':
|
||||
openJqzs.value = true
|
||||
break;
|
||||
case 'yjzs':
|
||||
yjType.value = type
|
||||
openYjzs.value = true
|
||||
break;
|
||||
case 'zdry':
|
||||
|
||||
Reference in New Issue
Block a user