提交修改

src/component/home/batchGeneration/index.vue

@@ -8,7 +8,6 @@
 					<span class="detailText">All</span>
 				</div>
 			</div>
-			{{ selectObject.id }}123
 			<div class="searchObject generalModel_state">
 				<div class="generalModel_state_item smail">
 					<span>Project :</span>

src/component/home/chat/index.vue

@@ -11,7 +11,9 @@
 				<div class="itemBox" ref="chatBox">
 					<div class="item" v-for="item in chatList" :class="{user:item.role == 'user'}">
 						<div class="textBox">
-							<div class="icon">ICON</div>
+							<div class="icon">
+								<img src="@/assets/images/icon/favicon.png" alt="">
+							</div>
 							<div class="text" v-show="item.content.think || item.content.message || item.content.img || item.content.color">
 								<span class="content">
 									<div class="showThink" :class="{active:item.content?.isThink}" v-show="item.content.think" @click="()=>item.content?.isThink?(item.content.isThink = false):(item.content.isThink = true)">
@@ -103,7 +105,7 @@ export default defineComponent({
 			chatBox:null as any,
 		})
 		watch(()=>data.selectObject.id,(newValue,oldValue)=>{
-			if(newValue){
+			if(newValue && (data.selectObject.httpType == 'SERIES_DESIGN' || data.selectObject.httpType == 'SINGLE_DESIGN')){
 				getChatHistory(newValue)
 			}
 		})
@@ -385,7 +387,12 @@ export default defineComponent({
 							padding: 1.2rem 2rem;
 							border-radius: 2.4rem;
 							-webkit-user-select: none;
-   
+							> .icon{
+								> img{
+									width: 2.5rem;
+									height: 2.5rem;
+								}
+							}
 							> .text{
 								// display: inline-block;
 								// width: min-content;

src/component/home/design/editDesignType/index.vue

@@ -0,0 +1,788 @@
+<template>
+	<a-modal
+		class="scaleImage_modal generalModel"
+		v-model:visible="scaleImage"
+		:footer="null"
+		width="78%"
+		:maskClosable="false"
+		:centered="true"
+		:closable="false"
+		:mask="true"
+		:keyboard="false"
+		:destroyOnClose="true"
+	>
+	<div class="generalModel_btn">
+		<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
+			<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+					<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
+					<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="white"/>
+					<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="white"/>
+				</svg>
+
+		</div>
+		<div class="generalModel_closeIcon download" @click.stop="download()">
+			<i class="fi fi-rr-down-to-line"></i>
+		</div>
+	</div>
+	<div class="scaleImage_content">
+		<div v-if="isProductimg" class="productImg_modal">
+			<div class="productImg_left">
+				<div class="productImg_content_item_title productImg_content_item_title_menu">
+					<span v-if="scaleImageList[scaleImageIndex]?.resultType == 'ToProductImage'">{{$t('ProductImg.MagicTools')}}</span>
+					<span v-if="scaleImageList[scaleImageIndex]?.resultType == 'Relight'">{{$t('ProductImg.relightingTool')}}</span>
+				</div>
+				
+				<div v-show="scaleImageList[scaleImageIndex]?.resultType == 'ToProductImage'" class="productImg_content_item_title productImg_content_item_title_similarity">
+					<span>{{$t('ProductImg.Similarity')}}</span>
+				</div>
+				<div v-show="scaleImageList[scaleImageIndex]?.resultType == 'ToProductImage'" class="productImg_content_item_similarity ">
+					<a-slider class="system_silder"
+						v-model:value="productimgSimilarity"
+						:tooltipVisible="false"
+						:step="5"
+						@afterChange="()=>{}"
+					>
+					</a-slider>
+					<input type="number" readonly v-model="productimgSimilarity">
+				</div>
+				<div v-show="scaleImageList[scaleImageIndex]?.resultType == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
+					<span>{{$t('ProductImg.RelightDirection')}}</span>
+				</div>
+				<div v-show="scaleImageList[scaleImageIndex]?.resultType == 'Relight'" class="productImg_content_item_Direction">
+					<!-- <a-slider class="system_silder"
+						v-model:value="similarity"
+						@afterChange="setSimilarity"
+						:tooltipVisible="false"
+						:step="5"
+					>
+					</a-slider> -->
+					<a-select  style="width: 100%;" v-model:value="productimgRelightDirection" :options="productimgRelightDirectionList"></a-select>
+				</div>
+				<div v-show="scaleImageList[scaleImageIndex]?.resultType == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
+					<span>{{$t('ProductImg.Highlight')}}</span>
+				</div>
+				<div v-show="scaleImageList[scaleImageIndex]?.resultType == 'Relight'" class="productImg_content_item_similarity">
+					<a-slider class="system_silder"
+						v-model:value="productimgBrightenValue"
+						:tooltipVisible="false"
+						:max="3"
+						:min="1"
+						:step="0.1"
+					>
+					</a-slider>
+					<input type="number" readonly v-model="productimgBrightenValue">
+				</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="productimgSearchName"
+								@keydown.enter="getPrductimg()"
+							/>
+							<i v-show="!productimgIsTextarea" class="fi fi-br-expand" @click.stop="()=>productimgIsTextarea = !productimgIsTextarea"></i>
+							<i v-show="productimgIsTextarea" class="fi fi-bs-compress" @click.stop="()=>productimgIsTextarea = !productimgIsTextarea"></i>
+						</div>
+						<textarea 
+							v-show="productimgIsTextarea"
+							class="search_textarea "  
+							@keydown.enter="getPrductimg()"
+							v-model="productimgSearchName"
+						></textarea>
+					</div>
+				</div>
+				<div class="productImg_content_item_generate_btn input_border">
+					<div class="input_box">
+						<div v-show="!productimgIsProductimg" class="generage_btn started_btn" @click.stop="getPrductimg">
+							{{ $t('Generate.Generate') }}
+						</div>
+						<div v-show="productimgIsProductimg && !productimgRemProductimg" class="generage_btn started_btn" @click="getPrductimg">
+							<i class="fi fi-br-loading"></i>
+						</div>
+						<div v-show="productimgRemProductimg" @click="removeProductimg" class="generage_btn started_btn">
+							{{$t('Generate.Close')}}
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="scaleImage_content_imgBox" :class="{active:isComparison}">
+			<img v-if="isComparison" :src="scaleImageList[scaleImageIndex]?.sourceUrl">
+			<div class="loadBox" v-show="generateSuccess">
+				<div class="load" v-show="productimgIsProductimg">
+					<a-spin size="large" class="content_img_flex"></a-spin>
+				</div>
+				<img v-show="!productimgIsProductimg" :src="generateSuccess?.url">
+			</div>
+			
+			<div class="img_operate_block" v-if="isLike">
+				<i v-if="!scaleImageList[scaleImageIndex]?.like" class="fi fi-rr-heart operate_icon" @click.stop="LikeFile(scaleImageList[scaleImageIndex],'like')"></i>
+				<i v-else class="fi fi-sr-heart operate_icon" :adminLike="!!scaleImageList[scaleImageIndex]?.like" @click.stop="LikeFile(scaleImageList[scaleImageIndex],'noLike')"></i>
+			</div>
+		</div>
+	</div>
+	<!-- <div class="scaleImage_nav">
+		<div class="nav_left">
+			<i class="fi fi-rr-arrow-small-left" @click="lastStep()"></i>
+		</div>
+		<div class="nav_list" v-mousewheel>
+			<div class="nav_centent">
+				<img  v-for="item,index in scaleImageList" @click="setScaleImageIndex(index)" :class="{active:index == scaleImageIndex}" :src="item?.imgUrl || item?.url" :key="item.id">
+			</div>
+		</div>
+		<div class="nav_right">
+			<i class="fi fi-rr-arrow-small-right" @click.stop="nextStep()"></i>
+		</div>
+	</div> -->
+	<div class="mark_loading" v-show="loadingShow">
+			<a-spin size="large" />
+		</div>
+	<UpgradePlan ref="UpgradePlan"></UpgradePlan>
+
+</a-modal>
+</template>
+
+<script lang="ts">
+import { defineComponent, h, ref ,toRefs,createVNode,reactive, computed} from "vue";
+import { Https } from "@/tool/https";
+import { Modal } from "ant-design-vue";
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+import { downloadIamge } from "@/tool/util";
+import { useI18n } from "vue-i18n";
+import { useStore } from "vuex";
+import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
+
+export default defineComponent({
+components:{UpgradePlan},
+props:{
+	productData:{
+		type:Object,
+		default:{
+			similarity:30,
+			brightenValue:1,
+			upload:'',
+		},
+	},
+	isCanvas:{
+		type:Boolean,
+		default:false,
+	},
+	sex:{
+		type:String,
+		default:''
+	},
+},
+emits:['addGenerateImg'],
+setup(props:any,{emit}) {
+	const store = useStore();
+	let userDetail:any= computed(()=>{
+		return store.state.UserHabit.userDetail
+	})
+	let {t} = useI18n()
+	let productimg = reactive({
+		UpgradePlan:null,
+		isProductimg:false,
+		productimgSearchName:'',
+		productimgIsTextarea:false,
+		productimgRemProductimg:false,
+		productimgIsProductimg:false,
+		productimgSimilarity:30,
+		productimgBrightenValue:1,
+		productimgUpload:props.productData.upload,
+		productimgRelightDirection:props.productData.RelightDirection,
+		productimgRelightDirectionList:props.productData.RelightDirectionList,
+		selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
+		generateSuccess:null as any,//生成成功后返回的数据
+	})
+	let scaleImage: any = ref(false);
+	let isShowMark = ref(false)
+	let loadingShow = ref(false)
+	let isComparison = ref(false)
+	const visible = ref<boolean>(false);
+	const setVisible = (value:any): void => {
+		visible.value = value;
+	};
+	let scaleImageList:any = ref([
+		
+	])
+	let scaleImageMask:any = ref(false)
+	let scaleImageIndex:any = ref(0)
+	let isLike:any = ref(true)
+	let robotAssits:any = ref(0)
+
+	//procuctimg
+	let remPrductimgTime:any = null
+	let prductimgTime:any = null
+	const getData = ()=>{
+		let obj = null as any
+		if(scaleImageList.value[scaleImageIndex.value]?.resultType == 'ToProductImage'){
+			obj = {
+				elementId:scaleImageList.value[scaleImageIndex.value].designOutfitId||scaleImageList.value[scaleImageIndex.value].elementId,
+				elementType:'DesignOutfit',
+			}	
+		}else if(scaleImageList.value[scaleImageIndex.value]?.resultType == 'Relight'){
+			obj = {
+				elementId:scaleImageList.value[scaleImageIndex.value].designItemId || scaleImageList.value[scaleImageIndex.value].id,
+				elementType:'ToProductImage',
+			}
+		}else if(scaleImageList.value[scaleImageIndex.value]?.resultType == 'TransferPose'){
+
+		}
+		return obj
+	}
+	let getPrductimg = ()=>{
+		let obj = getData()
+		let imageStrength = productimg.productimgSimilarity == 100? 95 :productimg.productimgSimilarity
+		let data:any ={
+			direction:productimg.productimgRelightDirection,
+			prompt:productimg.productimgSearchName,
+			toProductImageVOList:[obj],
+			brightenValue:productimg.productimgBrightenValue,
+			projectId:productimg.selectObject.id,
+			imageStrength:(100 - imageStrength)/100,
+		}
+		// console.log(data)
+		// return
+		productimg.productimgIsProductimg = true
+		remPrductimgTime = setTimeout(()=>{
+			productimg.productimgRemProductimg = true
+		},10000)
+		let url = Https.httpUrls.relight
+		if(scaleImageList.value[scaleImageIndex.value]?.resultType == 'ToProductImage'){
+			url = Https.httpUrls.toProduct
+		}
+		isShowMark.value = true
+		Https.axiosPost(url, data).then(
+			(rv) => {
+				isShowMark.value = false
+				scaleImageList.value[scaleImageIndex.value].imgUrl = '/image/loading.gif'
+				let arr:any = []
+				rv.forEach((item:any)=>{
+				  arr.push(item.taskId)  
+				})
+				
+				// productimg.generateList.unshift(...rv)
+				setPrductimg(arr)
+			}
+		).catch(res=>{
+			isShowMark.value = false
+			productimg.productimgIsProductimg = false
+			clearInterval(remPrductimgTime)
+			productimg.productimgRemProductimg = false
+			if(res.errCode === 2){
+				Modal.confirm({
+					title: res.errMsg,
+					icon: createVNode(ExclamationCircleOutlined),
+					okText: 'Yes',
+					cancelText: 'No',
+					mask:false,
+					zIndex:99999,
+					centered:true,
+					onOk() {
+						let UpgradePlan:any = productimg.UpgradePlan
+						UpgradePlan.init()
+					},
+					onCancel(){
+						
+					}
+				});
+			}
+
+		});
+	}
+	let generateProceedList:any = []
+	let setPrductimg = (dataList:any)=>{
+		let data = dataList
+		let dataNum = dataList.length
+		let state = true
+		let url = Https.httpUrls.relightResult
+		if(scaleImageList.value[scaleImageIndex.value]?.resultType == 'ToProductImage'){
+			url = Https.httpUrls.toProductImageResult
+		}
+		prductimgTime = setInterval(()=>{
+			if(!state)return
+			state = false
+			Https.axiosPost(url, data).then(
+				(rv) => {
+					state = true
+					if(productimg.productimgIsProductimg){//防止取消后有正在执行的获取状态
+						// generateProceedList = rv.filter((item:any)=>item.status != 'Success' && item.status != 'Fail' && item.status != 'Invalid')
+						let isEnd = false
+						if(rv[0].status == 'Success'){
+							// let id = productimg.generateSuccess?.designItemId || rv[0].id
+							// rv[0].id = id
+							// let listType = productimg.generateSuccess.listType
+							productimg.generateSuccess = Object.assign(productimg.generateSuccess,rv[0])
+							// productimg.generateSuccess.listType = listType
+							isEnd = true
+							clearInterval(remPrductimgTime)
+						}else if(rv[0].status == 'Fail'){
+							isEnd = true
+						}
+						generateProceedList = data
+						if(isEnd){
+							store.state.store.dispatch('getCredits')
+							clearInterval(prductimgTime)
+							clearInterval(remPrductimgTime)
+							productimg.productimgRemProductimg = false
+							productimg.productimgIsProductimg = false
+						}
+					}
+				}
+			).catch(res=>{
+				clearInterval(prductimgTime)
+				clearInterval(remPrductimgTime)
+				productimg.productimgIsProductimg = false
+				productimg.productimgRemProductimg= false
+			});
+		},1000)
+	}
+	let removeProductimg = ()=>{
+		productimg.productimgIsProductimg = false
+		productimg.productimgRemProductimg= false
+		clearInterval(prductimgTime)
+		if(generateProceedList){
+			// let str = generateProceedList.map((obj:any) => obj.taskId).join(',');
+			let str = generateProceedList.join(',')
+			let data = {
+				uniqueId:str,
+				userId:userDetail.value.userId,
+				type:scaleImageList.value[scaleImageIndex.value]?.resultType
+			}
+			Https.axiosGet(Https.httpUrls.generateStopWaiting, {params:data}).then(
+				(rv) => {
+					generateProceedList = []
+				}
+			).catch(res=>{
+			});
+		}
+	}
+	let submitBase64Data = async (rv:any)=>{
+		loadingShow.value = true
+		let isOverlay = false
+		await new Promise<void>((resolve, reject) => {
+			Modal.confirm({
+				title: t('scaleImage.overlayOrNot'),
+				icon: createVNode(ExclamationCircleOutlined),
+				okText: 'Yes',
+				cancelText: 'No',
+				mask:false,
+				centered:true,
+				onOk() {
+					resolve()
+					isOverlay = true
+
+				},
+				onCancel(){
+					isOverlay = false
+					resolve()
+				}
+			});
+		})
+		let data = {
+			"base64": rv,
+			"category": scaleImageList.value[scaleImageIndex.value]?.categoryValue || scaleImageList.value[scaleImageIndex.value]?.level2Type,
+			"gender": props.sex,
+			"originalId":scaleImageList.value[scaleImageIndex.value]?.id,
+			"isOverride":isOverlay,
+		}
+		Https.axiosPost(Https.httpUrls.modifySketch, data).then(
+			(rv) => {
+				rv.imgUrl = rv.url
+				rv.status = 'Success'
+				rv.category = scaleImageList.value[scaleImageIndex.value]?.category
+				rv.categoryValue = scaleImageList.value[scaleImageIndex.value]?.categoryValue
+				isOverlay?(scaleImageList.value[scaleImageIndex.value] = rv):(scaleImageList.value.unshift(rv))
+				loadingShow.value = false
+				scaleImage.value = false
+			}
+		).catch(res=>{
+			loadingShow.value = false
+		});
+	}
+	return {
+		t,
+		...toRefs(productimg),
+		scaleImage,
+		isShowMark,
+		loadingShow,
+		isComparison,
+		visible,
+		setVisible,
+		scaleImageList,
+		scaleImageMask,
+		scaleImageIndex,
+		isLike,
+		robotAssits,
+		getPrductimg,
+		removeProductimg,
+		submitBase64Data,
+	};
+},
+data() {
+	return {
+		// moodTemplateId: "", //模板id
+		isNext:false
+	};
+},
+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);
+			})
+		}
+	},
+},
+mounted() {
+},
+methods: {
+	init(list:any,index:any,dialogueIndex:any,status:any,listType:string){
+		if(status == 'edit'){
+			this.generateSuccess = {
+				...list[index],
+				id:list[index].designItemId || list[index].id,
+				oldId:list[index].designItemId || list[index].id,
+				url:list[index].designOutfitUrl || list[index].url,
+				designItemId:list[index].designOutfitId,
+				listType,
+			}
+			if(list[index].imageStrength)this.productimgSimilarity = 100 - list[index].imageStrength * 100
+			if(list[index].imageStrength)list[index].brightenValue
+			if(list[index].imageStrength)list[index].direction
+		}else{
+			this.generateSuccess = {
+				listType,
+			}
+		}
+		this.scaleImage = true
+		this.scaleImageList = list
+		// if(this.scaleImageList[index]?.resultType == 'ToProductImage')this.scaleImageList[index].sourceUrl = this.scaleImageList[index].imgUrl
+		this.scaleImageIndex = index
+		if(dialogueIndex)this.robotAssits = dialogueIndex
+		// let scaleImageList = this.store.state.UploadFilesModule.moodboard
+		document.addEventListener('keydown',this.setKeydown)
+	},
+	async cancelDsign(){
+		
+		document.removeEventListener('keydown',this.setKeydown)
+		let data = {
+			...JSON.parse(JSON.stringify(this.generateSuccess)),
+		}
+		let isIndex = -1
+		if(data?.oldId){
+			this.scaleImageList.forEach((rv:any,index:number)=>{
+				if(rv.designItemId == data?.oldId || rv.id == data?.oldId){
+					isIndex = index
+				}
+			})
+		}
+		
+		data.isIndex = isIndex
+		if(isIndex != -1 && data.oldId){
+			await new Promise((resolve,reject)=>{
+				let this_ = this
+				Modal.confirm({
+					title: this.t('scaleImage.cover'),
+					icon: createVNode(ExclamationCircleOutlined),
+					okText: 'Yes',
+					cancelText: 'No',
+					mask:false,
+					centered:true,
+					onOk() {
+						this_.$emit('addGenerateImg',data)
+						resolve('') 
+					},
+					onCancel(){
+						resolve('') 
+					}
+				});
+			})
+		}else{
+			this.$emit('addGenerateImg',data)
+		}
+		this.scaleImage = false
+		this.scaleImageIndex = 0
+		this.isNext = false
+		this.generateSuccess = null
+		this.scaleImageList = []
+	},
+	lastStep(){
+		if(this.productimgIsProductimg) return
+		if(this.isNext)return
+		let num = this.scaleImageIndex
+		if(this.scaleImageIndex <= 0){
+		}else{
+			num -=1
+			this.setImageIndex(num)
+		}
+	},
+	nextStep(){
+		if(this.productimgIsProductimg) return
+		if(this.isNext)return
+		let num = this.scaleImageIndex
+		if(this.scaleImageIndex >= this.scaleImageList.length-1){
+		}else{
+			num += 1
+			this.setImageIndex(num)
+		}
+	},
+	download(){
+		let url = this.scaleImageList[this.scaleImageIndex].imgUrl || this.scaleImageList[this.scaleImageIndex]?.url
+		downloadIamge(url)
+	},
+	setScaleImageIndex(index:any){
+		// this.scaleImageIndex = index
+		this.setImageIndex(index)
+	},
+	setImageIndex(index:any){
+		if(this.isNext)return
+		let this_ = this
+		if(this.isCanvas){
+			this.isNext = true
+			new Promise((resolve,reject)=>{
+				Modal.confirm({
+					title: this.t('scaleImage.submitCanvas'),
+					icon: createVNode(ExclamationCircleOutlined),
+					okText: 'Yes',
+					cancelText: 'No',
+					mask:false,
+					centered:true,
+					onOk() {
+						this_.scaleImageIndex = index
+						this_.isNext = false
+						resolve('') 
+					},
+					onCancel(){
+						this_.isNext = false
+						resolve('') 
+					}
+				});
+			})
+		}else{
+			this.scaleImageIndex = index
+		}
+	},
+	LikeFile(item:any,str:string){
+		let parent:any = this.$parent
+		if(this.robotAssits){
+			parent.likeFile(item,this.scaleImageIndex,this.robotAssits)
+		}else{
+			parent.likeFile(item,str)
+		}
+	},
+	setKeydown(event:any){
+		if(event.keyCode == 37){
+			this.lastStep()
+		}else if(event.keyCode == 39){
+			this.nextStep()
+		}
+	},
+},
+});
+</script>
+<style>
+.scaleImage_modal{
+overflow: visible !important;
+}
+</style>
+<style lang="less">
+.scaleImage_modal {
+.ant-modal-body {
+	display: flex;
+	flex-direction: column;
+}
+.productImg_content_item_title{
+	font-weight: 600;
+	font-size: 1.6rem;
+	&.productImg_content_item_title_menu{
+		margin-bottom: 6rem;
+	}
+}
+.scaleImage_content{
+	display: flex;
+	justify-content: center;
+	// margin-top: calc(5rem*1.2);
+	// height: 75%;
+	height: 100%;
+	position: relative;
+	.productImg_modal{
+		position: relative;
+		left: 0;
+		z-index: 9;
+		.productImg_left{
+			width: 100%;
+			display: flex;
+			height: 100%;
+			flex-direction: column;
+			.input_box_btnBox{
+				width: 100%;
+			}
+			.input_box{
+				justify-content: flex-end;
+			}
+			.productImg_content_item_generate_btn{
+				// transform: translateY(100%);
+				// position: absolute;
+				// bottom: 0;
+				width: 100%;
+				justify-content: space-around;
+				margin-top: 0;
+			}
+			.productImg_content_item_similarity{
+				padding-bottom: 2.4rem;
+				display: flex;
+				align-items: center;
+				input{
+					width: 5rem;
+					height: 5rem;
+					text-align: center;
+					font-size: 1.8rem;
+				}
+			}
+		}
+	}
+	.scaleImage_content_imgBox{
+		position: relative;
+		// max-width: 70rem;
+		width: 100%;
+		text-align: center;
+		justify-content: center;
+		> .loadBox{
+			display: flex;
+			width: auto;
+			height: 100%;
+			max-width: 50rem;
+			min-width: 40rem;
+			align-items: center;
+			justify-content: center;
+
+		}
+		img{
+			width: auto;
+			height: 100%;
+			max-width: 50rem;
+			min-width: 40rem;
+			object-fit: contain;
+		}
+		&.active{
+			display: flex;
+			img{
+				// width: 50%;
+				height: 100%;
+				object-fit: contain;
+				margin: 0 1rem;
+			}
+		}
+		.img_operate_block{
+			width: 3.6rem;
+			height: 3.6rem;
+			background: rgba(0,0,0,0.6);
+			border-radius: 50%;
+			text-align: center;
+			line-height: 3.6rem;
+			cursor: pointer;
+			margin-bottom: 0.4rem;
+			position: absolute;
+			right: 2rem;
+			top: 2rem;
+			opacity: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			z-index: 2;
+			.operate_icon{
+				font-size: 1.8rem;
+				color: #fff;
+				&.fi-sr-heart{
+					color: red;
+				}
+			}
+			i{
+				display: flex;
+				font-size: 1.8rem;
+				color: #fff;
+			}
+		}
+	}
+	
+	
+}
+.scaleImage_content_imgBox:hover{
+	.img_operate_block{
+		opacity: 1;
+	}
+}
+.scaleImage_nav{
+	flex: 1;
+	margin: calc(2.5rem*1.2) calc(0rem*1.2);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: 100%;
+	top: 100%;
+	left: 0;
+	position: absolute;
+	.nav_left,.nav_right{
+		cursor: pointer;
+		top: 50%;
+		i{
+			display: flex;
+			font-size: 4rem;
+			transition: .3s all;
+			color: rgba(0, 0, 0, .5);
+		}
+	}
+	// .nav_left{
+	// 	left: 0;
+	// 	transform: translate(-200%,-50%);
+	// }
+	// .nav_right{
+	//     right: 0;
+	// 	transform: translate(200%,-50%);
+	// }
+	.nav_left:hover,.nav_right:hover{
+		i{
+			color: rgba(0, 0, 0, 1);
+		}
+	}
+	.nav_list{
+		margin: 0 calc(2rem*1.2);
+		max-width:  calc(60rem*1.2);
+		overflow-y: hidden;
+		&.nav_list::-webkit-scrollbar {
+			display: none;
+		}
+		.nav_centent{
+			width: auto;
+			display: flex;
+		}
+		img{
+			max-width: calc(5rem*1.2);
+			max-height: calc(5rem*1.2);
+			object-fit: cover;
+			object-position: 50%,50%;
+			margin-left: calc(1rem*1.2);
+			border-radius: calc(1rem*1.2);
+			overflow: hidden;
+			cursor: pointer;
+			padding: calc(.1rem*1.2);
+			flex-shrink: 0;
+			&.active{
+				border: 2px solid #aaaaaa;
+			}
+		}
+		img:nth-child(1){
+			margin-left: calc(0rem*1.2);
+		}
+	}
+}
+}
+</style>

src/component/home/design/index.vue

@@ -45,17 +45,29 @@
 									{{ $t('HomeView.Redesign') }}
 								</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="elementWidth"
-											:min="minCollValue"
-											:max="maxCollValue-1"
-											@afterChange="setSystemDesigner(500)"
-											:tooltipVisible="false"
+									
+								</div>
+							</div>
+							<div class="right_top_right">
+								<div class="generalModel_state">
+									<div class="generalModel_state_item smail">
+										<span>Size :</span>
+										<a-select
+											v-model:value="widthValue"
+											show-search
+											size="large"
+											allowClear
+											style="width: 150px"
+											placeholder="Please select"
+											:options="widthList"
+											@change="setSystemDesigner(500)"
 										>
-										</a-slider>
-									<div class="text">Big</div>
+										<!-- <template #option="{ value: val, label, icon }">
+											<span role="img" :aria-label="val">{{ icon }}</span>
+											{{ label }}
+										</template> -->
+										</a-select>
+									</div>
 								</div>
 							</div>
 						</div>
@@ -84,14 +96,36 @@
 														'like'
 													)">
 												<div class="content_img_flex">
-													<img class="content_img" :src="design.designOutfitUrl"
+													<img class="content_img" :src="design.designOutfitUrl||design.url"
 														:key="design.designOutfitUrl" designType="like" :index="index"/>
 												</div>
-												<div class="icon iconfont icon-jushoucanggift icon_like" @click.stop="
-													dislikeDesignCollection(
-														design,
-														index
-													)">
+												<div class="btn">
+													<i @click.stop="openEditBtn(design.designItemId||design.id)" class="fi fi-br-menu-dots-vertical"></i>
+													<div class="btnOpen" @click.stop="()=>openEditBtnId=-1" :class="{active:openEditBtnId == design.designItemId||openEditBtnId == design.id}">
+														<div class="item" @click="dislikeDesignCollection(design,design.resultType,index)">
+															<div class="text">On Like</div>
+															<div class="icon iconfont icon-jushoucanggift icon_like">
+															</div>
+														</div>
+														<!-- <div class="item" v-show="design.resultType == 'ToProductImage'" @click="setEditDesignType(likeDesignCollectionList,index,'TransferPose','add','like')">
+															<div class="text">Transfer Pose</div>
+															<div class="icon iconfont icon-jushoucanggift icon_like"></div>
+														</div> -->
+														<div class="item" v-show="design.resultType == 'ToProductImage'" @click="setEditDesignType(likeDesignCollectionList,index,'Relight','add','like')">
+															<div class="text">Relight</div>
+															<i class="fi fi fi-br-keyboard-brightness"></i>
+														</div>
+														<div class="item" v-show="design.resultType == 'Design'" @click="setEditDesignType(likeDesignCollectionList,index,'ToProductImage','add','like')">
+															<div class="text">To Product Image</div>
+															<i class="fi fi fi-ss-box-open"></i>
+														</div>
+														<!-- <div class="item" @click="setDeleteDesign(design,index)">
+															<div class="text">Delete</div>
+															<i class="fi fi-rr-trash icon_delete">
+															</i>
+														</div> -->
+													</div>
+													
 												</div>
 											</div>
 										</div>
@@ -128,16 +162,33 @@
 														)">
 														<img class="content_img" :src="design.designOutfitUrl" designType="dislike" :index="index"/>
 													</div> 
-													<div class="icon iconfont icon-jushoucang icon_like" :class="[driver__.driver?index == 0?driver__.index == 32?'Guide_img showEvents':'':'':'']" @click.stop="
-														likeDesignCollection(
-															design,
-															index
-														)
-														">
+													<div class="btn">
+														<i @click.stop="openEditBtn(design.designItemId||design.id)" class="fi fi-br-menu-dots-vertical"></i>
+														<div class="btnOpen" @click.stop="()=>openEditBtnId=-1" :class="{active:openEditBtnId == design.designItemId||openEditBtnId == design.id}">
+															<div class="item" @click="likeDesignCollection(design,index,design.resultType)">
+																<div class="text">Like</div>
+																<div class="icon iconfont icon-jushoucang icon_like">
+																</div>
+															</div>
+															<!-- <div class="item" v-show="design.resultType == 'ToProductImage'" @click="setEditDesignType(designCollectionList,index,'TransferPose','add','disLike')">
+																<div class="text">Transfer Pose</div>
+																<div class="icon iconfont icon-jushoucanggift icon_like"></div>
+															</div> -->
+															<div class="item" v-show="design.resultType == 'ToProductImage'" @click="setEditDesignType(designCollectionList,index,'Relight','add','disLike')">
+																<div class="text">Relight</div>
+																<i class="fi fi fi-br-keyboard-brightness"></i>
+															</div>
+															<div class="item" v-show="design.resultType == 'Design'" @click="setEditDesignType(designCollectionList,index,'ToProductImage','add','disLike')">
+																<div class="text">To Product Image</div>
+																<i class="fi fi fi-ss-box-open"></i>
+															</div>
+															<div class="item" @click="setDeleteDesign(design,index)">
+																<div class="text">Delete</div>
+																<i class="fi fi-rr-trash icon_delete">
+																</i>
+															</div>
+														</div>
 													</div>
-													<i class="fi fi-rr-trash icon_delete" @click.stop="
-														setDeleteDesign(design,index)">
-													</i>
 											</div>
 											
 										</div>
@@ -165,13 +216,20 @@
 		<!-- design collection的进度蒙层  end-->
 		<affiche ref="affiche"></affiche>
 		<DesignDetailcopy v-if="detailDestroy" ref="designDetail" @destroy="setDetailDestroy" @finishRedesign="finishRedesign"></DesignDetailcopy>
-
+		<editDesignType ref="editDesignType"
+			@addGenerateImg="addGenerateImg"
+			:productData="{
+				upload:upload,
+				RelightDirection:RelightDirection,
+				RelightDirectionList:RelightDirectionList,
+			}" 
+			:isProductimg="true"></editDesignType>
 	</div>
 
 </template>
 
 <script lang="ts">
-import { defineComponent, h, ref, computed, reactive, toRefs, inject,provide,nextTick,createVNode,onBeforeUnmount, toRef} from "vue";
+import { defineComponent, h, ref, computed, toRefs, inject,provide,nextTick,reactive,onBeforeUnmount, toRef} from "vue";
 // import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import NewCollectionReview from "@/component/HomePage/NewCollectionReview.vue";
 import generalCanvas from "@/component/modules/generalCanvas.vue";
@@ -183,6 +241,7 @@ import { useStore } from "vuex";
 import { Https } from "@/tool/https";
 import { openGuide,driverObj__ } from "@/tool/guide";
 import { LoadingOutlined ,ExclamationCircleOutlined} from "@ant-design/icons-vue";
+import editDesignType from './editDesignType/index.vue'
 // import JSZip, { forEach } from "jszip";
 import { setCookie, getCookie, WriteCookie } from "@/tool/cookie";
 import i18n from "@/lang";
@@ -200,7 +259,8 @@ export default defineComponent({
 		NewCollectionReview,
 		affiche,
 		generalCanvas,
-		DesignDetailcopy
+		DesignDetailcopy,
+		editDesignType,
 	},
 	emits:['setTask'],
 	 activated() {
@@ -210,6 +270,25 @@ export default defineComponent({
   props:['isState'],
 	setup(props,{emit}) {
 		const store = useStore();
+		const editDesignType = reactive({
+			upload:{id:store.state.Workspace.probjects.id},
+			RelightDirectionList:[
+				{
+					value:'Right Light',
+					label:useI18n().t('ProductImg.RightLight')
+				},{
+					value:'Left Light',
+					label:useI18n().t('ProductImg.LeftLight')
+				},{
+					value:'Top Light',
+					label:useI18n().t('ProductImg.TopLight')
+				},{
+					value:'Bottom Light',
+					label:useI18n().t('ProductImg.BottomLight')
+				}
+			],
+			RelightDirection:'Right Light'
+		})
 		let likeDesignCollectionList: any = computed(() => {
 			return store.state.HomeStoreModule.likeDesignCollectionList;
 		});
@@ -276,6 +355,23 @@ export default defineComponent({
 		])
 		const dataDom = reactive({
 			collectionModal:null as any,
+			editDesignType:null as any,
+		})
+		const designData = reactive({
+			openEditBtnId:-1,
+			likeLoading: false, //喜欢防抖
+			widthList:[
+				{
+					label:'Medium',
+					value:170,
+				},{
+					label:'Large',
+					value:250,
+				},{
+					label:'Extra-large',
+					value:400,
+				}
+			],
 		})
 		provide('exportNav',exportNav)
 		let isShowOperate = ref(false)
@@ -298,10 +394,8 @@ export default defineComponent({
 		let sessionStorageCollValue = JSON.parse(sessionStorage.getItem('collValue') as any)
 		
 		const collItemSize = reactive({
+			widthValue:150,
 			collValue:6,
-			elementWidth:100,
-			minCollValue:100,
-			maxCollValue:999,
 			padding:60,
 			likeStyle:{
 				width:'240px',
@@ -340,10 +434,10 @@ export default defineComponent({
 			collItemSize.collTime = setTimeout(()=>{
 			nextTick(()=>{
 				let parentWidth = likeItemDom.value.parentElement.offsetWidth
-				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))
+				collItemSize.widthValue = collItemSize.widthValue == -1?100:collItemSize.widthValue
+				collItemSize.widthValue = collItemSize.widthValue > parentWidth?parentWidth:collItemSize.widthValue
+				collItemSize.collValue = Math.floor(parentWidth / collItemSize.widthValue)
+				collItemSize.padding = Math.floor(parentWidth - (collItemSize.collValue * collItemSize.widthValue))
 				let value = collItemSize.collValue
 
 				collItemSize.itemStyle.width = (parentWidth - collItemSize.padding - (value * 10)) / value
@@ -508,6 +602,7 @@ export default defineComponent({
 		const setLikeDislLike = (str:string,value:any)=>{
 			posiitonData.value.likeSelectIndex = 0
 			nextTick(()=>{
+				console.log(posiitonData.value.likeElList)
 				if(str == 'like'){
 					let elArr = likeItemDom.value.children
 					posiitonData.value.likeElList.push({
@@ -517,8 +612,8 @@ export default defineComponent({
 						userLikeSortId:value.userLikeSortId
 					});
 					let collItem = posiitonData.value.generateElList.filter((item:any)=>item.userLikeSortId == value.designItemId)[0]
+					console.log(collItem)
 					posiitonData.value.generateElList = posiitonData.value.generateElList.filter((item:any)=>item.userLikeSortId != value.designItemId)
-					
 					posiitonData.value.generateElList.forEach((item:any)=>{
 						if(item.sort > collItem.sort){
 							item.sort-=1
@@ -565,8 +660,178 @@ export default defineComponent({
 		const openCollection = (str:string)=>{
 			dataDom.collectionModal.init(str)
 		}
+		const openEditBtn = (id:number)=>{
+			designData.openEditBtnId = id
+			let removeEditBtnId = ()=>{
+				designData.openEditBtnId = -1
+				document.removeEventListener('click',removeEditBtnId)
+			}
+			document.addEventListener('click',removeEditBtnId)
+
+		}
+		let setEditDesignType = (arr:any,index:any,type:any,status:any,listType:string)=>{
+			arr = JSON.parse(JSON.stringify(arr))
+			let item = arr[index]
+			if(status == 'add'){
+				item.sourceUrl = item.designOutfitUrl || item.url
+			}else{
+				
+			}
+			arr[index].resultType = type
+			// dataDom.editDesignType.isProductimg = isLike
+			dataDom.editDesignType.isProductimg = true
+			dataDom.editDesignType.init(arr,index,null,status,listType)
+			dataDom.editDesignType.isLike = false
+			dataDom.editDesignType.productimgRelightDirection = editDesignType.RelightDirection
+			dataDom.editDesignType.isComparison = true
+		}
+		const addGenerateImg = (data:any)=>{
+			if(!data.id)return
+			let obj = {
+				id:data.id,
+				designItemId:data.id,
+				// designItemId:data.elementId,
+				designOutfitId:'',
+				designOutfitUrl:data.url,
+				sourceUrl:data.sourceUrl,
+				resultType:data.resultType,
+				elementId:data.elementId,
+				elementType:data.elementType,
+				sort:data.sort,
+			}
+			let list = []
+			if(data.listType == 'disLike'){
+				list = designCollectionList.value
+			}else{
+				list = likeDesignCollectionList.value
+			}
+			if(data.isIndex == -1){
+				if(data.listType == 'like'){
+					likeDesignCollection(obj,-1,data.resultType)
+				}else{
+					list.unshift(obj)
+					nextTick().then(()=>{
+						setDesignItemStyle()
+						moveItem('disLike')
+					})
+				}
+			}else{
+				// collectionLikeUpdate
+				// Https
+				if(data.listType == 'like'){
+					let value = {
+						"oldRelationId": data.oldId,
+						"relationId": data.id,
+						"relationType": data.resultType,
+					}
+					Https.axiosPost(Https.httpUrls.collectionLikeUpdate,value).then((rv:any)=>{
+						if(rv){
+						}
+					})
+				}
+				list[data.isIndex].designOutfitUrl = obj.designOutfitUrl
+				list[data.isIndex].resultType = obj.resultType
+				list[data.isIndex].id = obj.id
+				list[data.isIndex].designItemId = obj.designItemId
+				list[data.isIndex].sourceUrl = obj.sourceUrl
+			}
+		}
+		const setNoDesignLike = (design:any,index:any,type:any,str:string) => {
+			let url
+			let data = {
+				toProductImageResultId:[(design.designItemId || design.id)],
+				projectId: store.state.Workspace.probjects.id,
+			}
+			if(type == 'ToProductImage' || type == 'Relight'){
+				if(str == 'like'){
+					url = Https.httpUrls.productImageLike
+				}else{
+					url = Https.httpUrls.productImageUnLike
+				}
+			}else{
+				if(str == 'like'){
+					url = Https.httpUrls.productImageLike
+				}else{
+					url = Https.httpUrls.productImageUnLike
+				}
+			}
+			designData.likeLoading = true;
+			Https.axiosPost(url, data).then(
+				(rv) => {
+					if(str == 'like'){
+						let value:any = {
+							...design,
+							sort:likeDesignCollectionList.value.length + 1,
+						}
+						design.groupDetailId = rv.groupDetailId;
+						store.commit(
+							"addLikeDesignCollectionList",
+							value
+						);
+						setLikeDislLike('like',value)
+						if(index != -1)store.commit("deleteDesignCollectionList", index);
+					}else{
+						if(index != -1)store.commit("deleteLikeDesignCollectionList", index);
+						store.commit("addDesignCollectionList", [design]);
+						likeDesignCollectionList.value.forEach((item:any)=>{
+							if(item.sort > design.sort){
+								item.sort-=1
+							}
+						})
+					}
+					designData.likeLoading = false;
+				}
+			).catch(res=>{
+				designData.likeLoading = false;
+			});
+		}
+		let likeDesignCollection = (design:any,index:any,type:any) => {
+			if (designData.likeLoading) {
+				return;
+			}
+			if(type != 'Design'){
+				setNoDesignLike(design,index,type,'like')
+				return
+			}
+			let data = {
+				designItemId: design.designItemId,
+				userGroupId: store.state.HomeStoreModule.userGroupId,
+				projectId: store.state.Workspace.probjects.id,
+				timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+				designPythonOutfitId:design.designOutfitId?design.designOutfitId:design.designPythonOutfitId
+			};
+			
+			
+			designData.likeLoading = true;
+			Https.axiosPost(Https.httpUrls.designLike, data)
+				.then((rv: any) => {
+					if (rv) {
+						let value:any = {
+							...design,
+							id:rv.userLikeId,
+							groupDetailId:rv.userLikeId,
+							userLikeSortId:rv.userLikeSortId,
+							userLikeGroupId:rv.userGroupId,
+							sort:rv.sort,
+						}
+						store.commit("setUserGroupId", rv.userGroupId);
+						design.groupDetailId = rv.groupDetailId;
+						store.commit(
+							"addLikeDesignCollectionList",
+							value
+						);
+						setLikeDislLike('like',value)
+						if(index != -1)store.commit("deleteDesignCollectionList", index);
+					}
+					designData.likeLoading = false;
+				})
+				.catch((rv) => {
+					designData.likeLoading = false;
+				});
+		}
 		return {
 			store,
+			...toRefs(editDesignType),
 			likeDesignCollectionList,
 			deleteDesignCollectionList,
 			designCollectionList,
@@ -592,6 +857,7 @@ export default defineComponent({
 			setDesignItemStyle,
 			showDesignMark,
 			...toRefs(collItemSize),
+			...toRefs(designData),
 			...toRefs(dataDom),
 			likeItemDom,
 			collItemDom,
@@ -609,6 +875,10 @@ export default defineComponent({
 			posiitonData,
 			moveItem,
 			openCollection,
+			setEditDesignType,
+			openEditBtn,
+			addGenerateImg,
+			setNoDesignLike,
 		};
 	},
 	data() {
@@ -626,7 +896,6 @@ export default defineComponent({
 			designProgress: 0,
 			startDesignType: "design", //设计类型 design 和 resdesign
 			disLikeLoading: false, //不喜欢防抖
-			likeLoading: false, //喜欢防抖
 			dragIdx:0,
 			designRandom:'',
 			detailDestroy:false,//销毁detail
@@ -996,7 +1265,15 @@ export default defineComponent({
 		deleteDesignCollection(list:any,index:any){
 			list.splice(index,1)
 		},
-		likeDesignCollection(design: any, index: any) {
+		
+		likeDesignCollection(design: any, index: any,type:any) {
+			if (this.likeLoading) {
+				return;
+			}
+			if(type != 'Design'){
+				this.setNoDesignLike(design,index,type,'like')
+				return
+			}
 			let data = {
 				designItemId: design.designItemId,
 				userGroupId: this.store.state.HomeStoreModule.userGroupId,
@@ -1004,9 +1281,7 @@ export default defineComponent({
 				timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 				designPythonOutfitId:design.designOutfitId?design.designOutfitId:design.designPythonOutfitId
 			};
-			if (this.likeLoading) {
-				return;
-			}
+			
 			
 			this.likeLoading = true;
 			Https.axiosPost(Https.httpUrls.designLike, data)
@@ -1027,15 +1302,12 @@ export default defineComponent({
 							value
 						);
 						this.setLikeDislLike('like',value)
-						this.store.commit("deleteDesignCollectionList", index);
+						if(index != -1)this.store.commit("deleteDesignCollectionList", index);
 						if (this.startDesignType === "resDesign") {
 							this.getHistoryChoose(this.userGroupId, "like");
 						}
 					}
 					this.likeLoading = false;
-					if(this.driver__.driver){
-						driverObj__.moveNext();
-					}
 				})
 				.catch((rv) => {
 					this.likeLoading = false;
@@ -1043,13 +1315,18 @@ export default defineComponent({
 		},
 
 		//不喜欢设计
-		dislikeDesignCollection(design: any, index: any) {
+		dislikeDesignCollection(design:any,type:string, index: any) {
 			let data = {
 				designId: design.designId || this.designId,
 				designPythonOutfitId:design.designOutfitId,
 				groupDetailId: design.groupDetailId || design.id,
 				timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 			};
+			console.log(type)
+			if(type != 'Design'){
+				this.setNoDesignLike(design,index,type,'disLike')
+				return
+			}
 			if (this.disLikeLoading) {
 				return;
 			}
@@ -1237,20 +1514,6 @@ export default defineComponent({
 			});
 			return colorList;
 		},
- //点击下拉图标出现操作
-		changeShowOperateContent() {
-            this.isShowOperate = !this.isShowOperate;
-            document.addEventListener(
-                "click",
-                this.closeShowOperateContent,
-                false
-            );
-        }, 
-		//关闭下拉图标
-        closeShowOperateContent() {
-            this.isShowOperate = false;
-            document.removeEventListener("click", this.closeShowOperateContent);
-        },
 	
 		//销毁图片详情
 		setDetailDestroy() {
@@ -1265,7 +1528,12 @@ export default defineComponent({
 			collectionList: any,
 			type: string
 		) {
+			// if()
 			if(this.isMove)return
+			if(design.resultType != "Design"){
+				this.setEditDesignType(collectionList,index,design.resultType,'edit',type)
+				return
+			}
 			design.designOutfitId = design.designPythonOutfitId?design.designPythonOutfitId:design.designOutfitId
 			let data = {
 				design: design,
@@ -1644,14 +1912,9 @@ export default defineComponent({
 									justify-content: center;
 									position: absolute;
 									transition: top,left .3s;
-									&:hover .icon_like,&:hover .icon_delete,&:hover .Dustbin {
-										display: block;
+									&:hover .btn{
+										display: flex;
 									}
-
-									// &:nth-child(4n) {
-									// 	margin-right: 0;
-									// }
-
 									.content_img_flex {
 										display: flex;
 										justify-content: center;
@@ -1660,6 +1923,7 @@ export default defineComponent({
 										height: 100%;
 										border-radius: 2rem;
 										border: 2px solid #E0E0E0;
+										overflow: hidden;
 										background: #fff;
 									}
 									&.active{
@@ -1677,27 +1941,61 @@ export default defineComponent({
 										// max-height: 100%;
 										object-fit: contain;
 									}
-									.Dustbin{
-										position: absolute;
-										top: 50%;
-										left: 50%;
-										transform: translate(-50%,-50%);
-										cursor: pointer;
-										color: #fff;
-										border-radius: 4rem;
-										font-size: 1.8rem;
-										padding: 1rem 1.5rem;
-										background: rgba(0, 0, 0, 0.7);
-										display: none;
-									}
-									.icon_like,.icon_delete {
-										font-size: 2.4rem;
+									
+									.btn{
 										top: 1rem;
 										right: 1rem;
+										display: flex;
 										position: absolute;
-										cursor: pointer;
-										display: none;
+										flex-direction: column;
+										align-items: center;
+										> i{
+											cursor: pointer;
+											width: 3rem;
+											height: 3rem;
+											display: flex;
+											align-items: center;
+											justify-content: center;
+										}
+										> .btnOpen{
+											position: absolute;
+											width: max-content;
+											left: 3rem;
+											top: 3rem;
+											transform: translateX(-100%);
+											background: #e4e4e7;
+											padding: 1.2rem;
+											border-radius: 1.2rem;
+											display: none;
+											z-index: 99;
+											&.active{
+												display: block;
+											}
+											> .item{
+												display: flex;
+												align-items: center;
+												margin-bottom: .8rem;
+												padding: .8rem;
+												border-radius: .8rem;
+												cursor: pointer;
+												&:last-child{
+													margin: 0;
+												}
+												> .text{
+													font-size: 1.2rem;
+													margin-right: 1rem;
+												}
+												&:hover{
+													background: #efeff1;
+												}
+											}
+										}
+										.icon_like,.icon_delete {
+											font-size: 1.4rem;
+											cursor: pointer;
+										}
 									}
+									
 									.icon_delete{
 										top: 5rem;
 									}

src/component/home/design/mannequin/edit.vue

@@ -76,7 +76,7 @@
 								<template #suffixIcon
 									><span
 										class="icon iconfont icon-xiala"
-										style="color: #343579"
+										style="color: #000"
 									></span
 								></template>
 							</a-select> -->
@@ -1356,10 +1356,10 @@ export default defineComponent({
 				}
 
 				.ant-slider-track{
-					background: #343579;
+					background: #000;
 				}
 				.ant-slider-handle{
-					border-color: #343579;
+					border-color: #000;
 				}
 
 				.placement_remove_point_block{

src/component/home/design/mannequin/index.vue

@@ -19,7 +19,7 @@
 							<template #suffixIcon
 								><span
 									class="icon iconfont icon-xiala"
-									style="color: #343579"
+									style="color: #000"
 								></span
 							></template>
 						</a-select>

src/component/home/index.vue

@@ -17,7 +17,7 @@
 	<chat ref="chatDom" @chatChange="chatChange" v-show="openType == 'history'"></chat>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,watch,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
+import { defineComponent,computed,inject,watch,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { Https } from "@/tool/https";
 import { useStore } from "vuex";
@@ -31,9 +31,6 @@ export default defineComponent({
 	components:{
 		design,newPorject,chat
 	},
-	props:{
-		settingGetHistory:{type:Function,default:()=>{}},
-	},
 	emits:['setTask','newProject'],
 	setup(props,{emit}) {
 		const store = useStore();
@@ -45,6 +42,7 @@ export default defineComponent({
 			selectObject:computed(()=>store.state.Workspace.probjects) as any,//选择的项目
 			chatData:null as any,
 		})
+		let settingGetHistory:any = inject('settingGetHistory')
 		const setIsShowMark = (boolean:boolean)=>{
 			data.isShowMark = boolean
 		}
@@ -55,7 +53,7 @@ export default defineComponent({
 			chatDom:null as any,
 		})
 		watch(() => route.query,
-			(query, oldQuery) => {
+			(query:any, oldQuery:any) => {
 				data.routeQuery = query
 				const key = Object.keys(query)?.[0]
 				if(key){
@@ -63,14 +61,20 @@ export default defineComponent({
 				}else{
 					data.openType = ''
 				}
+				// if((query.history || query.id) != (oldQuery.history || oldQuery.id)){
+				// }
 				nextTick(()=>{
-					if(query.id || query.history){
+					if(query.history || query.id){
 						data.isShowMark = true
+						createData()
 						if(query.type == 'Works'){
 							getWorks(query.id || query.history)
 						}else{
+							// setProjectData({id:query.id,process:'toProduct'})
 							getHistory(query.id || query.history)
 						}
+					}else{
+						createData()
 					}
 				})
 				
@@ -78,6 +82,7 @@ export default defineComponent({
 			{ immediate: true } // 立即触发一次以处理初始参数
 		);
 		const createData = ()=>{
+			store.commit("createProbject");
 			store.commit("clearAllData");
 			store.commit("clearAllCollection");
 			store.commit("setAllBoardDataChoose",{});
@@ -112,7 +117,8 @@ export default defineComponent({
 				id,
 			}
 			if(!id)return
-			createData()
+				data.isShowMark = false
+
 			Https.axiosPost(Https.httpUrls.selectHistoryProject,value).then((rv: any) => {
 				setProjectData(rv)
 			}).catch((res)=>{
@@ -128,26 +134,26 @@ export default defineComponent({
 				id:rv.id,
 				type:rv.process == 'SERIES_DESIGN'?'seriesDesign':'singleProductDesign',
 				httpType:rv.process,//项目类型
-				ageGroup:rv.workspaceVO.ageGroup,
-				style:rv.workspaceVO.style,
-				styleId:rv.workspaceVO.styleId,
-				styleName:rv.workspaceVO.styleName,
-				sex:rv.workspaceVO.sex,
-				userBrandDnaImg:rv.workspaceVO.userBrandDnaImg,
-				userBrandDnaName:rv.workspaceVO.userBrandDnaName,
-				brandPercentage:rv.workspaceVO.brandPercentage,
-				userBrandDna:rv.workspaceVO.userBrandDna,
-				systemDesignerPercentage:rv.workspaceVO.systemDesignerPercentage,
+				ageGroup:rv.workspaceVO?.ageGroup,
+				style:rv.workspaceVO?.style,
+				styleId:rv.workspaceVO?.styleId,
+				styleName:rv.workspaceVO?.styleName,
+				sex:rv.workspaceVO?.sex,
+				userBrandDnaImg:rv.workspaceVO?.userBrandDnaImg,
+				userBrandDnaName:rv.workspaceVO?.userBrandDnaName,
+				brandPercentage:rv.workspaceVO?.brandPercentage,
+				userBrandDna:rv.workspaceVO?.userBrandDna,
+				systemDesignerPercentage:rv.workspaceVO?.systemDesignerPercentage,
 				position:{
-					label:rv.workspaceVO.positionEnum.value,
-					value:rv.workspaceVO.positionEnum.name
+					label:rv.workspaceVO?.positionEnum?.value,
+					value:rv.workspaceVO?.positionEnum?.name
 				},
 				positionList:[],
 				publishData:{
-					id:rv.portfolioDTO.id?rv.portfolioDTO.id:'',
-					portfolioDes:rv.portfolioDTO.portfolioDes?rv.portfolioDTO.portfolioDes:'',
-					portfolioName:rv.portfolioDTO.portfolioName?rv.portfolioDTO.portfolioName:'',
-					tagsDTO:rv.portfolioDTO.tagsDTO?rv.portfolioDTO.tagsDTO:[],
+					id:rv.portfolioDTO?.id?rv.portfolioDTO?.id:'',
+					portfolioDes:rv.portfolioDTO?.portfolioDes?rv.portfolioDTO?.portfolioDes:'',
+					portfolioName:rv.portfolioDTO?.portfolioName?rv.portfolioDTO?.portfolioName:'',
+					tagsDTO:rv.portfolioDTO?.tagsDTO?rv.portfolioDTO?.tagsDTO:[],
 				},
 				model:[]
 			}
@@ -167,7 +173,11 @@ export default defineComponent({
 			// 	dataDom.workflow.isUpdataPorject = true
 			// })
 			setChatData()
-			getCollection()	
+			if(route.name == 'tools'){
+				getCollection('tools')	
+			}else{
+				getCollection('design')	
+			}
 		}
 		const setChatData = ()=>{
 			if(!data.chatData)return
@@ -193,10 +203,16 @@ export default defineComponent({
 		// 		})
 		// 	})
 		// }
-		const getCollection = ()=>{
+		const getCollection = (type:string)=>{
+			let moduleList = [] as any
+			if(type == 'design'){
+				moduleList = ["moodBoard", "printBoard", "colorBoard", "sketchBoard",'design','mannequin']
+			}else{
+				moduleList = ["printBoard", "colorBoard", "sketchBoard",'design','toProduct','relight','poseTransfer','mannequin',"patternMaking3D",'deReconstruction']
+			}
 			let value:any = {
 				 "id":data.selectObject.id,
-				"moduleList":["moodBoard", "printBoard", "colorBoard", "sketchBoard",'design','toProduct','relight','poseTransfer','mannequin']
+				"moduleList":moduleList,
 			}
 			Https.axiosPost(Https.httpUrls.getModuleContent,value).then(async (rv)=>{
 				historyChooseData(rv)//设置历史数据
@@ -214,7 +230,7 @@ export default defineComponent({
 				}
 				let allBoardData = ['sketchBoard','moodBoard','printBoard','colorBoard']
 				// let allBoardData = ['sketchBoard','moodBoard','printBoard','colorBoard','toProduct','relight','poseTransfer','mannequin']
-				let canvasData = ['canvas']
+				let canvasData = ['canvas','deReconstruction']
 				for (let index = 0; index < canvasData.length; index++) {
 					const item = canvasData[index];
 					await getCanvasData(item)
@@ -235,7 +251,9 @@ export default defineComponent({
 					}
 				})
 				data.isShowMark = false
-				dataDom.design.openSetData()
+				if(type == 'design'){
+					dataDom.design.openSetData()
+				}
 			})
 		}
 		const getCanvasData = (str:any)=>{
@@ -380,11 +398,11 @@ export default defineComponent({
 			if(value.type == '[DESIGN_SIGNAL]' && dataDom.design){
 				dataDom.design.designNewCollection()
 			}else{
-				getCollection()
+				getCollection('design')
 			}
 		}
 		const newProject = (value:any)=>{
-			props.settingGetHistory()
+			settingGetHistory()
 			router.push(`home?history=${value.id}`)
 			data.chatData = value
 			

src/component/home/newProject/index.vue

@@ -98,9 +98,9 @@ export default defineComponent({
 			},
 			chatContent:'',
 			hintList:[
-				'描述1',
-				'描述3',
-				'描述2',
+				'设计一套田园风衣服',
+				'设计一套夏日风衣服',
+				'设计一套未来风格的衣服',
 			],
 			enableThinking:false,//深度思考
 			uploadFile:null as any,
@@ -125,7 +125,7 @@ export default defineComponent({
 			e.target.style.height = `${e.target.scrollHeight}px`;
 		}
 		const addChatContent = (item:any)=>{
-			if((data.textarea.value += item.length) > 10000)return
+			if((data.textarea.value?.length + item.length) > 10000)return
 			data.chatContent += item
 			data.textarea.value += item
 		}

src/component/home/newProject/workspace.vue

@@ -39,26 +39,20 @@
 				<div class="gallery_btn" style="line-height: 5rem;" @click="setStyle">{{ $t('Habit.Select') }}</div>
 			</div>
 			<div class="style marginBottom brand">
-				<div class="text">Bran DNA</div>
+				<div class="text">Brand DNA</div>
 				<div class="text"><img v-show="selectObject.userBrandDna" :src="selectObject.userBrandDnaImg"></div>
 				<!-- <div class="text"><img v-show="selectObject.userBrandDna" :src="selectObject.userBrandDnaImg">{{ selectObject.userBrandDnaName }}</div> -->
 				<div class="gallery_btn" style="line-height: 5rem;" @click="setBrandDNA">{{ $t('Habit.Select') }}</div>
 			</div>
-			<div class="systemDesigner marginBottom" v-if="selectObject.userBrandDna">
+			<div class="brandDNAStrenght marginBottom" v-if="selectObject.userBrandDna">
+				<div class="text">
+					Brand DNA Strength
+				</div>
 				<a-slider class="system_silder"
                     v-model:value="selectObject.brandPercentage"
 					:tip-formatter="formatterBrandDNA"
-					:tooltipVisible="false"
 				>
                 </a-slider>
-                <div class="text">
-                    <div class="left">
-						Bran DNA<span>({{systemBrandDNA.system}}%)</span>
-					</div>
-                    <div class="right">
-						System<span>({{systemBrandDNA.brandDNA}}%)</span>
-					</div>
-                </div>
 			</div>
 			<div class="systemDesigner marginBottom" v-if="show.systemDesigner">
 				<a-slider class="system_silder"
@@ -150,10 +144,6 @@ export default defineComponent({
 				system:0,
 				designer:0,
 			},
-			systemBrandDNA:{
-				system:0,
-				brandDNA:0,
-			},
 			setIsShowMark:inject('setIsShowMark') as any,
 		})
 		// watch(()=>data.selectObject_,(newVal)=>{
@@ -193,10 +183,7 @@ export default defineComponent({
 			return `${num}%`;
 		}
 		const formatterBrandDNA = (value: number)=>{
-			data.systemBrandDNA.system = 100 - value
-			data.systemBrandDNA.brandDNA = value
-			let num = Math.abs((value-50)*2)
-			return `${num}%`;
+			return `${value}%`;
 		}
 		const complete = ()=>{
 			if(!data.selectObject.name){
@@ -223,28 +210,13 @@ export default defineComponent({
 			Https.axiosPost(Https.httpUrls.projectSaveOrUpdate,value).then((rv)=>{
 				if(rv){
 					data.selectObject.id = rv.id
-					let model:any = {}
-					let position = []
-					if(data.selectObject.sex == "Female"){
-					// if(rv.workspaceVO.sex == "Female"){
-						model = {
-							id:rv.workspaceVO.mannequinFemaleId,
-							type:rv.workspaceVO.mannequinFemaleType,
-							url:rv.workspaceVO.femalePresignedUrl,
-						}
-						position = store.state.UserHabit.FemalePosition
-					}else{
-						model = {
-							id:rv.workspaceVO.mannequinMaleId,
-							type:rv.workspaceVO.mannequinMaleType,
-							url:rv.workspaceVO.malePresignedUrl,
-						}
-						position = store.state.UserHabit.MalePosition
-					}
-					// model.url = rv.workspaceVO.malePresignedUrl
-					data.selectObject.model = model
-					data.selectObject.positionList = position
-					// store.commit('setProbject',data.selectObject)
+					// let position = []
+					// if(data.selectObject.sex == "Female"){
+					// 	position = store.state.UserHabit.FemalePosition
+					// }else{
+					// 	position = store.state.UserHabit.MalePosition
+					// }
+					// data.selectObject.positionList = position
 					emit('setProject',data.selectObject)
 				}
 			})
@@ -392,6 +364,18 @@ export default defineComponent({
 					justify-content: space-between;
 				}
 			}
+			> .brandDNAStrenght{
+				display: flex;
+				align-items: center;
+				> .text{
+					margin-right: 3rem;
+					display: flex;
+					justify-content: space-between;
+				}
+				> .system_silder{
+					flex: 1;
+				}
+			}
 			> .position{
 				> .text{
 					margin-right: 1rem;

src/component/home/tools/patternMaking3D/index.vue

@@ -2,8 +2,29 @@
 	<div class="patternMaking3D">
 		<div class="selectModel">
 			<div class="heard selectList">
-				<div :class="{active:libraryOrModel == 'model'}" @click="setLibraryOrModel('model')">Clothing</div>
-				<div :class="{active:libraryOrModel == 'print'}" @click="setLibraryOrModel('print')">Print</div>
+				<div class="title" :class="{active:libraryOrModel == 'model'}" @click="setLibraryOrModel('model')">Clothing</div>
+				<div class="title" :class="{active:libraryOrModel == 'print'}" @click="setLibraryOrModel('print')">Print</div>
+				<div class="generalModel_state">
+					<div class="generalModel_state_item smail">
+						<a-select
+							ref="select"
+							v-model:value="sex"
+							:options="sexList"
+							size="large"
+							:fieldNames="{ label: 'name', value: 'value' }"
+							style="width:20rem"
+							@change="sexChange"
+						>
+							<template #suffixIcon
+								><span
+									class="icon iconfont icon-xiala"
+									style="color: #000"
+								></span
+							></template>
+						</a-select>
+					</div>
+				</div>
+				
 			</div>
 			<div class="list" v-show="libraryOrModel == 'model'" v-if="maskShow">
 				<div v-for="item in modelList" class="modelItem" :class="{active:item.id == selectModel.id}" @click="setSelectModel(item)">
@@ -86,6 +107,8 @@ export default defineComponent({
 			// }),
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
 			modelList:[] as any,
+			sex:'Female',
+			sexList:computed(()=>store.state.UserHabit.sex.value),
 			printList:computed(()=>store.state.UploadFilesModule.allBoardData.printboardFiles),
 			isShowMark:false,
 			isNoData:false,
@@ -97,12 +120,12 @@ export default defineComponent({
 			maskShow:false,
 			libraryOrModel:'model'
 		})
-		watch(()=>data.selectObject.sex,(newVal)=>{
+		const sexChange = ()=>{
 			data.modelList = []
 			data.currentPage = 0,
 			data.isNoData = false
 			data.isShowMark = false
-		})
+		}
 		const setSelectModel = (item:any)=>{
 			data.isShowMark = true
 			const value = {
@@ -143,7 +166,7 @@ export default defineComponent({
             let value = {
                 page: data.currentPage,
                 size:data.pageSize,
-				sex:data.selectObject.sex,
+				sex:data.sex,
             }
             data.isShowLoading = true
             Https.axiosPost(Https.httpUrls.threeDPage,value).then(
@@ -177,7 +200,7 @@ export default defineComponent({
 			dataDom.download.openDown(data.selectModel.id)
 		}
 		const setLibraryOrModel = (str:any)=>{
-			if(str == 'print' && data.selectModel.id == -1)return
+			// if(str == 'print' && data.selectModel.id == -1)return
 			data.libraryOrModel = str
 		}
 		const setMaterial = (item:any)=>{
@@ -191,6 +214,7 @@ export default defineComponent({
 		return{
 			...toRefs(dataDom),
 			...toRefs(data),
+			sexChange,
 			setSelectModel,
 			openSetData,
 			getModelList,
@@ -246,14 +270,19 @@ export default defineComponent({
 				display: flex;
 				justify-content: space-between;
 				width: 100%;
+				align-items: center;
 				&.selectList{
 					justify-content: flex-start;
-					> div{
+					> .title{
 						position: relative;
 						margin-right: 2rem;
-						margin-bottom: 2rem;
+						cursor: pointer;
+						// margin-bottom: 2rem;
 					}
-					> div::before{
+					> .generalModel_state{
+						margin-left: auto;
+					}
+					> .title::before{
 						position: absolute;
 						content: "";
 						display: block;

src/component/home/tools/poseTransfer/index.vue

@@ -79,7 +79,7 @@
 			<div class="element">
 				<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" :isLike="true" :isVideo="true" @setBtn="likeSetBtn"></generalDrag>
+					<generalDrag ref="generalDragLeft" :list="likeList" :isLike="true" :isVideo="true" @setBtn="likeSetBtn"></generalDrag>
 				</div>
 				<!-- <div class="btnLeft" @click="setSize('left')" :class="{'active':button.left}">
 					<span class="icon iconfont icon-xiala"></span>
@@ -93,7 +93,7 @@
 			<div class="element">
 				<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>
+					<generalDrag ref="generalDragRight" :list="noLikeList" :isVideo="true" @setBtn="noLikeSetBtn"></generalDrag>
 				</div>
 			</div>
 		</div>
@@ -118,10 +118,7 @@ export default defineComponent({
 		// selectList,
 	},
 	props:{
-		isState:{
-			type:Boolean,
-			default:false,
-		}
+		
 	},
 	emits:[],
 	setup(props,{emit}) {
@@ -141,7 +138,7 @@ export default defineComponent({
 			},
 			waitList:[],
 			likeList:computed(()=>store.state.HomeStoreModule.poseTransfer),
-			noLikeList:[],
+			noLikeList:[ { "id": 128, "taskId": "df9cd154-6cf9-488a-8e64-426ef4a27e13-83", "productImage": null, "gifUrl": "https://www.minio-api.aida.com.hk/aida-users/83/pose_transform_gif/df9cd154-6cf9-488a-8e64-426ef4a27e13-83.gif?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250530%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250530T015548Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=2a43ad4a389e8366207b6500506c17140e0387924a2adcb35188f2e59777e422", "videoUrl": "None", "firstFrameUrl": "https://www.minio-api.aida.com.hk/aida-users/83/pose_transform_first_img/df9cd154-6cf9-488a-8e64-426ef4a27e13-83.png?response-content-type=image%2Fpng&response-content-disposition=inline&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250530%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250530T015548Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=e202d13874f0a28105602a268c802d4c99d2fbecd06a9460cc07e7c7ecbd0559", "isLiked": 0, "status": "Success", "collectionType": null, "url": "https://www.minio-api.aida.com.hk/aida-users/83/pose_transform_first_img/df9cd154-6cf9-488a-8e64-426ef4a27e13-83.png?response-content-type=image%2Fpng&response-content-disposition=inline&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250530%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250530T015548Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=e202d13874f0a28105602a268c802d4c99d2fbecd06a9460cc07e7c7ecbd0559" } ],
 			isGenerate:false,//判断是否正在进行generate
 			remGenerate:false,
 			removeGenerate:false,
@@ -150,6 +147,7 @@ export default defineComponent({
 			selectPose:null as any,
 		})
 		const setIsShowMark:any = inject('setIsShowMark')
+		const createProbject:any = inject('createProbject')
 		const dataDom = reactive({
 			generalDragLeft:null as any,
 			generalDragRight:null as any,
@@ -158,7 +156,6 @@ export default defineComponent({
 		const selectImgItem = (item:any,)=>{
 			data.selectImg = item
 			data.fileList.forEach((listItem:any)=>listItem.isChecked = false)
-			console.log(data.currentList)
 			data.currentList.forEach((listItem:any)=>listItem.isChecked = false)
 			item.isChecked = true
 			if(item.url || item.imgUrl)data.selectImg.minioUrl = getMinioUrl(item.url || item.imgUrl)
@@ -166,6 +163,7 @@ export default defineComponent({
 		const openSetData = ()=>{
 			// dataDom.generalDrag.openSetData()
 			data.currentList = store.state.UploadFilesModule.modularData.toProduct
+			data.currentList = data.currentList?data.currentList:[]
 			setIsShowMark(false)
 			if(data.poseList.length == 0){
 				getPoseList()		
@@ -175,7 +173,6 @@ export default defineComponent({
 		const setCloudImg = ()=>{
 			let arr = store.state.UploadFilesModule.cloudList
 			let list = JSON.parse(JSON.stringify(arr.poseTransfer)) || []
-			console.log(list)
 			list.forEach((item:any)=>{
 				item.url = item.firstFrameUrl	
 				data.noLikeList.unshift(item)
@@ -300,7 +297,7 @@ export default defineComponent({
 				});
 			}
 		}
-		let beforeUpload = (file: any)=>{
+		let beforeUpload = async (file: any)=>{
             const isJpgOrPng =
                 file.type === "image/jpeg" ||
                 file.type === "image/png" ||
@@ -313,7 +310,10 @@ export default defineComponent({
             if (!isLt2M) {
                 message.info(useI18n().t('MoodboardUpload.jsContent4'));
             }
-            return (isJpgOrPng && isLt2M) || Upload.LIST_IGNORE;
+			if(!data.upload.projectId){
+				await createProbject()
+			}
+            return (isJpgOrPng && isLt2M && data.upload.projectId) || Upload.LIST_IGNORE;
         }
 		const fileUploadChange = (value: any)=> {
             let file = value.file;

src/component/home/tools/toProduct/index.vue

@@ -24,16 +24,12 @@
 								/>
 							</div>
 							<div
-								class="content_item_imgBox_itemImg"
+								class="imgBox"
 								v-show="file?.status === 'done'"
 
 							>
 								<img @click="setGenerate(file)" :class="[file?.isChecked?'active':'']" :src="file?.imgUrl" class="upload_img"/>
 								<a-checkbox v-model:checked="file.isChecked"></a-checkbox>
-
-								<!-- <div class="content_item_imgBox_itemImg_delete" @click="deleteFile(index)">
-									<i class="fi fi-rr-trash"></i>
-								</div> -->
 							</div>
 						</div>
 						<div class="upload_file_item upload_component">
@@ -116,11 +112,6 @@
 							</div>
 						</div>
 					</div>
-					<!-- <div class="productImg_content_item_title">{{$t('ProductImg.Upload')}}</div>
-					<div class="productImg_content_item_imgBox generalScroll upload_item">
-						
-						
-					</div> -->
 					<div class="productImg_content_item_generate_btn input_border">
 						<div class="input_box">
 							<div v-show="!isProductimg" class="generage_btn started_btn" @click.stop="getPrductimg">
@@ -232,7 +223,7 @@
 
 <script lang="ts">
 import { LoadingOutlined } from "@ant-design/icons-vue";
-import { defineComponent,watch,createVNode, h, ref ,toRefs,computed,reactive,triggerRef, nextTick} from "vue";
+import { defineComponent,watch,createVNode, h, ref ,toRefs,computed,reactive,triggerRef, nextTick, inject} from "vue";
 import { Https } from "@/tool/https";
 import { getCookie,setCookie } from "@/tool/cookie";
 // import domTurnImg from '@/tool/domTurnImg'
@@ -265,6 +256,7 @@ export default defineComponent({
 		let driver__:any = computed(()=>{
 			return store.state.Guide.guide
 		})
+		const createProbject:any = inject('createProbject')
 		let productImgData:any = reactive({
 			isShowMark:false,
 			fileList:{},
@@ -411,7 +403,7 @@ export default defineComponent({
 				bor = false
             }
         }
-		let beforeUpload = (file: any)=>{
+		let beforeUpload = async (file: any)=>{
             const isJpgOrPng =
                 file.type === "image/jpeg" ||
                 file.type === "image/png" ||
@@ -424,6 +416,12 @@ export default defineComponent({
             if (!isLt2M) {
                 message.info(useI18n().t('MoodboardUpload.jsContent4'));
             }
+			if(!productImgData.selectObject.id){
+				productImgData.selectObject.id = await createProbject()
+				upload.value = {
+					projectId:productImgData.selectObject.id
+				}
+			}
             return (isJpgOrPng && isLt2M) || Upload.LIST_IGNORE;
         }
 		let deleteFile = (index:any)=>{
@@ -968,33 +966,28 @@ methods: {
 			padding: 0;
 			overflow: hidden;
 		}
-	.upload_file_item{
-		display: flex;
-		margin-right: 1rem;
-		height: 14rem !important;
-		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: 20rem;
+		width: 100%;
+		height: 25rem;
+		.content_item_imgBox_itemImg ,.upload_file_item{
+			margin-right: 1rem;
+			width: calc(100% / 2 - .5rem);
+			cursor: pointer;
+			overflow: hidden;
+			display: flex;
+			justify-content: center;
 			flex-shrink: 0;
+			height: 25rem;
+			position: relative;
+			> .imgBox{
+				width: 100%;
+			}
 			img{
 				object-fit: contain;
 			}
 		}
-		.upload_file_item{
-			flex-shrink: 0;
-			width: 36rem;
-		}
 	}
 	.productImg_content_item_generate{
 		--width:100%;