wolyshaw 2 năm trước cách đây
mục cha
commit
e865b8f76e

+ 4 - 0
src/teacher/music/upload/index.module.less

@@ -1,3 +1,7 @@
+.form {
+  --van-notice-bar-background-color: var(--tag-bg-color);
+  --van-notice-bar-text-color: var(--van-tag-primary-color);
+}
 .container {
   background-color: var(--col-background-color);
   min-height: 100vh;

+ 17 - 4
src/teacher/music/upload/index.tsx

@@ -11,7 +11,8 @@ import {
   Icon,
   Empty,
   Picker,
-  Toast
+  Toast,
+  NoticeBar
 } from 'vant'
 import ColFieldGroup from '@/components/col-field-group'
 import { MusicType } from 'src/teacher/music/list/item.d'
@@ -44,6 +45,7 @@ export default defineComponent({
   name: 'MusicUpload',
   data() {
     return {
+      reason: '',
       audioType: 'MP3',
       xmlFileUrl: '',
       xmlFileLoading: false,
@@ -181,13 +183,16 @@ export default defineComponent({
           this.midiUrl = res.data.midiUrl
         }
 
-        this.backgroundMp3s = res.data.backgroundMp3s.map(item => ({
+        this.backgroundMp3s = (res.data.background || []).map(item => ({
           url: this.hasBeat ? item.metronomeUrl : item.audioFileUrl,
           track: item.track
         }))
+        this.reason = res.data.reason
 
         // console.log(res.data)
-      } catch (error) {}
+      } catch (error) {
+        console.log(error)
+      }
     },
     createSubmitData() {
       const beatType = this.hasBeat ? 'MP3_METRONOME' : 'MP3'
@@ -354,7 +359,15 @@ export default defineComponent({
     console.log(this.formated)
     const browserInfo = browser()
     return (
-      <Form onSubmit={this.submit} onFailed={this.failed}>
+      <Form class={styles.form} onSubmit={this.submit} onFailed={this.failed}>
+        {this.reason && (
+          <NoticeBar wrapable scrollable={false} text={this.reason} />
+        )}
+        {!this.$route.params.id && (
+          <Button onClick={() => this.$router.push('/music-upload/2438/edit')}>
+            修改
+          </Button>
+        )}
         <div class={styles.container}>
           <ColFieldGroup class={styles.area}>
             <ColField border={false} required title="MusicXML文件">