feat:完成员工管理的导入档案

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