diff --git a/ruoyi-ui/src/views/kaohe/employee/index.vue b/ruoyi-ui/src/views/kaohe/employee/index.vue index dee8c7e..2c35ec5 100644 --- a/ruoyi-ui/src/views/kaohe/employee/index.vue +++ b/ruoyi-ui/src/views/kaohe/employee/index.vue @@ -1,14 +1,6 @@ + + + + + @@ -158,54 +146,108 @@ /> - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
确 定 @@ -232,6 +274,37 @@
+ + + +
+
+ +
+ 已有附件 +
+
+ {{ item.name }} + +
+ +
+
+ + +
将文件拖到此处，或点击上传
+ +
+
+ +
+ 确定 + 取 消 +
+ + @@ -279,6 +352,20 @@ export default { // 上传的地址 url: process.env.VUE_APP_BASE_API + "/kaohe/employee/importData" }, + // 附件详情参数 + uploadFJ: { + // 是否显示弹出层 + open: false, + fileList: [], + // 是否禁用上传 + isUploading: false, + // 设置上传的请求头部 + headers: { Authorization: "Bearer " + getToken() }, + // 上传的地址 + url: process.env.VUE_APP_BASE_API + "/common/upload" + }, + // 修改内容行 + updataRow: {}, // 弹出层标题 title: "", // 是否显示弹出层 @@ -291,16 +378,7 @@ export default { deptId: null, deptName: null, empName: null, - sex: null, - age: null, - phone: null, - idcard: null, - bankCardNumber: null, - openingBank: null, - education: null, - address: null, - contact: null, - contactPhone: null, + wordId: null }, // 表单参数 form: {}, @@ -356,6 +434,9 @@ export default { empName: null, sex: null, age: null, + wordId: null, + position: null, + docs: null, phone: null, idcard: null, bankCardNumber: null, @@ -466,7 +547,86 @@ export default { // 提交上传文件 submitFileForm() { this.$refs.upload.submit() + }, + // 附件详情 + handleFuJian(row){ + this.updataRow = row; + this.uploadFJ.fileList = []; + if(row.docs){ + let arr = row.docs.split(';'); + arr.forEach( item => { + let arr1 = item.split(','); + this.uploadFJ.fileList.push({ + name: arr1[0], + url: arr1[1] + }) + }) + } + this.uploadFJ.open = true + }, + // 已有附件 + uploadFJListRemove(index){ + this.uploadFJ.fileList.splice(index, 1); + }, + submitFileFormFJ(){ + this.$refs.uploadFJ.submit() + }, + // 文件上传中处理 + fileUploadProgressFJ(event, file, fileList) { + this.uploadFJ.isUploading = true + }, + // 文件上传成功处理 + fileSuccessFJ(response, file, fileList) { + this.uploadFJ.isUploading = false + }, + updateFileFJ(){ + let uploadFiles = this.$refs.uploadFJ.$data.uploadFiles; + let arr = [] + this.uploadFJ.fileList.forEach(item=>{ + arr.push(item.name+','+item.url); + }) + uploadFiles.forEach( item => { + arr.push(item.response.originalFilename+','+item.response.url); + }) + this.updataRow.docs = arr.join(';'); + updateEmployee(this.updataRow).then(response => { + this.$modal.msgSuccess("修改成功"); + this.uploadFJ.open = false; + this.$refs.uploadFJ.clearFiles(); + this.getList(); + }) } } } + +