样式适配

src/component/home/design/collection/PrintboardUpload.vue

@@ -928,8 +928,8 @@ export default defineComponent({
 						right: 1rem;
 						top: 1rem;
 						// opacity: 0;
-						width: 3.5rem;
-						height: 3.5rem;
+						width: 3rem;
+						height: 3rem;
 						transition: all 0.3s ease-in-out;
 					}
 					&.modal_imgItem:nth-child(even) {
@@ -942,10 +942,10 @@ export default defineComponent({
 					}
 					.pin_block{
 						position: absolute;
-						left: 1rem;
+						left: .5rem;
 						top: 1rem;
-						width: 8rem;
-						height: 3.5rem;
+						width: 7rem;
+						height: 3rem;
 						border-radius: 3rem;
 						background: rgba(0,0,0,.7);
 						color: #fff;
@@ -960,8 +960,8 @@ export default defineComponent({
 							padding-left: .2rem;
 						}
 						i{
-							width: 3rem;
-							height: 3rem;
+							width: 2.5rem;
+							height: 2.5rem;
 							border-radius: 50%;
 							display: flex;
 							align-items: center;
@@ -974,7 +974,7 @@ export default defineComponent({
 							}
 						}
 						span{
-							font-size: 1.8rem;
+							font-size: 1.4rem;
 							font-weight: 600;
 						}
 					}

src/component/home/design/collection/SketchboardUpload.vue

@@ -882,8 +882,8 @@ export default defineComponent({
 						right: 1rem;
 						top: 1rem;
 						// opacity: 0;
-						width: 3.5rem;
-						height: 3.5rem;
+						width: 3rem;
+						height: 3rem;
 						transition: all 0.3s ease-in-out;
 					}
 					&.modal_imgItem:nth-child(even) {
@@ -900,10 +900,10 @@ export default defineComponent({
 					}
 					.pin_block{
 						position: absolute;
-						left: 1rem;
+						left: .5rem;
 						top: 1rem;
-						width: 8rem;
-						height: 3.5rem;
+						width: 7rem;
+						height: 3rem;
 						border-radius: 3rem;
 						background: rgba(0,0,0,.7);
 						color: #fff;
@@ -918,8 +918,8 @@ export default defineComponent({
 							padding-left: .2rem;
 						}
 						i{
-							width: 3rem;
-							height: 3rem;
+							width: 2.5rem;
+							height: 2.5rem;
 							border-radius: 50%;
 							display: flex;
 							align-items: center;
@@ -932,7 +932,7 @@ export default defineComponent({
 							}
 						}
 						span{
-							font-size: 1.8rem;
+							font-size: 1.4rem;
 							font-weight: 600;
 						}
 					}

src/component/home/design/index.vue

@@ -74,7 +74,7 @@
 												>
 												</a-select>
 											</div>
-											<div @click="setUnfold" class="generalModel_state_item smail" style="margin-right: 1rem;">
+											<div class="generalModel_state_item smail" style="margin-right: 1rem;">
 												<span>Unfold :</span>
 												<a-switch v-model:checked="isUnfold" @change="setUnfold" />
 											</div>
@@ -876,6 +876,7 @@ export default defineComponent({
 					if(str == 'like'){
 						likeDesignCollectionList.value.forEach((item:any)=>{
 							if(item.resultType == 'Design' && item.userLikeSortId == designData.selectDesign.userLikeSortId){
+								if(!item?.childList)item.childList = []
 								item.childList.push(design)
 							}
 						})
@@ -991,7 +992,6 @@ export default defineComponent({
 
 		}
 		const setUnfold = ()=>{
-			designData.isUnfold = !designData.isUnfold
 			if(!designData.isUnfold){
 				designData.selectLikeDesign = designData.oldSelectLikeDesign || []
 			}
@@ -1021,6 +1021,9 @@ export default defineComponent({
 			}else{
 				if(designData.selectLikeDesign.length == 0){
 					designData.selectLikeDesign = likeDesignCollectionList.value
+					nextTick(()=>{
+						setSystemDesigner(0)
+					})
 					return
 				}
 				const parents = designData.selectLikeDesign.filter((item:any) => item.resultType === 'Design');
@@ -1171,6 +1174,24 @@ export default defineComponent({
 		this.observerData.observer.unobserve(this.$refs.rightContentBlockBox);
 	},
 	async mounted() {
+		if(window.innerWidth < 1200){
+			this.widthList = [
+				{
+					label:'Medium',
+					value:70,
+				},{
+					label:'Large',
+					value:150,
+				},{
+					label:'Extra-large',
+					value:200,
+				}
+			]	
+			this.widthValue = {
+					label:'Medium',
+					value:70,
+				}
+		}
 		window.addEventListener('beforeunload', (event)=>{
 			this.store.commit("clearAllCollection");
 		});
@@ -1415,7 +1436,6 @@ export default defineComponent({
 				marketingSketchFiles,
 				moodboardPosition,
 			} = this.store.state.UploadFilesModule.allBoardData;
-			console.log(JSON.parse(JSON.stringify(this.store.state.UploadFilesModule.allBoardData)))
 			this.randomNum()
 			let modelList = [] as any;
 			let workspace:any = this.store.state.Workspace.probjects
@@ -1582,6 +1602,7 @@ export default defineComponent({
 				designPythonOutfitId:design.designOutfitId,
 				groupDetailId: design.groupDetailId || design.id,
 				timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+				projectId:this.store.state.Workspace.probjects.id,
 			};
 			if(type != 'Design'){
 				this.setNoDesignLike(design,index,type,'disLike')