登录后订阅时间过短弹窗提示,如果是使用用户弹窗提示

This commit is contained in:
X1627315083
2024-01-08 13:59:13 +08:00
parent 000f3995a0
commit 22bd59a7c2
14 changed files with 133 additions and 92 deletions

View File

@@ -59,7 +59,7 @@
</div>
</template>
<script lang="ts">
import { defineComponent, createVNode,computed, ref,Ref} from "vue";
import { defineComponent, createVNode,computed, ref,Ref, nextTick} from "vue";
import { UserOutlined, DownOutlined } from "@ant-design/icons-vue";
import { Https } from "@/tool/https";
import { getCookie,setCookie } from "@/tool/cookie";
@@ -78,8 +78,8 @@ export default defineComponent({
const robotDom = ref<HTMLElement | null>(null);
const robotChildDom = ref<HTMLElement | null>(null);
let chatCentent = ref<string>('');
const robotTop = ref(false)
const robotInput = ref(false)
let robotTop = ref(false)
let robotInput = ref(false)
let timeTop:any = 0;
let timeInput:any = 0;
let record:any = ref([
@@ -127,14 +127,14 @@ export default defineComponent({
driverObj__.refresh();
this.record.push({
state:1,
str:"Welcome to AiDA. I am your friendly fashion design assistant. If you have any questions or need assistance, please don't hesitate to ask. ",
str:this.t('RobotAssist.jsContent2'),
driver:false,
})
this.textScroll()
setTimeout(() => {
this.record.push({
state:1,
str:"I see you might be new here, and I'd love to guide you through a tutorial to help you get acquainted with our new and improved AiDA system. Would you like to start the tutorial now?",
str:this.t('RobotAssist.jsContent3'),
driver:true,
})
this.textScroll()
@@ -150,15 +150,17 @@ export default defineComponent({
}else{
clearTimeout(this.driver__Time)
}
if(!newval.driver && this.driver__.index != 0){
if(!newval.driver && this.driver__.index+1 == this.driver__.stepsLenth){
this.textScroll()
this.record.push({
state:1,
str:"You can start the tutorial at any time by simply telling me that you want to. ",
str:this.t('RobotAssist.jsContent4'),
driver:false,
})
clearTimeout(this.driver__Time)
}
}
},
}
},
mounted() {
@@ -307,7 +309,7 @@ export default defineComponent({
if(rv.isTutorial){
this.record.push({
state:1,
str:"We need to refresh the page before starting the tutorial. Would you like to start the tutorial now?",
str:this.t('RobotAssist.jsContent5'),
driver:true,
})
}else{
@@ -339,6 +341,8 @@ export default defineComponent({
this.chatCentent = ""
},
setDriver(index:number){
let isBeginner = JSON.parse((getCookie('isBeginner') as any))
if(this.driver__.driver){
driverObj__.moveNext();
this.robotTop = false

View File

@@ -10,6 +10,7 @@
:mask="afficheMask"
:keyboard="false"
:destroyOnClose="true"
:zIndex="10004"
>
<div class="affiche_bg"></div>
<div class="affiche_btn">
@@ -28,7 +29,9 @@
<script lang="ts">
import { defineComponent, h, ref ,computed,reactive, nextTick} from "vue";
// import { Https } from "@/tool/https";
import { setCookie, getCookie, WriteCookie } from "@/tool/cookie";
// import { getCookie } from "@/tool/cookie";
import { openGuide,driverObj__ } from "@/tool/guide";
// import domTurnImg from '@/tool/domTurnImg'
export default defineComponent({
@@ -55,13 +58,10 @@ export default defineComponent({
methods: {
init(text:any){
this.affiche = true
this.afficheTitle = text.title
console.log(text.str);
let title = 'System Reminder'
this.afficheTitle = text.title||title
nextTick().then(()=>{
let afficheStr:any = document.getElementById('afficheStr')
console.log(afficheStr);
afficheStr.innerHTML = text.str
})
@@ -69,6 +69,8 @@ export default defineComponent({
},
cancelDsign(){
this.affiche = false
sessionStorage.setItem('isTimeOne', JSON.stringify(true));
openGuide()
},
},
});
@@ -90,7 +92,8 @@ export default defineComponent({
background: none;
}
.affiche_bg{
backdrop-filter: blur(3rem);
// backdrop-filter: blur(3rem);
background: #fff;
position: absolute;
top: 0;
left: 0;