diff --git a/src/views/base/staff/index.vue b/src/views/base/staff/index.vue index 0cd63dc..060509b 100644 --- a/src/views/base/staff/index.vue +++ b/src/views/base/staff/index.vue @@ -405,9 +405,16 @@ mjCode: [ { required: true, message: "马甲编号不能为空", trigger: "blur" } ], + // fileName: [ + // { required: true, message: "人脸图片不能为空", trigger: "change" } + // ], fileName: [ - { required: true, message: "人脸图片不能为空", trigger: "blur" } - ] + { + required: true, + validator: this.fileMustUpload, + trigger: "change", + }, + ], } }; }, @@ -421,6 +428,14 @@ this.getList(); }, methods: { + //自定义人脸图片必填校验 + fileMustUpload(rule, value, callback) { + if (this.form.fileName == '') { + // 未上传文件 + callback("请上传人脸图片"); + } + callback();//不要忘记写这个callback + }, /** 查询人员列表 */ getList() { this.loading = true; @@ -466,46 +481,45 @@ }, // 图片上传 handleChange(file, fileList) { - console.log(file) - // this.$refs["form"].clearValidate() + // console.log(file) this.form.fileName = file.name; + this.$refs["form"].clearValidate() this.fileList = fileList; }, handleChangeHighImgList(file, fileList) { console.log(file) // this.$refs["form"].clearValidate() - this.form.fileName = file.name; + // this.certificateForm.fileName = file.name; this.highImgList = fileList; }, handleChangeElectricianImgList(file, fileList) { console.log(file) // this.$refs["form"].clearValidate() - this.form.electricianImgList = file.name; + // this.certificateForm.electricianImgList = file.name; this.electricianImgList = fileList; }, handleChangeElseImgList(file, fileList) { console.log(file) // this.$refs["form"].clearValidate() - this.form.elseImgList = file.name; + // this.certificateForm.elseImgList = file.name; this.elseImgList = fileList; }, - + //图片删除 handleRemove(file, fileList) { let sum = 0 - console.log(111111) - console.log(this.fileList) this.fileList.forEach((item, index) => { if (item.uid == file.uid) { - sum = index + if(!item?.hasOwnProperty('raw')) { + this.form.delFiles = this.form.filePath; + } + sum = index; } }) - this.fileList.splice(sum, 1) + this.form.fileName = ''; }, handleRemoveHighImgList(file, fileList) { let sum = 0 - console.log(111111) - console.log(this.highImgList) this.highImgList.forEach((item, index) => { if (item.uid == file.uid) { sum = index @@ -539,7 +553,7 @@ }, //上传组件-图片查看 picturePreview(file) { - console.log(file) + // console.log(file) this.dialogImageUrl = file.url this.dialogVisible = true }, @@ -559,10 +573,10 @@ this.$set(this.form,'sex',response.data.sex+'') this.fileList.push({ name: response.data.fileId, - url: response.data.base64Url + url: response.data.base64Url, }) - - // this.form.fileName = response.data.fileId; + //触发校验 + this.form.fileName = response.data.fileId; setTimeout(()=>{ this.open = true; this.title = "修改人员"; @@ -575,7 +589,8 @@ this.$refs["form"].validate(valid => { if (valid) { if (this.form.id != undefined) { - console.log(this.form) + //base64地址别传后台,过长 + this.form.base64Url = ''; const reqData = new FormData() reqData.append('params', JSON.stringify(this.form)) const { file } = this.getFileData() @@ -589,7 +604,7 @@ this.getList(); }); } else { - console.log(this.form) + const reqData = new FormData() reqData.append('params', JSON.stringify(this.form)) const { file } = this.getFileData()