更新页面

This commit is contained in:
2025-07-10 17:59:39 +08:00
parent 5f6f37a166
commit b2880cd82c
7 changed files with 475 additions and 131 deletions

View File

@ -22,26 +22,32 @@
<div class="tabBox" :class="props.Single ? 'tabBoxRadio' : ''" style="margin-top: 0px">
<el-table ref="multipleUserRef" :key="keyTabel" @selection-change="handleSelectionChange" :data="tableData" border :row-key="keyid" style="width: 100%" height="450">
<el-table-column type="selection" width="55" :reserve-selection="true"/>
<el-table-column prop="bqMc" align="center" label="照片"/>
<el-table-column prop="bqDm" align="center" label="姓名"/>
<el-table-column prop="bqDj" align="center" label="性别">
<el-table-column prop="ryXm" align="center" label="姓名"/>
<el-table-column prop="rySfzh" align="center" label="身份证"/>
<el-table-column prop="ryXb" align="center" label="性别">
<template #default="{ row }">
<DictTag :tag="false" :value="row.bqDj" :options="D_GS_BQ_DJ" />
<DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
</template>
</el-table-column>
<el-table-column prop="bqYs" align="center" label="民族">
<el-table-column prop="ryMz" align="center" label="民族">
<template #default="{ row }">
<DictTag :value="row.bqYs" :tag="false" :options="D_GS_SSYJ" />
<DictTag :value="row.ryMz" :tag="false" :options="D_BZ_MZ" />
</template>
</el-table-column>
<el-table-column prop="hjdXz" align="center" label="户籍地"/>
<el-table-column prop="xzdXz" align="center" label="现居住址"/>
<el-table-column prop="ryLxdh" align="center" label="手机号"/>
<el-table-column prop="qtXnsf" align="center" label="虚拟身份"/>
<el-table-column prop="clCph" align="center" label="车牌号"/>
<el-table-column prop="clCjh" align="center" label="车架号"/>
<el-table-column prop="qtTzms" 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-column prop="bqDm" align="center" label="户籍地"/>
<el-table-column prop="bqDm" align="center" label="现居住址"/>
<el-table-column prop="bqDm" align="center" label="手机号"/>
<el-table-column prop="bqDm" align="center" label="虚拟身份"/>
<el-table-column prop="bqDm" align="center" label="车牌号"/>
<el-table-column prop="bqDm" align="center" label="车架号"/>
<el-table-column prop="bqDm" align="center" label="特征描述"/>
<el-table-column prop="bqDm" align="center" label="人员标签"/>
</el-table>
</div>
<div class="fenye flex just-end " :style="{ top: tableHeight + 'px' }">
@ -73,7 +79,7 @@ import AddPeo from './addPeo.vue'
import { qcckGet} from "@/api/qcckApi.js";
import { defineProps, ref ,getCurrentInstance, watch} from "vue";
const { proxy } = getCurrentInstance();
const { D_GS_BQ_DJ,D_GS_SSYJ } = proxy.$dict("D_GS_BQ_DJ","D_GS_SSYJ"); //获取字典数据
const { D_BZ_XB,D_BZ_MZ } = proxy.$dict("D_BZ_XB","D_BZ_MZ"); //获取字典数据
const props = defineProps({
modelValue: {
type: Boolean,
@ -91,7 +97,7 @@ const props = defineProps({
roleIds: {
type: Array,
default: []
}
},
});
const total = ref(0);
const listQuery = ref({
@ -102,7 +108,7 @@ const addPerson = ref()
const multipleUserRef = ref(null);
const multipleSelectionUser = ref([]);
const tableData = ref([]);
const emits = defineEmits(["update:modelValue", "choosed"]);
const emits = defineEmits(["update:modelValue", "choosed","choosedAdd"]);
const keyTabel = ref(0)
const keyid = (row) => {
return row.id;
@ -134,7 +140,17 @@ const onComfirm = () => {
// 自定义加人
const changeZdy = (val) => {
emits("choosed", val);
const userList = multipleSelectionUser.value;
let list = [];
let listId = [];
userList.forEach((val) => {
if (listId.indexOf(val.id) == -1) {
list.push(val);
listId.push(val.id);
}
});
list.unshift(val)
emits("choosed", list);
closed();
}
/**
@ -153,8 +169,8 @@ const handleCurrentChange = (currentPage) => {
};
const getListData = () => {
keyTabel.value++
const params = {bqLb:'02',...listQuery.vlue}
qcckGet(params,'/mosty-gsxt/tbGsxtBqgl/selectPage').then(res=>{
const params = {...listQuery.vlue}
qcckGet(params,'/mosty-gsxt/tbGsxtZdry/selectPage').then(res=>{
tableData.value = res.records || [];
total.value = res.total;
multipleUser();