From d697dbb66bac4ca63547a24968615eaf170ba785 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Fri, 1 Apr 2022 11:55:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=E7=9A=84url?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E5=8F=AF=E4=BB=A5=E8=87=AA=E5=8A=A8=E5=8A=A0?=
 =?UTF-8?q?=E4=B8=8Ahttp=E5=A4=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/FrameLinks.vue          |  2 ++
 .../canvas/components/Editor/Hyperlinks.vue          |  2 ++
 .../canvas/components/Editor/StreamMediaLinks.vue    | 12 +++++++-----
 .../canvas/components/Editor/VideoLinks.vue          |  2 ++
 .../canvas/custom-component/DeStreamMedia.vue        |  4 ++--
 frontend/src/utils/urlUtils.js                       |  9 +++++++++
 frontend/src/views/panel/LinkJumpSet/index.vue       |  8 +++++---
 7 files changed, 29 insertions(+), 10 deletions(-)
 create mode 100644 frontend/src/utils/urlUtils.js

diff --git a/frontend/src/components/canvas/components/Editor/FrameLinks.vue b/frontend/src/components/canvas/components/Editor/FrameLinks.vue
index b7f918dd96..351728af6a 100644
--- a/frontend/src/components/canvas/components/Editor/FrameLinks.vue
+++ b/frontend/src/components/canvas/components/Editor/FrameLinks.vue
@@ -27,6 +27,7 @@
 <script>
 import { mapState } from 'vuex'
 import { deepCopy } from '@/components/canvas/utils/utils'
+import { checkAddHttp } from '@/utils/urlUtils'
 
 export default {
   props: {
@@ -69,6 +70,7 @@ export default {
       this.linkInfoTemp = deepCopy(this.linkInfo)
     },
     onSubmit() {
+      this.linkInfoTemp.src = checkAddHttp(this.linkInfoTemp.src)
       this.curComponent.frameLinks = this.linkInfoTemp
       this.$store.state.styleChangeTimes++
       this.popoverClose()
diff --git a/frontend/src/components/canvas/components/Editor/Hyperlinks.vue b/frontend/src/components/canvas/components/Editor/Hyperlinks.vue
index 3dc137c3e1..05bc9e8d55 100644
--- a/frontend/src/components/canvas/components/Editor/Hyperlinks.vue
+++ b/frontend/src/components/canvas/components/Editor/Hyperlinks.vue
@@ -35,6 +35,7 @@
 <script>
 import { mapState } from 'vuex'
 import { deepCopy } from '@/components/canvas/utils/utils'
+import { checkAddHttp } from '@/utils/urlUtils'
 
 export default {
   props: {
@@ -60,6 +61,7 @@ export default {
   },
   methods: {
     onSubmit() {
+      this.linkInfo.content = checkAddHttp(this.linkInfo.content)
       this.curComponent.hyperlinks = deepCopy(this.linkInfo)
       this.$store.state.styleChangeTimes++
       this.popoverClose()
diff --git a/frontend/src/components/canvas/components/Editor/StreamMediaLinks.vue b/frontend/src/components/canvas/components/Editor/StreamMediaLinks.vue
index a018bf61dd..e2f433cc37 100644
--- a/frontend/src/components/canvas/components/Editor/StreamMediaLinks.vue
+++ b/frontend/src/components/canvas/components/Editor/StreamMediaLinks.vue
@@ -13,6 +13,9 @@
             <!--            <el-radio :label="'hls'">HLS 直播</el-radio>-->
             <!--                    <el-radio :label="'rtmp'">{{$t('panel.streaming_media')}}</el-radio>-->
           </el-radio-group>
+          <span style="color: #909399; font-size: 8px;margin-left: 3px">
+            Tips:{{ $t('panel.live_tips') }}
+          </span>
         </el-form-item>
         <el-row v-if="streamMediaInfoTemp.videoType==='flv'">
           <el-form-item :label="$t('panel.is_live')">
@@ -20,9 +23,6 @@
               <el-radio :label="true">{{ $t('panel.yes') }}</el-radio>
               <el-radio :label="false">{{ $t('panel.no') }}</el-radio>
             </el-radio-group>
-            <span style="color: #909399; font-size: 8px;margin-left: 3px">
-              Tips:{{ $t('panel.live_tips') }}
-            </span>
           </el-form-item>
           <el-form-item v-if="!streamMediaInfoTemp[streamMediaInfoTemp.videoType].isLive" :label="$t('panel.auto_play')">
             <el-switch v-model="streamMediaInfoTemp[streamMediaInfoTemp.videoType].autoplay" size="mini" />
@@ -50,7 +50,8 @@
 <script>
 import { mapState } from 'vuex'
 import { deepCopy } from '@/components/canvas/utils/utils'
-import bus from "@/utils/bus";
+import bus from '@/utils/bus'
+import { checkAddHttp } from '@/utils/urlUtils'
 
 export default {
   props: {
@@ -93,9 +94,10 @@ export default {
       this.streamMediaInfoTemp = deepCopy(this.linkInfo)
     },
     onSubmit() {
+      this.streamMediaInfoTemp[this.streamMediaInfoTemp.videoType].url = checkAddHttp(this.streamMediaInfoTemp[this.streamMediaInfoTemp.videoType].url)
       this.curComponent.streamMediaLinks = this.streamMediaInfoTemp
       this.$store.state.styleChangeTimes++
-      bus.$emit('streamMediaLinksChange')
+      bus.$emit('streamMediaLinksChange-' + this.curComponent.id)
       this.popoverClose()
     },
     onClose() {
diff --git a/frontend/src/components/canvas/components/Editor/VideoLinks.vue b/frontend/src/components/canvas/components/Editor/VideoLinks.vue
index d0dc3de5e7..616cead784 100644
--- a/frontend/src/components/canvas/components/Editor/VideoLinks.vue
+++ b/frontend/src/components/canvas/components/Editor/VideoLinks.vue
@@ -42,6 +42,7 @@
 <script>
 import { mapState } from 'vuex'
 import { deepCopy } from '@/components/canvas/utils/utils'
+import { checkAddHttp } from '@/utils/urlUtils'
 
 export default {
   props: {
@@ -84,6 +85,7 @@ export default {
       this.linkInfoTemp = deepCopy(this.linkInfo)
     },
     onSubmit() {
+      this.linkInfoTemp[this.linkInfoTemp.videoType].sources[0].src = checkAddHttp(this.linkInfoTemp[this.linkInfoTemp.videoType].sources[0].src)
       this.curComponent.videoLinks = this.linkInfoTemp
       this.$store.state.styleChangeTimes++
       this.popoverClose()
diff --git a/frontend/src/components/canvas/custom-component/DeStreamMedia.vue b/frontend/src/components/canvas/custom-component/DeStreamMedia.vue
index 2fd42b89f7..8488ed4668 100644
--- a/frontend/src/components/canvas/custom-component/DeStreamMedia.vue
+++ b/frontend/src/components/canvas/custom-component/DeStreamMedia.vue
@@ -5,7 +5,7 @@
       <div v-if="editMode==='edit'" class="stream-mask" />
     </div>
     <div v-else class="info-stream-class">
-      {{ $t('panel.stream_media_add_tinitOptionips') }}
+      {{ $t('panel.stream_media_add_tips') }}
     </div>
   </el-row>
 </template>
@@ -69,7 +69,7 @@ export default {
   },
   mounted() {
     this.initOption()
-    bus.$on('streamMediaLinksChange', () => {
+    bus.$on('streamMediaLinksChange-' + this.element.id, () => {
       this.initOption()
     })
   },
diff --git a/frontend/src/utils/urlUtils.js b/frontend/src/utils/urlUtils.js
new file mode 100644
index 0000000000..20f3eaa557
--- /dev/null
+++ b/frontend/src/utils/urlUtils.js
@@ -0,0 +1,9 @@
+export function checkAddHttp(url) {
+  if (!url) {
+    return url
+  } else if (/^(http(s)?:\/\/)/.test(url.toLowerCase())) {
+    return url
+  } else {
+    return 'http://' + url
+  }
+}
diff --git a/frontend/src/views/panel/LinkJumpSet/index.vue b/frontend/src/views/panel/LinkJumpSet/index.vue
index 04b7d96e6c..565d3613a9 100644
--- a/frontend/src/views/panel/LinkJumpSet/index.vue
+++ b/frontend/src/views/panel/LinkJumpSet/index.vue
@@ -52,9 +52,9 @@
                   :disable-branch-nodes="true"
                   :normalizer="normalizer"
                   :placeholder="$t('panel.select_jump_panel')"
-                  :noChildrenText="$t('commons.treeselect.no_children_text')"
-                  :noOptionsText="$t('commons.treeselect.no_options_text')"
-                  :noResultsText="$t('commons.treeselect.no_results_text')"
+                  :no-children-text="$t('commons.treeselect.no_children_text')"
+                  :no-options-text="$t('commons.treeselect.no_options_text')"
+                  :no-results-text="$t('commons.treeselect.no_results_text')"
                   style="margin-right: 10px"
                   @select="panelNodeClick"
                   @input="inputVal"
@@ -166,6 +166,7 @@ import { groupTree } from '@/api/panel/panel'
 import { detailList } from '@/api/panel/panelView'
 import { mapState } from 'vuex'
 import { deepCopy } from '@/components/canvas/utils/utils'
+import { checkAddHttp } from '@/utils/urlUtils'
 
 export default {
   components: { },
@@ -271,6 +272,7 @@ export default {
       this.$emit('closeJumpSetDialog')
     },
     save() {
+      this.linkJumpInfo.content = checkAddHttp(this.linkJumpInfo.content)
       updateJumpSet(this.linkJump).then(rsp => {
         this.$message({
           message: '保存成功',