更新页面
This commit is contained in:
@ -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();
|
||||
|
Reference in New Issue
Block a user