修改显示

src/teacher/music/upload/index.tsx

@@ -698,84 +698,86 @@ export default defineComponent({
             }}
           </Field>
 
-          {this.backgroundMp3s.length >= 1 && (
-            <Field
-              class={[styles.fieldTypeBottom, styles.hideValue]}
-              modelValue={this.xmlFileUrl}
-              border={false}
-            >
-              {{
-                label: () => (
-                  <div class={styles.fieldTitle}>
-                    <span class={styles.titleName}>
-                      <i>*</i>上传原音
-                      <i
-                        class={styles.iconQuestion}
-                        onClick={() => {
-                          this.messageTipStatus = true
-                          this.messageTipTitle = '原音文件'
-                          this.messageTipType = 'origin'
-                        }}
-                      ></i>
-                    </span>
-                    <span class={styles.titleTip}>仅支持MP3格式文件</span>
-                  </div>
-                )
-              }}
-            </Field>
-          )}
-
-          {this.backgroundMp3s.map((mp3, index) => (
-            <Field
-              name="url"
-              class={[styles.fieldTypeBottom, styles.musicTrack]}
-              modelValue={mp3.url}
-              rules={[{ required: true, message: '请选择原音文件文件' }]}
-            >
-              {{
-                label: () => (
-                  <div class={styles.fieldTitle}>
-                    <span>所属轨道：{mp3.trackName}</span>
-                  </div>
-                ),
-                input: () =>
-                  browser().isApp ? (
-                    <div class={styles.btnSection}>
-                      <Button
-                        icon={UploadIcon}
-                        class={styles.upbtn}
-                        loading={mp3.loading}
-                        onClick={() => {
-                          if (mp3.url) return
-                          this.naiveBGMp3File(index)
-                        }}
-                      >
-                        {mp3.url ? this.fileName(mp3.url) : '上传原声文件'}
-                      </Button>
-
-                      {mp3.url && (
+          {this.backgroundMp3s.length >= 1 && this.playMode === 'MP3' && (
+            <>
+              <Field
+                class={[styles.fieldTypeBottom, styles.hideValue]}
+                modelValue={this.xmlFileUrl}
+                border={false}
+              >
+                {{
+                  label: () => (
+                    <div class={styles.fieldTitle}>
+                      <span class={styles.titleName}>
+                        <i>*</i>上传原音
                         <i
-                          class={styles.iconDelete}
+                          class={styles.iconQuestion}
                           onClick={() => {
-                            mp3.url = ''
+                            this.messageTipStatus = true
+                            this.messageTipTitle = '原音文件'
+                            this.messageTipType = 'origin'
                           }}
                         ></i>
-                      )}
+                      </span>
+                      <span class={styles.titleTip}>仅支持MP3格式文件</span>
                     </div>
-                  ) : (
-                    <>
-                      <Upload
-                        onUpdate:modelValue={val => (mp3.url = val)}
-                        accept=".mp3"
-                      />
-                      <div style={{ marginLeft: '8px' }}>
-                        {this.fileName(mp3.url)}
-                      </div>
-                    </>
                   )
-              }}
-            </Field>
-          ))}
+                }}
+              </Field>
+
+              {this.backgroundMp3s.map((mp3, index) => (
+                <Field
+                  name="url"
+                  class={[styles.fieldTypeBottom, styles.musicTrack]}
+                  modelValue={mp3.url}
+                  rules={[{ required: true, message: '请选择原音文件文件' }]}
+                >
+                  {{
+                    label: () => (
+                      <div class={styles.fieldTitle}>
+                        <span>所属轨道：{mp3.trackName}</span>
+                      </div>
+                    ),
+                    input: () =>
+                      browser().isApp ? (
+                        <div class={styles.btnSection}>
+                          <Button
+                            icon={UploadIcon}
+                            class={styles.upbtn}
+                            loading={mp3.loading}
+                            onClick={() => {
+                              if (mp3.url) return
+                              this.naiveBGMp3File(index)
+                            }}
+                          >
+                            {mp3.url ? this.fileName(mp3.url) : '上传原声文件'}
+                          </Button>
+
+                          {mp3.url && (
+                            <i
+                              class={styles.iconDelete}
+                              onClick={() => {
+                                mp3.url = ''
+                              }}
+                            ></i>
+                          )}
+                        </div>
+                      ) : (
+                        <>
+                          <Upload
+                            onUpdate:modelValue={val => (mp3.url = val)}
+                            accept=".mp3"
+                          />
+                          <div style={{ marginLeft: '8px' }}>
+                            {this.fileName(mp3.url)}
+                          </div>
+                        </>
+                      )
+                  }}
+                </Field>
+              ))}
+            </>
+          )}
         </CellGroup>
 
         <CellGroup class={[styles.area]} border={false}>