fix

src/component/HomePage/Generate.vue

@@ -319,7 +319,7 @@ export default defineComponent({
         // this.store.commit("addGenerateFils", this.fileList);
         this.token = getCookie("token") || "";
 		let isTest:any = getCookie('isTest')
-        this.isTest =JSON.parse(isTest)|| ''
+        this.isTest =JSON.parse(isTest)
         this.uploadUrl = getUploadUrl();
 		this.workspaceCom = computed(()=>{
 			return  this.store?.state?.Workspace?.workspace

src/component/HomePage/Header.vue

@@ -226,7 +226,7 @@ export default defineComponent({
     },
     mounted() {
         let isTest = getCookie('isTest')
-        this.isTest =JSON.parse(isTest)|| ''
+        this.isTest =JSON.parse(isTest)
 
         this.userInfo = JSON.parse(getCookie("userInfo"));
         if (!this.userInfo) {

src/component/HomePage/PrintboardUpload.vue

@@ -248,7 +248,7 @@ export default defineComponent({
     mounted(){
         this.token = getCookie('token') || ''
 		let isTest:any = getCookie('isTest')
-        this.isTest =JSON.parse(isTest)|| ''
+        this.isTest =JSON.parse(isTest)
         this.uploadUrl = getUploadUrl()
 		if(this.driver__.driver){
 			this.captionGeneration = 'Exit sign, door, sunset, ocean, surreal'

src/component/HomePage/RobotAssist.vue

@@ -165,7 +165,7 @@ export default defineComponent({
 		this.textScroll()
 		let userInfo:any = getCookie("userInfo")
         let isTest:any = getCookie('isTest')
-        this.isTest =JSON.parse(isTest)|| ''
+        this.isTest =JSON.parse(isTest)
         this.userInfo = JSON.parse(userInfo);
 		if (sessionStorage.getItem("record") == null) {
 			this.record = []

src/component/HomePage/affiche.vue

@@ -0,0 +1,203 @@
+<template>
+		<a-modal
+            class="affiche_modal"
+            v-model:visible="affiche"
+            :footer="null"
+            width="25%"
+            :maskClosable="false"
+            :centered="true"
+            :closable="false"
+            :mask="afficheMask"
+			:keyboard="false"
+			:destroyOnClose="true"
+        >
+		<div class="affiche_bg"></div>
+		<div class="affiche_btn">
+			<div class="collection_closeIcon" @click.stop="cancelDsign()">
+				<i class="fi fi-rr-cross-small"></i>
+			</div>
+		</div>
+		<div class="affiche_content">
+			<div class="affiche_content_title">{{ afficheTitle }}</div>
+			<div class="affiche_content_str" id="afficheStr">由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户A</div>
+			<div class="affiche_content_btn started_btn" @click.stop="cancelDsign()">OK</div>
+		</div>
+	</a-modal>
+</template>
+
+<script lang="ts">
+import { defineComponent, h, ref ,computed,reactive, nextTick} from "vue";
+// import { Https } from "@/tool/https";
+// import { getCookie } from "@/tool/cookie";
+// import domTurnImg from '@/tool/domTurnImg'
+
+export default defineComponent({
+    setup() {
+        let affiche: any = ref(false);
+		let afficheMask:any = ref(false)
+		let afficheTitle:any = ref('')
+		let afficheStr:any = ref('')
+        return {
+            affiche,
+			afficheMask,
+			afficheTitle,
+			afficheStr,
+        };
+    },
+    data() {
+        return {
+            // moodTemplateId: "", //模板id
+			
+        };
+    },
+    mounted() {
+    },
+    methods: {
+		init(text:any){
+			this.affiche = true
+
+			this.afficheTitle = text.title
+			console.log(text.str);
+			nextTick().then(()=>{
+				let afficheStr:any = document.getElementById('afficheStr')
+				console.log(afficheStr);
+			
+				afficheStr.innerHTML = text.str
+			})
+			
+			// let afficheList = this.store.state.UploadFilesModule.moodboard
+		},
+		cancelDsign(){
+			this.affiche = false
+		},
+    },
+});
+</script>
+
+<style lang="less">
+.affiche_modal {
+	-moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    -khtml-user-select: none;
+    user-select: none;
+	position: relative;
+	border-radius: 1rem;
+	overflow: hidden;
+	background: none;
+	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.38);
+	.ant-modal-content{
+		background: none;
+	}
+	.affiche_bg{
+		backdrop-filter: blur(3rem);
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+	}
+	.ant-modal-body {
+        padding: 0;
+		// height: calc(65vh - 6.4rem);
+		height: 65rem;
+		// background-color: #181818;
+		display: flex;
+		flex-direction: column;
+    }
+	.ant-modal-btn{
+		
+	}
+    .affiche_btn {
+		.collection_closeIcon{
+			z-index: 3;
+			position: absolute;
+			top: 2rem;
+			right: 2rem;
+			cursor: pointer;
+			width: 4rem;
+			height: 4rem;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			
+			.fi-rr-cross-small::before{
+				padding: .2rem;
+				border-radius: 5px;
+				border: solid 2px rgba(0, 0, 0, 0.22);
+				transition: .3s all;
+				color: rgba(0, 0, 0, 0.7);
+			}
+			&.collection_closeIcon:hover .fi-rr-cross-small::before{
+				border: solid 2px rgba(0, 0, 0, 5);
+				color: rgba(0, 0, 0, 1);
+			}
+			.fi-rr-down-to-line{
+				transition: .3s all;
+				color: rgba(0, 0, 0, .5);
+			}
+			.fi-rr-down-to-line:hover{
+				color: rgba(0, 0, 0, 1);
+			}
+		}
+	}
+	.affiche_content{
+		display: flex;
+		justify-content: center;
+		width: 100%;
+		height: 100%;
+		padding: 0 4rem;
+		// height: calc(100%-4rem);
+		position: absolute;
+		z-index: 2;
+		flex-direction: column;
+		align-items: center;
+		.affiche_content_title{
+			margin-top: 5rem;
+			font-size: 3rem;
+			font-weight: 600;
+		}
+		.affiche_content_str{
+			min-height: 50%;
+			flex: 1;
+			font-size: 2rem;
+			text-indent: 2em;
+			overflow-y: auto;
+			margin: 2rem 0;
+			width: 100%;
+			text-align: left;
+			&.affiche_content_str::-webkit-scrollbar {
+				/* 竖轴的宽度 */
+				width: 1rem;
+				/* 横轴的高度 */
+				height: 1rem;
+				transition: all .3s;
+			}
+			/* 进度 */
+			&.affiche_content_str::-webkit-scrollbar-thumb {
+				border-radius: 1rem;
+				background: rgba(238, 238, 244, 0);
+			}
+			/* 轨道 */
+			&.affiche_content_str::-webkit-scrollbar-track {
+				border-radius: 1rem;
+				background: rgba(238, 238, 244, 0);
+			}
+			&.affiche_content_str:hover {
+				// overflow-x: scroll;
+				&.affiche_content_str::-webkit-scrollbar-thumb {
+					background: #543087;
+				}
+				/* 轨道 */
+				&.affiche_content_str::-webkit-scrollbar-track {
+					background: rgba(84, 48, 135,.2);
+				}
+			}
+		}
+		.affiche_content_btn{
+			font-size: 2rem;
+			margin-bottom: 4rem;
+		}
+	}
+}
+</style>

src/tool/guide.js

@@ -216,7 +216,7 @@ const openGuide = () =>{
 	let isBeginnerNum = JSON.parse(getCookie('isBeginnerNum')?getCookie('isBeginnerNum'):'0')
 	let data
 	// console.log(isBeginner);
-	if(isBeginner && isTest){
+	if(isBeginner && !isTest){
 		if(isBeginnerNum){
 			driverObj__.drive(isBeginnerNum);
 		}else{
@@ -240,7 +240,9 @@ const openGuide = () =>{
 	// 	index:driverIndex__,
 	// 	driver:true,
 	// }
-	store = useStore()
+	if(!store){
+		store = useStore()
+	}
 	// driverObj__.moveTo(18);
 	store?.commit("setGuide", data);
 	// driverObj__.moveNext();

src/views/HomeView.vue

@@ -206,6 +206,7 @@
 			</div>
 		</div>
 		<!-- design collection的进度蒙层  end-->
+		<affiche ref="affiche"></affiche>
 		<RobotAssist></RobotAssist>
 
 	</div>
@@ -213,15 +214,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, h, ref, computed ,inject,provide,nextTick} from "vue";
+import { defineComponent, h, ref, computed ,inject,provide,nextTick,createVNode} from "vue";
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import HeaderComponent from "@/component/HomePage/Header.vue";
 import CollectionModal from "@/component/HomePage/collectionModal.vue";
 import NewCollectionReview from "@/component/HomePage/NewCollectionReview.vue";
 import ExportNewCoolection from "@/component/HomePage/ExportNewCoolection.vue";
+import affiche from "@/component/HomePage/affiche.vue";
 import DesignDetail from "@/component/Detail/DesignDetail.vue";
 import RobotAssist from "@/component/HomePage/RobotAssist.vue";
 import html2canvas from "html2canvas";
-import { message } from "ant-design-vue";
+import { message,Modal } from "ant-design-vue";
 import { useStore } from "vuex";
 import { Https } from "@/tool/https";
 import { rgbToHsv, dataURLtoBlob } from "@/tool/util";
@@ -241,6 +244,7 @@ export default defineComponent({
 		NewCollectionReview,
 		DesignDetail,
 		ExportNewCoolection,
+		affiche,
 		RobotAssist,
 		draggable
 	},
@@ -369,32 +373,68 @@ export default defineComponent({
 		// if(JSON.parse( getCookie('isFirst') as any)){
 			openGuide()
 		// }
-		
+		let test:any = getCookie('isTest')
+        let isTest =JSON.parse(test)
 		let userInfo:any = getCookie("userInfo")
         this.userInfo = JSON.parse(userInfo);
 		this.store.dispatch('get_clothingType')
 		//判断账号剩余时间是否太短
-		// await new Promise(async (resolve) => {
+		let isModalOne = JSON.parse(sessionStorage.getItem("oppositeRevocation") as any)
-		// 	await Https.axiosPost(Https.httpUrls.getExpiredTime,{}).then((rv: any) => {
+		// let text = {
-		// 		if (rv) {
+		// 	title:'Test',
-		// 			let dateNow = Date.now()
+		// 	str:'<a href="#">#</a>123123123123123123123',
-		// 			let date:any =  new Date(dateNow)
+		// }
-		// 			let rvDate:any = new Date(rv);
+		// this.affiche(text)
-		// 			let diffInMilliseconds = Math.abs(date - rvDate); // 获取时间差的毫秒数
-		// 			let days = Math.floor(diffInMilliseconds / (24 * 60 * 60 * 1000)); // 计算天数
-		// 			let hours = Math.floor((diffInMilliseconds % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000)); // 计算小时数
-		// 			let minutes = Math.floor((diffInMilliseconds % (60 * 60 * 1000)) / (60 * 1000)); // 计算分钟数
-		// 			// console.log(`${days}天 ${hours}时 ${minutes}分`);
-		// 			// if(30>Number(days)){
-
-		// 			// }
-		// 		}else{
-		// 			openGuide()
-		// 		}
-		// 		resolve('')
-		// 	})
 			
-		// })
+		// if(!isTest && !isModalOne?.afficheOne){//判断是否是试用用户
+		// 	await new Promise(async (resolve) => {
+		// 		await Https.axiosPost(Https.httpUrls.getExpiredTime,{}).then((rv: any) => {
+		// 				console.log(1);
+		// 			if (rv) {
+		// 				let dateNow = Date.now()
+		// 				let date:any =  new Date(dateNow)
+		// 				let rvDate:any = new Date(rv);
+		// 				let diffInMilliseconds = Math.abs(date - rvDate); // 获取时间差的毫秒数
+		// 				let days = Math.floor(diffInMilliseconds / (24 * 60 * 60 * 1000)); // 计算天数
+		// 				let hours = Math.floor((diffInMilliseconds % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000)); // 计算小时数
+		// 				let minutes = Math.floor((diffInMilliseconds % (60 * 60 * 1000)) / (60 * 1000)); // 计算分钟数
+		// 				// console.log(`${days}天 ${hours}时 ${minutes}分`);
+		// 				// this.affiche('')
+		// 				if(30>Number(days)){
+		// 					let _this = this
+		// 					Modal.confirm({
+		// 						title: this.t('DesignPrintOperation.jsContent1'),
+		// 						icon: createVNode(ExclamationCircleOutlined),
+		// 						okText: 'Yes',
+		// 						cancelText: 'No',
+		// 						mask:false,
+		// 						centered:true,
+		// 						onOk() {
+		// 							openGuide()
+		// 						},
+		// 						onCancel(){
+		// 							openGuide()
+		// 						}
+		// 					});
+		// 					isModalOne = {
+		// 						afficheOne:true,
+		// 						testOne:false,
+		// 					}
+		// 					sessionStorage.setItem('isTimeOne', JSON.stringify(isModalOne));
+		// 				}
+		// 			}else{
+		// 				openGuide()
+		// 			}
+		// 			resolve('')
+		// 		})
+		// 	})
+		// }else if(!isModalOne?.testOne && isTest){
+		// 	isModalOne = {
+		// 		afficheOne:false,
+		// 		testOne:true,
+		// 	}
+		// 	sessionStorage.setItem('isTimeOne', JSON.stringify(isModalOne));
+		// }
 		// console.log(this.store.state.UserHabit);
 		
 		let noRefresh = this.$route.params.noRefresh; //判断是否主动刷新还是路由跳转过来的 true 路由跳转过来的
@@ -445,10 +485,14 @@ export default defineComponent({
 		}
 	},
 	methods: {
-		addTeam (team:any) {
+		// addTeam (team:any) {
-		this.likeDesignCollectionList.push(team)
+		// this.likeDesignCollectionList.push(team)
+		// },
+		affiche(text:any){
+			let affiche:any = this.$refs.affiche
+			affiche.init(text)
+			// affiche.afficheMask = true
 		},
-	
 		dragstart (e:any, index:any) {
 		this.dragIdx = index
 		},

src/views/LibraryPage.vue

@@ -602,7 +602,7 @@ export default defineComponent({
     async mounted(){
 		let userInfo:any = getCookie("userInfo")
 		let isTest:any = getCookie('isTest')
-        this.isTest =JSON.parse(isTest)|| ''
+        this.isTest =JSON.parse(isTest)
         this.userInfo = JSON.parse(userInfo);
         this.uploadUrl = getUploadUrl()
         this.getLibraryList()