fix

src/component/DetailCopy/designDetail.vue

@@ -16,7 +16,7 @@
 			:closable="false"
         >
 			<div class="content">
-				<div class="nav">
+				<div class="nav" :class="{isEditPattern:isEditPattern.value}">
 					<div class="back_home">
 						<div class="gallery_btn" @click="closeModal()">
 							<i class="fi fi-rs-house-chimney"></i>
@@ -130,8 +130,12 @@ export default defineComponent({
 			childKey:0,
 			singleOveral:{
 				value:'overall'
-			}
+			},
+			getCanvasIfEdit:{
+				fun:null,
+			},
 		})
+		provide('getCanvasIfEdit',detailData.getCanvasIfEdit)
 		provide('singleOveral',detailData.singleOveral)
 		provide('isEditPattern',detailData.isEditPattern)
 		const closeModal = ()=>{
@@ -142,6 +146,7 @@ export default defineComponent({
 		}
 		
 		const showDesignDetailModal = (data:any,str:any)=>{
+            // let url = Https.httpUrls.getDesignDetail + `?designItemId=${77770}&designPythonOutfitId=${77423}`
             let url = Https.httpUrls.getDesignDetail + `?designItemId=${data.design.designItemId}&designPythonOutfitId=${data.design.designOutfitId}`
             detailData.loadingShow = true
             Https.axiosGet(url).then(
@@ -154,10 +159,20 @@ export default defineComponent({
 							item.layersObject[0] = item.layersObject[1]
 							item.layersObject[1] = a
 						}
-						item.color.rgba = {
-							r:item.color.r,
-							g:item.color.g,
-							b:item.color.b,
+						if(item.color){
+							item.color.rgba = {
+								r:item.color.r,
+								g:item.color.g,
+								b:item.color.b,
+							}
+						}else{
+							item.color = {
+								rgba:{
+									r:255,
+									g:255,
+									b:255,
+								}
+							}
 						}
 						if(item.gradient){
 							item.color.gradient = item.gradient
@@ -170,14 +185,14 @@ export default defineComponent({
 						});
 					})
 					detailData.singleOveral.value = rv.singleOverall
-					console.log(detailData.singleOveral)
 					detailData.designDetailShow = true
                     store.commit('DesignDetailCopy/setDesignDetail',rv)
 					// this.deleteShow = false
 
 					setRevocation()
                     detailData.loadingShow = false
-					// await this.setImgSize() 
+
+					store.commit('DesignDetailCopy/setDesignColthes',rv.clothes[0].id)
                 }
 				
             ).catch(rv=>{
@@ -240,6 +255,7 @@ export default defineComponent({
 		const setClothes = async (list:any)=>{
 			let clothesList:any = []
 			for(let i = 0;i<list.length;i++){
+				detailData.selectDetail
 			    let {scale,offset,priority,maskUrl,maskMinioUrl} = (detailDom.model as any).getSubmitData(list[i])
 				if(detailDom.canvasBox?.privewDetail)await (detailDom.canvasBox as any).privewDetail()
 				if(detailDom.detailRight?.privewDetail)await (detailDom.detailRight as any).privewDetail()
@@ -425,13 +441,26 @@ export default defineComponent({
 		top: 50%;
 		transform: translate(-50%,-50%);
 		z-index: 2;
-		:deep(.ant-modal-wrap){
-			.ant-modal-body{
-				padding: 0;
+		:deep(>div){
+			> .ant-modal-root{
+				> .ant-modal-centered{
+					> .fullScreen{
+						> .ant-modal-content{
+							> .ant-modal-body{
+								padding: 0;
+							}
+						}
+					}
+				}
+			}
+			:deep(.ant-modal-wrap){
+				.ant-modal-body{
+					// padding: 0;
+				}
+				// position: absolute;
+				// top: 0;
+				// left: 0;
 			}
-			// position: absolute;
-			// top: 0;
-			// left: 0;
 		}
 		.content{
 			display: flex;
@@ -444,7 +473,7 @@ export default defineComponent({
 				&.detailLeft{
 					width: 34rem;
 				}
-				&.isEditPattern{width: 0;}
+				&.isEditPattern{width: 0px;}
 				&.model{
 					width: 50rem;
 					margin: 0 10rem;
@@ -486,6 +515,9 @@ export default defineComponent({
 			}
 			> .nav{
 				margin-right: 5rem;
+				overflow: hidden;
+				// transition: all .3s;
+				&.isEditPattern{width: 0px;margin: 0;}
 				> .back_home{
 					width: 9rem;
 					text-align: center;