debug

杨泽宇
1 parent c865f975
Showing 6 changed files with 111 additions and 25 deletions
src/html/failed.html
src/html/index.html
src/html/success.html
src/html/test.html
src/js/audios.js
webpack.config.js
@@ -19,6 +19,7 @@
       height: 340px;
       background-color: white;
       border-radius: 12px;
+      max-height: 340px;
     }
     .status-icon {
@@ -50,7 +51,7 @@
         color: #ffffff;
         font-size: 16px;
         background: #F5A623;
-        border-radius: 6px;">我知道了</div>
+        border-radius: 6px;" @click="closeMask">我知道了</div>
       </div>
     </div>
   </div>
@@ -63,6 +64,16 @@
           failedIcon: 'https://wjjtest.ys2.cnliveimg.com/802/img_new/1632289409448.png',
           successIcon: 'https://wjjtest.ys2.cnliveimg.com/802/img_new/1632289443434.png'
         }
+      },
+      mounted() {
+        // 装有iframe的页面监听到内容为【数字】时要给iframe组件重写高度。
+        parent.postMessage(340, '*')
+      },
+      methods: {
+        closeMask() {
+          // 装有iframe的页面监听到内容为【true】时要执行关闭弹窗操作。
+          parent.postMessage(true, '*')
+        }
       }
     }
     Vue.createApp(Success).use(ElementPlus).mount("#success");
@@ -70,9 +70,9 @@
           </el-form-item>
           <el-divider></el-divider>
           <el-form-item class="diy-flex-50 diy-text-left">
-            <span class="diy-tip">{{form.audioFile?.name}} </span>
-            <span class="diy-tip" v-if="percent > 0 && percent < 100"> 已上传{{Math.ceil(percent)}}%，请耐心等待……</span>
-            <span class="diy-tip" v-if="percent == 100"> 上传完成</span>
+            <div class="diy-tip">{{form.audioFile?.name}} </div>
+            <div class="diy-tip" v-if="percent > 0 && percent < 100"> 已上传{{Math.ceil(percent)}}%，请耐心等待……</div>
+            <div class="diy-tip" v-if="percent == 100"> 上传完成</div>
           </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>
@@ -19,7 +19,9 @@
       height: 340px;
       background-color: white;
       border-radius: 12px;
+      max-height: 340px;
     }
+
     .status-icon {
       margin: 0 auto;
       width: 126px;
@@ -31,7 +33,9 @@
 <body id="body">
   <div id="success" class="page-container">
     <div class="status-container">
-      <div class="status-icon" style="background-position: center; background-repeat: no-repeat; background-size: contain;" :style="{backgroundImage:'url(' + successIcon + ')'}">
+      <div class="status-icon"
+        style="background-position: center; background-repeat: no-repeat; background-size: contain;"
+        :style="{backgroundImage:'url(' + successIcon + ')'}">
       </div>
       <div style="text-align: center; margin-top: 10px;">
@@ -52,7 +56,7 @@
         color: #ffffff;
         font-size: 16px;
         background: #F5A623;
-        border-radius: 6px;">我知道了</div>
+        border-radius: 6px;" @click="closeMask">我知道了</div>
       </div>
     </div>
   </div>
@@ -63,7 +67,17 @@
       data() {
         return {
           failedIcon: 'https://wjjtest.ys2.cnliveimg.com/802/img_new/1632289409448.png',
-          successIcon: 'https://wjjtest.ys2.cnliveimg.com/802/img_new/1632289443434.png'
+          successIcon: 'https://wjjtest.ys2.cnliveimg.com/802/img_new/1632289443434.png',
+        }
+      },
+      mounted() {
+        // 装有iframe的页面监听到内容为【数字】时要给iframe组件重写高度。
+        parent.postMessage(340, '*')
+      },
+      methods: {
+        closeMask() {
+          // 装有iframe的页面监听到内容为【true】时要执行关闭弹窗操作。
+          parent.postMessage(true, '*')
         }
       }
     }
@@ -71,4 +85,4 @@
   </script>
 </body>
 -</html>
+</html>
 \ No newline at end of file
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>CNLive Audio Panel</title>
+  <meta http-equiv="Expires" CONTENT="0">
+  <meta http-equiv="Cache-Control" CONTENT="no-cache">
+  <meta http-equiv="Pragma" CONTENT="no-cache">
+  <link rel="shortcut icon" href="/cms.ico" />
+  <link rel="bookmark" href="/cms.ico" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@1.1.0-beta.12/theme-chalk/index.css">
+  <style>
+    .status-container {
+      margin: 0 auto;
+      padding-top: 40px;
+      width: 420px;
+      height: 340px;
+      background-color: white;
+      border-radius: 12px;
+      max-height: 340px;
+    }
+
+    .status-icon {
+      margin: 0 auto;
+      width: 126px;
+      height: 120px;
+    }
+  </style>
+</head>
+
+<body id="body">
+  <div id="success" class="page-container">
+    <iframe src="file:///E:/codes/projects/cms_songs/src/html/success.html" id="tengxi" frameborder="1/0" height="1000" name="征集" scrolling="no" width="900"></iframe>
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/vue@3.2.11/dist/vue.global.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/element-plus"></script>
+  <script>
+    const Success = {
+      data() {
+        return {
+          failedIcon: 'https://wjjtest.ys2.cnliveimg.com/802/img_new/1632289409448.png',
+          successIcon: 'https://wjjtest.ys2.cnliveimg.com/802/img_new/1632289443434.png',
+        }
+      },
+      mounted() {
+        console.log('parent mounted')
+        window.addEventListener('message', function (e) {
+          console.log(e.data)
+          document.getElementById('tengxi').height = e.data
+        }, false)
+      },
+      methods: {
+        
+      }
+    }
+    Vue.createApp(Success).use(ElementPlus).mount("#success");
+  </script>
+</body>
+
+</html>
 \ No newline at end of file
@@ -2,6 +2,9 @@ import * as all from &quot;./config&quot;;
 require("./../css/test.css");
 // Init Vue
 const Audio = {
+  created() {
+    parent.postMessage(1000, '*')
+  },
   data() {
     return {
       form: {
@@ -11,7 +11,7 @@ module.exports = {
   entry: path.join(__dirname, "src", "/js/audios.js"), //__dirname指的是当前目录,是目录形成绝对路径
   output: {
     //输入的文件名
-    filename: "tengxi.js",
+    filename: "bgdh.js",
     // filename: '[name].[hash:7].js',
     publicPath: "/",
     //输入的路径  webpack会自动打包生成
@@ -25,7 +25,7 @@ module.exports = {
       //文件中找到的路径
       template: path.join(__dirname, "src", "html/index.html"),
       //打包输出的路径
-      filename: "tengxi.html",
+      filename: "bgdh.html",
     }),
     new CleanWebpackPlugin(),
     new JavaScriptObfuscator(
@@ -33,22 +33,17 @@ module.exports = {
         compact: true, //压缩代码
         controlFlowFlattening: true, //是否启用控制流扁平化(降低1.5倍的运行速度)
         controlFlowFlatteningThreshold: 1, //应用概率;在较大的代码库中，建议降低此值，因为大量的控制流转换可能会增加代码的大小并降低代码的速度。
-        deadCodeInjection: true, //随机的死代码块(增加了混淆代码的大小)
-        // deadCodeInjectionThreshold: 1, //死代码块的影响概率
-        debugProtection: true, //此选项几乎不可能使用开发者工具的控制台选项卡
-        debugProtectionInterval: true, //如果选中，则会在“控制台”选项卡上使用间隔强制调试模式，从而更难使用“开发人员工具”的其他功能。
-        disableConsoleOutput: true, //通过用空函数替换它们来禁用console.log，console.info，console.error和console.warn。这使得调试器的使用更加困难。
-        // identifierNamesGenerator: "hexadecimal", //标识符的混淆方式 hexadecimal(十六进制) mangled(短标识符)
-        // log: false,
-        renameGlobals: true, //是否启用全局变量和函数名称的混淆
-        rotateStringArray: true, //通过固定和随机（在代码混淆时生成）的位置移动数组。这使得将删除的字符串的顺序与其原始位置相匹配变得更加困难。如果原始源代码不小，建议使用此选项，因为辅助函数可以引起注意。
-        selfDefending: true, //混淆后的代码,不能使用代码美化,同时需要配置 cpmpat:true;
-        cpmpat:true,
-        stringArray: true, //删除字符串文字并将它们放在一个特殊的数组中
-        // // stringArrayEncoding: "rc4",
-        // stringArrayThreshold: 1,
-        transformObjectKeys: true,
-        unicodeEscapeSequence: false,
+        // deadCodeInjection: true, //随机的死代码块(增加了混淆代码的大小)
+        // debugProtection: true, //此选项几乎不可能使用开发者工具的控制台选项卡
+        // debugProtectionInterval: true, //如果选中，则会在“控制台”选项卡上使用间隔强制调试模式，从而更难使用“开发人员工具”的其他功能。
+        // disableConsoleOutput: true, //通过用空函数替换它们来禁用console.log，console.info，console.error和console.warn。这使得调试器的使用更加困难。
+        // renameGlobals: true, //是否启用全局变量和函数名称的混淆
+        // rotateStringArray: true, //通过固定和随机（在代码混淆时生成）的位置移动数组。这使得将删除的字符串的顺序与其原始位置相匹配变得更加困难。如果原始源代码不小，建议使用此选项，因为辅助函数可以引起注意。
+        // selfDefending: true, //混淆后的代码,不能使用代码美化,同时需要配置 cpmpat:true;
+        // cpmpat:true,
+        // stringArray: true, //删除字符串文字并将它们放在一个特殊的数组中
+        // transformObjectKeys: true,
+        // unicodeEscapeSequence: false,
       },
       []
     ),