更新页面

This commit is contained in:
2025-07-11 15:08:23 +08:00
parent f5d605fc23
commit 69bee283a8
9 changed files with 150 additions and 317 deletions

View File

@ -11,47 +11,22 @@
</div>
</el-popover>
<el-popover
placement="bottom"
:visible="visiblefp"
:width="400"
trigger="click"
>
<el-popover placement="bottom" :visible="visiblefp" :width="400" trigger="click">
<template #reference>
<el-button
size="small"
type="primary"
@click="(visiblefp = !visiblefp), (visible = false)"
>指定分配</el-button
>
<el-button size="small" type="primary" @click="(visiblefp = !visiblefp), (visible = false)" >指定分配</el-button>
</template>
<div>
<el-input
readonly
v-model="obj.fpmc"
@click="chooseUserVisible = true"
placeholder="请选择民警"
></el-input>
<el-input readonly v-model="obj.fpmc" @click="chooseUserVisible = true" placeholder="请选择民警"></el-input>
<div class="flex just-center mt10">
<el-button @click="(visiblefp = false), (obj = {})" size="small"
>取消</el-button
>
<el-button type="primary" @click="handlefp" size="small"
>分配</el-button
>
<el-button @click="(visiblefp = false), (obj = {})" size="small">取消</el-button>
<el-button type="primary" @click="handlefp" size="small">分配</el-button>
</div>
</div>
</el-popover>
<el-button size="small" type="primary" @click="handleZxs"
>转线索</el-button
>
<el-button size="small" type="primary" @click="handleMove"
>移交管控</el-button
>
<el-button size="small" type="primary" @click="handleZxs">转线索</el-button>
<el-button size="small" type="primary" @click="handleMove">移交管控</el-button>
<el-button type="primary" size="small" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle">
<CirclePlus />
</el-icon>
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle">新增</span>
</el-button>
</PageTitle>
@ -72,75 +47,37 @@
@chooseData="chooseData"
>
<template #ryxx="{ row }">
<div>
<img src="" alt="" />
<ul>
<li>姓名{{ row.ryXm }}</li>
<li class="rowClass">
性别
<DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
</li>
<li class="rowClass">
籍贯
<DictTag
:tag="false"
:value="row.ryJg"
:options="D_BZ_XZQHDM"
/>
</li>
<li>身份证{{ row.rySfzh }}</li>
<li>出生日期{{ row.ryCsrq }}</li>
<li class="rowClass">
民族
<DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
</li>
<div class="flex">
<img src="" alt="" style="width: 80px;height: 90px;" />
<ul class="tl ml10" style="flex:1 0 0">
<li class="one_text_detail">姓名{{ row.ryXm }}</li>
<li class="flex one_text_detail">性别<DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" /></li>
<li class="flex one_text_detail">籍贯<DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM"/></li>
<li class="one_text_detail">身份证{{ row.rySfzh }}</li>
<li class="one_text_detail">出生日期{{ row.ryCsrq }}</li>
<li class="flex one_text_detail">民族<DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" /></li>
</ul>
</div>
<div class="flex">
<el-button
:key="index"
type="primary"
size="small"
v-for="(item, index) in row.bqList"
>{{ item.bqMc }}</el-button
>
<div class="ww100 one_text_detail">
<el-button :key="index" type="primary" size="small" v-for="(item, index) in row.bqList">{{ item.bqMc }}</el-button>
</div>
</template>
<template #jzxx="{ row }">
<div class="rowClass">
户籍地区划
<DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
</div>
<div>户籍派出所{{ row.hjdPcsmc }}</div>
<div>户籍地详址{{ row.hjdXz }}</div>
<div class="flex one_text_detail">户籍地区划<DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" /></div>
<div class="flex one_text_detail">户籍派出所{{ row.hjdPcsmc }}</div>
<div class="flex one_text_detail">户籍地详址{{ row.hjdXz }}</div>
</template>
<template #gxdw="{ row }">
<div>管辖单位{{ row.gxSsbmmc }}</div>
<div class="rowClass">
人员级别
<DictTag
:tag="false"
:value="row.zdrRyjb"
:options="D_GS_ZDR_RYJB"
/>
</div>
<div>管控原因{{ zdrLkyy }}</div>
<div class="rowClass">
管控状态
<DictTag
:tag="false"
:value="row.zdrBkZt"
:options="D_GS_ZDR_BK_ZT"
/>
</div>
<div class="flex one_text_detail">管辖单位{{ row.gxSsbmmc }}</div>
<div class="flex">人员级别<DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB"/> </div>
<div class="flex one_text_detail">管控原因{{ zdrLkyy }}</div>
<div class="flex">管控状态<DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT" /></div>
</template>
<template #zdrCzzt="{ row }">
<DictTag :tag="false" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
</template>
<template #xtSjzt="{ row }">
<div>
{{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}
</div>
<div> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div>
</template>
<!-- 操作 -->
@ -162,44 +99,11 @@
></Pages>
</div>
<!-- 详情 -->
<AddForm
ref="addFormDiloag"
v-if="show"
:dic="{
D_GS_ZDR_RYJB,
D_BZ_XB,
D_BZ_MZ,
D_BZ_XZQHDM,
D_GS_ZDR_BK_ZT,
D_GS_ZDR_CZZT,
D_GS_BQ_ZL,
D_GS_BQ_LB,
D_GS_BQ_LX,
D_GS_ZDR_YJDJ,
D_GS_BK_SSJZ
}"
/>
<AddForm ref="addFormDiloag" v-if="show" :dic="{D_GS_ZDR_RYJB,D_BZ_XB,D_BZ_MZ,D_BZ_XZQHDM,D_GS_ZDR_BK_ZT,D_GS_ZDR_CZZT,D_GS_BQ_ZL,D_GS_BQ_LB,D_GS_BQ_LX,D_GS_ZDR_YJDJ,D_GS_BK_SSJZ}"/>
<!-- 选择用户 -->
<ChooseUser
v-model="chooseUserVisible"
@choosedUsers="handleUserSelected"
:roleIds="roleIds"
/>
<ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds"/>
<!-- 转线索 -->
<ZxsForm
v-if="showzxs"
ref="zxsDilof"
@change="getList"
:dic="{
D_BZ_SF,
D_BZ_XB,
D_GS_XS_LY,
D_BZ_SSZT,
D_GS_XS_LX,
D_GS_XS_QTLX
}"
>
</ZxsForm>
<ZxsForm v-if="showzxs" ref="zxsDilof" @change="getList" :dic="{D_BZ_SF,D_BZ_XB,D_GS_XS_LY,D_BZ_SSZT,D_GS_XS_LX,D_GS_XS_QTLX }"></ZxsForm>
</div>
</template>
@ -215,52 +119,16 @@ import AddForm from "./components/addForm.vue";
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
const { proxy } = getCurrentInstance();
const {
D_GS_ZDR_RYJB,
D_BZ_XB,
D_BZ_MZ,
D_BZ_XZQHDM,
D_GS_ZDR_BK_ZT,
D_GS_ZDR_CZZT,
D_GS_BQ_ZL,
D_GS_BQ_LB,
D_GS_BQ_LX,
D_GS_ZDR_YJDJ,
D_GS_BK_SSJZ,
D_GS_BK_SQLX,
D_BZ_SF,
D_GS_XS_LY,
D_BZ_SSZT,
D_GS_XS_LX,
D_GS_XS_QTLX
} = proxy.$dict(
"D_GS_ZDR_RYJB",
"D_BZ_XB",
"D_BZ_MZ",
"D_BZ_XZQHDM",
"D_GS_ZDR_BK_ZT",
"D_GS_ZDR_CZZT",
"D_GS_BQ_ZL",
"D_GS_BQ_LB",
"D_GS_BQ_LX",
"D_GS_ZDR_YJDJ",
"D_GS_BK_SSJZ",
"D_GS_BK_SQLX",
"D_BZ_SF",
"D_GS_XS_LY",
"D_BZ_SSZT",
"D_GS_XS_LX",
"D_GS_XS_QTLX"
);
const obj = ref({
fpmc: ""
});
const { D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } = proxy.$dict("D_GS_ZDR_RYJB","D_BZ_XB","D_BZ_MZ","D_BZ_XZQHDM","D_GS_ZDR_BK_ZT","D_GS_ZDR_CZZT","D_GS_BQ_ZL","D_GS_BQ_LB","D_GS_BQ_LX","D_GS_ZDR_YJDJ","D_GS_BK_SSJZ","D_GS_BK_SQLX","D_BZ_SF","D_GS_XS_LY","D_BZ_SSZT","D_GS_XS_LX","D_GS_XS_QTLX");
const obj = ref({});
const showzxs = ref(false);
const zxsDilof = ref();
const show = ref(false);
const addFormDiloag = ref();
const searchBox = ref(); //搜索框
const chooseUserVisible = ref(false); //审批流程
const ids = ref([]);
const choosList = ref([]);
const visible = ref(false);
const visiblefp = ref(false);
const searchConfiger = ref([
@ -288,9 +156,16 @@ const searchConfiger = ref([
placeholder: "请输入人员级别",
showType: "select",
options: D_GS_ZDR_RYJB
}
},
{
label: "人员级别",
prop: "zdrRyjb",
placeholder: "请输入人员级别",
showType: "select",
options: D_GS_ZDR_RYJB
},
]);
const queryFrom = ref({});
const pageData = reactive({
tableData: [],
keyCount: 0,
@ -306,16 +181,14 @@ const pageData = reactive({
},
controlsWidth: 220,
tableColumn: [
{ label: "重点人员信息", prop: "ryxx", showSolt: true },
{ label: "户籍居住信息", prop: "jzxx", showSolt: true },
{ label: "管辖单位", prop: "gxdw", showSolt: true },
{ label: "重点人员信息", prop: "ryxx", showSolt: true,width:300,showOverflowTooltip:true },
{ label: "户籍居住信息", prop: "jzxx", showSolt: true,width:300, },
{ label: "管辖单位", prop: "gxdw", showSolt: true,width:300, },
{ label: "处置状态", prop: "zdrCzzt", showSolt: true },
{ label: "状态", prop: "xtSjzt", showSolt: true }
]
});
const queryFrom = ref({});
onMounted(() => {
getList();
tabHeightFn();
@ -341,53 +214,30 @@ const changeSize = (val) => {
const getList = () => {
pageData.tableConfiger.loading = true;
let data = { ...pageData.pageConfiger, ...queryFrom.value };
qcckGet(data, "/mosty-gsxt/tbGsxtZdry/selectPage")
.then((res) => {
pageData.tableData = res.records || [];
pageData.total = res.total;
pageData.tableConfiger.loading = false;
})
.catch(() => {
pageData.tableConfiger.loading = false;
});
qcckGet(data, "/mosty-gsxt/tbGsxtZdry/selectPage").then((res) => {
pageData.tableData = res.records || [];
pageData.total = res.total;
pageData.tableConfiger.loading = false;
}).catch(() => {
pageData.tableConfiger.loading = false;
});
};
//新增编辑
const addEdit = (type, row) => {
show.value = true;
setTimeout(() => {
addFormDiloag.value.init(type, row);
}, 400);
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight =
window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
const ids = ref([]);
const choosList = ref([]);
const chooseData = (data) => {
ids.value = Array.isArray(data) ? data.map((item) => item.id) : [];
choosList.value = Array.isArray(data) ? data : [];
};
// 选择申请数据数据
const handleApplication = () => {
if (ids.value.length === 0)
return ElMessage.error("请先选择需要布控的重点人");
qcckPost({ ids: ids.value }, "/mosty-gsxt/tbGsxtZdry/addBksq")
.then(() => {
ElMessage.success("申请成功");
visible.value = false;
getList();
})
.catch(() => {
ElMessage.error("布控申请失败");
});
if (ids.value.length === 0) return ElMessage.error("请先选择需要布控的重点人");
qcckPost({ ids: ids.value }, "/mosty-gsxt/tbGsxtZdry/addBksq").then(() => {
ElMessage.success("申请成功");
visible.value = false;
getList();
}).catch(() => {
ElMessage.error("布控申请失败");
});
};
const handleUserSelected = (val) => {
@ -395,48 +245,57 @@ const handleUserSelected = (val) => {
obj.value.fpid = val[0].id;
};
// 处理分配
const handlefp = () => {
if (ids.value.length === 0)
return ElMessage.error("请先选择需要布控的重点人");
qcckPost(
{ ids: ids.value, uid: obj.value.fpid },
"/mosty-gsxt/tbGsxtZdry/addGkmj"
)
.then(() => {
ElMessage.success("分配成功");
visible.value = false;
visiblefp.value = false;
getList();
})
.catch(() => {
ElMessage.error("分配失败");
});
if (ids.value.length === 0) return ElMessage.error("请先选择需要布控的重点人");
qcckPost({ ids: ids.value, uid: obj.value.fpid },"/mosty-gsxt/tbGsxtZdry/addGkmj").then(() => {
ElMessage.success("分配成功");
visible.value = false;
visiblefp.value = false;
getList();
}).catch(() => {
ElMessage.error("分配失败");
});
};
// 移交管控
const handleMove = () => {
if (ids.value.length === 0)
return ElMessage.error("请先选择需要移交管控的重点群体");
if (ids.value.length === 0) return ElMessage.error("请先选择需要移交管控的重点群体");
proxy.$confirm("是否确定移交?", "警告", { type: "warning" }).then(() => {
qcckPost({ ids: ids.value }, "/mosty-gsxt/tbGsxtZdry/addSfyj")
.then(() => {
ElMessage.success("移交管控成功");
getList();
})
.catch(() => {
ElMessage.error("移交管控失败");
});
qcckPost({ ids: ids.value }, "/mosty-gsxt/tbGsxtZdry/addSfyj").then(() => {
ElMessage.success("移交管控成功");
getList();
}).catch(() => {
ElMessage.error("移交管控失败");
});
});
};
// 转线索
const handleZxs = () => {
if (ids.value.length === 0)
return ElMessage.error("请先选择需要转线索的重点群体");
if (ids.value.length === 0) return ElMessage.error("请先选择需要转线索的重点群体");
showzxs.value = true;
nextTick(() => {
zxsDilof.value.init(choosList.value);
});
};
//新增编辑
const addEdit = (type, row) => {
show.value = true;
nextTick(()=>{
addFormDiloag.value.init(type, row);
})
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
</script>
<style>
@ -444,9 +303,4 @@ const handleZxs = () => {
background: rgba(0, 0, 0, 0.5) !important;
}
.rowClass {
display: flex;
align-items: center;
justify-content: center;
}
</style>

View File

@ -30,12 +30,12 @@
<template #bkDj="{ row }">
<DictTag :tag="false" :value="row.bkDj" :options="D_GS_BK_DJ" />
</template>
<template #bkDxxx="{ row }">
<span v-if="row.bkDxxx"><span v-for="(it,idx) in row.bkDxxx" :key="idx"> {{ it.ryXm }} </span></span>
<template #bkdxList="{ row }">
<span v-if="row.bkdxList"><span class="nowrap" v-for="(it,idx) in row.bkdxList" :key="idx"> {{ it.ryXm }} <span v-if="idx < row.bkdxList.length-1"></span></span></span>
<span v-else>暂无</span>
</template>
<template #sjrs="{ row }">
<span v-if="row.bkDxxx"> {{ row.bkDxxx.length }} </span>
<span v-if="row.bkdxList"> {{ row.bkdxList.length }} </span>
<span v-else>0</span>
</template>
<template #qyList="{ row }">
@ -47,7 +47,6 @@
<!-- 操作 -->
<template #controls="{ row }">
<el-button size="small" @click="autoEdit('auto', row)" >审核</el-button>
<el-button size="small" @click="autoEdit('approval', row)">审批</el-button>
</template>
</MyTable>
@ -126,7 +125,7 @@ const pageData = reactive({
{ label: "布控级别", prop: "bkDj", showSolt: true },
{ label: "布控标题", prop: "bkBt" },
{ label: "布控对象", prop: "bkDx" },
{ label: "布控对象信息", prop: "bkDxxx",showSolt: true },
{ label: "布控对象信息", prop: "bkdxList",showSolt: true },
{ label: "布控范围", prop: "qyList", showSolt: true },
{ label: "涉及人数", prop: "sjrs",showSolt: true },
{ label: "预警次数", prop: "yjcs",showSolt: true },

View File

@ -30,12 +30,12 @@
<template #bkDj="{ row }">
<DictTag :tag="false" :value="row.bkDj" :options="D_GS_BK_DJ" />
</template>
<template #bkDxxx="{ row }">
<span v-if="row.bkDxxx"><span v-for="(it,idx) in row.bkDxxx" :key="idx"> {{ it.ryXm }} </span></span>
<template #bkdxList="{ row }">
<span v-if="row.bkdxList"><span class="nowrap" v-for="(it,idx) in row.bkdxList" :key="idx"> {{ it.ryXm }} <span v-if="idx < row.bkdxList.length-1"></span></span></span>
<span v-else>暂无</span>
</template>
<template #sjrs="{ row }">
<span v-if="row.bkDxxx"> {{ row.bkDxxx.length }} </span>
<span v-if="row.bkdxList"> {{ row.bkdxList.length }} </span>
<span v-else>0</span>
</template>
<template #qyList="{ row }">
@ -126,7 +126,7 @@ const pageData = reactive({
{ label: "布控级别", prop: "bkDj", showSolt: true },
{ label: "布控标题", prop: "bkBt" },
{ label: "布控对象", prop: "bkDx" },
{ label: "布控对象信息", prop: "bkDxxx",showSolt: true },
{ label: "布控对象信息", prop: "bkdxList",showSolt: true },
{ label: "布控范围", prop: "qyList", showSolt: true },
{ label: "涉及人数", prop: "sjrs",showSolt: true },
{ label: "预警次数", prop: "yjcs",showSolt: true },

View File

@ -220,11 +220,10 @@ const init = (type,row) => {
if(type == 'add'){
tableDate.tableConfiger.haveControls = true;
disabled.value = false;
const userInfo = getItem("userInfo");
listQuery.value.bkfqrXm = userInfo.userName;
listQuery.value.bkfqrSfzh = userInfo.idEntityCard;
listQuery.value.bkfqrSsbmmc = userInfo.ssbm;
listQuery.value.bkfqrSsbmdm = userInfo.ssbmdm;
listQuery.value.bkfqrXm = getItem("USERNAME");
listQuery.value.bkfqrSfzh = getItem("idEntityCard");
listQuery.value.bkfqrSsbmmc = getItem("deptId")[0].deptName;;
listQuery.value.bkfqrSsbmdm = getItem("deptId")[0].deptCode;;
}
disabled.value = type == 'add' ? false : true;
dialogForm.value = true;

View File

@ -48,7 +48,7 @@
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" size="small" @click="sendControl('detail',row)">详情</el-link>
<el-link type="primary" size="small">续控</el-link>
<el-link type="primary" size="small">送审</el-link>
<el-link type="danger" size="small" @click="handleRow(row.id)">删除</el-link>
</template>
</MyTable>

View File

@ -91,7 +91,7 @@ const onSearch = (val) =>{
}
const changeNo = (val) =>{
pageData.pageConfiger.pageNum = val;
pageData.pageConfiger.current = val;
getList()
}
const changeSize = (val) =>{

View File

@ -167,7 +167,7 @@
<script setup>
import { ElMessage } from "element-plus";
import { qcckPost, qcckGet,qcckPut,qcckDelete } from "@/api/qcckApi.js";
import { ref, reactive, onMounted, getCurrentInstance } from "vue";
import { ref, reactive, onMounted, getCurrentInstance, nextTick } from "vue";
import { updateSysDictItem, getSysDictByCode, getSysDictByCodeList, deleteSysDictItem, addSysDictItem} from "@/api/sysDict";
import { useRouter, useRoute } from "vue-router";
const formDom = ref(null);
@ -213,7 +213,9 @@ const tabHeightFn = () => {
};
onMounted(() => {
type.value = route.query.zdlx;
tabHeightFn();
nextTick(()=>{
tabHeightFn();
})
getListData();
});