生成行程特色dom

src/App.vue

@@ -40,6 +40,7 @@ const ConfigIdStore = useScreenStore()
 const marketStore = useScreenStore()
 const isModelStore = useScreenStore()
 const TempIdStore = useScreenStore()
+const pageIndexStore = useScreenStore()
 const { databaseId } = storeToRefs(mainStore)
 const { screening, market, model, ConfigId } = storeToRefs(useScreenStore())
 const { userInfo } = storeToRefs(userStore())
@@ -52,9 +53,18 @@ const userLoginHandler = async ()=>{
   let userId = 1
   let ConfigId = 0 // 9117
   let model = 0
+  let TempId = 1
+  let pageIndex = 0
   if(param.uid) userId=parseInt(param.uid)
   if(param.ConfigId) ConfigId=parseInt(param.ConfigId)
   if(param.model) model=parseInt(param.model)
+  if(param.TempId) {
+    TempId=parseInt(param.TempId) 
+    pageIndex=parseInt(param.pageIndex) 
+    TempIdStore.setTempId(TempId)
+    pageIndexStore.setPageIndex(pageIndex)
+    marketStore.setMarket(!market)
+  }
   ConfigIdStore.setConfigId(ConfigId)
   modelStore.setModel(model)
   if(!userInfo.value.EmployeeId){

src/store/screen.ts

@@ -15,7 +15,7 @@ export interface ScreenState {
   dataLoading: number,
   FeatureImg: any,
   SourceLoading: boolean,
-  
+  pageIndex: number,
 }
 
 export const useScreenStore = defineStore('screen', {
@@ -33,6 +33,7 @@ export const useScreenStore = defineStore('screen', {
     dataLoading: 0, // 记录保存是否成功
     FeatureImg: [], // 行程特色图
     SourceLoading: false, // 记录数据源是否更改
+    pageIndex: 0,//需要生成图的行程特色
   }),
 
   actions: {
@@ -77,6 +78,9 @@ export const useScreenStore = defineStore('screen', {
     },
     setSourceLoading(SourceLoading: boolean) {
       this.SourceLoading = SourceLoading
+    },
+    setPageIndex(pageIndex: number){
+      this.pageIndex = pageIndex
     }
   },
 })
\ No newline at end of file

src/views/Editor/Thumbnails/index.vue

@@ -44,6 +44,20 @@
 
     <div class="page-number">幻灯片 {{slideIndex + 1}} / {{slides.length}}</div>
   </div>
+  <div v-if="model&&model==3" style="opacity: 1;position: fixed;left: 0;right: 0; top: 0;bottom: 0;overflow: auto;z-index: 999999;">
+    <div class="export-img-dialog">
+      <div class="thumbnails-view">
+        <div class="thumbnails" v-for="slide in slides">
+          <ThumbnailSlide 
+            class="thumbnail" 
+            :key="slide.id" 
+            :slide="slide" 
+            :size="viewportRatio==0.7069?1754:1240" 
+          />
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -74,14 +88,14 @@ const slidesStore = useSlidesStore()
 const layoutsStore = useSlidesStore()
 const keyboardStore = useKeyboardStore()
 const { selectedSlidesIndex: _selectedSlidesIndex, thumbnailsFocus } = storeToRefs(mainStore)
-const { slides, currentSlide, slideIndex, layoutSlides } = storeToRefs(slidesStore)
+const { slides, currentSlide, slideIndex, layoutSlides, viewportRatio } = storeToRefs(slidesStore)
 const { ctrlKeyState, shiftKeyState } = storeToRefs(keyboardStore)
 
 const { slidesLoadLimit } = useLoadSlides()
 const TemplateTypeStore = useScreenStore()
 const CoverImgStore = useScreenStore()
 const dataLoadingStore = useScreenStore()
-const { ConfigId, TemplateDataSource, TemplateType, dataLoading, TempId, SourceLoading } = storeToRefs(TemplateTypeStore)
+const { model, ConfigId, TemplateDataSource, TemplateType, dataLoading, TempId, SourceLoading } = storeToRefs(TemplateTypeStore)
 const selectedSlidesIndex = computed(() => [..._selectedSlidesIndex.value, slideIndex.value])
 const { setNewDatasList } = useEditor()
 

src/views/Editor/Toolbar/ElementTemplateData.vue

@@ -129,7 +129,7 @@
 
     <!-- 生成封面图 -->
     <div style="opacity: 0;position: absolute;left: 100px;top: 0;bottom: 0;z-index: -1;" 
-    v-if="model&&slides.length>0&&slideIndex>=0">
+    v-if="model&&model==1&&slides.length>0&&slideIndex>=0">
         <div class="export-img-dialog">
           <div class="thumbnails-view">
             <div class="thumbnails" ref="FeatureImgRef">