From 88bc1ed146fc4818c067a75c434765a9d7faebff Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 30 Mar 2022 11:01:01 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20url=E7=BB=84=E4=BB=B6=E6=96=87?=
 =?UTF-8?q?=E6=A1=88=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/ComponentWrapper.vue |  1 +
 .../canvas/custom-component/DeFrame.vue           | 15 +++++++++++++--
 frontend/src/lang/en.js                           |  2 +-
 frontend/src/lang/tw.js                           |  2 +-
 frontend/src/lang/zh.js                           |  2 +-
 5 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index 097fc9410b..166baa82ac 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -35,6 +35,7 @@
         :edit-mode="'preview'"
         :filters="filters"
         :terminal="terminal"
+        :screen-shot="screenShot"
       />
     </div>
   </div>
diff --git a/frontend/src/components/canvas/custom-component/DeFrame.vue b/frontend/src/components/canvas/custom-component/DeFrame.vue
index ed1c3ceb42..44f412cf75 100644
--- a/frontend/src/components/canvas/custom-component/DeFrame.vue
+++ b/frontend/src/components/canvas/custom-component/DeFrame.vue
@@ -1,12 +1,13 @@
 <template>
   <el-row class="main-frame">
     <div v-if="element.frameLinks.src" class="main-frame">
-      <iframe id="iframe" :src="element.frameLinks.src" scrolling="auto" frameborder="0" class="main-frame" />
+      <iframe id="iframe" :src="element.frameLinks.src" scrolling="auto" frameborder="0" class="main-frame" @load="loaded" @error="onError" />
       <div v-if="editMode==='edit'" class="frame-mask">
         <span style="opacity: 1;">
           <span style="font-weight: bold;color: lawngreen;">{{ $t('panel.edit_web_tips') }}</span>
         </span>
       </div>
+      <div v-if="screenShot" class="frame-mask" />
     </div>
     <div v-else class="info-class">
       {{ $t('panel.web_add_tips') }}
@@ -18,7 +19,7 @@
 import { mapState } from 'vuex'
 import NProgress from 'nprogress'
 export default {
-  name: 'DeVideo',
+  name: 'DeFrame',
   props: {
     propValue: {
       type: String,
@@ -36,6 +37,10 @@ export default {
       type: Boolean,
       require: false,
       default: false
+    },
+    screenShot: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -59,6 +64,12 @@ export default {
   mounted() {
   },
   methods: {
+    loaded(e) {
+      console.log('loaded:', e)
+    },
+    onError(e) {
+      console.log('onError:', e)
+    }
 
   }
 }
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index 9fada9054e..2c470284b6 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -1395,7 +1395,7 @@ export default {
     board_radio: 'Board Radio',
     background: 'Background',
     component_style: 'component Style',
-    web_set_tips: 'Some Websites Cannot Be Displayed Because Of Cross Domain Problems  ',
+    web_set_tips: 'Some Websites Cannot Be Displayed Because Of Not Allow Embedded ',
     repeat_params: 'Repeat Params Exist',
     enable_outer_param_set: 'Enable Outer Param Set',
     select_param: 'Please Select Param...',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index a460c78cb8..1f6189b5c6 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -1396,7 +1396,7 @@ export default {
     board_radio: '边框半径',
     background: '背景',
     component_style: '组件样式',
-    web_set_tips: '部分网站可能存在跨域问题无法显示',
+    web_set_tips: '部分网站可能设置不允许嵌入而无法显示',
     repeat_params: '存在名称重复的参数',
     enable_outer_param_set: '启用外部参数设置',
     select_param: '请选择参数...',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index 63a9a14f2c..ca968c0fee 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -1404,7 +1404,7 @@ export default {
     board_radio: '边框半径',
     background: '背景',
     component_style: '组件样式',
-    web_set_tips: '部分网站可能存在跨域问题无法显示',
+    web_set_tips: '部分网站可能设置不允许嵌入而无法显示',
     repeat_params: '存在名称重复的参数',
     enable_outer_param_set: '启用外部参数设置',
     select_param: '请选择参数...',