fix

2025-04-09 14:09:19 +08:00
parent b6e5f05f06
commit 37f1b36e54
76 changed files with 1969 additions and 970 deletions
--- a/src/component/HomePage/index/model/collection/ColorboardUpload.vue
+++ b/src/component/HomePage/index/model/collection/ColorboardUpload.vue
@@ -655,15 +655,17 @@ export default defineComponent({

        setColorboardList(colorList){
            let  newColorList = colorList.map((v)=>{
+				console.log(v)
                let data = {
                    id:'',
-                    name:'',
+                    name:v?.name?v?.name:'',
                    rgbValue:v.rgba,
                    gradient:v.gradient,

                }
                return data
            })
+			console.log(123)
            this.store.commit('setColorboardList',newColorList)
        },

@@ -671,11 +673,11 @@ export default defineComponent({
            let colorList = this.store.state.UploadFilesModule.allBoardData.colorBoards
 			let hex
            colorList.forEach((ele, index) => {
+				this.colorList[index] = ele
 				hex = this.rgbaToHex([ele.rgbValue.r,ele.rgbValue.g,ele.rgbValue.b,ele.rgbValue.a?ele.rgbValue.a:1])
                this.colorList[index].rgba = ele.rgbValue
 				this.colorList[index].gradient = ele.gradient
-				// if(ele.gradient) this.colorList[index].gradient = ele.gradient
-				// if(ele.gradient) this.colorList[index].gradient = ele.gradient
+				this.colorList[index].name = ele.name
            });
 			if(this.colorList[0]?.gradient && this.colorList[0]?.gradient?.selectIndex>-1 && this.colorList[0]?.gradient?.gradientShow){
 				this.selectColor = {rgba:this.colorList[0].gradient.gradientList[0].rgba,hex:hex} //顔色选择器默认颜色
@@ -974,7 +976,7 @@ export default defineComponent({
 			}
 		}
 		.fi-rr-square-plus,.fi-rr-picture{
-			zoom: 7.5;
+			zoom: 6;
 			display: flex;
 		}
 		.upload_file_item{
--- a/src/component/HomePage/index/model/collection/MoodboardUpload.vue
+++ b/src/component/HomePage/index/model/collection/MoodboardUpload.vue
@@ -339,6 +339,7 @@ export default defineComponent({
        deleteFile(item: any) {
 			if(item.type_.type1 == 'generate' || item.type_.type1 == 'material'){
 				item.jsContent1 = this.t('uploadFile.jsContent1',{maxImg:8})
+				item.state = 'delete'
 				this.store.commit("addGenerateMaterialFils", item);
 			}else{
 				this.fileList = this.store.state.UploadFilesModule.moodboardFiles
--- a/src/component/HomePage/index/model/collection/PrintboardUpload.vue
+++ b/src/component/HomePage/index/model/collection/PrintboardUpload.vue
@@ -384,6 +384,7 @@ export default defineComponent({
            // this.store.commit('setPrintboardFile',this.fileList)
 			if(item.type_.type1 == 'generate' || item.type_.type1 == 'material'){
 				item.jsContent1 = this.t('uploadFile.jsContent1',{maxImg:16})
+				item.state = 'delete'
 				this.store.commit("addGenerateMaterialFils", item);
 			}else{
 				this.fileList = this.store.state.UploadFilesModule.printboardFiles
--- a/src/component/HomePage/index/model/collection/SketchboardUpload.vue
+++ b/src/component/HomePage/index/model/collection/SketchboardUpload.vue
@@ -465,6 +465,7 @@ export default defineComponent({
        deleteFile(item: any) {
 			if(item?.type_?.type1 == 'generate' || item?.type_?.type1 == 'material'){
 				item.jsContent1 = this.t('uploadFile.jsContent1',{maxImg:20})
+				item.state = 'delete'
 				this.store.commit("addGenerateMaterialFils", item);
 			}else{
 				this.fileList = this.store.state.UploadFilesModule.sketchboardFiles
@@ -658,7 +659,7 @@ export default defineComponent({
 				margin-top: auto;
 				position: relative;
 				>div{
-					width: 14rem;
+					width: 18rem;
 					font-size: var(--aida-fsize1-6);
 					border: 0;
 					i{
@@ -671,7 +672,7 @@ export default defineComponent({
 					}
 				}
 				ul{
-					width: 14rem;
+					width: 18rem;
 				}
 			}
 			.switch_type_item:nth-child(3){
--- a/src/component/HomePage/index/model/deReconstruction/canvas/argument.vue
+++ b/src/component/HomePage/index/model/deReconstruction/canvas/argument.vue
@@ -1,5 +1,12 @@
 <template>
   <div class="canvasArgument">
+		<div class="label_item">
+			<div >{{ $t('exportModel.Layer') }}:</div>
+			<i class="icon iconfont icon-shangyiceng" @click="canvasGeneral.setLayerIndex('Front')"></i>
+			<i class="icon iconfont icon-shangyiceng2" @click="canvasGeneral.setLayerIndex('Forward')"></i>
+			<i class="icon iconfont icon-xiayiceng" @click="canvasGeneral.setLayerIndex('Backwards')"></i>
+			<i class="icon iconfont icon-shangyiceng1" @click="canvasGeneral.setLayerIndex('Back')"></i>
+		</div>
 		<div class="label_item" v-show="
 			canvasGeneral.operation != 'movePosition' && 
 			canvasGeneral.operation != 'move' && 
@@ -77,6 +84,7 @@
 			<span style="margin-right: 2rem;">Show Models</span>
 			<a-switch v-model:checked="isShowBg" @change="showBg" />
 		</div>
+		
 	</div>
 </template>

--- a/src/component/HomePage/index/model/deReconstruction/canvas/canvasContent.vue
+++ b/src/component/HomePage/index/model/deReconstruction/canvas/canvasContent.vue
@@ -9,7 +9,7 @@
 </template>

 <script lang="ts">
-	import { defineComponent,computed,reactive,nextTick,toRefs,inject,createVNode, onMounted} from 'vue'
+	import { defineComponent,computed,reactive,nextTick,toRefs,inject,createVNode, onMounted, watch} from 'vue'
 	import { Modal,message } from 'ant-design-vue';
 	import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 	import { useI18n } from 'vue-i18n'
@@ -31,8 +31,12 @@
 			const dataDom = reactive({
 				canvasScaleDom:null as any,
 			})
+			watch(()=>data.selectObject.model.id,(newVal:any)=>{
+				if(newVal){
+					canvasGeneral.upDataRectBGImg(data.selectObject.model.url)
+				}
+			})
 			const createCanvas = ()=>{
-				console.log(123123,data.isCanvas)
 				if(data.isCanva)return
 				nextTick(async ()=>{
 					let width = dataDom.canvasScaleDom.offsetWidth
--- a/src/component/HomePage/index/model/design/index.vue
+++ b/src/component/HomePage/index/model/design/index.vue
@@ -9,9 +9,17 @@
 					<div class="designPage_left" ref="hidden">
 						<div class="designPage_left_content" :class="{'active':(domHidden)}">
 							<!-- 有图状态 start-->
+							 
 							<div class="home_left_info">
 								<div class="left_info_content scroll_style">
 									<div class="left_info_content_body" ref="collection_canvas">
+										<div class="right_content_header">
+											<div class="content_header_left" style="padding-top: 2rem;">
+												<i class="fi fi-rs-comments"></i><span class="content_header_des">
+													{{ $t('HomeView.elementTitle') }}
+													</span>
+											</div>
+										</div>	
 										<NewCollectionReview id="collectionReview"></NewCollectionReview>
 									<!-- <ExportNewCoolection id="exportNewCoolection"></ExportNewCoolection> -->

@@ -36,15 +44,15 @@
 								<!-- <div class="gallery_btn white Guide_1_15" @click="designNewCollection()"> -->
 									{{ $t('HomeView.Design') }}
 								</div>
-								<div class="gallery_btn white button_margin_14 Guide_1_30" v-show="designCollectionId"
+								<!-- <div class="gallery_btn white button_margin_14 Guide_1_30" v-show="designCollectionId"
 									@click="resDesignCollection()">
 									{{ $t('HomeView.Redesign') }}
-								</div>
-								<div class="silder button_margin_14" v-show="designCollectionId">
+								</div> -->
+								<div class="silder button_margin_14" v-show="likeDesignCollectionList?.length > 0">
 									<div class="text">Small</div>
 										<a-slider
 											class="system_silder"
-											v-model:value="collValue"
+											v-model:value="elementWidth"
 											:min="minCollValue"
 											:max="maxCollValue-1"
 											@afterChange="setSystemDesigner(500)"
@@ -53,10 +61,9 @@
 										</a-slider>
 									<div class="text">Big</div>
 								</div>
-								<div v-show="designCollectionId && userGroupId" class="gallery_btn Guide_1_31" style="margin-left: auto" @click="exportModel()">
-									<!-- {{ $t('HomeView.Export') }} -->
+								<!-- <div v-show="designCollectionId && userGroupId" class="gallery_btn Guide_1_31" style="margin-left: auto" @click="exportModel()">
 									{{$t('HomeView.FinalizeCollection')}}
-								</div>
+								</div> -->
 							</div>
 						</div>
 						<div class="right_content_block_box">
@@ -73,7 +80,6 @@
 									</div>
 									<div class="right_content_img_block scroll_style active">
 										<div class="right_content_img_item" ref="likeItemDom" designType="like" :index="0">
-										
 											<div class="content_img_block content_img_GetWidth active" :style="likeStyle"
 												v-for="(design, index) in likeDesignCollectionList" :key="design.id"
 												@mousedown.stop="designMousedown(getMousePosition($event,false),design.userLikeSortId,'like')" 
@@ -334,9 +340,11 @@ export default defineComponent({
 		let sessionStorageCollValue = JSON.parse(sessionStorage.getItem('collValue') as any)
 		
 		const collItemSize = reactive({
-			collValue:( sessionStorageCollValue>= 20? 10:sessionStorageCollValue) || 3,
-			minCollValue:4,
-			maxCollValue:20,
+			collValue:6,
+			elementWidth:100,
+			minCollValue:100,
+			maxCollValue:999,
+			padding:60,
 			likeStyle:{
 				width:'240px',
 				height:'370px',
@@ -370,14 +378,18 @@ export default defineComponent({
 		}
 		let getDesignTime = null as any;
 		const setSystemDesigner = (time:any)=>{
+			 
 			clearTimeout(collItemSize.collTime)
 			collItemSize.collTime = setTimeout(()=>{
 			nextTick(()=>{
 				let parentWidth = likeItemDom.value.parentElement.offsetWidth
-				collItemSize.minCollValue = collItemSize.maxCollValue - Math.round(likeItemDom.value.parentElement.offsetWidth/120)
-				collItemSize.collValue = collItemSize.collValue<collItemSize.minCollValue?collItemSize.minCollValue:collItemSize.collValue
-				let value = collItemSize.maxCollValue - collItemSize.collValue
-				collItemSize.itemStyle.width = (parentWidth - (value * 10)) / value
+				collItemSize.elementWidth = collItemSize.elementWidth == -1?100:collItemSize.elementWidth
+				collItemSize.maxCollValue = parentWidth / 2
+				collItemSize.collValue = Math.floor(parentWidth / collItemSize.elementWidth)
+				collItemSize.padding = Math.floor(parentWidth - (collItemSize.collValue * collItemSize.elementWidth))
+				let value = collItemSize.collValue
+
+				collItemSize.itemStyle.width = (parentWidth - collItemSize.padding - (value * 10)) / value
 				collItemSize.itemStyle.height = collItemSize.itemStyle.width * 1.54
 				
 				collItemSize.collStyle.width = (collItemDom.value.offsetWidth - 30) / 3 * collItemSize.scale[0] + 'px'
@@ -476,6 +488,7 @@ export default defineComponent({
 		//排序  从大到小
 		const sortDesignCollection = ()=> {
 			let arrData:any = []
+			if(!likeDesignCollectionList.value)return
 			likeDesignCollectionList.value.forEach((likeItem:any)=>{
 			    let item = posiitonData.value.likeElList.filter((item:any)=>item.userLikeSortId == likeItem.userLikeSortId)[0]
 				likeItem.sort = item.sort + 1
@@ -499,7 +512,7 @@ export default defineComponent({
 		const reRange = (item:any, x:number, y:number,str:string)=>{
 			let elList = str == 'like'? posiitonData.value.likeElList:posiitonData.value.generateElList
 			let index = str == 'like'?posiitonData.value.likeSelectIndex:posiitonData.value.generateSelectIndex
-			let value = collItemSize.maxCollValue - collItemSize.collValue
+			let value = collItemSize.collValue
 			let width,height,num
 			if(str == 'like'){
 				num = value
@@ -579,14 +592,14 @@ export default defineComponent({
 		const moveItem = (str:any)=>{
 			let elLikeList = posiitonData.value.likeElList
 			let generateElList = posiitonData.value.generateElList
-			let value = collItemSize.maxCollValue - collItemSize.collValue
+			let value = collItemSize.collValue
 			let width,height
 			width = (collItemDom.value.offsetWidth - 30) / 3 * collItemSize.scale[0]
 			height = (collItemDom.value.offsetWidth - 30) / 3 * collItemSize.scale[1]
 			 
 			// let num = str == 'like'?value:3
 			for(let i = 0;i < elLikeList.length;i++){
-				elLikeList[i].el.style.left = (elLikeList.length - 1 - elLikeList[i].sort) % value * (collItemSize.itemStyle.width +10) + 'px';
+				elLikeList[i].el.style.left = (elLikeList.length - 1 - elLikeList[i].sort) % value * (collItemSize.itemStyle.width +10) + collItemSize.padding/2 + 'px';
 				elLikeList[i].el.style.top = parseInt(String((elLikeList.length - 1 - elLikeList[i].sort) / value)) * (collItemSize.itemStyle.height +10) + 'px';
 			}
 			for(let i = 0;i < generateElList.length;i++){
@@ -820,18 +833,6 @@ export default defineComponent({

 		//设计新的collection
 		designNewCollection() {
-			if(!this.chooseIsDesign.value){
-				message.info(this.t('HomeView.jsContent10'));
-				return
-			}
-			let { colorBoards } =
-				this.store.state.UploadFilesModule.allBoardData;
-			if (!colorBoards || colorBoards?.length < 1) {
-				message.info(
-					this.t('HomeView.jsContent1')
-				);
-				return;
-			}
 			clearTimeout(this.getDesignTime);
 			let data = this.getDesignData("");
 			if(this.driver__.driver){
@@ -840,7 +841,7 @@ export default defineComponent({
 				})
 			}
 			this.isShowMark = true
-			this.store.commit("setLikeDesignCollectionList", []);
+			// this.store.commit("setLikeDesignCollectionList", []);
 			Https.axiosPost(Https.httpUrls.designCollection, data)
 			
 				.then((rv: any) => {
@@ -856,8 +857,8 @@ export default defineComponent({

 						this.getDesignResult(value,'newDesign')
 						this.startDesignType = "design";
-						this.posiitonData.likeSelectIndex = 0
-						this.posiitonData.likeElList = []
+						// this.posiitonData.likeSelectIndex = 0
+						// this.posiitonData.likeElList = []
 					}
 					this.isShowMark = false;
 				})
@@ -906,7 +907,7 @@ export default defineComponent({
 					this.showDesignMark = false
 					if(str == 'newDesign'){
 						if(rv.designCollectionItems){
-							this.store.commit("deleteUserGroupId");
+							// this.store.commit("deleteUserGroupId");
 							this.store.commit(
 								"setDesignCollectionId",
 								rv.collectionId
@@ -941,14 +942,6 @@ export default defineComponent({
 		},
 		//重新设计collection
 		resDesignCollection() {
-			let { colorBoards } =
-				this.store.state.UploadFilesModule.allBoardData;
-			if (!colorBoards || colorBoards?.length < 1) {
-				message.info(
-					this.t('HomeView.jsContent2')
-				);
-				return;
-			}
 			if(this.driver__.driver){
 				nextTick().then(()=>{
 					driverObj__.moveNext();
@@ -1131,7 +1124,8 @@ export default defineComponent({
 		likeDesignCollection(design: any, index: any) {
 			let data = {
 				designItemId: design.designItemId,
-				userGroupId: this.userGroupId,
+				userGroupId: this.store.state.HomeStoreModule.userGroupId,
+				projectId: this.store.state.Workspace.probjects.id,
 				timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 				designPythonOutfitId:design.designOutfitId?design.designOutfitId:design.designPythonOutfitId
 			};
@@ -1178,7 +1172,7 @@ export default defineComponent({
 			let data = {
 				designId: design.designId || this.designId,
 				designPythonOutfitId:design.designOutfitId,
-				groupDetailId: design.groupDetailId,
+				groupDetailId: design.groupDetailId || design.id,
 				timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 			};
 			if (this.disLikeLoading) {
@@ -1392,6 +1386,9 @@ export default defineComponent({
 			if(button == 'design'){
 				this.designNewCollection()
 			}
+			nextTick(()=>{
+				this.setSystemDesigner(100)
+			})
 		},
 		//销毁图片详情
 		setDetailDestroy() {
@@ -1504,6 +1501,62 @@ export default defineComponent({
 			// padding-bottom: 4rem;
 			box-sizing: border-box;
 			z-index:1;
+			.right_content_header {
+				display: flex;
+				justify-content: space-between;
+				height: 4.5rem;
+				align-items: center;
+				padding: 0 3.2rem 0 1.9rem;
+				background: rgba(255, 255, 255, 0.2);
+				position: relative;
+				.right_content_export{
+					display: flex;
+					align-items: center; 
+					position: relative;
+					.icon-xiala{
+						cursor: pointer;
+						transition: .3s all;
+						margin-left: 1rem;
+					}
+					.icon_rotate{
+						-moz-transform: rotate(180deg);
+						-webkit-transform: rotate(180deg);
+						transform: rotate(180deg);
+						animation-direction: 0.5s;
+					}
+					.export_nav{
+						display: flex;
+						flex-direction: column;
+						position: absolute;
+						top: 5.5rem;
+						width: 100%;
+						background: #fff;
+						padding: 1rem;
+						border: 2px solid;
+						z-index: 2;
+						label{
+							margin: 0;
+						}
+					}
+				}
+				.content_header_left {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+
+					.icon-dangqianweizhi {
+						font-size: 1.6rem;
+						color: #000;
+					}
+
+					.content_header_des {
+						font-size: 1.6rem;
+						color: #000000;
+						margin-left: 1rem;
+						font-weight: 900;
+					}
+				}
+			}
 			.designPage_body {
 				width: 100%;
 				height: 100%;
@@ -1515,7 +1568,6 @@ export default defineComponent({
 				.designPage_left {
 					// width: 44.4rem;
 					height: 100%;
-					padding: 2rem 0 0 0;
 					background: rgba(255, 255, 255, 0.2);
 					position: relative;
 					// overflow: hidden;
@@ -1589,7 +1641,7 @@ export default defineComponent({
 						}
 					}
 					.right_top {
-						padding: 2rem 3.2rem 2rem 1.2rem;
+						padding: 1rem 3.2rem 2rem 1.2rem;
 						display: flex;
 						justify-content: space-between;
 						box-shadow: 0rem 0.2rem 8rem 0rem rgba(238, 238, 244, 0.25);
@@ -1656,62 +1708,7 @@ export default defineComponent({
 						&.active{
 							overflow: hidden;
 						}
-						.right_content_header {
-							display: flex;
-							justify-content: space-between;
-							height: 4.5rem;
-							align-items: center;
-							padding: 0 3.2rem 0 1.9rem;
-							background: rgba(255, 255, 255, 0.2);
-							position: relative;
-							.right_content_export{
-								display: flex;
-								align-items: center; 
-								position: relative;
-								.icon-xiala{
-									cursor: pointer;
-									transition: .3s all;
-									margin-left: 1rem;
-								}
-								.icon_rotate{
-									-moz-transform: rotate(180deg);
-									-webkit-transform: rotate(180deg);
-									transform: rotate(180deg);
-									animation-direction: 0.5s;
-								}
-								.export_nav{
-									display: flex;
-									flex-direction: column;
-									position: absolute;
-									top: 5.5rem;
-									width: 100%;
-									background: #fff;
-									padding: 1rem;
-									border: 2px solid;
-									z-index: 2;
-									label{
-										margin: 0;
-									}
-								}
-							}
-							.content_header_left {
-								display: flex;
-								justify-content: space-between;
-								align-items: center;
-
-								.icon-dangqianweizhi {
-									font-size: 1.6rem;
-									color: #000;
-								}
-
-								.content_header_des {
-									font-size: 1.6rem;
-									color: #000000;
-									margin-left: 1rem;
-									font-weight: 900;
-								}
-							}
-						}
+						
 						.right_content_body {
 							// padding: 0 1.8rem 0 1.2rem;
 							// height: calc(50% - 4.5rem);
--- a/src/component/HomePage/index/model/mannequin/edit.vue
+++ b/src/component/HomePage/index/model/mannequin/edit.vue
@@ -169,9 +169,13 @@
 						</div>
 						<div class="input_blok" v-show="brushProportion">
 							 <div class="label">
-								<div class="text">Stretch</div>
+								<div class="text">Resize</div>
+								<!-- 伸缩 -->
 								<a-slider class="slider" v-model:value="slider" :tooltipVisible="false" @change="sliderChange"/>
-								<div class="gallery_btn" @click="stretchOK">完成</div>
+								<!-- <div class="gallery_btn" @click="stretchOK">完成</div> -->
+								<div>
+									<i class="fi fi-sr-check-circle" style="display: flex; font-size: 4rem; cursor: pointer;" @click="stretchOK"></i>
+								</div>
 							 </div>
 						</div>
                    </div>
@@ -843,7 +847,7 @@ export default defineComponent({
 			}else{
 				cropper.getCropData(async (value:any) => {
 				// 转换为File对象
-					if(this.printObject.templateId){
+					if(this.printObject.templateId || this.printObject.id){
 						this.printObject.id = this.printObject.relationId
 						this.confrimSubmit()
 					}else{
@@ -853,6 +857,7 @@ export default defineComponent({
 						this.customRequest().then((rv:any)=>{
 							this.isShowMark = false
 							this.printObject.id = rv.id
+							this.printObject.url = rv.url
 							this.confrimSubmit()
 						}).catch((res:any)=>{
 							this.isShowMark = false
@@ -879,13 +884,13 @@ export default defineComponent({
 				"type": this.printObject.designType,
 				// "waistbandLeft": [],
 				// "waistbandRight": []
-				...await this.getPrintLocation()
 			}
 			this.isShowMark = true
 			Https.axiosPost(Https.httpUrls.modifyProportion, data).then(
                (rv: any) => {
 					// this.getImgDetail(url)
-					this.printObject.rv
+					this.printObject.url = rv
+					this.option.img = rv
 					this.setProportion(false)
                    this.isShowMark = false
                }
@@ -920,6 +925,30 @@ export default defineComponent({
            cropper.changeScale(num);
        },
        async confrimSubmit(){
+			console.log(this.printObject)
+			let isCovered = true
+			if(this.editOrUpload == 'edit'){
+				await new Promise((resolve, reject) => {
+					Modal.confirm({
+						title: this.t('LibraryPage.jsContent10'),
+						icon: createVNode(ExclamationCircleOutlined),
+						okText: 'Save as new',
+						cancelText: 'Overwrite',
+						mask:false,
+						centered:true,
+						onOk() {
+							isCovered = false
+							resolve('')
+						},
+						onCancel(){
+							isCovered = true
+							resolve('')
+						}
+					});
+					
+				})
+			}
+			
            let modelType = 'Library'
            if(this.userDetail.userId == 88 || this.userDetail.userId == 83){
 				modelType = this.modelType
@@ -930,6 +959,8 @@ export default defineComponent({
 				modelType:modelType,
 				modelSex:this.sex,
 				checkMd5:1,
+				modelPath:getMinioUrl(this.printObject.url),
+				isCovered,
                timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
                ...await this.getPrintLocation()
            }
@@ -1080,6 +1111,7 @@ export default defineComponent({
 		async setProportion(boolean:any){
 			this.brushProportion = boolean
 			if(boolean){
+				this.slider = 50
 				let url
 				if(this.printObject.url){
 					url = this.printObject.url
--- a/src/component/HomePage/index/model/mannequin/index.vue
+++ b/src/component/HomePage/index/model/mannequin/index.vue
@@ -5,8 +5,8 @@
 				<!-- <div class="text">Style：</div>
 				<div class="text" style="margin: 0 9rem 0 4rem;">{{ selectObject?.styleName }}</div>
 				<div class="gallery_btn" style="line-height: 5rem;" @click="setStyle">{{ $t('Habit.Select') }}</div> -->
-				<div class="text">Style：</div>
-				<div class="generalModel_state" style="width: 20rem;">
+				<div class="text" v-show="systemUser">Style：</div>
+				<div class="generalModel_state" style="width: 20rem;" v-show="systemUser">
 					<div class="generalModel_state_item" style="margin: 0; width: 100%;">
 						<a-select
 							v-model:value="selectObject.style"
@@ -28,7 +28,7 @@
 			</div>
 			<div class="right">
 				<div class="text" :class="{active:systemUser}">{{ $t('Habit.System') }}</div>
-				<a-switch class="switch" :disabled="libraryList?.[0]==null?true:false" :checked="!systemUser"  @click="setSystemUser" />
+				<a-switch class="switch" :checked="!systemUser"  @click="setSystemUser" />
 				<div class="text" :class="{active:!systemUser}">{{ $t('Habit.User') }}</div>
 			</div>
 		</div>
@@ -37,7 +37,7 @@
 				<img :src="item.presignedUrl" alt="">
 				<span v-show="!systemUser" class="icon iconfont icon-tianxie" @click.stop="setEdit(item,!systemUser?'Library':'System','edit')"></span>
 				<span v-show="!systemUser" class="icon iconfont icon-shanchu" @click.stop="deleteSinglePic(item,index)"></span>
-				<span class="icon add" v-if="systemUser" :title="'Add to your library'">+</span>
+				<span class="icon add" v-if="systemUser" :title="'Add to your library'" @click.stop="addSystemToUser(item)">+</span>
 			</div>
 			<div class="uploadBox">
 				<div class="upload" v-if="!systemUser">
@@ -69,6 +69,7 @@ import { useI18n } from 'vue-i18n'
 import habitSetStyle from "@/component/Detail/habitSetStyle.vue";
 import edit from './edit.vue';
 import { Modal,message,Upload,CascaderProps } from 'ant-design-vue';
+import { Item } from 'ant-design-vue/lib/menu';
 export default defineComponent({
 	components:{
 		habitSetStyle,edit
@@ -84,14 +85,14 @@ export default defineComponent({
 			modelList:[],
 			systemUser:true,
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
-			mannequinStyleList:[],
+			mannequinStyleList:[] as any,
 			mannequinStyle:computed(()=>store.state.UserHabit.mannequinStyle),//女性衣服位置
 		})
 		watch(()=>data.mannequinStyle,(newValue,oldValue)=>{
 			if(newValue != oldValue){
 				data.mannequinStyleList = JSON.parse(JSON.stringify(newValue))
 				data.mannequinStyleList.unshift({
-					name:'No style',
+					name:'All',
 					value:'',
 					id:'',  
 				})
@@ -210,42 +211,30 @@ export default defineComponent({
 			Https.axiosPost(Https.httpUrls.batchDeleteLibrary, newData).then(
 				(rv: any) => {
 					getModel()
-					// let id = this.store.state.Workspace.workspace.id
-					// Https.axiosGet(Https.httpUrls.workspaceDetail,{params:{id:id}}).then((rv: any) => {
-					// 	if (rv) {
-					// 		if(rv.sexEnum.name == 'Female'){
-					// 			rv.mannequinUrl = rv.femalePresignedUrl
-					// 			rv.mannequinType = rv.mannequinFemaleType
-					// 			rv.mannequinId = rv.mannequinFemaleId
-					// 		}else if(rv.sexEnum.name == 'Male'){
-					// 			rv.mannequinUrl = rv.malePresignedUrl
-					// 			rv.mannequinType = rv.mannequinMaleType
-					// 			rv.mannequinId = rv.mannequinMaleId
-					// 		}
-					// 		this.store.commit("setWorkspace", rv);
-					// 	}
-					// })
 				}
 			).catch((res)=>{
-				// if(res.errCode === 2){
-				// 	Modal.confirm({
-				// 		title: res.errMsg,
-				// 		icon: createVNode(ExclamationCircleOutlined),
-				// 		okText: 'Yes',
-				// 		cancelText: 'No',
-				// 		mask:false,
-				// 		zIndex:99999,
-				// 		centered:true,
-				// 		onOk () {
-				// 			newData.deleteModelConfirm = 1
-				// 			confirmDeletePic('',index,newData)
-				// 		},
-				// 		onCancel(){
-				// 		}
-				// 	});
-				// }
+			
 			});
        }
+		const addSystemToUser = (item:any)=>{
+			let newData = {
+				sysModelId:item.id,
+			}
+			Https.axiosGet(Https.httpUrls.addSysModelToLib, {params:newData}).then(
+				(rv: any) => {
+					getModel()
+					let value = {
+						id:rv.id,
+						url:rv.url,
+						type:'Library',
+					}
+					setSelectKey(value)
+					data.systemUser = false
+				}
+			).catch((res)=>{
+			
+			});
+		}
 		onMounted(()=>{
 			getModel()
 		})
@@ -262,7 +251,8 @@ export default defineComponent({
 			beforeUpload,
 			fileUploadChange,
 			getModel,
-			deleteSinglePic
+			deleteSinglePic,
+			addSystemToUser
 		}
 	},
 	directives:{
@@ -334,6 +324,7 @@ export default defineComponent({
 			> .item{
 				width: 25rem;
 				height: 55rem;
+				max-height: 100%;
 				margin: auto 0;
 				flex-shrink: 0;
 				cursor: pointer;
@@ -390,8 +381,8 @@ export default defineComponent({
 				}
 			}
 			> .uploadBox{
-				padding-left: 2rem;
-				right: .5rem;
+				padding: 0 2rem;
+				right: 0;
 				position: sticky;
 				flex-shrink: 0;
 				background: #fff;
--- a/src/component/HomePage/index/model/patternMaking3D/download.vue
+++ b/src/component/HomePage/index/model/patternMaking3D/download.vue
@@ -1,12 +1,13 @@
 <template>
 	<div class="threeDownPage" ref="threeDownPage">
+		<!-- height="65rem" -->
 		<a-modal class="generalModel" 
            v-model:visible="threeDown" 
            :footer="null" 
            width="77rem"
-			height="65rem"
+			height="35rem"
            :maskClosable="false"
-			:mask="false"
+			:mask="true"
            :centered="true"
 			:closable="false"
 			:get-container="() => $refs.threeDownPage"
@@ -24,7 +25,7 @@
 			</div>
 			<div style="display: flex; flex-direction: column; height: 100%;">
 				<div class="modal_title_text" style="text-align: center;">
-					<div>Please select the image size</div>
+					<div>Please select the size of the clothing</div>
 				</div>
 				<div class="content">
 					<div class="downItem" v-for="item,key in loadList">
@@ -37,7 +38,7 @@
 					</div>
 				</div>
 				<div style="width: 100%; display: flex; margin-top: auto;">
-					<div class="gallery_btn" @click="setDown" style="width: 13rem; margin-left: auto;">Download</div>
+					<div class="gallery_btn" :class="{btnActive:!select.sizeType}" @click="setDown" style="width: 13rem; margin-left: auto;">Download</div>
 				</div>
 			</div>
 			
@@ -84,6 +85,8 @@ export default defineComponent({
 		})
 		const cancelDsign = ()=>{
 			data.threeDown = false;
+			data.select.sizeType = ''
+			data.select.size = ''
 		}
 		const getDowList = (id:any)=>{
 			data.isShowMark = true
@@ -104,11 +107,13 @@ export default defineComponent({
 			let value = {
 				...data.select,
 			}
-			Https.axiosGet(Https.httpUrls.downloadZip,{params:value,env:{binary:true,binaryType:'application/octet-stream'}}).then((res:any)=>{
-				console.log(res)
-				//anchor 标签下载
+			let config = {
+				params:value
+			}
+
+			Https.axiosGet(Https.httpUrls.downloadZip,config).then((res:any)=>{
 				let a = document.createElement('a');
-				a.href = res.url;
+				a.href = res;
 				a.download = 'model.zip'; // 设置下载的文件名
 				a.click(); // 触发下载
 				URL.revokeObjectURL(a.href); // 释放 URL 对象
@@ -126,6 +131,7 @@ export default defineComponent({
 			data.select.sizeType = key
 			data.select.size = DSizeItem
 		}
+
 		return{
 			...toRefs(dataDom),
 			...toRefs(data),
@@ -142,21 +148,36 @@ export default defineComponent({
 })
 </script>
 <style lang="less" scoped>
+	:deep(.ant-modal-mask){
+		background: rgba(0,0,0,0.3);
+	}
 	.threeDownPage{
 		width: 100%;
 		height: 100%;
 		position: relative;
 		:deep(.generalModel){
+			.gallery_btn{
+				&.btnActive{
+					pointer-events: none;
+					background: rgba(0, 0, 0, .4);
+					border: none;
+				}
+			}
 			.content{
 				display: flex;
 				flex-direction: column;
 				flex: 1;
+				padding-left: 6rem;
+				// width: 55rem;
+				// margin: 0 auto;
+				
 				> .downItem{
 					display: flex;
 					font-size: 2rem;
 					font-weight: 600;
 					margin-bottom: 1rem;
 					text-align: center;
+					align-items:center;
 					> .title{
 						margin-right: 1.5rem;
 						width: 3.5rem;
--- a/src/component/HomePage/index/model/patternMaking3D/index.vue
+++ b/src/component/HomePage/index/model/patternMaking3D/index.vue
@@ -2,7 +2,7 @@
 	<div class="patternMaking3D">
 		<div class="selectModel">
 			<div class="heard">Clothing</div>
-			<div class="list">
+			<div class="list" v-if="maskShow">
 				<div v-for="item in modelList" class="modelItem" :class="{active:item.id == selectModel.id}" @click="setSelectModel(item)">
 					<img :src="item.url" alt="">
 				</div>
@@ -28,7 +28,7 @@
 					<img v-show="isFront" :src="selectModel.threeDLayoutList?.[0]?.url" alt="">
 					<img v-show="!isFront" :src="selectModel.threeDLayoutList?.[1]?.url" alt="">
 				</div>
-				<threeBox v-show="imgOrThree" ref="threeBox"></threeBox>
+				<threeBox v-if="imgOrThree" ref="threeBox"></threeBox>
 			</div>
 			<div class="gallery_btn" v-show="!imgOrThree" @click="setImgOrThree(true)">3D view</div>			
 			<div class="gallery_btn" v-show="imgOrThree" @click="setImgOrThree(false)">Img view</div>			
@@ -76,6 +76,7 @@ export default defineComponent({
 			pageSize:10,
 			imgOrThree:false,
 			isFront:false,
+			maskShow:false,
 		})
 		const setSelectModel = (item:any)=>{
 			data.isShowMark = true
@@ -104,6 +105,9 @@ export default defineComponent({
 				let id =  store.state.HomeStoreModule.patternMaking3D
 				if(id && data.selectModel.id == -1)setSelectModel({id})
 			})	
+			setTimeout(()=>{
+				data.maskShow = true	
+			},500)
 		}
 		const getModelList = ()=>{
 			if(data.isShowMark && !data.isNoData)return
@@ -219,6 +223,7 @@ export default defineComponent({
 					width: calc(100% / 4 - 1rem);
 					margin: .5rem;
 					aspect-ratio: 1 / 1.2;	
+					// height: 10rem;
 					border-radius: 2rem;
 					border: 2px solid #D4D4D4;
 					cursor: pointer;
--- a/src/component/HomePage/index/model/patternMaking3D/three.vue
+++ b/src/component/HomePage/index/model/patternMaking3D/three.vue
@@ -125,10 +125,10 @@ export default defineComponent({
 			floorMesh.rotation.x = -0.5 * Math.PI;
 			floorMesh.receiveShadow = true;
 			floorMesh.position.y = -0.001;
-			data.scene.add(floorMesh);
+			// data.scene.add(floorMesh);
 			const textureLoader = new THREE.TextureLoader();
 			// const texture = textureLoader.load('/3dModel/sketch-thick.jpg');
-			data.scene.background = new THREE.Color("#eee");
+			data.scene.background = new THREE.Color("#fff");
 			// data.scene.background = texture;

 			let openModel = (event:any)=>{
@@ -213,7 +213,7 @@ export default defineComponent({
 			//添加图片材质
 			data.load.state = true
 			let textureLoader = new THREE.TextureLoader()
-			textureLoader.load('/3dModel/texture0.webp', // 图片放在public/textures目录下
+			textureLoader.load('https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E7%99%BD%E8%89%B2%E5%9B%BE%E7%89%87&hs=0&pn=8&spn=0&di=7466852183703552001&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&ie=utf-8&oe=utf-8&cl=2&lm=-1&cs=1061489690%2C1376605706&os=2709213815%2C2487532130&simid=3551480199%2C346831275&adpicid=0&lpn=0&ln=0&fm=&sme=&cg=&bdtype=0&oriquery=&objurl=https%3A%2F%2Fwx2.sinaimg.cn%2Fmw690%2F941fd00fgy1hrx01tvys1j20zk1bet8s.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fojtk5_z%26e3Bv54AzdH3Fd9bc88db90AzdH3FO5LdNyykj&gsm=&islist=&querylist=', // 图片放在public/textures目录下
 				(texture:any) => {
 				// 3. 配置纹理参数
 				texture.wrapS = THREE.RepeatWrapping;
@@ -226,7 +226,7 @@ export default defineComponent({
 						const newMaterial = new THREE.MeshStandardMaterial({
 							map: texture,        // 基础颜色贴图
 							roughness: 0.7,      // 表面粗糙度 (0-1)
-							metalness: 0.2,      // 金属质感 (0-1)
+							metalness: .2,      // 金属质感 (0-1)
 							side: THREE.DoubleSide // 双面渲染
 						});
 						console.log(child)
--- a/src/component/HomePage/index/model/poseTransfer/index.vue
+++ b/src/component/HomePage/index/model/poseTransfer/index.vue
@@ -2,19 +2,21 @@
 	<div class="poseTransfer">
 		<div class="configuratioBox" :class="{active:button.left}">
 			<div class="configuratio">
-				<div class="title">Give pose for them to select</div>
+				<!-- <div class="title">Give pose for them to select</div> -->
 				<div class="content">
 					<!-- <selectList @selectImgItem="selectImgItem" level1Type="Printboard" type="print"></selectList> -->
 					<div class="selectImg">
 						<div class="head">
-							<div class="text">Current</div>
+							<div class="text">Choose design to transfer</div>
 						</div>
-						<div class="imgBox">
+						<div class="imgBox" v-mousewheel>
 							<div class="item" :class="{active:item.id == selectImg.id}" v-for="item in currentList" @click="selectImgItem(item)">
 								<img :src="item.imgUrl || item.url" alt="">	
+								<a-checkbox v-model:checked="item.isChecked"></a-checkbox>
 							</div>
 							<div class="item" :class="{active:item.id == selectImg.id}" v-for="item in fileList" @click="selectImgItem(item)">
 								<img :src="item.imgUrl || item.url" alt="">	
+								<a-checkbox v-model:checked="item.isChecked"></a-checkbox>
 							</div>
 							<div class="upload_item item">
 								<div class="upload_file_item">
@@ -46,45 +48,50 @@
 					</div>
 					<div class="poses">
 						<div class="head">
-							<div class="text">Target poses</div>
+							<div class="text">Choose pose</div>
 						</div>
-						<div class="imgBox">
-							<div class="item" v-for="item in currentList">
-								<img :src="item.imgUrl" alt="">	
+						<div class="imgBox" v-mousewheel>
+							<div class="item" v-for="item in poseList" @click="selectPose(item)">
+								<img :src="item.firstFrame" 
+									alt=""
+									@mouseenter.stop="gifPlay($event,item)"
+									@mouseleave.stop="gifPause($event,item)" 
+								>	
+								<a-checkbox v-model:checked="item.isChecked"></a-checkbox>
 							</div>
 						</div>
 					</div>
 				</div>	
 			</div>
-			<div class="generate">
-				<div class="gallery_btn" v-show="!isGenerate" @click="getgenerate">
+			<div class="generate input_border">
+				<div class="generage_btn started_btn" v-show="!isGenerate" @click="getgenerate">
 					{{ $t('Generate.Generate') }}
 				</div>
-				<div v-show="isGenerate && !remGenerate" class="gallery_btn">
+				<div v-show="isGenerate && !remGenerate" class="generage_btn started_btn">
 					<i class="fi fi-br-loading"></i>
 				</div>
-				<div v-show="remGenerate" @click="removeGenerate" class="gallery_btn">
+				<div v-show="remGenerate" @click="removeGenerate" class="generage_btn started_btn">
 					{{$t('Generate.Close')}}
 				</div>
 			</div>
 		</div>
 		<div class="likeBox">
 			<div class="element">
-				<div class="title">Selected Product</div>
+				<div class="title"><i class="fi fi-rs-comments"></i><span>Selected Video</span></div>
 				<div class="content">
 					<generalDrag ref="generalDragLeft" v-if="isState" :list="likeList" :isVideo="true" @setBtn="likeSetBtn"></generalDrag>
 				</div>
-				<div class="btnLeft" @click="setSize('left')">
-					<span class="icon iconfont icon-xiala" :class="{'active':button.left}"></span>
-				</div>
-				<div class="btnRight" @click="setSize('right')">
-					<span class="icon iconfont icon-xiala" :class="{'active':button.right}"></span>
+				<!-- <div class="btnLeft" @click="setSize('left')" :class="{'active':button.left}">
+					<span class="icon iconfont icon-xiala"></span>
+				</div> -->
+				<div class="btnRight" @click="setSize('right')" :class="{'active':button.right}">
+					<span class="icon iconfont icon-xiala"></span>
 				</div>
 			</div>
 		</div>
 		<div class="noLikeBox" :class="{active:button.right}">
 			<div class="element">
-				<div class="title">Generate Product</div>
+				<div class="title"><i class="fi fi-rs-comments"></i><span>Generated Video</span></div>
 				<div class="content">
 					<generalDrag ref="generalDragRight" v-if="isState" :list="noLikeList" :isVideo="true" @setBtn="noLikeSetBtn"></generalDrag>
 				</div>
@@ -134,10 +141,13 @@ export default defineComponent({
 			},
 			waitList:[],
 			likeList:computed(()=>store.state.HomeStoreModule.poseTransfer),
-			noLikeList:[{id:1},{id:2},{id:3},{id:4},{id:5},{id:6},],
+			noLikeList:[],
 			isGenerate:false,//判断是否正在进行generate
 			remGenerate:false,
 			removeGenerate:false,
+			generateTime:null as any,
+			poseList:[],
+			selectPose:null as any,
 		})
 		const setIsShowMark:any = inject('setIsShowMark')
 		const dataDom = reactive({
@@ -145,14 +155,33 @@ export default defineComponent({
 			generalDragRight:null as any,
 			scaleVideo:null as any,
 		})
-		const selectImgItem = (item:any)=>{
+		const selectImgItem = (item:any,)=>{
 			data.selectImg = item
-			data.selectImg.minioUrl = getMinioUrl(item.url)
+			data.fileList.forEach((listItem:any)=>listItem.isChecked = false)
+			data.currentList.forEach((listItem:any)=>listItem.isChecked = false)
+			item.isChecked = true
+			if(item.url || item.imgUrl)data.selectImg.minioUrl = getMinioUrl(item.url || item.imgUrl)
 		}
 		const openSetData = ()=>{
 			// dataDom.generalDrag.openSetData()
 			data.currentList = store.state.UploadFilesModule.modularData.toProduct
 			setIsShowMark(false)
+			if(data.poseList.length == 0){
+				getPoseList()		
+			}
+		}
+		const gifPlay = (e:any,item:any)=>{
+			e.target.src = item.gif//使用gif图片
+		}
+		const gifPause = (e:any,item:any)=>{
+			e.target.src = item.firstFrame//静态图片
+		}
+		const getPoseList = ()=>{
+			Https.axiosGet(Https.httpUrls.getAllPose).then((rv)=>{
+				rv[0].isChecked = true
+				data.selectPose = rv[0]?.id || 1
+				data.poseList = rv
+			})	
 		}
 		const setSize = (str:any)=>{
 			data.button[str] = !data.button[str]
@@ -173,7 +202,7 @@ export default defineComponent({
 				data.remGenerate = true
 			},10000)
 			let value = {
-				poseId:1,
+				poseId:data.selectPose,
 				projectId:store.state.Workspace.probjects.id,
 				productImage:data.selectImg.minioUrl,
 			}
@@ -187,11 +216,11 @@ export default defineComponent({
 			})
 		}
 		const setGenerate = (dataList:any)=>{
-			let list = dataList
+			let list:any = dataList
 			let dataNum = dataList.length
 			let state = true
 			data.generateTime = setInterval(()=>{
-				if(!data.isGenerate || data.remGenerate)return
+				if(!data.isGenerate || !data.remGenerate)return
 				if(!state)return
 				state = false
 				Https.axiosGet(Https.httpUrls.poseTransformResult,{params:{taskId:list}}).then(
@@ -205,11 +234,15 @@ export default defineComponent({
 									element.url = element.firstFrameUrl
 									let index = data.noLikeList.findIndex((obj:any) => obj.taskId === element.taskId);
 									data.noLikeList[index] = element
-									list = list.filter((item:any) => item !== element.taskId);
+									console.log(list)
+									list = ''
+									// if(list?.filter)list = list?.filter((item:any) => item !== element.taskId);
+								}else if(element.status == 'Fail'){
+									
 								}
 							});
 							data.waitList = list
-							if((list.length == 0)|| (rv.filter((item:any)=>item.status == 'Invalid').length ==list.length)){
+							if((!list)|| (rv.filter((item:any)=>item.status == 'Invalid').length ==list.length)){
 								if(rv.filter((item:any)=>item.status == 'Invalid').length ==dataNum){
 									message.info(t('Generate.effectPoor'));
 								}else{
@@ -224,6 +257,7 @@ export default defineComponent({
 						}
 					}
 				).catch(res=>{
+					data.noLikeList = data.noLikeList.filter((item:any)=>item.taskId != list)
 					clearInterval(data.generateTime)
 					clearInterval(data.remGenerateTime)
 					data.isGenerate = false
@@ -276,6 +310,8 @@ export default defineComponent({
 				if(res.errCode == 0){
 					file.imgUrl = res.data.url;
 					file.id = res.data.id
+					data.fileList.forEach((listItem:any)=>listItem.isChecked = false)
+					data.currentList.forEach((listItem:any)=>listItem.isChecked = false)
 					file.isChecked = true
 					file.type = 'ProductElement'
 					// if(props.productimgMenu.value == 'Relight'){
@@ -308,6 +344,7 @@ export default defineComponent({
 				if(item.id == id){
 					if(str == 'zoom'){
 						showViewVideo({url:item.videoUrl})
+						
 					}else if(str == 'like'){
 						likeFile(item,'like',index)
 					}
@@ -353,8 +390,13 @@ export default defineComponent({
 			).catch(res=>{
 			});
 		}
+		const selectPose = (item:any)=>{
+			item.isChecked = true
+			data.selectPose = item?.id || 1
+			data.poseList.forEach((listItem:any)=>listItem.isChecked = false)
+		}
 		onMounted(()=>{
-
+			// showViewVideo({url:'https://www.minio.aida.com.hk:12025/api/v1/download-shared-object/aHR0cHM6Ly93d3cubWluaW8uYWlkYS5jb20uaGs6MTIwMjQvYWlkYS11c2Vycy84OS9wb3NlX3RyYW5zZm9ybV92aWRlby8xMjMtODkubXA0P1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9N0tOVDdNWlNLWkRXM1RVOEJZVlklMkYyMDI1MDQwOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTA0MDhUMDUxOTM1WiZYLUFtei1FeHBpcmVzPTQzMTk5JlgtQW16LVNlY3VyaXR5LVRva2VuPWV5SmhiR2NpT2lKSVV6VXhNaUlzSW5SNWNDSTZJa3BYVkNKOS5leUpoWTJObGMzTkxaWGtpT2lJM1MwNVVOMDFhVTB0YVJGY3pWRlU0UWxsV1dTSXNJbVY0Y0NJNk1UYzBOREV4T0RneE9Td2ljR0Z5Wlc1MElqb2lZV1J0YVc0aWZRLmY0Z3RoTU1BeC1GUnM3eGhWNFdjTUFCUW5lU19BVkIxUDlYbnJQbEFNWUFsVnJwY3RpYXgtU2cyY2FkZHZ0a0VCOU1NbWxGeUlIbU90aGhUWDlqN2lnJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZ2ZXJzaW9uSWQ9bnVsbCZYLUFtei1TaWduYXR1cmU9Yjg5YmQ4ZDg5M2I4ZjBjYmYxZDI3NDFjZmY0NGRiZGNmYWM2NmU0ZGM2OGIwYzQzZDA2OGI4YjYzZjE5YjhhOA'})
 		})
 		return{
 			...toRefs(dataDom),
@@ -363,6 +405,8 @@ export default defineComponent({
 			selectImgItem,
 			setSize,
 			setItemPosition,
+			gifPlay,
+			gifPause,
 			getgenerate,
 			getUploadUrl,
 			beforeUpload,
@@ -370,8 +414,24 @@ export default defineComponent({
 			removeGenerate,
 			likeSetBtn,
 			noLikeSetBtn,
+			selectPose,
 		}
 	},
+	directives:{
+		mousewheel:{
+			mounted (el) {
+				el.addEventListener('wheel',(e:WheelEvent)=>{
+					let num = 0
+					if(e.deltaY > 0){
+						num = 25
+					}else{
+						num = -25
+					}
+					el.scrollBy(num, 0);
+				},{ passive: true })
+			}
+		},
+	},
 	provide() {
 		return {
 		}
@@ -390,22 +450,27 @@ export default defineComponent({
 			display: flex;
 			flex-direction: column;
 			align-items: center;
+			padding-right: 3.8rem;
 			&.active{
 				width: 0;
 				overflow: hidden;
 			}
 			> .generate{
-				margin-top: auto;
+				margin-left: auto;
+				> .started_btn{
+					font-weight: 300;
+				}
 			}
 		}
 		> .configuratioBox > .configuratio{
-			padding-right: 3.8rem;
 			width: 31.8rem;
+			padding-bottom: 1rem;
 			> .title{
 				// font-size: 2.6rem;
 			}
 			> .content{
-				margin-top: 4rem;
+				// margin-top: 4rem;
+				margin-top: 1.8rem;
 				> .selectImg,> .poses{
 					display: flex;
 					flex-direction: column;
@@ -414,24 +479,29 @@ export default defineComponent({
 						max-height: 45rem;
 						margin-top: 2rem;
 						display: flex;
-						flex-wrap: wrap;
+						flex-direction: row;
+						flex-wrap: nowrap;
 						justify-content: space-between;
 						width: 100%;
 						overflow: hidden;
-						overflow-y: auto;
+						overflow-x: auto;
 						> .item{
+							margin-right: 1rem;
 							width: calc(100% / 2 - .5rem);
-							margin-bottom: 1rem;
 							cursor: pointer;
-							border-radius: 2rem;
-							border: 2px solid #8e8e8e;
 							overflow: hidden;
 							display: flex;
 							justify-content: center;
 							flex-shrink: 0;
 							height: 25rem;
-							&.active{
-								border: 2px solid;
+							position: relative;
+							// &.active{
+							// 	border: 2px solid;
+							// }
+							:deep(.ant-checkbox-wrapper){
+								position: absolute;
+								top: 2rem;
+								right: 2rem;
 							}
 							> img{
 								width: 100%;
@@ -447,29 +517,11 @@ export default defineComponent({
 						font-weight: 600;
 						> .text{
 							display: inline-block;
+							font-size: 1.6rem;
 						}
 					}
 				}
-				> .selectImg{
-					> .head{
-						> .text{
-							position: relative;
-							&::before {
-								position: absolute;
-								content: "";
-								display: block;
-								background: #000;
-								height: calc(.4rem*1.2);
-								left: 50%;
-								transform: translateX(-50%);
-								bottom: -.5rem;
-								width: 0px;
-								width: 100%;
-								transition: 0.3s all;
-							}
-						}
-					}
-				}
+			
 				> .poses{
 					margin-top: 3rem;
 				}
@@ -504,8 +556,12 @@ export default defineComponent({
 					>span{
 						transition: all .3s;
 						transform: rotate(90deg);
-						&.active{
+						
+					}
+					&.active{
+						>span{
 							transform: rotate(270deg);
+
 						}
 					}
 				}
@@ -521,6 +577,11 @@ export default defineComponent({
 				}
 				> .title{
 					margin-bottom: 2rem;
+					font-size: 1.6rem;
+					font-weight: 900;
+					> span{
+						margin-left: 1rem;
+					}
 				}
 			}
 			
--- a/src/component/HomePage/index/model/toProduct/index.vue
+++ b/src/component/HomePage/index/model/toProduct/index.vue
@@ -10,62 +10,8 @@
 					<!-- <div class="productImg_content_item_title productImg_content_item_title_menu">
 						<generalMenu class="productImg_content_item_title_menubtn" :class="{hideEvents:driver__.driver}" :dataList="productimgMenuList" @setprintModel="setproduct" :item="productimgMenu"></generalMenu>
 					</div> -->
-					<div class="input_border productImg_content_item_generate">
-						<div class="input_box">
-							<div class="input_box_btnBox">
-								<input
-									class="search_input"
-									:placeholder="$t('Generate.inputContent1')"
-									v-model="searchName[productimgMenu.value]"
-									@keydown.enter="getPrductimg()"
-								/>
-								<i v-show="!isTextarea" class="fi fi-br-expand" @click.stop="()=>isTextarea = !isTextarea"></i>
-								<i v-show="isTextarea" class="fi fi-bs-compress" @click.stop="()=>isTextarea = !isTextarea"></i>
-							</div>
-							<textarea 
-								v-show="isTextarea"
-								class="search_textarea "  
-								@keydown.enter="getPrductimg()"
-								v-model="searchName[productimgMenu.value]"
-							></textarea>
-							
-						</div>
-					</div>
-					<div v-show="productimgMenu.value == 'ToProductImage'" class="productImg_content_item_title productImg_content_item_title_similarity">
-						<span>{{$t('ProductImg.Similarity')}}</span>
-					</div>
-					<div v-show="productimgMenu.value == 'ToProductImage'" class="productImg_content_item_similarity">
-						<a-slider class="system_silder"
-							v-model:value="similarity"
-							@afterChange="setSimilarity"
-							:tooltipVisible="false"
-							:step="5"
-						>
-						</a-slider>
-						<input type="number" readonly v-model="similarity">
-					</div>
-					<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
-						<span>{{$t('ProductImg.RelightDirection')}}</span>
-					</div>
-					<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_Direction">
-						<a-select  style="width: 100%;" v-model:value="RelightDirection" :options="RelightDirectionList"></a-select>
-					</div>
-					<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
-						<span>{{$t('ProductImg.Highlight')}}</span>
-					</div>
-					<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_similarity">
-						<a-slider class="system_silder"
-							v-model:value="brightenValue"
-							:tooltipVisible="false"
-							:max="3"
-							:min="1"
-							:step="0.1"
-						>
-						</a-slider>
-						<input type="number" readonly v-model="brightenValue">
-					</div>
 					<div class="productImg_content_item_title">{{$t('ProductImg.SelectCollection')}}</div>
-					<div class="productImg_content_item_imgBox generalScroll upload_item">
+					<div class="productImg_content_item_imgBox generalScroll upload_item" v-mousewheel>
 						<div class="content_item_imgBox_itemImg" v-for="item,index in selectList[productimgMenu.value]" :key="item.id" >
 							<img @click="setGenerate(item)" v-lazy="item.designOutfitUrl?item.designOutfitUrl:item.url" alt="" :class="[item?.isChecked?'active':'']">
 							<a-checkbox v-model:checked="item.isChecked"></a-checkbox>
@@ -117,6 +63,59 @@
 						</div>

 					</div>
+					
+					<div v-show="productimgMenu.value == 'ToProductImage'" class="productImg_content_item_title productImg_content_item_title_similarity">
+						<span>{{$t('ProductImg.Similarity')}}</span>
+					</div>
+					<div v-show="productimgMenu.value == 'ToProductImage'" class="productImg_content_item_similarity">
+						<a-slider class="system_silder"
+							v-model:value="similarity"
+							@afterChange="setSimilarity"
+							:tooltipVisible="false"
+							:step="5"
+						>
+						</a-slider>
+						<input type="number" readonly v-model="similarity">
+					</div>
+					<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
+						<span>{{$t('ProductImg.RelightDirection')}}</span>
+					</div>
+					<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_Direction">
+						<a-select  style="width: 100%;" v-model:value="RelightDirection" :options="RelightDirectionList"></a-select>
+					</div>
+					<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
+						<span>{{$t('ProductImg.Highlight')}}</span>
+					</div>
+					<div v-show="productimgMenu.value == 'Relight'" class="productImg_content_item_similarity">
+						<a-slider class="system_silder"
+							v-model:value="brightenValue"
+							:tooltipVisible="false"
+							:max="3"
+							:min="1"
+							:step="0.1"
+						>
+						</a-slider>
+						<input type="number" readonly v-model="brightenValue">
+					</div>
+					<div class="input_border productImg_content_item_generate">
+						<div class="input_box">
+							<div class="input_box_btnBox">
+								<!-- <input
+									class="search_input"
+									:placeholder="productimgMenu.value == 'Relight'?$t('ProductImg.relightInput'):$t('ProductImg.productInput')"
+									v-model="searchName[productimgMenu.value]"
+									@keydown.enter="getPrductimg()"
+								/> -->
+								<textarea 
+									class="textarea"  
+									@input="ifMaximumLength" 
+									:placeholder="productimgMenu.value == 'Relight'?$t('ProductImg.relightInput'):$t('ProductImg.productInput')"
+									@keydown.enter.prevent="getPrductimg()"
+									v-model="searchName[productimgMenu.value]"
+								></textarea>
+							</div>
+						</div>
+					</div>
 					<!-- <div class="productImg_content_item_title">{{$t('ProductImg.Upload')}}</div>
 					<div class="productImg_content_item_imgBox generalScroll upload_item">
 						
@@ -142,7 +141,7 @@
 					<div class="productImg_right_item_box generalScroll">
 						<div class="content_header_left">
 							<i class="fi fi-rs-comments"></i><span class="content_header_des">
-								{{ $t('HomeView.SelectedDesign') }}
+								{{ $t('ProductImg.SelectedDesign') }}
 							</span>
 						</div>
 						<!-- <div class="productImg_right_item" v-for="item,index in generateList" :key="item"> -->
@@ -173,12 +172,10 @@
 							<generalDrag ref="generalDragLeft" @setBtn="selectSetBtn" :list="likeList[productimgMenu.value]"></generalDrag>
 						</div>
 						<!-- </div> -->
-						<div class="mark_loading" v-show="isShowMark">
-							<a-spin size="large" />
-						</div>
-						<div class="btnLeft" @click="setSize('left')">
+						
+						<!-- <div class="btnLeft" @click="setSize('left')">
 							<span class="icon iconfont icon-xiala" :class="{'active':button.left}"></span>
-						</div>
+						</div> -->
 						<div class="btnRight" @click="setSize('right')">
 							<span class="icon iconfont icon-xiala" :class="{'active':button.right}"></span>
 						</div>
@@ -188,12 +185,15 @@
 					<div class="productImg_right_item_box right generalScroll">
 						<div class="content_header_left">
 							<i class="fi fi-rs-comments"></i><span class="content_header_des">
-								{{ $t('HomeView.GeneratedDesign') }}
+								{{ $t('ProductImg.productImageDrafts') }}
 							</span>
 						</div>
 						<div class="content">
 							<generalDrag ref="generalDragRight" @setBtn="generateSetBtn" :list="generateList" :showMark="isShowMark"></generalDrag>
 						</div>
+						<!-- <div class="mark_loading" v-show="isShowMark">
+							<a-spin size="large" />
+						</div> -->
 						<!-- <div class="productImg_right_item" v-for="item,index in likeList[productimgMenu.value]" :key="item" >
 							<img :src="item.url" alt="">
 							<div class="productImg_right_item_iconRight">
@@ -272,7 +272,6 @@ export default defineComponent({
 				ToProductImage:'',
 				Relight:'',
 			},
-			isTextarea:false,//是否展开
 			remProductimg:false,//是否出现取消按钮
 			isProductimg:false,//开始生成
 			selectProductimgList:[],
@@ -329,7 +328,7 @@ export default defineComponent({
 		});
 		let userlikeGroupId = 0
 		const openSetData = ()=>{
-			cleardata()
+			// cleardata()
 			if(props.productimgMenu.value == 'ToProductImage'){
 				selectList.value['ToProductImage'] = JSON.parse(JSON.stringify(selectDesignList.value.design.likeData))
 			}else if(props.productimgMenu.value == 'Relight'){
@@ -340,6 +339,7 @@ export default defineComponent({
 			}
 			userlikeGroupId = selectDesignList.value.userlikeGroupId
 			// getLikeProductImage(selectDesignList.value.userlikeGroupId)
+			productImgDom.generalDragLeft.setItemPosition()
 		}
 		let setproduct = (value:any)=>{
 			// props.productimgMenu = value
@@ -719,6 +719,18 @@ export default defineComponent({
 				setItemPosition()
 			})
 		}
+		const ifMaximumLength = (event:any)=>{
+			let textarea = event.target as HTMLTextAreaElement;
+			const scrollTop = textarea.scrollTop;
+			// 2. 计算单行高度
+			const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20; // 默认20px
+			// 3. 重置高度为1行
+			textarea.style.height = lineHeight + 'px';
+			// 4. 计算实际需要的高度
+			const newHeight = Math.max(lineHeight, textarea.scrollHeight);
+			textarea.style.height = newHeight + 'px';
+			textarea.scrollTop = scrollTop;
+		}
        return {
 			upload,
 			driver__,
@@ -749,10 +761,23 @@ export default defineComponent({
 		generateSetBtn,
 		setItemPosition,
 		setSize,
+		ifMaximumLength,
 	};
 },
 directives:{
-	
+	mousewheel:{
+			mounted (el) {
+				el.addEventListener('wheel',(e:WheelEvent)=>{
+					let num = 0
+					if(e.deltaY > 0){
+						num = 25
+					}else{
+						num = -25
+					}
+					el.scrollBy(num, 0);
+				},{ passive: true })
+			}
+		},
 },
 data() {
 	return {
@@ -812,7 +837,7 @@ methods: {
 	}
 }
 .productImg_content_bottom{
-	height: calc(100% - 4rem - 2.4rem);
+	height: 100%;
 	--border-color: #c4c4c4;
 	display: flex;
 	justify-content: space-between;
@@ -858,7 +883,8 @@ methods: {
 		display: flex;
 		margin-right: 1rem;
 		position: relative;
-		height: 14rem;
+		height: 36rem;
+		max-height: 100%;
 		position: relative;
 		img{
 			height: 100%;
@@ -866,10 +892,8 @@ methods: {
 			cursor: pointer;
 			object-fit: contain;
 			opacity: .5;
-			transform: scale(.9);
 			&.active{
 				opacity: 1;
-				transform: scale(1);
 			}
 		}
 		.ant-checkbox-wrapper{
@@ -918,7 +942,7 @@ methods: {
 	height: 100%;
    flex-direction: column;
 	padding-right: 3.8rem;
-	width: 31.8rem;
+	width: 39rem;
 	&.active{
 			width: 0;
 			padding: 0;
@@ -931,14 +955,17 @@ methods: {
 		width: 9rem;
 		border: none !important;
 		&.upload_file_item:last-child{
+			width: 9rem;
 			margin-right: 0rem;
 		}
 	}
 	// width: 45%;
 	.productImg_content_item_imgBox{
+		flex-shrink: 0;
+		margin-bottom: 3rem;
 		.content_item_imgBox_itemImg{
 			width: auto;
-			max-width: 9rem;
+			max-width: 20rem;
 			flex-shrink: 0;
 			img{
 				object-fit: contain;
@@ -946,16 +973,18 @@ methods: {
 		}
 		.upload_file_item{
 			flex-shrink: 0;
-			width: 9rem;
+			width: 36rem;
 		}
 	}
 	.productImg_content_item_generate{
 		--width:100%;
 		padding-bottom: 1rem;
+		// margin-top: auto;
 	}
 	.productImg_content_item_similarity{
 		display: flex;
 		align-items: center;
+		padding-bottom: 3rem;
 		.system_silder{
 			flex: 1;
 		}
@@ -965,6 +994,7 @@ methods: {
 			height: 5rem;
 			text-align: center;
 			font-size: 1.8rem;
+			margin-left: 2rem;
 		}
 	}
 	.productImg_content_item_Direction{
@@ -986,7 +1016,6 @@ methods: {
 		}
 	}
 	.productImg_content_item_generate_btn{
-		margin-top: auto;
 		width: 100%;
 		justify-content: space-around;
 		.input_box{