feat : 台账导入

src/components/ImportExcel.vue

@@ -1,25 +1,25 @@
 <template>
-  <el-upload :action="uploadFileUrl"
-             :headers="headers"
+  <el-upload :file-list="[]"
              :limit="maxSize"
              with-credentials
              :multiple="multiple"
+             :http-request="httpRequestHandle"
              :data="uploadParams"
              :auto-upload="true"
              :show-file-list="false"
              :before-upload="beforeUpload"
-             :on-success="handleUploadSuccess"
-             :on-error="uploadError"
              :before-remove="beforeRemove"
              :on-remove="handleRemove"
   >
-    <el-button color="#DED0B2" style="margin-left: 10px; margin-right: 10px;"  :disabled="disabled">导入</el-button>
+    <el-button color="#DED0B2" style="margin-left: 10px; margin-right: 10px;" :disabled="disabled">导入</el-button>
   </el-upload>
 </template>
 
 <script setup>
-import { ElMessageBox, ElNotification} from "element-plus";
+import {ElMessageBox, ElNotification} from "element-plus";
 import {getToken} from '@/utils/auth'
+import axios from "axios";
+
 const props = defineProps({
   value: {
     type: Array,
@@ -67,13 +67,31 @@ const handleRemove = (file) => {
 }
 const beforeUpload = () => {
   // loading.value = true
+  console.log('水电费水电费,beforeUpload')
   return true
 }
+const httpRequestHandle = (param) => {
+
+  let file = param.file
+  axios.post(uploadFileUrl.value, {
+    file: file
+  }, {
+    headers: {
+      'Content-Type': 'multipart/form-data',
+      ...headers
+    }
+  }).then(res => {
+    handleUploadSuccess(res)
+  }).catch(error => {
+    uploadError(error)
+  })
+}
 const handleUploadSuccess = (res) => {
+  let data = res.data
   ElNotification({
     title: '提示',
-    message: res.code === 1000 ? '上传成功' : '上传失败',
-    type: res.code === 1000 ? 'success' : 'error'
+    message: data.code === 1000 ? '上传成功' : '上传失败',
+    type: data.code === 1000 ? 'success' : 'error'
   })
   emit("success")
 }