From 56edbb68c43a63720745d6ea246e7c674c0da6f6 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Tue, 2 Sep 2025 16:11:47 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=B8=83=E5=B1=80=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   |   2 +
 .../managers/brushes/brushManager.js          |   2 +
 .../managers/brushes/types/PencilBrush.js     |   3 +-
 src/component/HomePage/scaleImage.vue         |   3 +-
 .../home/design/editDesignType/index.vue      |   8 +-
 src/component/home/design/index.vue           |   6 +-
 src/views/HomeMain.vue                        |  23 +-
 src/views/HomeRecommend.vue                   | 388 +++++++++---------
 8 files changed, 225 insertions(+), 210 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index f8776848..6923d861 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,6 +18,8 @@
 		-moz-user-select:none;
 		-ms-user-select: none;
 		user-select:none;
+
+		touch-action: pan-x pan-y; /* 允许单指平移（滚动）但禁用捏合缩放 */
 		input,textarea{
 			-webkit-touch-callout:default;
 			-khtml-user-select:auto;
diff --git a/src/component/Canvas/CanvasEditor/managers/brushes/brushManager.js b/src/component/Canvas/CanvasEditor/managers/brushes/brushManager.js
index 5a8afd16..051659ab 100644
--- a/src/component/Canvas/CanvasEditor/managers/brushes/brushManager.js
+++ b/src/component/Canvas/CanvasEditor/managers/brushes/brushManager.js
@@ -188,6 +188,7 @@ export class BrushManager {
     //   }
     // );
     // 注册橡皮擦笔刷
+	const outerThis = this;
     brushRegistry.register(
       "eraser",
       class EraserBrush extends PencilBrush {
@@ -195,6 +196,7 @@ export class BrushManager {
           super(canvas, {
             id: "eraser",
             name: "橡皮擦",
+			t:outerThis.t,
             description: "擦除已绘制的内容",
             category: "工具",
             ...options,
diff --git a/src/component/Canvas/CanvasEditor/managers/brushes/types/PencilBrush.js b/src/component/Canvas/CanvasEditor/managers/brushes/types/PencilBrush.js
index d691fc4d..3fe768e4 100644
--- a/src/component/Canvas/CanvasEditor/managers/brushes/types/PencilBrush.js
+++ b/src/component/Canvas/CanvasEditor/managers/brushes/types/PencilBrush.js
@@ -11,12 +11,14 @@ export class PencilBrush extends BaseBrush {
    * @param {Object} options 配置选项
    */
   constructor(canvas, options = {}) {
+	// console.log(options,'=-===========================')
     super(canvas, {
       id: "pencil",
       name: "铅笔",
       description: "基础铅笔工具，适合精细线条绘制",
       category: "基础笔刷",
       icon: "pencil",
+	  t: options.t,
       ...options,
     });
 
@@ -249,7 +251,6 @@ export class PencilBrush extends BaseBrush {
   getConfigurableProperties() {
     // 获取基础属性
     const baseProperties = super.getConfigurableProperties();
-
     // 定义铅笔笔刷特有属性
     const pencilProperties = [
       // {
diff --git a/src/component/HomePage/scaleImage.vue b/src/component/HomePage/scaleImage.vue
index 69d305d8..c00a2a02 100644
--- a/src/component/HomePage/scaleImage.vue
+++ b/src/component/HomePage/scaleImage.vue
@@ -25,7 +25,7 @@
 			</div>
 		</div>
 		<div class="scaleImage_content">
-			<div v-if="isProductimg" class="productImg_modal">
+			<div v-if="isProductimg" class="productImg_modal" style="display: none;">
 				<div class="productImg_left generalModel_state">
 					<div class="productImg_content_item_title productImg_content_item_title_menu">
 						<span v-if="scaleImageList[scaleImageIndex]?.resultType == 'ToProductImage'">{{$t('ProductImg.MagicTools')}}</span>
@@ -327,6 +327,7 @@ export default defineComponent({
 					})
 					generateProceedList = rv.map(user => user.taskId);
 					// productimg.generateList.unshift(...rv)
+					console.log(arr)
 					setPrductimg(arr)
                 }
             ).catch(res=>{
diff --git a/src/component/home/design/editDesignType/index.vue b/src/component/home/design/editDesignType/index.vue
index 5115ed76..15cf30f6 100644
--- a/src/component/home/design/editDesignType/index.vue
+++ b/src/component/home/design/editDesignType/index.vue
@@ -307,7 +307,6 @@ setup(props:any,{emit}) {
 	let remPrductimgTime:any = null
 	let prductimgTime:any = null
 	const getData = ()=>{
-		console.log(productimg.scaleImageList[productimg.scaleImageIndex],productimg.selectGenerate)
 		let obj = null as any
 		if(productimg.scaleImageList[productimg.scaleImageIndex]?.resultType == 'ToProductImage'){
 			obj = {
@@ -394,9 +393,10 @@ setup(props:any,{emit}) {
 			data = getPoseTransformData()
 		}
 		productimg.productimgIsProductimg = true
-		if(productimg.openType != 'add'){
+		if(productimg.openType != 'add' || productimg.generateCourse){
 			await new Promise(async (res,reject)=>{
-				await props.onlike(null,null,productimg.selectGenerate.listType,'onLike')
+				console.log(productimg.generateCourse,productimg.selectGenerate)
+				await props.onlike(productimg.generateCourse,productimg.selectGenerate.listType)
 				setTimeout(()=>{
 					res('')
 				},1000)
@@ -422,7 +422,6 @@ setup(props:any,{emit}) {
 				rv.forEach((item:any)=>{
 					arr.push(item.taskId)  
 				})
-				console.log(productimg.selectGenerate)
 				productimg.generateCourse = {
 					...rv[0],
 					prompt:productimg.productimgSearchName,
@@ -726,7 +725,6 @@ setup(props:any,{emit}) {
 	const ifMaximumLength = async ()=>{
 		await nextTick()
 		let textarea = productimg.textarea;
-		console.log(textarea)
 		const scrollTop = textarea.scrollTop;
 		// 2. 计算单行高度
 		const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20; // 默认20px
diff --git a/src/component/home/design/index.vue b/src/component/home/design/index.vue
index 6a0cefcf..e3ded97c 100644
--- a/src/component/home/design/index.vue
+++ b/src/component/home/design/index.vue
@@ -315,7 +315,7 @@
 		<editDesignType ref="editDesignType"
 			@addGenerateImg="addGenerateImg"
 			@upDataDesignLikeList="generateLoad"
-			:onlike="setNoDesignLike"
+			:onlike="onLike"
 			:productData="{
 				upload:upload,
 				RelightDirection:RelightDirection,
@@ -1346,6 +1346,9 @@ export default defineComponent({
 				setSystemDesigner(0)
 			})
 		}
+		const onLike = async (generate,selectType)=>{
+			await setNoDesignLike(generate,null,selectType,'onLike')
+		}
 		return {
 			store,
 			...toRefs(editDesignType),
@@ -1412,6 +1415,7 @@ export default defineComponent({
 			setUnfold,
 			changeResultType,
 			addGenerateImg,
+			onLike,
 		};
 	},
 	data() {
diff --git a/src/views/HomeMain.vue b/src/views/HomeMain.vue
index 9f1f65b9..99855d80 100644
--- a/src/views/HomeMain.vue
+++ b/src/views/HomeMain.vue
@@ -19,7 +19,6 @@
 				</div>
 				<div class="navList ">
 					<div class="tools list" v-for="item in openTypeList" :class="{active:openType == item.value,history:item.value == 'history'}">
-						
 						<div class="titleBox" @click="setOpenType(item.value,item.list)">
 							<div class="left">
 								<i :class="['fi',item.icon]"></i>
@@ -576,15 +575,19 @@ export default defineComponent({
 		}
 		const settingGetHistory = ()=>{
 			homeMainData.historyData.page = 1
-			homeMainData.openTypeList.history = {
-				icon:"fi-br-time-past",
-				label:"History",
-				value:"history",
-				Todaylist:[],
-				Yesterdaylist:[],
-				WithinAWeeklist:[],
-				Earlierlist:[],
-			}
+			// homeMainData.openTypeList.history = {
+			// 	icon:"fi-br-time-past",
+			// 	label:"History",
+			// 	value:"history",
+			// 	Todaylist:[],
+			// 	Yesterdaylist:[],
+			// 	WithinAWeeklist:[],
+			// 	Earlierlist:[],
+			// }
+			homeMainData.openTypeList.history.Todaylist = []
+			homeMainData.openTypeList.history.Yesterdaylist = []
+			homeMainData.openTypeList.history.WithinAWeeklist = []
+			homeMainData.openTypeList.history.Earlierlist = []
 			homeMainData.historyData.isShowLoading = false
 			homeMainData.historyData.isNoData = false
 			isFound = 0//表示是否找到当前id的记录，
diff --git a/src/views/HomeRecommend.vue b/src/views/HomeRecommend.vue
index 8e54f09f..452b97e0 100644
--- a/src/views/HomeRecommend.vue
+++ b/src/views/HomeRecommend.vue
@@ -1,53 +1,35 @@
 <template>
     <div class="homeRecommend_max">
 		<div class="header">
-			<div class="gallery_btn login" @click="setLogin">Login</div>
-			<div class="gallery_btn white" @click="signUp">Sign up</div>
+			<img
+				class="homeRecommend_logo"
+				@click="turnToNewPage('/')"
+				src="@/assets/images/homePage/aidaIcon.png"
+			/>
+			<div class="gallery_btn login white" @click="setLogin">Login</div>
+			<div class="gallery_btn" @click="signUp">Sign up</div>
 		</div>
-		<img class="bg pc" src="@/assets/images/homePage/squareBg.png" alt="">
-		<img class="bg mobile" src="@/assets/images/homePage/squareBgMobile.png" alt="">
-		<div class="beForm">Developed by AiDLab<br />
-			Commercialized by Code-Create</div>
-		<div class="title">
-			<img src="@/assets/images/homePage/recommendtitleMobile.png" alt="">
-			<div class="text">
-				AI-based Interactive Design <br />Assistant for Fashion
-			</div>
-		</div>
-		<div class="learnMore">
-			<img src="@/assets/images/homePage/learnMore.png" alt="">
-			<!-- <div class="title">AiDA</div>
-			<div class="info">
-				AI-based Interactive Design Assistant for Fashion
-			</div> -->
-			<!-- <div class="btn gallery_btn" @click="goLearnMore">Learn More</div> -->
-		</div>
-       <!-- <div class="left">
-			<div class="logoBox">
-				<img
-					class="aiDalogo"
-					src="@/assets/images/loginPage/aida_logo.png"
-					style="height: 80%;"
-				/>
-				<img class="codeCreatelogo" @click="turnToNewPage('https://code-create.com.hk/')" src="data:image/png;base64,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">
-			</div>
-			<div class="text">
-				<div class="title">
-					<p style="font-weight: 700;">Welcome to AiDA</p>
-					<p style="font-weight: 500;">Bloom Your Creativity</p>
+
+		<div class="content">
+			<img class="bg pc" src="@/assets/images/homePage/squareBg.png" alt="">
+			<img class="bg mobile" src="@/assets/images/homePage/squareBgMobile.png" alt="">
+			<div class="beForm">Developed by AiDLab<br />
+				Commercialized by Code-Create</div>
+			<div class="title">
+				<img src="@/assets/images/homePage/recommendtitleMobile.png" alt="">
+				<div class="text">
+					AI-based Interactive Design <br />Assistant for Fashion
 				</div>
+			</div>
+			<div class="learnMore">
+				<img src="@/assets/images/homePage/learnMore.png" alt="">
+				<!-- <div class="title">AiDA</div>
 				<div class="info">
-					Don't have an account? <span @click="signUp">Sign up</span> for free
-				</div>
-				<div class="continue gallery_btn gallery_btn_radius" @click="setLogin" style="min-width: 14rem;">
-					Login
-				</div>
+					AI-based Interactive Design Assistant for Fashion
+				</div> -->
+				<!-- <div class="btn gallery_btn" @click="goLearnMore">Learn More</div> -->
 			</div>
-	   </div>
-       <div class="right">
-			<img class="model" src="@/assets/images/homePage/squareLeftImgModel.png" alt="">
-			<img class="text" src="@/assets/images/homePage/squareLeftImgText.png" alt="">
-	   </div> -->
+		</div>
     </div>
 </template>
 <script >
@@ -181,14 +163,31 @@ export default defineComponent({
 	height: 100%;
 	display: flex;
 	position: relative;
+	@media (max-width: 768px) {
+		flex-direction: column;
+	}
 	> .header{
 		padding: 3.2rem 4rem;
-		position: relative;
 		z-index: 2;
 		margin-left: auto;
+		display: flex;
+		align-items: center;
+		position: absolute;
+		right: 0;
 		@media (max-width: 768px) {
+			position: relative;
+			justify-content: space-between;
+			width: 100%;
 			padding: .7rem 1.4rem;
 			margin-left: auto;
+			background-color: #fff;
+		}
+		> .homeRecommend_logo{
+			display: none;
+			@media (max-width: 768px) {
+				display: block;
+				height: 2.5rem;
+			}
 		}
 		> .gallery_btn{
 			margin-right: 2rem;
@@ -216,165 +215,170 @@ export default defineComponent({
 		}
 		
 	}
-	> .bg{
-		width: 100%;
-		height: 100%;
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		transform: translate(-50%,-50%);
-		object-fit: cover;
-		display: none;
-		&.pc{
-			@media (min-width: 768px) {
+	> .content{
+		flex: 1;
+		position: relative;
+		> .bg{
+			width: 100%;
+			height: 100%;
+			position: absolute;
+			left: 50%;
+			top: 50%;
+			transform: translate(-50%,-50%);
+			object-fit: cover;
+			display: none;
+			&.pc{
+				@media (min-width: 768px) {
+					display: block;
+				}
+			}
+			&.mobile{
+				@media (max-width: 768px) {
+					display: block;
+				}
+			}
+		}
+		> .title{
+			display: none;
+			position: absolute;
+			left: 50%;
+			top: 50%;
+			transform: translate(-50%,-50%);
+			text-align: center;
+			@media (max-width: 768px) {
+				margin-top: -2rem;
+				> img{
+					width: 17rem;
+				}
+				> .text{
+					width: max-content;
+					text-align: center;
+				}
+				font-size: 1.8rem;
+				color: #fff;
 				display: block;
 			}
 		}
-		&.mobile{
+		> .beForm{
+			position: absolute;
+			font-size: 2.1rem;
+			bottom: 10rem;
+			left: 10rem;
 			@media (max-width: 768px) {
 				display: block;
-			}
-		}
-	}
-	> .title{
-		display: none;
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		transform: translate(-50%,-50%);
-		text-align: center;
-		@media (max-width: 768px) {
-			> img{
-				width: 17rem;
-			}
-			> .text{
-				width: max-content;
+				left: 50%;
+				color: #fff;
+				bottom: 1rem;
+				font-size: .8rem;
 				text-align: center;
+				transform: translateX(-50%);
 			}
-			font-size: 1.8rem;
-			color: #fff;
-			display: block;
 		}
-	}
-	> .beForm{
-		position: absolute;
-		font-size: 2.1rem;
-		bottom: 10rem;
-		left: 10rem;
-		@media (max-width: 768px) {
-			display: block;
-			left: 50%;
-			color: #fff;
-			bottom: 1rem;
-			font-size: .8rem;
-			text-align: center;
-			transform: translateX(-50%);
+		> .learnMore{
+			position: absolute;
+			bottom: 29rem;
+			right: 10rem;
+			width: 53.4rem;
+			text-align: right;
+			z-index: 2;
+			> img{
+				height: 19.5rem;
+				margin-bottom: 2rem;
+				display: none;
+			}
+			
+			// > .title{
+			// 	margin-bottom: .8rem;
+			// 	font-size: 11.8rem;
+			// 	font-weight: 500;
+			// }
+			// > .info{
+			// 	font-family: 'pingfang_regular';
+			// 	font-size: 2.8rem;
+			// 	font-weight: 400;
+			// 	margin-bottom: 2rem;
+			// }
+			> .btn{
+				line-height: 6rem;
+				width: 18rem;
+				font-size: 2rem;
+				font-weight: 500;
+			}
 		}
-	}
-	> .learnMore{
-		position: absolute;
-		bottom: 29rem;
-		right: 10rem;
-		width: 53.4rem;
-		text-align: right;
-		z-index: 2;
-		> img{
-			height: 19.5rem;
-			margin-bottom: 2rem;
-			display: none;
-		}
-		
-		// > .title{
-		// 	margin-bottom: .8rem;
-		// 	font-size: 11.8rem;
-		// 	font-weight: 500;
+		// > .left,> .right{
+		// 	height: 100%;
+		// 	display: flex;
+		// 	display: none;
 		// }
-		// > .info{
-		// 	font-family: 'pingfang_regular';
-		// 	font-size: 2.8rem;
-		// 	font-weight: 400;
-		// 	margin-bottom: 2rem;
+		// > .left{
+		// 	width: 45%;
+		// 	align-items: center;
+		// 	justify-content: center;
+		// 	position: relative;
+		// 	> .logoBox{
+		// 		height: 4rem;
+		// 		position: absolute;
+		// 		left: 2rem;
+		// 		top: 2rem;
+		// 		img{
+		// 			height: 100%;
+		// 			margin-left: 2rem;
+		// 		}
+		// 		.codeCreatelogo{
+		// 			cursor: pointer;
+		// 		}
+		// 	}
+		// 	> .text{
+		// 		width: 68rem;
+		// 		> .title{
+		// 			font-size: 6.4rem;
+		// 			font-weight: 900;
+		// 			line-height: 1.2;
+		// 			margin-bottom: 3.2rem;
+		// 			p{
+		// 				margin-bottom: 0;
+		// 			}
+		// 		}
+		// 		> .info{
+		// 			font-size: 2.4rem;
+		// 			margin-bottom: 1.6rem;
+		// 			line-height: 1.2;
+		// 			> span{
+		// 				color: #0070c9;
+		// 				cursor: pointer;
+		// 				&:hover{
+		// 					text-decoration: underline;
+		// 				}
+		// 			}
+		// 		}
+		// 		> .continue{
+		// 			font-size: 2.4rem;
+		// 			> i{
+		// 				margin-left: 1rem;
+		// 			}
+		// 		}
+		// 	}
+		// }
+		// > .right{
+		// 	position: relative;
+		// 	width: 55%;
+		// 	background: #d7d6d5;
+		// 	display: flex;
+		// 	align-items: center;
+		// 	justify-content: flex-end;
+		// 	> img{
+		// 		object-fit: cover;
+		// 	}
+		// 	> .model{
+		// 		height: 100%;
+		// 		position: absolute;
+		// 		left: 0;
+		// 	}
+		// 	> .text{
+		// 		height: 45rem;
+		// 		text-align: right;
+		// 	}
 		// }
-		> .btn{
-			line-height: 6rem;
-			width: 18rem;
-			font-size: 2rem;
-			font-weight: 500;
-		}
 	}
-	// > .left,> .right{
-	// 	height: 100%;
-	// 	display: flex;
-	// 	display: none;
-	// }
-	// > .left{
-	// 	width: 45%;
-	// 	align-items: center;
-	// 	justify-content: center;
-	// 	position: relative;
-	// 	> .logoBox{
-	// 		height: 4rem;
-	// 		position: absolute;
-	// 		left: 2rem;
-	// 		top: 2rem;
-	// 		img{
-	// 			height: 100%;
-	// 			margin-left: 2rem;
-	// 		}
-	// 		.codeCreatelogo{
-	// 			cursor: pointer;
-	// 		}
-	// 	}
-	// 	> .text{
-	// 		width: 68rem;
-	// 		> .title{
-	// 			font-size: 6.4rem;
-	// 			font-weight: 900;
-	// 			line-height: 1.2;
-	// 			margin-bottom: 3.2rem;
-	// 			p{
-	// 				margin-bottom: 0;
-	// 			}
-	// 		}
-	// 		> .info{
-	// 			font-size: 2.4rem;
-	// 			margin-bottom: 1.6rem;
-	// 			line-height: 1.2;
-	// 			> span{
-	// 				color: #0070c9;
-	// 				cursor: pointer;
-	// 				&:hover{
-	// 					text-decoration: underline;
-	// 				}
-	// 			}
-	// 		}
-	// 		> .continue{
-	// 			font-size: 2.4rem;
-	// 			> i{
-	// 				margin-left: 1rem;
-	// 			}
-	// 		}
-	// 	}
-	// }
-	// > .right{
-	// 	position: relative;
-	// 	width: 55%;
-	// 	background: #d7d6d5;
-	// 	display: flex;
-	// 	align-items: center;
-	// 	justify-content: flex-end;
-	// 	> img{
-	// 		object-fit: cover;
-	// 	}
-	// 	> .model{
-	// 		height: 100%;
-	// 		position: absolute;
-	// 		left: 0;
-	// 	}
-	// 	> .text{
-	// 		height: 45rem;
-	// 		text-align: right;
-	// 	}
-	// }
 }
 </style>