Merge branch 'ft' into 'main_dev'

perf(assets/external/headbackground): 移除大标题背景的第7张，线上环境会乱码显示，调整大标题2默认高度和字体大小

See merge request yunteng/thingskit-view!36

@@ -119,7 +119,7 @@ const uploadFileListRef = ref()
 
 
 const selectBgOptions = ref<Array<SelectOption>>([])
 const selectBgOptions = ref<Array<SelectOption>>([])
 
 
-const selectValue = ref('')
+const selectValue = ref('headerBg08')
 
 
 // TODO待封装 成传文件夹名字获取下面所有图片
 // TODO待封装 成传文件夹名字获取下面所有图片
 const getFetchImages = () => {
 const getFetchImages = () => {
@@ -183,10 +183,11 @@ const handleChange = (value: boolean) => {
 const clearImage = () => {
 const clearImage = () => {
   props.optionData.backgroundImage = ''
   props.optionData.backgroundImage = ''
   props.optionData.bgSrc = ''
   props.optionData.bgSrc = ''
+  selectValue.value = ''
 }
 }
 </script>
 </script>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-$uploadWidth: 215px;
+// $uploadWidth: 215px;
 $uploadHeight: 193px;
 $uploadHeight: 193px;
 .upload-box {
 .upload-box {
   cursor: pointer;
   cursor: pointer;
@@ -198,7 +199,7 @@ $uploadHeight: 193px;
     }
     }
     .n-upload-dragger {
     .n-upload-dragger {
       padding: 5px;
       padding: 5px;
-      width: $uploadWidth;
+      // width: $uploadWidth;
     }
     }
   }
   }
   .upload-show {
   .upload-show {

@@ -11,10 +11,10 @@ export const option = {
     y: 0,
     y: 0,
     w: 1920,
     w: 1920,
     h: 100,
     h: 100,
-    size: 20,
+    size: 40,
     textPos:{
     textPos:{
       x: 50,
       x: 50,
-      y: 10,
+      y: 30,
     },
     },
     gradient: {
     gradient: {
       from: '#0000FFFF',
       from: '#0000FFFF',

@@ -66,7 +66,7 @@ const props = defineProps({
 
 
 //修改默认宽高
 //修改默认宽高
 props.chartConfig.attr.w=1920
 props.chartConfig.attr.w=1920
-props.chartConfig.attr.h=180
+props.chartConfig.attr.h=130
 
 
 const { w, h } = toRefs(props.chartConfig.attr)
 const { w, h } = toRefs(props.chartConfig.attr)
 
 

 <template>
 <template>
   <div class="go-content-box" :style="{ width: w + 'px', height: h + 'px' }">
   <div class="go-content-box" :style="{ width: w + 'px', height: h + 'px' }">
-    <video id="my-player" ref="videoRef" class="video-js my-video vjs-theme-city vjs-big-play-centered">
+    <video  id="my-player" ref="videoRef" class="video-js my-video vjs-theme-city vjs-big-play-centered">
       <source :src="dataset" />
       <source :src="dataset" />
     </video>
     </video>
   </div>
   </div>
@@ -37,6 +37,7 @@ const options: VideoJsPlayerOptions = {
   autoplay: true, // 是否自动播放
   autoplay: true, // 是否自动播放
   fluid: false, // 自适应宽高
   fluid: false, // 自适应宽高
   src: dataset?.value, // 要嵌入的视频源的源 URL
   src: dataset?.value, // 要嵌入的视频源的源 URL
+  muted:true,
   userActions: {
   userActions: {
     hotkeys: true
     hotkeys: true
   }
   }
@@ -64,6 +65,9 @@ watch(
     props.chartConfig.option.dataset = newData
     props.chartConfig.option.dataset = newData
     videoPlayer?.src(newData)
     videoPlayer?.src(newData)
     videoPlayer?.play()
     videoPlayer?.play()
+  },
+  {
+    immediate: true
   }
   }
 )
 )
 </script>
 </script>

@@ -135,15 +135,15 @@ export const useSyncRemote = () => {
 
 
   // * 定时处理
   // * 定时处理
   const intervalDataSyncUpdate = () => {
   const intervalDataSyncUpdate = () => {
-    // 定时获取数据
-    const syncTiming = setInterval(() => {
-      dataSyncUpdate()
-    }, saveInterval * 1000)
+    // // 定时获取数据
+    // const syncTiming = setInterval(() => {
+    //   dataSyncUpdate()
+    // }, saveInterval * 1000)
 
 
-    // 销毁
-    onUnmounted(() => {
-      clearInterval(syncTiming)
-    })
+    // // 销毁
+    // onUnmounted(() => {
+    //   clearInterval(syncTiming)
+    // })
   }
   }
   return {
   return {
     dataSyncFetch,
     dataSyncFetch,