zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新大屏

Browse Source
This commit is contained in:
Esacpe
2025-07-14 14:21:12 +08:00
parent 813e5a9c97
commit bfc6504e2d
8 changed files with 239 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
src/views/home/model/bkcz.vue
View File

@ -7,63 +7,42 @@
<div class="comom-cnt" id="qcbk">
<MyTable @changePage="changePage" customClass="zdy_bkcz_table" :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" >
<template #tp="{row}">
<img width="30" src="@/assets/images/icon100.png" alt="">
<img width="30" height="30" src="" alt="">
</template>
<template #czzt="{row}">
<span style="color:#FDBC3A">{{ row.czzt }}</span>
<template #ryXb="{row}">
<DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB"/>
</template>
<template #zdrRyjb="{row}">
<DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB"/>
</template>
<template #zdrBkZt="{row}">
<DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT"/>
</template>
<template #zdrCzzt="{row}">
<DictTag :tag="false" color="#FDBC3A" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
</template>
<!-- *************** -->
<template #qtFxdj="{row}">
<DictTag :value="row.qtFxdj" :options="D_GS_ZDQT_FXDJ" />
</template>
<template #qtLb="{row}">
<DictTag :value="row.qtLb" :options="D_GS_ZDQT_LB" />
</template>
</MyTable>
</div>
</template>
<script setup>
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import MyTable from "@/components/aboutTable/DarkTable.vue";
import { reactive, ref,onMounted } from "vue";
import { reactive, ref,onMounted,getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
const { D_GS_ZDQT_LB,D_GS_ZDQT_FXDJ,D_GS_ZDR_RYJB,D_BZ_XB,D_GS_ZDR_BK_ZT,D_GS_ZDR_CZZT} = proxy.$dict('D_GS_ZDQT_LB','D_GS_ZDQT_FXDJ','D_GS_ZDR_RYJB','D_BZ_XB','D_GS_ZDR_BK_ZT','D_GS_ZDR_CZZT')
const btns = reactive(["全域布控处置重点人员", "全域布控处置重点群体"]);
const activeIndex = ref(0);
const pageData = reactive({
tableData: [
{
tp: "https://example.com/photo1.jpg",
xm: "张三",
xb: "男",
sfzh: "330102199001011234",
gkdw: "城东派出所",
hdsj: "2023-12-25 14:30",
sfdz: "杭州市上城区平海路123号",
czzt: "已处置"
},
{
tp: "https://example.com/photo2.jpg",
xm: "李四",
xb: "女",
sfzh: "330102199203034567",
gkdw: "城西派出所",
hdsj: "2023-12-25 16:45",
sfdz: "杭州市西湖区文三路456号",
czzt: "待处置"
},
{
tp: "https://example.com/photo3.jpg",
xm: "王五",
xb: "男",
sfzh: "330102199505057890",
gkdw: "城北派出所",
hdsj: "2023-12-25 09:15",
sfdz: "杭州市拱墅区莫干山路789号",
czzt: "处置中"
},
{
tp: "https://example.com/photo3.jpg",
xm: "王五",
xb: "男",
sfzh: "330102199505057890",
gkdw: "城北派出所",
hdsj: "2023-12-25 09:15",
sfdz: "杭州市拱墅区莫干山路789号",
czzt: "处置中"
},
],
tableData: [],
keyCount: 0,
tableConfiger: {
loading: false,
@ -75,53 +54,78 @@ const pageData = reactive({
},
tableColumn: [
{ label: "照片", prop: "tp", showSolt: true },
{ label: "姓名", prop: "xm", showOverflowTooltip: true },
{ label: "性别", prop: "xb" ,showOverflowTooltip: true},
{ label: "身份证号码", prop: "sfzh",showOverflowTooltip: true },
{ label: "管控单位", prop: "gkdw" ,showOverflowTooltip: true},
{ label: "活动时间", prop: "hdsj" ,showOverflowTooltip: true},
{ label: "活动发生地址", prop: "sfdz" ,showOverflowTooltip: true},
{ label: "处置状态", prop: "czzt",showOverflowTooltip: true,showSolt: true },
{ label: "姓名", prop: "ryXm", showOverflowTooltip: true },
{ label: "性别", prop: "ryXb" ,showOverflowTooltip: true,showSolt: true},
{ label: "身份证号码", prop: "rySfzh",showOverflowTooltip: true },
{ label: "管控单位", prop: "gxSsbmmc" ,showOverflowTooltip: true},
{ label: "人员级别", prop: "zdrRyjb" ,showOverflowTooltip: true,showSolt: true},
{ label: "管控状态", prop: "zdrBkZt" ,showOverflowTooltip: true,showSolt: true},
{ label: "处置状态", prop: "zdrCzzt",showOverflowTooltip: true,showSolt: true },
]
});
const page = ref(1);
const total = ref(0);
onMounted(() => {
getData()
tabHeightFn();
});
const changeActive = (idx) =>{
activeIndex.value = idx;
pageData.tableData = []
page.value = 0;
total.value = 0;
switch(idx){
case 0:
pageData.tableColumn = [
{ label: "照片", prop: "tp", showSolt: true },
{ label: "姓名", prop: "ryXm", showOverflowTooltip: true },
{ label: "性别", prop: "ryXb" ,showOverflowTooltip: true,showSolt: true},
{ label: "身份证号码", prop: "rySfzh",showOverflowTooltip: true },
{ label: "管控单位", prop: "gxSsbmmc" ,showOverflowTooltip: true},
{ label: "人员级别", prop: "zdrRyjb" ,showOverflowTooltip: true,showSolt: true},
{ label: "管控状态", prop: "zdrBkZt" ,showOverflowTooltip: true,showSolt: true},
{ label: "处置状态", prop: "zdrCzzt",showOverflowTooltip: true,showSolt: true },
]
break;
case 1:
pageData.tableColumn = [
{ label: "群体名称", prop: "qtMc"},
{ label: "群体类别", prop: "qtLb",showSolt:true},
{ label: "风险等级", prop: "qtFxdj", showSolt: true},
{ label: "列控原因", prop: "zdrLkyy"},
{ label: "开始时间", prop: "zdrRkkssj"},
{ label: "截至时间", prop: "zdrRkjssj"},
]
break;
}
pageData.keyCount++;
changePage(idx)
getData()
}
const changePage = () => {
// 获取数据
const getData = () =>{
pageData.tableConfiger.loading = true;
let url = activeIndex.value == 0 ? '/mosty-gsxt/tbGsxtZdry/selectPage':'';
let data = { pageSize:10,pageNum:page.value };
let url = activeIndex.value == 0 ? '/mosty-gsxt/tbGsxtZdry/selectPage':'/mosty-gsxt/tbGsxtZdqt/selectPage';
let data = { pageSize:10,pageCurrent:page.value };
qcckGet(data, url).then((res) => {
pageData.tableData = res.records || [];
let arr = res.records || [];
pageData.tableData = page.value == 1 ? arr : pageData.tableData.concat(arr)
total.value = res.total;
pageData.tableConfiger.loading = false;
}).catch(() => {
pageData.tableConfiger.loading = false;
});
console.log('触底加载==========');
};
// 获取数据
const getData = () =>{
}
// 触底加载
const changePage = () => {
if(pageData.tableData.length == total.value) return false;
page.value++;
getData()
};
const tabHeightFn = () => {
pageData.tableHeight = document.getElementById('qcbk').offsetHeight - 12;