add agree button

杨泽宇
1 parent 41eccf54
Showing 3 changed files with 56 additions and 13 deletions
src/css/reui.css
src/html/v2.html
src/js/audio.js
@@ -66,6 +66,12 @@
   left: 190px;
   margin-left: 10px;
 }
+.init-transparent-tooltip {
+  position: absolute; 
+  left: -80px; 
+  top: 6px; 
+  opacity: 0
+}
 .diy-button {
   height: 40px;
   font-size: 16px;
@@ -6,6 +6,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <title>CNLive Audio Panel</title>
   <meta name=renderer  content=webkit>
+  <meta http-equiv="X-UA-Compatible" content="IE=EDGE"/>
   <meta http-equiv="Expires" CONTENT="0">
   <meta http-equiv="Cache-Control" CONTENT="no-cache">
   <meta http-equiv="Pragma" CONTENT="no-cache">
@@ -31,21 +32,20 @@
   <script src="https://cdn.jsdelivr.net/npm/axios@0.17.1/dist/axios.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/qiniu-js@2.5.5/dist/qiniu.min.js"></script>
-  <!-- 本公司资源外链备份 2 -->
-  <!-- <script type="text/javascript">
+  <script type="text/javascript">
     if (typeof axios == 'undefined') {
-      // document.write(unescape("%3Cscript src='' type='text/javascript'%3E%3C/script%3E"));
+      document.write(unescape("%3Cscript src='http://gongongku.cnlive.com/axios.min.js' type='text/javascript'%3E%3C/script%3E"));
     }
     if (typeof Vue == 'undefined') {
-      // document.write(unescape("%3Cscript src='' type='text/javascript'%3E%3C/script%3E"));
+      document.write(unescape("%3Cscript src='http://gongongku.cnlive.com/vue.min.js' type='text/javascript'%3E%3C/script%3E"));
     }
     if (typeof ELEMENT == 'undefined') {
-      // document.write(unescape("%3Cscript src='' type='text/javascript'%3E%3C/script%3E"));
+      document.write(unescape("%3Cscript src='https://cdn.jsdelivr.net/npm/element-ui@2.15.5/lib/index.js' type='text/javascript'%3E%3C/script%3E"));
     }
     if(typeof qiniu == 'undefined') {
-      // document.write(unescape("%3Cscript src='' type='text/javascript'%3E%3C/script%3E"));
+      document.write(unescape("%3Cscript src='http://gongongku.cnlive.com/qiniu.min.js' type='text/javascript'%3E%3C/script%3E"));
     }
-  </script> -->
+  </script>
   <script type="text/javascript">
     if (typeof axios == 'undefined') {
@@ -67,7 +67,7 @@
     var UA = window.navigator.userAgent
     var msie = UA.indexOf("MSIE")
     if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
-      alert("为了您的数据安全，请使用新版本Chrome内核浏览器阅览本站内容！")
+      alert("为了您的数据安全，请使用新版本谷歌(google chrome)、火狐(Firefox)、QQ、360等浏览器阅览本站内容！")
       // location.href = 'version.html'
     }
   </script>
@@ -140,10 +140,24 @@
                 <p>1）可上传的音频格式：mp3/flac/wav/ogg/mpg/wma/aac/acc/m4a。</p>
                 <p>2）音频上传过程中，请勿离开此页面或者刷新此页面，否则会导致音频上传任务失败！</p>
                 <p>3）音频文件大小上限：500M，数量上限：1。</p>
-              </div>
+              </div> 
               <el-button type="text" size="mini" class="title-small init-tooltip">上传须知</el-button>
             </el-tooltip>
           </el-form-item>
+          <el-form-item class="diy-flex-50" prop="agree">
+            <label slot="label">作曲授权</label>
+            <el-checkbox-group v-model="form.agree">
+              <el-checkbox label="" name="type" :disabled="banAgree"></el-checkbox>
+            </el-checkbox-group>
+            <el-tooltip placement="top">
+              <div slot="content">
+                <p>征歌作品须为作者原创。</p>
+                <p>未以任何形式公开发表，未参加任何评奖评选，不存在版权纠纷。</p>
+                <p>报送参加本次征集评选，即视为授权空军拥有该作品完整版权。</p>
+              </div> 
+              <el-button type="text" size="mini" class="title-small init-transparent-tooltip">作曲授权</el-button>
+            </el-tooltip>
+          </el-form-item>
           <el-divider></el-divider>
           <el-form-item class="diy-flex-50 diy-text-left">
             <div>
@@ -17,6 +17,7 @@ var Main = {
         name: null,
         audioId: null,
         audioFile: null,
+        agree: []
       },
       labels: all.formLabels,
       rules: {
@@ -30,6 +31,9 @@ var Main = {
         name: [
           { required: true, trigger: "change", message: "请填写联系人姓名" },
         ],
+        agree: [
+          { required: true, trigger: "change", message: "请进行作曲授权" },
+        ],
         phone: [
           {
             required: true,
@@ -80,6 +84,7 @@ var Main = {
       percent: 0,
       curFile: "",
       errorMsg: "",
+      banAgree: false
     };
   },
   methods: {
@@ -172,6 +177,7 @@ var Main = {
       this.$refs[formName].validate((valid) => {
         if (valid) {
           this.errorMsg = ''
+          this.banAgree = true
           this.submitDisabled = true;
           this.btnDisabled = true;
           if (this.form.channelId == 1279) {
@@ -255,6 +261,7 @@ var Main = {
                       // that.reset();
                       this.submitDisabled = false;
                       this.btnDisabled = false;
+                      this.banAgree = false
                       return false;
                     } else {
                       let apiComplete =
@@ -290,6 +297,7 @@ var Main = {
                       // that.reset()
                       this.submitDisabled = false;
                       this.btnDisabled = false;
+                      this.banAgree = false
                     }
                   })
                   .catch((error) => {
@@ -297,6 +305,7 @@ var Main = {
                     // that.reset();
                     this.submitDisabled = false;
                     this.btnDisabled = false;
+                    this.banAgree = false
                   });
               },
             };
@@ -326,6 +335,7 @@ var Main = {
                   // this.reset();
                   this.submitDisabled = false;
                   this.btnDisabled = false;
+                  this.banAgree = false
                   return false;
                 }
                 fileBaseObj.md5 = n;
@@ -371,6 +381,7 @@ var Main = {
                     // this.reset();
                     this.submitDisabled = false;
                     this.btnDisabled = false;
+                    this.banAgree = false
                   }
                 }
               })
@@ -379,6 +390,7 @@ var Main = {
                 // this.reset()
                 this.submitDisabled = false;
                 this.btnDisabled = false;
+                this.banAgree = false
               });
           }
         } else {
@@ -386,6 +398,7 @@ var Main = {
           this.errorMsg = '请检查表单内容'
           this.submitDisabled = false;
           this.btnDisabled = false;
+          this.banAgree = false
           return false;
         }
       });
@@ -455,13 +468,20 @@ var Main = {
     },
     // cms接口提交videoId和表单内容
     postCms() {
-      this.form.lyric = this.addBr(this.form.lyric)
       all
         .request({
           // url: "http://cmstest.cnlive.com:8768/contentApi/audioSave",
           url: "https://cms.cnlive.com/api/contentApi/audioSave",
           method: "post",
-          params: this.form,
+          params: {
+            channelId: this.form.channelId,
+            songName: this.form.songName,
+            singer: this.form.singer,
+            lyric: this.addBr(this.form.lyric),
+            phone: this.form.phone,
+            name: this.form.name,
+            audioId: this.form.audioId
+          },
           withCredentials: true,
           headers: {
             "X-Requested-With": "XMLHttpRequest",
@@ -490,8 +510,11 @@ var Main = {
           }, 1000);
         })
         .finally(() => {
-          this.btnDisabled = false;
-          this.submitDisabled = false;
+          setTimeout(() => {
+            this.btnDisabled = false;
+            this.submitDisabled = false;
+            this.banAgree = false            
+          }, 1000);
         });
     },
     // 获取txt文件内容，暂未启用