diff --git a/src/views/modules/staff/manage/index.vue b/src/views/modules/staff/manage/index.vue index 949cf90..2a2f84f 100644 --- a/src/views/modules/staff/manage/index.vue +++ b/src/views/modules/staff/manage/index.vue @@ -186,20 +186,47 @@ export default { }, methods: { // 上传文件 - async handleChange (file) { - console.log('file: ', file) + async handleUpLoad (file) { let data = new FormData() - data.append('filename', file.raw) + data.append('file', file.raw) this.isUploading = true - // return let result = await apiUploadFile(data) this.isUploading = false if (result.code === 0) { - + this.$message.success('上传成功!') } else { this.$message.error(result.msg) } }, + // 确认上传 + async handleChange (file) { + const h = this.$createElement + const _this = this + this.$msgbox({ + title: '提示', + message: h('p', null, [ + h('div', { style: 'color: #a96161' }, '文件名:' + file.name), + h('span', null, '此操作不可逆,是否上传') + ]), + showCancelButton: true, + confirmButtonText: '确定', + cancelButtonText: '取消', + beforeClose: async (action, instance, done) => { + if (action === 'confirm') { + instance.confirmButtonLoading = true + instance.confirmButtonText = '上传中...' + await _this.handleUpLoad(file) + instance.confirmButtonLoading = false + } else { + _this.$message({ + type: 'info', + message: '已取消上传' + }) + } + done() + } + }) + }, async getEmployeesInfo (data) { this.dialogVisible = true