杨泽宇 / cms_songs · Commits

Commit 90bc89caafe56b9ff3cc50e131ddecdb8baede68

Authored by 杨泽宇
1 parent 29a934b8

debug styles

Inline Side-by-side
Showing 3 changed files with 29 additions and 12 deletions
src/html/index.html
  View file @90bc89c
... ... @@ -53,7 +53,8 @@
53 53 <el-input v-model.trim="form.mixing" :maxlength="15" placeholder="请输入混音人名字"></el-input>
54 54 </el-form-item>
55 55 <el-form-item :label="labels.lyric" class="diy-flex-100" prop="lyric">
56   - <el-input v-model="form.lyric" maxlength="2500" show-word-limit type="textarea" :rows="10" placeholder="请输入歌词"></el-input>
  56 + <el-input v-model="form.lyric" maxlength="2500" show-word-limit type="textarea" :rows="10"
  57 + placeholder="请输入歌词"></el-input>
57 58 </el-form-item>
58 59 <el-form-item :label="labels.phone" class="diy-flex-50" prop="phone">
59 60 <el-input v-model.trim="form.phone" :maxlength="11" placeholder="请输入手机号码"></el-input>
... ... @@ -61,12 +62,24 @@
61 62 <el-form-item :label="labels.name" class="diy-flex-50" prop="name">
62 63 <el-input v-model.trim="form.name" :maxlength="50" placeholder="请输入联系人姓名"></el-input>
63 64 </el-form-item>
64   - <el-form-item :label="labels.audioFile" class="diy-flex-100" prop="audioFile">
65   - <el-upload class="upload-demo" :action="uploadUrl" :auto-upload="false" :file-list="fileList" accept=".mp3, .flac, .ogg, .wav, .mpg, .wma, .aac, .m4a"
66   - @change="getMp3" :on-exceed="exceed" :before-remove="handleRemove" :disabled="btnDisabled" :show-file-list="false">
67   - <el-button size="small" type="primary" :disabled="btnDisabled" class="diy-button width-190 bg-blue">选择文件</el-button>
  65 + <el-form-item :label="labels.audioFile" class="diy-flex-50" prop="audioFile">
  66 + <el-upload class="upload-demo" :action="uploadUrl" :auto-upload="false" :file-list="fileList"
  67 + accept=".mp3, .flac, .ogg, .wav, .mpg, .wma, .aac, .m4a" @change="getMp3" :on-exceed="exceed"
  68 + :before-remove="handleRemove" :disabled="btnDisabled" :show-file-list="false">
  69 + <el-button size="small" type="primary" :disabled="btnDisabled" class="diy-button width-190 bg-blue">选择文件
  70 + </el-button>
68 71 </el-upload>
69   - <span class="diy-danger">{{msgText}}</span>
  72 + <!-- <span class="diy-danger">{{msgText}}</span> -->
  73 + </el-form-item>
  74 + <el-form-item class="diy-flex-50" label="上传须知">
  75 + <!-- <el-button class="diy-button width-140 bg-white">查看</el-button> -->
  76 + <el-tooltip placement="top">
  77 + <template #content>
  78 + <p>1）可上传的音频格式：mp3/flac/wav/ogg/mpg/wma/aac/acc/m4a</p>
  79 + <p>2）音频上传过程中，请勿离开此页面或者刷新此页面，否则会导致音频上传任务失败！</p>
  80 + <p>3）音频文件大小上限：500M，数量上限：1。</p>
  81 + </template>
  82 + <el-button class="diy-button width-140 bg-white">查看</el-button>
70 83 </el-form-item>
71 84 <el-divider></el-divider>
72 85 <el-form-item class="diy-flex-50 diy-text-left">
... ... @@ -76,11 +89,14 @@
76 89 </el-form-item>
77 90 <el-form-item class="diy-flex-50 diy-text-right">
78 91 <el-button @click="reset" class="diy-button width-140 bg-white" v-if="form.channelId == 1279">取消</el-button>
79   - <el-button @click="reset" class="diy-button width-140 bg-white" v-else :disabled="!form.audioFile || submitDisabled">取消</el-button>
  92 + <el-button @click="reset" class="diy-button width-140 bg-white" v-else
  93 + :disabled="!form.audioFile || submitDisabled">取消</el-button>
80 94  
81   - <el-button type="danger" class="diy-button width-140 bg-red" @click="submit('songs')" v-if="form.channelId == 1279">确定上传</el-button>
82   - <el-button type="danger" class="diy-button width-140 bg-red" @click="submit('songs')" v-else :disabled="!form.audioFile || submitDisabled">确定上传</el-button>
83   - </el-form-item>
  95 + <el-button type="danger" class="diy-button width-140 bg-red" @click="submit('songs')"
  96 + v-if="form.channelId == 1279">确定上传</el-button>
  97 + <el-button type="danger" class="diy-button width-140 bg-red" @click="submit('songs')" v-else
  98 + :disabled="!form.audioFile || submitDisabled">确定上传</el-button>
  99 + </el-form-item>
84 100 </el-form>
85 101 </div>
86 102 </el-card>
... ...
src/js/audios.js
  View file @90bc89c
... ... @@ -309,6 +309,7 @@ const Audio = {
309 309 fileWholeObj.subscription =
310 310 fileWholeObj.observable.subscribe(observer);
311 311 } else {
  312 + this.reset()
312 313 this.$message({
313 314 type: "error",
314 315 duration: 0,
... ...
webpack.config.js
  View file @90bc89c
... ... @@ -11,7 +11,7 @@ module.exports = {
11 11 entry: path.join(__dirname, "src", "/js/audios.js"), //__dirname指的是当前目录,是目录形成绝对路径
12 12 output: {
13 13 //输入的文件名
14   - filename: "bgdh.js",
  14 + filename: "dada.js",
15 15 // filename: '[name].[hash:7].js',
16 16 publicPath: "/",
17 17 //输入的路径 webpack会自动打包生成
... ... @@ -25,7 +25,7 @@ module.exports = {
25 25 //文件中找到的路径
26 26 template: path.join(__dirname, "src", "html/index.html"),
27 27 //打包输出的路径
28   - filename: "bgdh.html",
  28 + filename: "dada.html",
29 29 }),
30 30 new CleanWebpackPlugin(),
31 31 new JavaScriptObfuscator(
... ...