feat: 调整接口和内容的问题

This commit is contained in:
2025-12-15 21:44:13 +08:00
parent cd06aaf1be
commit 68f8363a6b

View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<div class="titleBox"> <div class="titleBox">
<PageTitle title="预警布控"> <PageTitle title="布控预警">
<el-button> <el-button>
<span style="vertical-align: middle">导出</span> <span style="vertical-align: middle">导出</span>
</el-button> </el-button>
@ -13,24 +13,16 @@
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="tabBox"> <div class="tabBox">
<MyTable <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:tableData="pageData.tableData" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
:tableColumn="pageData.tableColumn" <template #yjJb="{ row }">
:tableHeight="pageData.tableHeight" <DictTag :value="row.yjJb" :tag="false" :color="bqYs(row.yjJb)" :options="D_BZ_YJJB" />
:key="pageData.keyCount" </template>
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
>
</MyTable> </MyTable>
<Pages <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
@changeNo="changeNo" ...pageData.pageConfiger,
@changeSize="changeSize" total: pageData.total
:tableHeight="pageData.tableHeight" }"></Pages>
:pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"
></Pages>
</div> </div>
</div> </div>
</template> </template>
@ -40,22 +32,28 @@ import PageTitle from "@/components/aboutTable/PageTitle.vue";
import Search from "@/components/aboutTable/Search.vue"; import Search from "@/components/aboutTable/Search.vue";
import MyTable from "@/components/aboutTable/MyTable.vue"; import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue"; import Pages from "@/components/aboutTable/Pages.vue";
import { qcckGet } from "@/api/qcckApi.js"; import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance } from "vue"; import { reactive, ref, onMounted, getCurrentInstance } from "vue";
import { bqYs } from '@/utils/tools'
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const { D_BZ_YJJB, D_GS_ZDQT_YJLB, D_BZ_YJLX } = proxy.$dict("D_BZ_YJJB", "D_GS_ZDQT_YJLB", "D_BZ_YJLX"); //获取字典数据
const searchBox = ref(); const searchBox = ref();
// 搜索配置 // 搜索配置
const searchConfiger = ref([ const searchConfiger = ref([
{ label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input"}, { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
{ label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input"}, { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
{ label: "身份类型", prop: 'sflx', placeholder: "请选择身份类型", showType: "select", options: [ {
{ label: "重点人员", value: "1" }, label: "身份类型", prop: 'sflx', placeholder: "请选择身份类型", showType: "select", options: [
{ label: "在逃人员", value: "2" }, { label: "重点人员", value: "1" },
{ label: "涉毒人员", value: "3" }, { label: "在逃人员", value: "2" },
{ label: "涉人员", value: "4" } { label: "涉人员", value: "3" },
]}, { label: "涉恐人员", value: "4" }
]
},
]); ]);
const queryFrom = ref({}); const queryFrom = ref({});
@ -77,14 +75,17 @@ const pageData = reactive({
}, },
controlsWidth: 160, controlsWidth: 160,
tableColumn: [ tableColumn: [
{ label: "姓名", prop: "xm",}, { label: "预警标题", prop: "yjBt", },
{ label: "身份证号", prop: "sfzh", }, { label: "姓名", prop: "yjRyxm", },
{ label: "电话", prop: "dh", }, { label: "身份证号", prop: "yjRysfzh", },
{ label: "身份类型", prop: "sflx",}, { label: "电话", prop: "yjRysjh", },
{ label: "身份等级", prop: "sfdj",}, // { label: "身份类型", prop: "sflx",},
{ label: "预警原因", prop: "yjyy", showOverflowTooltip: true }, // { label: "身份等级", prop: "sfdj",},
{ label: "预警时间", prop: "yjsj",}, { label: "预警内容", prop: "yjNr", showOverflowTooltip: true },
{ label: "处理状态", prop: "clzt",}, { label: "预警日期", prop: "yjFsrq", },
{ label: "预警时间", prop: "yjFssj", },
{ label: "预警标签详情", prop: "yjbqmc", },
{ label: "预警级别", prop: "yjJb", showSolt: true, showOverflowTooltip: true },
] ]
}); });
@ -94,7 +95,7 @@ onMounted(() => {
}); });
const onSearch = (val) => { const onSearch = (val) => {
queryFrom.value = {...val}; queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1; pageData.pageConfiger.pageCurrent = 1;
getList(); getList();
}; };
@ -112,7 +113,8 @@ const changeSize = (val) => {
const getList = () => { const getList = () => {
pageData.tableConfiger.loading = true; pageData.tableConfiger.loading = true;
// TODO: 替换为实际的身份预警API接口 // TODO: 替换为实际的身份预警API接口
qcckGet(queryFrom.value, '/mosty-gsxt/identityWarning/selectPage').then((res) => { // qcckGet(queryFrom.value, '/mosty-gsxt/identityWarning/selectPage').then((res) => {
qcckPost(queryFrom.value, '/mosty-gsxt/tbYjxx/getPageList').then((res) => {
pageData.tableData = res.records || []; pageData.tableData = res.records || [];
pageData.total = res.total || 0; pageData.total = res.total || 0;
pageData.tableConfiger.loading = false; pageData.tableConfiger.loading = false;
@ -124,7 +126,7 @@ const getList = () => {
// 表格高度计算 // 表格高度计算
const tabHeightFn = () => { const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250; pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () { window.onresize = function() {
tabHeightFn(); tabHeightFn();
}; };
}; };