|
|
@@ -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}>
|
