页面调整

src/component/home/design/tools.vue

@@ -34,6 +34,7 @@
 					:isDesignPage="true"
 					@setLike="designLike"
 					class="toProduct" 
+					:source="source"
 					:isState="openType =='toProduct'" 
 					v-if="openType == 'toProduct'"
 				></toProductRelight>
@@ -42,10 +43,11 @@
 					:isDesignPage="true"
 					@setLike="designLike"
 					class="relight" 
+					:source="source"
 					:isState="openType =='relight'"	
 					v-if="openType == 'relight'"
 				></toProductRelight>
-				<poseTransfer v-if="openType == 'poseTransfer'" :isDesignPage="true" @setLike="designLike" ref="poseTransfer"></poseTransfer>
+				<poseTransfer v-if="openType == 'poseTransfer'" :source="source" :isDesignPage="true" @setLike="designLike" ref="poseTransfer"></poseTransfer>
 				<div v-if="openType == 'editCanvas'" class="canvasBox" :class="{editCanvas:openType == 'editCanvas'}">
 					<div class="canvas" ref="canvasBox">
 						<editCanvas @changeCanvas="changeCanvas" ref="editCanvas">
@@ -56,12 +58,13 @@
 					</div>
 					<div class="btn">
 						<div class="gallery_btn" @click="saveCanvas">Save</div>
-						<div class="gallery_btn">Share</div>
+						<div class="gallery_btn" @click="share">Share</div>
 						<div class="gallery_btn" @click="exportElement">Export</div>
 					</div>
 				</div>
 			</div>
 		</div>
+      	<publish ref="publish" @clearPublish="clearPublish"></publish>
 		<div class="mark_loading" v-show="isShowMark">
 			<a-spin size="large" />
 		</div>
@@ -78,12 +81,17 @@ import poseTransfer from '../tools/poseTransfer/index.vue'
 import editCanvas from "@/component/Canvas/CanvasEditor/index.vue";
 import ExistsImageList from "@/component/Canvas/ExistsImageList/index.vue";
 import JSZip, { forEach } from "jszip";
+import publish from "@/component/WorksPage/publish.vue";
 
 export default defineComponent({
 	components:{
-		toProductRelight,poseTransfer,editCanvas,ExistsImageList
+		toProductRelight,poseTransfer,editCanvas,ExistsImageList,publish
 	},
 	props:{
+		source:{
+			type:String,
+			default:'',
+		},
 	},
 	emits:['editToolsSuccess'],
 	setup(props,{emit}) {
@@ -103,8 +111,10 @@ export default defineComponent({
 			relight:null as any,
 			poseTransfer:null as any,
 			editCanvas:null as any,
+			publish:null as any,
 		}) as any
 		const init = (value:any,list:any)=>{
+			store.commit('toolsClear')
 			data.designTools = true
 			data.openType = value
 			if(value == 'editCanvas'){
@@ -114,31 +124,74 @@ export default defineComponent({
 			data.likeDesignList = list
 			nextTick(()=>{
 				let fileList = [] as any
+				let likeList = [] as any
 				if(value == 'toProduct'){
 					list.forEach((item:any) => {
 						item.type = 'DesignOutfit'
 						fileList.push(item)
+						item.childList.forEach((child:any) => {
+							if(child.resultType == 'ToProductImage'){
+								likeList.push(child)
+							}
+						});
 					});
 				}else if(value == 'relight' || value == 'poseTransfer'){
+					console.log(list)
 					list.forEach((item:any) => {
 						if(item.childList){
 							item.childList.forEach((child:any) => {
 								if(child.resultType == 'ToProductImage' || child.resultType == 'Relight'){
 									fileList.push(child)
 								}
+								console.log(fileList)
+								if(child.resultType == 'Relight' && value == 'relight'){
+									likeList.push(child)
+								}else if(child.resultType == 'PoseTransfer' && value == 'poseTransfer'){
+									likeList.push(child)
+								}
+								console.log(likeList)
 							});
 						}
 					});
 				}
-				console.log(fileList)
+				let likeData = {
+					likedList: likeList,
+					str:'add',
+					index:-1,
+				}
+				if(data.openType == 'toProduct'){
+					store.commit("setToProductImage", likeData);
+				}else if(data.openType == 'relight'){
+					store.commit("setRelightList", likeData);
+				}else if(data.openType == 'poseTransfer'){
+					console.log(likeData)
+					store.commit("setPoseTransfer", likeData);
+				}
 				dataDom[value].openSetData(fileList)
 			})
 		}
 		
 		let cleardata = async ()=>{
+			let list = []
+			if(data.openType == 'toProduct'){
+				list = store.state.HomeStoreModule.toProductImageList.likedList
+			}else if(data.openType == 'relight'){
+				list = store.state.HomeStoreModule.relightList.likedList
+			}else if(data.openType == 'poseTransfer'){
+				list = store.state.HomeStoreModule.poseTransfer.likedList
+			}
+			let generateCourse = list.filter((item)=>item.oldSort)
+			generateCourse = generateCourse.map(item => {
+				return item.oldSort ? { ...item, sort: item.oldSort } : item;
+			});
+			let emitData = {
+				status:'add',
+				generateCourse:generateCourse,
+			}
+			emit('editToolsSuccess',emitData)
 			data.openType = ''
-			data.likeDesignList = []
 			data.designTools = false
+			store.commit('toolsClear')
 		}
 		const designLike = ()=>{
 			
@@ -147,7 +200,9 @@ export default defineComponent({
 
 		//画布相关
 		const getSelectCanvasImg = ()=>{
+			data.canvasSelectList = []
 			let allCollection = store.state.UploadFilesModule.allBoardData
+			console.log(allCollection)
 			let allCollectionStr = [
 				{value:'disposeMoodboard',name:'Entirety Moodboard'},
 				{value:'moodboardFiles',name:'Moodboard'},
@@ -208,7 +263,6 @@ export default defineComponent({
 		}
 		const saveCanvas = ()=>{
 			let canvasJSON = dataDom.editCanvas.getJSON()
-			console.log(JSON.parse(canvasJSON))
 			if(!canvasJSON)return
 			let blob = new Blob([canvasJSON], { type: "application/json" });
 			let formData = new FormData();
@@ -229,7 +283,7 @@ export default defineComponent({
 			 console.log(data.canvasDetailData)
 			 let img = [] as any;
 			 if(data.canvasDetailData.commandManager.undoStack.length > 0){
-				await dataDom.editCanvas.exportImage({isContainBg:false,isContainFixed:false}).then((rv:any)=>{
+				await dataDom.editCanvas.exportImage({isContainBg:true,isContainFixed:false}).then((rv:any)=>{
 					var imageDataURL = rv
 					img.push({
 						imgUrl: imageDataURL,
@@ -239,7 +293,6 @@ export default defineComponent({
 			}
 			for(let i = 0; i < data.canvasSelectList.length;i++){
 				let item = data.canvasSelectList[i]
-				console.log(item)
 				item.imgList.forEach((imgItem:any,index:any)=>{
 					let nameTail = imgItem.url?.split(".").pop().split("?").shift();
 					img.push({
@@ -308,6 +361,20 @@ export default defineComponent({
         };
 		const changeCanvas = (value:any)=>{
 			data.canvasDetailData = value
+		}
+		const share = async ()=>{
+	      	var imageDataURL = '';
+			await dataDom.editCanvas.exportImage({isContainBg:true,isContainFixed:false}).then((rv:any)=>{
+				imageDataURL = rv
+			})
+			let value = {
+				imgUrl:imageDataURL,
+				userlikeGroupId:1111,
+			}
+			dataDom.publish.init(value)
+		}
+		const clearPublish = ()=>{
+
 		}
 		return{
 			...toRefs(dataDom),
@@ -319,6 +386,8 @@ export default defineComponent({
 			saveCanvas,
 			exportElement,
 			changeCanvas,
+			share,
+			clearPublish,
 		}
 	},
 	provide() {