更新用户指引

src/component/HomePage/RobotAssist.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="robot" @mousemove="robotmax">
+	<div class="robot Guide_1_1_1" :class="[driver__.driver?'showEvents':'']" @mousemove="robotmax">
 		<div class="robot_top" ref="robotDom" v-fade="robotTop,'block'">
 			<div :class="[item.state == 1?'text_right':'text_left',item.img?'white':'']" v-for="item,index in record" ref="robotChildDom">
 				<div class="robot_text">
@@ -7,6 +7,17 @@
 						{{item.str}}
 						<a v-if="item.src" :href="item.src" target="_blank"><i class="fi fi-br-link-alt"></i></a>
 					</span>
+					<span class="driver__" v-if="driver__.driver">
+						{{item.str}}
+						<div class="driver__btn" v-if="item.driver">
+							<span @click="setDriver">
+								Yes
+							</span>
+							<span @click="removeDriver">
+								No
+							</span>
+						</div>
+					</span>
 					<div class="robot_img" :class="[item.img ?'img':'']">
 						<div class="robot_img_item" v-for="imgItem,imgIndex in item.img">
 							<img :src="imgItem.presignedUrl" alt="">					
@@ -49,6 +60,7 @@ import { Https } from "@/tool/https";
 import { getCookie } from "@/tool/cookie";
 import { useStore } from "vuex";
 import { message } from "ant-design-vue";
+import { openGuide,driverObj__ } from "@/tool/guide";
 import { useI18n } from "vue-i18n";
 export default defineComponent({
     components: {
@@ -72,6 +84,10 @@ export default defineComponent({
 		let isTest = ref()
 		let store = useStore()
 		let workspace:any = ref({})
+		let driver__:any = computed(()=>{
+			return store.state.Guide.guide
+		})
+		let driver__Time:any = ref()
 		return {
 		robotTop,
 		robotInput,
@@ -86,13 +102,41 @@ export default defineComponent({
 		t,
 		isTest,
 		store,
-		workspace
+		workspace,
+		driver__,
+		driver__Time
 		};
 	},
     data() {
         return {
         };
     },
+	watch:{
+		driver__:{
+			handler: function(newval) {
+				console.log(this.driver__);
+				if(this.driver__.driver && this.driver__.index == 0){
+					this.robotTop = true
+					this.robotInput = true
+					driverObj__.refresh();
+					this.record.push({
+						state:1,
+						str:'123123123',
+						driver:true,
+					})
+					this.driver__Time = setInterval(() => {
+						this.$nextTick().then(()=>{
+							driverObj__.refresh();
+						})
+						this.createTimer()
+					}, 3000);
+
+				}else{
+					clearTimeout(this.driver__Time)
+				}
+			}
+		}
+	},
     mounted() {
 		this.textScroll()
 		let userInfo:any = getCookie("userInfo")
@@ -108,7 +152,8 @@ export default defineComponent({
 		this.workspace = computed(()=>{
 			return  this.store?.state?.Workspace?.workspace
 		})
-
+		
+		
 	},
 	directives:{
 		fade:{
@@ -247,6 +292,20 @@ export default defineComponent({
             });
 			this.chatCentent = ""
 		},
+		setDriver(){
+			if(this.driver__.driver){
+				driverObj__.moveNext();
+				this.robotTop = false
+				this.robotInput = false
+			}
+		},
+		removeDriver(){
+			if(this.driver__.driver){
+				driverObj__.destroy();
+				this.robotTop = false
+				this.robotInput = false
+			}
+		},
 		likeFile(item:any,imgIndex:number,index:number){
 			let data = {
 				...item,
@@ -280,7 +339,6 @@ export default defineComponent({
         },
         //清除定时器
         clearTimer() {
-			
 			clearInterval(this.timeTop);
 			clearInterval(this.timeInput);
         },
@@ -347,6 +405,19 @@ export default defineComponent({
 					// margin-right: 5%;
 				}
 			}
+			.driver__{
+				.driver__btn{
+					width: 100%;
+					margin-top: 1rem;
+					display: flex;
+					justify-content: space-around;
+					span{
+						font-size: 1.4em;
+						color: #9efff4;
+						cursor: pointer;
+					}
+				}
+			}
 		}
 		.text_left,.text_right{
 			margin: 2rem 0;