debug styles

杨泽宇
1 parent 29a934b8
Showing 3 changed files with 29 additions and 12 deletions
src/html/index.html
src/js/audios.js
webpack.config.js
@@ -53,7 +53,8 @@
             <el-input v-model.trim="form.mixing" :maxlength="15" placeholder="请输入混音人名字"></el-input>
           </el-form-item>
           <el-form-item :label="labels.lyric" class="diy-flex-100" prop="lyric">
-            <el-input v-model="form.lyric" maxlength="2500" show-word-limit type="textarea" :rows="10" placeholder="请输入歌词"></el-input>
+            <el-input v-model="form.lyric" maxlength="2500" show-word-limit type="textarea" :rows="10"
+              placeholder="请输入歌词"></el-input>
           </el-form-item>
           <el-form-item :label="labels.phone" class="diy-flex-50" prop="phone">
             <el-input v-model.trim="form.phone" :maxlength="11" placeholder="请输入手机号码"></el-input>
@@ -61,12 +62,24 @@
           <el-form-item :label="labels.name" class="diy-flex-50" prop="name">
             <el-input v-model.trim="form.name" :maxlength="50" placeholder="请输入联系人姓名"></el-input>
           </el-form-item>
-          <el-form-item :label="labels.audioFile" class="diy-flex-100" prop="audioFile">
-            <el-upload class="upload-demo" :action="uploadUrl" :auto-upload="false" :file-list="fileList" accept=".mp3, .flac, .ogg, .wav, .mpg, .wma, .aac, .m4a"
-              @change="getMp3" :on-exceed="exceed" :before-remove="handleRemove" :disabled="btnDisabled" :show-file-list="false">
-              <el-button size="small" type="primary" :disabled="btnDisabled" class="diy-button width-190 bg-blue">选择文件</el-button>
+          <el-form-item :label="labels.audioFile" class="diy-flex-50" prop="audioFile">
+            <el-upload class="upload-demo" :action="uploadUrl" :auto-upload="false" :file-list="fileList"
+              accept=".mp3, .flac, .ogg, .wav, .mpg, .wma, .aac, .m4a" @change="getMp3" :on-exceed="exceed"
+              :before-remove="handleRemove" :disabled="btnDisabled" :show-file-list="false">
+              <el-button size="small" type="primary" :disabled="btnDisabled" class="diy-button width-190 bg-blue">选择文件
+              </el-button>
             </el-upload>
-            <span class="diy-danger">{{msgText}}</span>
+            <!-- <span class="diy-danger">{{msgText}}</span> -->
+          </el-form-item>
+          <el-form-item class="diy-flex-50" label="上传须知">
+            <!-- <el-button class="diy-button width-140 bg-white">查看</el-button> -->
+            <el-tooltip placement="top">
+              <template #content>
+                <p>1）可上传的音频格式：mp3/flac/wav/ogg/mpg/wma/aac/acc/m4a</p>
+                <p>2）音频上传过程中，请勿离开此页面或者刷新此页面，否则会导致音频上传任务失败！</p>
+                <p>3）音频文件大小上限：500M，数量上限：1。</p>
+              </template>
+              <el-button class="diy-button width-140 bg-white">查看</el-button>
           </el-form-item>
           <el-divider></el-divider>
           <el-form-item class="diy-flex-50 diy-text-left">
@@ -76,11 +89,14 @@
           </el-form-item>
           <el-form-item class="diy-flex-50 diy-text-right">
             <el-button @click="reset" class="diy-button width-140 bg-white" v-if="form.channelId == 1279">取消</el-button>
-            <el-button @click="reset" class="diy-button width-140 bg-white" v-else :disabled="!form.audioFile || submitDisabled">取消</el-button>
+            <el-button @click="reset" class="diy-button width-140 bg-white" v-else
+              :disabled="!form.audioFile || submitDisabled">取消</el-button>
-            <el-button type="danger" class="diy-button width-140 bg-red" @click="submit('songs')" v-if="form.channelId == 1279">确定上传</el-button>
-            <el-button type="danger" class="diy-button width-140 bg-red" @click="submit('songs')" v-else :disabled="!form.audioFile || submitDisabled">确定上传</el-button>
-          </el-form-item> 
+            <el-button type="danger" class="diy-button width-140 bg-red" @click="submit('songs')"
+              v-if="form.channelId == 1279">确定上传</el-button>
+            <el-button type="danger" class="diy-button width-140 bg-red" @click="submit('songs')" v-else
+              :disabled="!form.audioFile || submitDisabled">确定上传</el-button>
+          </el-form-item>
         </el-form>
       </div>
     </el-card>
@@ -309,6 +309,7 @@ const Audio = {
                   fileWholeObj.subscription =
                     fileWholeObj.observable.subscribe(observer);
                 } else {
+                  this.reset()
                   this.$message({
                     type: "error",
                     duration: 0,
@@ -11,7 +11,7 @@ module.exports = {
   entry: path.join(__dirname, "src", "/js/audios.js"), //__dirname指的是当前目录,是目录形成绝对路径
   output: {
     //输入的文件名
-    filename: "bgdh.js",
+    filename: "dada.js",
     // filename: '[name].[hash:7].js',
     publicPath: "/",
     //输入的路径  webpack会自动打包生成
@@ -25,7 +25,7 @@ module.exports = {
       //文件中找到的路径
       template: path.join(__dirname, "src", "html/index.html"),
       //打包输出的路径
-      filename: "bgdh.html",
+      filename: "dada.html",
     }),
     new CleanWebpackPlugin(),
     new JavaScriptObfuscator(