更新页面

This commit is contained in:
2025-07-10 19:07:56 +08:00
parent 5e9638fba3
commit e07beea359
3 changed files with 31 additions and 10 deletions

View File

@ -88,9 +88,9 @@
</el-form-item> </el-form-item>
</div> </div>
<div style="width: 100%;" class="mt10"> <div style="width: 100%;" class="mt10">
<el-form-item prop="kbfj" label="上传附件" style="width: 100%;"> <el-form-item prop="bkfj" label="上传附件" style="width: 100%;">
<div> <div>
<MOSTY.Upload :limit="10" v-model="listQuery.kbfj" :key="1" /> <MOSTY.Upload :limit="10" v-model="listQuery.bkfj" :key="1" />
<div>支持pngjpgpdf文件上传</div> <div>支持pngjpgpdf文件上传</div>
</div> </div>
</el-form-item> </el-form-item>
@ -100,7 +100,7 @@
<el-form-item prop="czjsdw" label="处置接收单位" style="width: 100%;"> <el-form-item prop="czjsdw" label="处置接收单位" style="width: 100%;">
<div class="flex align-center ww100"> <div class="flex align-center ww100">
<MOSTY.Department v-model="listQuery.czJsdwdm" style="width:260px;margin-right: 10px;" placeholder="请选择处置要求" clearable /> <MOSTY.Department v-model="listQuery.czJsdwdm" style="width:260px;margin-right: 10px;" placeholder="请选择处置要求" clearable />
<el-radio-group v-model="listQuery.dwlx" class="flex align-center"> <el-radio-group v-model="listQuery.czJsdwlx" class="flex align-center">
<el-radio :label="it.dm" v-for="(it,idx) in props.dic.D_GS_BK_CZJSDWLX" :key="idx">{{ it.zdmc }}</el-radio> <el-radio :label="it.dm" v-for="(it,idx) in props.dic.D_GS_BK_CZJSDWLX" :key="idx">{{ it.zdmc }}</el-radio>
</el-radio-group> </el-radio-group>
</div> </div>
@ -210,12 +210,13 @@ const tableDate = reactive({
{ label: "车牌号", prop: "clCph" }, { label: "车牌号", prop: "clCph" },
{ label: "车架号", prop: "clCjh" }, { label: "车架号", prop: "clCjh" },
{ label: "特征描述", prop: "qtTzms" }, { label: "特征描述", prop: "qtTzms" },
{ label: "人员标签", prop: "bqList" ,showSolt:true } { label: "人员标签", prop: "bqList" ,showSolt:true,showOverflowTooltip:true }
] ]
}); });
const disabled = ref(false) const disabled = ref(false)
// 初始化数据 // 初始化数据
const init = (type,row) => { const init = (type,row) => {
listQuery.value.bkfj = [];
if(type == 'add'){ if(type == 'add'){
tableDate.tableConfiger.haveControls = true; tableDate.tableConfiger.haveControls = true;
disabled.value = false; disabled.value = false;
@ -246,11 +247,13 @@ const get_bkqy_list = (row) =>{
const getDataById = (id) =>{ const getDataById = (id) =>{
qcckGet({},'/mosty-gsxt/tbGsxtBk/selectVoById/'+id).then(res=>{ qcckGet({},'/mosty-gsxt/tbGsxtBk/selectVoById/'+id).then(res=>{
console.log(res,'=========00'); console.log(res,'=========00');
res.bkqyList = res.qyList || [];
listQuery.value = res || {} listQuery.value = res || {}
}) })
} }
const shangeDx = () =>{ const shangeDx = () =>{
listQuery.value.bkDxxx = '';
listQuery.value.bkdxList = []; listQuery.value.bkdxList = [];
roleIds.value = []; roleIds.value = [];
addPerson.value = [] addPerson.value = []
@ -260,7 +263,6 @@ const deleteRow = (row) => {
roleIds.value = roleIds.value.filter(id => id != row.id); roleIds.value = roleIds.value.filter(id => id != row.id);
addPerson.value = addPerson.value.filter(it => it.id != row.id); addPerson.value = addPerson.value.filter(it => it.id != row.id);
listQuery.value.bkdxList = listQuery.value.bkdxList.filter(it => it.id != row.id); listQuery.value.bkdxList = listQuery.value.bkdxList.filter(it => it.id != row.id);
console.log(row,'====');
} }
// 单独新增的数据 // 单独新增的数据
const choosedAdd = (item) =>{ const choosedAdd = (item) =>{
@ -275,14 +277,23 @@ const choosed = (val) => {
if(listQuery.value.bkDx == '01'){// 人员 if(listQuery.value.bkDx == '01'){// 人员
roleIds.value = val.map(it=>it.id); roleIds.value = val.map(it=>it.id);
let arr = val.map(item=>{ let arr = val.map(item=>{
return { id:item.id, fjZp:item.fjZp, ryXm:item.ryXm, ryXb:item.ryXb, rySfzh:item.rySfzh, ryHjd:item.hjdXz, ryXjd:item.xzdXz, rySjhm:item.ryLxdh, qtXnsf:item.qtXnsf,clCjh:item.clCjh, clCph:item.clCph, qtTzms:item.qtTzms, bqList:item.bqList } let bqArr = item.bqList || [];
let bqs = bqArr.map(v=>{
return { bqZl:v.bqZl , bqId:v.bqId, bqLx:v.bqLx, bqLb:v.bqLb, bqMc:v.bqMc, bqDm:v.bqDm }
})
return { id:item.id, fjZp:item.fjZp, ryXm:item.ryXm, ryXb:item.ryXb, rySfzh:item.rySfzh, ryHjd:item.hjdXz, ryXjd:item.xzdXz, rySjhm:item.ryLxdh, qtXnsf:item.qtXnsf,clCjh:item.clCjh, clCph:item.clCph, qtTzms:item.qtTzms, bqList:bqs }
}) })
listQuery.value.bkdxList = [...addPerson.value,...arr]; listQuery.value.bkdxList = [...addPerson.value,...arr];
}else{// 群体 }else{// 群体
listQuery.value.bkDxxx = (val.map(it=>it.id)).join(',');
let peolist = []
val.forEach(item=>{
if(item.zdryList) list = list.concat(item.zdryList)
})
listQuery.value.bkdxList = peolist;
} }
}; };
// 选择人员 // 选择人员
const handleAddPeo = () =>{ const handleAddPeo = () =>{
if(!listQuery.value.bkDx) return proxy.$message({ type: "warning", message: '请选择布控对象' }); if(!listQuery.value.bkDx) return proxy.$message({ type: "warning", message: '请选择布控对象' });
@ -293,7 +304,7 @@ const handleAddPeo = () =>{
const submit = () => { const submit = () => {
elform.value.validate(() => { elform.value.validate(() => {
let params = { ...listQuery.value }; let params = { ...listQuery.value };
params.kbfj = params.kbfj ? params.kbfj.join(','):''; params.bkfj = params.bkfj ? params.bkfj.join(','):'';
params.bkdxList = params.bkdxList ? params.bkdxList : []; params.bkdxList = params.bkdxList ? params.bkdxList : [];
params.bkdxList.forEach(item=>{ params.bkdxList.forEach(item=>{
item.fjZp = item.fjZp ? item.fjZp.join(',') : '' item.fjZp = item.fjZp ? item.fjZp.join(',') : ''
@ -315,6 +326,8 @@ const close = () => {
listQuery.value = {}; listQuery.value = {};
dialogForm.value = false; dialogForm.value = false;
loading.value = false; loading.value = false;
addPerson.value = [];
roleIds.value = []
}; };
defineExpose({ init }); defineExpose({ init });

View File

@ -60,7 +60,7 @@ const init = () =>{
// 选择标签 // 选择标签
const choosed = (val) => { const choosed = (val) => {
listQuery.value.bqList = val.map(v=>{ listQuery.value.bqList = val.map(v=>{
return { bqDm:v.bqDm, bqId:v.id, bqLb:v.bqLb, bqLx:v.bqLx, bqMc:v.bqMc } return { bqZl:v.bqLb , bqId:v.id, bqLx:v.bqLx, bqLb:v.bqLb, bqMc:v.bqMc, bqDm:v.bqDm }
}); });
roleIds.value = val.map(v=>v.id) roleIds.value = val.map(v=>v.id)
} }
@ -82,6 +82,7 @@ const submitForm = () =>{
const close = () =>{ const close = () =>{
elform.value.reset(); elform.value.reset();
listQuery.value.bqList = [] listQuery.value.bqList = []
roleIds.value = []
showDialog.value = false; showDialog.value = false;
} }

View File

@ -33,6 +33,13 @@
</el-table-column> </el-table-column>
<el-table-column prop="ryLxdh" align="center" label="手机号"/> <el-table-column prop="ryLxdh" align="center" label="手机号"/>
<el-table-column prop="xzdXz" align="center" label="现居住址"/> <el-table-column prop="xzdXz" align="center" label="现居住址"/>
<el-table-column prop="bqList" align="center" label="人员标签">
<template #default="{ row }">
<span v-if="row.bqList">
<span v-for="(it,idx) in row.bqList" :key="idx"> {{ it.bqMc }}</span>
</span>
</template>
</el-table-column>
</el-table> </el-table>
</div> </div>
</template> </template>