2023-11-23-1

src/component/HomePage/MoodboardUpload.vue

@@ -18,7 +18,7 @@
                 </div>
                 <div
                     @click.stop="open(3)"
-                    class="switch_type_item Guide_1_4"
+                    class="switch_type_item Guide_ Guide_1_4"
                     :class="[openClick == 3 ? 'select_swtich' : '']"
                 >
                     <span>{{ $t('MoodboardUpload.Generate') }}</span>
@@ -109,14 +109,14 @@
             ></Generate>
         </div>
         <div v-show="moodboarList.length" class="modal_right">
-			<div class="modal_layout">
+			<div class="modal_layout Guide_ Guide_1_7">
 				<div class="modal_text">
 					<div>
 						{{ $t('MoodboardUpload.Thumbnail') }}
 					</div>
 					<div class="modal_btn started_btn" @click="layout()">{{ $t('MoodboardUpload.layout') }}</div>
 				</div>
-				<div class="modal_img">
+				<div class="modal_img" :class="[driver__.driver?'hideEvents':'']">
 					<div class="modal_img_item" v-for="item,index in moodboarList" :key="item" @click="deleteFile(item)">
 						<img v-lazy="item.imgUrl">
 						<div class="checked" >
@@ -152,7 +152,7 @@
     </div>
 </template>
 <script lang="ts">
-import { defineComponent, h, ref ,computed,nextTick} from "vue";
+import { defineComponent, h, ref ,computed,nextTick,inject} from "vue";
 import { LoadingOutlined } from "@ant-design/icons-vue";
 import { getCookie } from "@/tool/cookie";
 import { getUploadUrl } from "@/tool/util";
@@ -167,7 +167,8 @@ import domTurnImg from '@/tool/domTurnImg'
 import GO from "@/tool/GO";
 import moodb from "@/tool/moodb";
 import { useI18n } from "vue-i18n";
-import { openGuide,driverObj__,driverIndex__ } from "@/tool/guide";
+import { openGuide,driverObj__ } from "@/tool/guide";
+import { driver } from "driver.js";
 export default defineComponent({
     components: { Material, MoodTemplate, Generate,layout },
     setup() {
@@ -186,9 +187,11 @@ export default defineComponent({
 		let modalImg:any= computed(()=>{
 			return store.state.UploadFilesModule.disposeMoodboard
 		})
-		let driverIndex:any = computed(()=>{
-			return store.state.Guide.guide
-		})
+		// let driver__:any = computed(()=>{
+		// 	return store.state.Guide.guide
+		// })
+		let driver__:any = inject('driver__')
+
 		let uploading:any = ref([])
 		let edieShow:any = ref()
 		let {t} = useI18n()
@@ -206,7 +209,7 @@ export default defineComponent({
 			layoutOpen,
 			loadingShow,
 			modalImg,
-			driverIndex,
+			driver__,
 			uploading,
 			edieShow,
 			t,
@@ -261,7 +264,7 @@ export default defineComponent({
 				// }
 			}
 		},
-		driverIndex:{
+		driver__:{
 			handler(newVal,oldVal){
 				if(newVal.index >= 1 && newVal.index <= 2){
 					this.open(newVal.index)
@@ -301,7 +304,10 @@ export default defineComponent({
 				let material:any = this.$refs.Material
 				material.init('Moodboard')
 			}else if (num == 3){
-				driverObj__.moveNext()
+				// let driver = this.store.state.Guide.guide.driver
+				if(this.driver__.driver){
+					driverObj__.moveNext()
+				}
 				// let Generate:any = this.$refs.Generate
 				// Generate.init('generate')
 			}
@@ -455,6 +461,7 @@ export default defineComponent({
 				v.setPitch = false
 			})
 
+
 			nextTick().then(async ()=>{
 				let layoutCentent = document.getElementById('modal_img')
 				let file = await domTurnImg(layoutCentent)
@@ -475,7 +482,7 @@ export default defineComponent({
 				).catch(rv=>{
 					this.loadingShow = false
 				})
-
+				driverObj__.moveNext()
 			})