detail页面调整

src/views/HomeMain.vue

@@ -607,6 +607,7 @@ export default defineComponent({
 	.homeMain_content_body{
 		flex: 1;
 		height: calc(100vh - 7rem);
+		overflow: hidden;
 	}
 }
 .homeMain_heade {

src/views/HomeView/HomeView.vue

@@ -211,7 +211,7 @@
 			<CollectionModal :getDesignData="getDesignData" ref="collectionModal" @finishCollection="finishCollection()"></CollectionModal>
 		</KeepAlive>
 		<productImg ref="productImg" @setTask="setTask"></productImg>
-		<DesignDetail ref="designDetail" @finishRedesign="finishRedesign"></DesignDetail>
+		<!-- <DesignDetail ref="designDetail" @finishRedesign="finishRedesign"></DesignDetail> -->
 		<ExportNewCoolection id="exportNewCoolection"></ExportNewCoolection>
 
 		<!-- 导出缩略图的蒙层 start-->
@@ -232,8 +232,9 @@
 		</div> -->
 		<!-- design collection的进度蒙层  end-->
 		<affiche ref="affiche"></affiche>
+		<DesignDetailcopy v-if="detailDestroy" ref="designDetail" @destroy="setDetailDestroy" @finishRedesign="finishRedesign"></DesignDetailcopy>
+
 	</div>
-	<!-- <DesignDetailcopy ref="designDetail" @finishRedesign="finishRedesign"></DesignDetailcopy> -->
 
 </template>
 
@@ -695,7 +696,7 @@ export default defineComponent({
 			likeLoading: false, //喜欢防抖
 			dragIdx:0,
 			designRandom:'',
-			
+			detailDestroy:false,//销毁detail
 		};
 	},
 	watch: {
@@ -1497,7 +1498,12 @@ export default defineComponent({
 			productImg.init(this.userGroupId)			
 			
 		},
-
+		//销毁图片详情
+		setDetailDestroy() {
+		    // let designDetail: any = this.$refs.designDetail;
+			// designDetail.destroy();
+			this.detailDestroy = false
+		},
 		//打开图片详情
 		designDetail(
 			design: any,
@@ -1506,7 +1512,6 @@ export default defineComponent({
 			type: string
 		) {
 			if(this.isMove)return
-			let designDetail: any = this.$refs.designDetail;
 			design.designOutfitId = design.designPythonOutfitId?design.designPythonOutfitId:design.designOutfitId
 			let data = {
 				design: design,
@@ -1514,9 +1519,11 @@ export default defineComponent({
 				collectionList: collectionList,
 				type: type,
 			};
-			designDetail.showDesignDetailModal(data);
-			
-			
+			this.detailDestroy = true
+			nextTick(()=>{
+				let designDetail: any = this.$refs.designDetail;
+				designDetail.showDesignDetailModal(data);
+			})
 		},
 
 		//完成单个图片设计
@@ -1533,6 +1540,7 @@ export default defineComponent({
 					design: design,
 				});
 			}
+			this.setDetailDestroy()
 		},
 		setTask(data:any){
 			this.$emit('setTask',data)