| 
					
				 | 
			
			
				@@ -6,6 +6,7 @@ import { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   onUnmounted, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   reactive, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   ref, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  toRef, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   watch 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } from 'vue'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import styles from './index.module.less'; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -15,9 +16,16 @@ import { useRoute } from 'vue-router'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { getGuidance, setGuidance } from './api'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   name: 'attent-guide', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  props: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    type: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      type: String, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      default: '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   emits: ['close'], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   setup(props, { emit }) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const route = useRoute(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    const type = toRef(props.type); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     console.log(route.query); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const data = reactive({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       box: { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -107,7 +115,7 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           ele: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           img: 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            route.query.type == 'preview' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type.value == 'preview' || route.query.type == 'preview' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               ? getImage('attent5.png') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               : getImage('attent4.png'), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           imgStyle: { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -202,7 +210,9 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     onMounted(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       getStepELe(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       window.addEventListener('resize', resetSize); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      eventGlobal.on('teacher-guideInfo', (name: string) => onResetGuide(name)); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      eventGlobal.on('teacher-guideInfo-attend-class', (name: string) => 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        onResetGuide(name) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const resetSize = () => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       getStepELe(); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -210,7 +220,7 @@ export default defineComponent({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     onUnmounted(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       window.removeEventListener('resize', resetSize); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      eventGlobal.off('teacher-guideInfo', onResetGuide); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      eventGlobal.off('teacher-guideInfo-attend-class', onResetGuide); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     const handleNext = () => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       if (data.step >= 4) { 
			 |