From 000f3995a0a7b2c607473a8d6c4aca0ca9c56cfc Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Fri, 5 Jan 2024 16:49:49 +0800
Subject: [PATCH] fix

---
 src/component/HomePage/Generate.vue         |   2 +-
 src/component/HomePage/Header.vue           |   2 +-
 src/component/HomePage/PrintboardUpload.vue |   2 +-
 src/component/HomePage/RobotAssist.vue      |   2 +-
 src/component/HomePage/affiche.vue          | 203 ++++++++++++++++++++
 src/tool/guide.js                           |   6 +-
 src/views/HomeView.vue                      |  96 ++++++---
 src/views/LibraryPage.vue                   |   2 +-
 8 files changed, 282 insertions(+), 33 deletions(-)
 create mode 100644 src/component/HomePage/affiche.vue

diff --git a/src/component/HomePage/Generate.vue b/src/component/HomePage/Generate.vue
index 5d6448b3..1e55c06c 100644
--- a/src/component/HomePage/Generate.vue
+++ b/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
diff --git a/src/component/HomePage/Header.vue b/src/component/HomePage/Header.vue
index ef7fcc69..17980f1e 100644
--- a/src/component/HomePage/Header.vue
+++ b/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) {
diff --git a/src/component/HomePage/PrintboardUpload.vue b/src/component/HomePage/PrintboardUpload.vue
index af809d42..21287f43 100644
--- a/src/component/HomePage/PrintboardUpload.vue
+++ b/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'
diff --git a/src/component/HomePage/RobotAssist.vue b/src/component/HomePage/RobotAssist.vue
index 9c0b4dd8..14024b78 100644
--- a/src/component/HomePage/RobotAssist.vue
+++ b/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 = []
diff --git a/src/component/HomePage/affiche.vue b/src/component/HomePage/affiche.vue
new file mode 100644
index 00000000..1617d2e2
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/tool/guide.js b/src/tool/guide.js
index 59af0044..8e630212 100644
--- a/src/tool/guide.js
+++ b/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();
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 9ef5904f..d98997b8 100644
--- a/src/views/HomeView.vue
+++ b/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) => {
-		// 	await Https.axiosPost(Https.httpUrls.getExpiredTime,{}).then((rv: any) => {
-		// 		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}分`);
-		// 			// if(30>Number(days)){
-
-		// 			// }
-		// 		}else{
-		// 			openGuide()
-		// 		}
-		// 		resolve('')
-		// 	})
+		let isModalOne = JSON.parse(sessionStorage.getItem("oppositeRevocation") as any)
+		// let text = {
+		// 	title:'Test',
+		// 	str:'<a href="#">#</a>123123123123123123123',
+		// }
+		// this.affiche(text)
 			
-		// })
+		// 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) {
-		this.likeDesignCollectionList.push(team)
+		// addTeam (team:any) {
+		// 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
 		},
diff --git a/src/views/LibraryPage.vue b/src/views/LibraryPage.vue
index 41f5eaa8..8adf6e75 100644
--- a/src/views/LibraryPage.vue
+++ b/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()