上传成功与失败提示

src/views/api/Music.vue

@@ -121,6 +121,8 @@
           name="file"
           accept=".mp3,.flac"
           :headers="{token: $store.state.loginInfo.token}"
+          :on-success="uploadSuccess"
+          :on-error="uploadError" 
           :auto-upload="false"
           multiple
           :data="{libId: libIdSelected}">
@@ -147,7 +149,7 @@
 <script lang="ts">
 import { Options } from 'vue-class-component'
 import BaseList from '../../model/baselist'
-import { Page } from '../../model/common.dto'
+import { MsgResult, Page } from '../../model/common.dto'
 import { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElDialog, ElSelect, ElOption, ElRadioGroup, ElRadio, ElDrawer, ElUpload, ElMessage, ElMessageBox } from 'element-plus'
 import { MusicModel, MusicLibModel, MusicLyricModel, MusicPlayerItem } from '../../model/api/music'
 import prettyBytes from 'pretty-bytes'
@@ -287,6 +289,17 @@ export default class Music extends BaseList<MusicPage> {
     // 执行上传
     (this.$refs.musicUpload as typeof ElUpload).submit()
   }
+  uploadSuccess(response: MsgResult) {
+    if(response.status) {
+      ElMessage.success(response.message)
+      this.loadData()
+    } else {
+      ElMessage.warning(response.message)
+    }
+  }
+  uploadError(error: Error) {
+    ElMessage.error(error.message)
+  }
   /**
    * 创建媒体信息
    */