更新页面
This commit is contained in:
@ -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>支持png、jpg、pdf文件上传</div>
|
<div>支持png、jpg、pdf文件上传</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 });
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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>
|
||||||
|
Reference in New Issue
Block a user