|
|
@@ -90,19 +90,19 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-table :data="formData.userInfos" style="margin-bottom: 10px;">
|
|
|
- <el-table-column label="人员姓名" align="center" prop="userName" />
|
|
|
- <el-table-column label="单位" align="center" prop="companyName" />
|
|
|
- <el-table-column label="证件号码" align="center" prop="idCard">
|
|
|
+ <el-table :data="formData.userInfos" max-height="500" style="margin-bottom: 10px;">
|
|
|
+ <el-table-column label="人员姓名" width="100" align="center" prop="userName" />
|
|
|
+ <el-table-column label="单位" width="100" align="center" prop="companyName" />
|
|
|
+ <el-table-column label="证件号码" width="200" align="center" prop="idCard">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="证件照" align="center" prop="imgFile">
|
|
|
- <template slot-scope="scope">
|
|
|
- <img width="50" height="50" :src="scope.row.imgFile" />
|
|
|
- </template> </el-table-column
|
|
|
- >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <ImageListPreview v-model="scope.row.imgFile"></ImageListPreview>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
label="操作"
|
|
|
- align="center"
|
|
|
+ align="center" width="150"
|
|
|
class-name="small-padding fixed-width"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
@@ -295,6 +295,7 @@ export default {
|
|
|
onHide() {
|
|
|
this.isShow = false;
|
|
|
this.formData = this.reset();
|
|
|
+ this.$refs["upload"].clearFiles();
|
|
|
},
|
|
|
onHideUser() {
|
|
|
this.open = false;
|
|
|
@@ -306,6 +307,11 @@ export default {
|
|
|
if (valid) {
|
|
|
this.open = false;
|
|
|
console.log("================", this.userInfo);
|
|
|
+ let userIndex = this.formData.userInfos.findIndex(x=>x.idCard==this.userInfo.idCard);
|
|
|
+ if(userIndex>-1)
|
|
|
+ {
|
|
|
+ this.formData.userInfos.splice(userIndex, 1);
|
|
|
+ }
|
|
|
this.formData.userInfos.push(this.userInfo);
|
|
|
this.userInfo = this.resetUserInfo();
|
|
|
this.imageList = [];
|
zhulu