|  | @@ -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) {
 |