修复 erp 行程特色图 固定宽

src/views/Editor/index.vue

@@ -29,16 +29,15 @@
   >
     <ExportDialog />
   </Modal>
-  <div v-if="model&&model==3" 
-  style="opacity: 1;position: fixed;left: 0;right: 0; top: 0;bottom: 0;overflow: auto;z-index: 99999999;">
+  <div v-if="model&&model==3" style="position: fixed;left: 0;right: 0;top: 0;bottom: 0; overflow: auto;">
     <div class="export-img-dialog">
-      <div class="thumbnails-view">
+      <div class="thumbnails-view" ref="refThumbnails">
         <div class="thumbnails" v-for="slide in slides">
-          <ThumbnailSlide 
+          <ThumbnailSlide
             class="thumbnail" 
             :key="slide.id" 
             :slide="slide" 
-            :size="(viewportRatio<1 ? VIEWPORT_SIZE : VIEWPORT_VER_SIZE )" 
+            :size="param.w?param.w:(viewportRatio<1 ? VIEWPORT_SIZE : VIEWPORT_VER_SIZE )" 
           />
         </div>
       </div>
@@ -54,6 +53,8 @@ import { useMainStore, useSlidesStore, useScreenStore } from '@/store'
 import useGlobalHotkey from '@/hooks/useGlobalHotkey'
 import usePasteEvent from '@/hooks/usePasteEvent'
 import { injectKeyDataSource, injectKeyTemplate } from '@/types/injectKey'
+import { query } from '@/utils/common'
+import { domainManager } from '@/utils/domainManager'
 
 import EditorHeader from './EditorHeader/index.vue'
 import Canvas from './Canvas/index.vue'
@@ -84,6 +85,9 @@ searchData.value = inject(injectKeyTemplate)
 let TempIds = 0
 if(searchData.value.TempId) TempIds = searchData.value.TempId
 else if(TempId.value) TempIds = TempId.value
+const refThumbnails = ref(null)
+const param = ref("")
+param.value = query()
 const datas = reactive({
     DataSource:{
         TravelAatas:{},
@@ -113,6 +117,19 @@ const datas = reactive({
 watch(() => datas.DataSource, () => {
   provide(injectKeyDataSource,datas.DataSource)
 })
+watch(() => refThumbnails.value, () => {
+  setTimeout(()=>{
+    getDomeWH()
+  },1000)
+})
+const getDomeWH = async () => {
+  if(refThumbnails.value){
+    let height = await refThumbnails.value.offsetHeight;
+    console.log(height,'-------行程特色高')
+    window.parent.postMessage(`行程特色高-${height}`, `${domainManager().notificationUrl}`);
+  }
+}
+
 // 数据源
 const GetTripFiled = async () =>{
     try {