调整design的moodboard的位置信息和部分修改

.env.dev

@@ -6,7 +6,7 @@ NODE_ENV = 'development'
 VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
 # VUE_APP_BASE_URL = 'https://www.api.aida.com.hk'
 # 佩佩
-# VUE_APP_BASE_URL = 'http://192.168.1.7:5567'
+VUE_APP_BASE_URL = 'http://192.168.1.7:5567'
 # 海波
 # VUE_APP_BASE_URL = 'http://192.168.1.9:5567'
 

src/component/Account/account.vue

@@ -7,7 +7,7 @@
 			<div class="account_page_content">
 				<div class="account_page_content_left">
 					<div class="content_left_item">
-						<div>{{$t('account.personCentered')}}</div>
+						<!-- <div>{{$t('account.personCentered')}}</div> -->
 					</div>
 					<!-- {{ router.path }} -->
 					<router-link class="content_left_item" v-for="item in rootSubmenuKeys" :class="{active: $route.path == item.route}" :to="item.route">

src/component/Account/accountEdit.vue

@@ -174,6 +174,7 @@ export default defineComponent({
 		position: relative;
 		img{
 			width: 15rem;
+			object-fit: contain;
 			height: 15rem;
 			border-radius: 50%;
 			background: #fff;

src/component/Account/followFans/follow.vue

@@ -157,6 +157,7 @@ export default defineComponent({
 					img{
 						width: 100%;
 						height: 100%;
+						object-fit: contain;
 						border-radius: 50%;
 					}
 				}

src/component/Account/message/comment.vue

@@ -166,6 +166,7 @@ export default defineComponent({
 				img{
 					width: 100%;
 					height: 100%;
+					object-fit: contain;
 					border-radius: 50%;
 				}
 			}

src/component/Account/message/likeMessage.vue

@@ -152,6 +152,7 @@ export default defineComponent({
 					img{
 						width: 100%;
 						height: 100%;
+						object-fit: contain;
 						border-radius: 50%;
 					}
 				}

src/component/Account/message/newFollow.vue

@@ -159,6 +159,7 @@ export default defineComponent({
 					img{
 						width: 100%;
 						height: 100%;
+						object-fit: contain;
 						border-radius: 50%;
 					}
 				}

src/component/Detail/editFrontBack.vue

@@ -8,9 +8,10 @@
 			<i class="icon iconfont icon-fanchehui" @click="historyState('reverse')"></i>
 			<!-- <i class="icon iconfont icon-move" @click="setOperation('move')" :class="{active:canvasState == 'move'}"></i> -->
 			<i class="icon iconfont icon-bianji" @click="setOperation('pencil')" :class="{active:canvasState == 'pencil'}"></i>
-			<i class="icon iconfont icon-xiangpi_huaban1" @click="setOperation('eraser')" :class="{active:canvasState == 'eraser'}"></i>
+			<!-- <i class="icon iconfont icon-xiangpi_huaban1" @click="setOperation('eraser')" :class="{active:canvasState == 'eraser'}"></i> -->
-			<div class="editFrontBack_center_btn_colorRed" @click="setOperationColor('rgb(255,0,0)')" :class="{active:rgba == 'rgb(255,0,0)'}" title="front"></div>
+			<div class="editFrontBack_center_btn_colorRed" @click="setOperationColor('rgb(255,0,0)')" :class="{active:rgba == 'rgb(255,0,0)'}" title="front">front</div>
-			<div class="editFrontBack_center_btn_colorGreen" @click="setOperationColor('rgb(0,255,0)')" :class="{active:rgba == 'rgb(0,255,0)'}" title="back"></div>
+			<div class="editFrontBack_center_btn_colorGreen" @click="setOperationColor('rgb(0,255,0)')" :class="{active:rgba == 'rgb(0,255,0)'}" title="back">back</div>
+			<div class="editFrontBack_center_btn_colorWhite" @click="setOperation('eraser')" :class="{active:canvasState == 'eraser'}" title="background">background</div>
 			<input type="range" v-show="canvasState != 'move'" @input="setPencilWidth" min="1" max="50" v-model="canvasPencilWidth[canvasState]">
 			<!-- <div class="icon iconfont icon-xiala" :class="{btnRotate:spreadState}" @click="()=>spreadState = !spreadState"></div> -->
 		</div>
@@ -75,8 +76,8 @@ export default defineComponent({
 		let canvasBtn = reactive({
 			canvasState:'move',
 			canvasPencilWidth:{
-				pencil:4,
+				pencil:20,
-				eraser:4,
+				eraser:20,
 			},
 			spreadState:false,
 		})
@@ -221,6 +222,7 @@ export default defineComponent({
 			pencilbtnStyle.value.top =  parentY+'px'
 		}
 		let setOperation = (str)=>{
+			if(!canvas)return
 			canvasBtn.canvasState = str
 			if(str == 'move'){
 				setMove()
@@ -450,6 +452,7 @@ export default defineComponent({
 		input{
 			// width: 100%;
 			flex: 1;
+			max-width: 30%;
 		}
 		.icon-xiala{
 			position: absolute;	
@@ -469,13 +472,16 @@ export default defineComponent({
 				display: block;
 			}
 		}
-		.editFrontBack_center_btn_colorRed,.editFrontBack_center_btn_colorGreen{
+		.editFrontBack_center_btn_colorRed,.editFrontBack_center_btn_colorGreen,.editFrontBack_center_btn_colorWhite{
-			width: 4rem;
+			width: 10rem;
-			height: 2rem;
+			line-height: 3rem;
+			text-align: center;
+			height: 3rem;
 			border-radius: 4px;
 			margin: 0 .5rem;
 			cursor: pointer;
 			padding: .5rem 1;
+			border: 1px solid rgba(0,0,0,.5);
 			&.active{
 				border: 2px solid;
 				border-radius: .4rem;
@@ -487,6 +493,9 @@ export default defineComponent({
 		.editFrontBack_center_btn_colorGreen{
 			background: rgba(0,255,0);
 		}
+		.editFrontBack_center_btn_colorWhite{
+			background: rgba(255,255,255);
+		}
 		i{
 			font-size: 2.5rem;
 			cursor: pointer;

src/component/HomePage/productImg.vue

@@ -961,6 +961,7 @@ methods: {
 	justify-content: space-between;
 	.productImg_right_item_box{
 		height: 40%;
+		width: 100%;
 		display: flex;
 		overflow-x: auto;
 		background: #f6f6fa;
@@ -977,8 +978,11 @@ methods: {
 			margin-right: 1rem;
 			position: relative;
 			background: #fff;
+			overflow: hidden;
+			flex-shrink: 0;
 			.productImg_right_item_imgBox{
 				height: 100%;
+				overflow: hidden;
 				.loadingImg{
 					width: 14rem;
 					object-fit: contain;
@@ -992,6 +996,7 @@ methods: {
 				top: 2rem;
 				display: flex;
 				flex-direction: column;
+				overflow: hidden;
 				>div{
 					margin-bottom: 1rem;
 				}

src/component/LibraryPage/ModelPlacement.vue

@@ -33,7 +33,7 @@
                         </div>
                     </div>
                 </div>
-				<div class="plcaement_point_content" v-if="userInfo.userId == 88 || userInfo.userId == 83">
+				<div class="plcaement_point_content" v-if="userInfo.userId == 88 || userInfo.userId == 833">
 					<div style="display: flex;   align-items: center;">
 						<div style="display: flex;   align-items: center;">
 							<input type="checkbox" model="false" @click="()=>{modelType = 'System'}">
@@ -584,7 +584,7 @@ export default defineComponent({
             // })
 			let cropper:any = this.$refs.cropper,
                 that = this
-			if((this.modelType == 'System' && this.userInfo.userId == 88) || (this.modelType == 'System' &&this.userInfo.userId == 83)){
+			if((this.modelType == 'System' && this.userInfo.userId == 88) || (this.modelType == 'System' &&this.userInfo.userId == 833)){
 				if(this.printObject.templateId){
 					this.printObject.id = this.printObject.relationId
 					this.confrimSubmit()
@@ -634,7 +634,7 @@ export default defineComponent({
                 timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
                 ...await this.getPrintLocation()
             }
-			if(this.userInfo.userId == 88 || this.userInfo.userId == 83){
+			if(this.userInfo.userId == 88 || this.userInfo.userId == 833){
 				param.modelType = this.modelType
 			}
 			
@@ -661,7 +661,7 @@ export default defineComponent({
 				modelType:'Library',
                 timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
             }
-			if(this.userInfo.userId == 88 || this.userInfo.userId == 83){
+			if(this.userInfo.userId == 88 || this.userInfo.userId == 833){
 				new_data.modelType = this.modelType
 				// new_data.sex = this.sex
 			}

src/component/modules/generalMiniCanvas.vue

@@ -83,8 +83,8 @@ export default defineComponent({
 		let canvasBtn = reactive({
 			canvasState:'move',
 			canvasPencilWidth:{
-				pencil:4,
+				pencil:20,
-				eraser:4,
+				eraser:20,
 			},
 			spreadState:false,
 		})

src/store/userHabit/userHabit.ts

@@ -1,6 +1,7 @@
 import {Module} from 'vuex'
 import {RootState} from '../index'
 import { Https } from "@/tool/https";
+import store from '../index'
 interface UserHabit{
     clothingType:any,
 	credits:any,
@@ -103,21 +104,17 @@ const userHabit : Module<UserHabit,RootState> = {
 		},
 		setMessageSystem(state,data){
 			let num = 0
+			let userInfo = ['followeeCount','followerCount']
+			let obj:any = {}
 			for (const iterator in data) {
-				if(iterator != 'newPosted'){
+				if(userInfo.indexOf(iterator) > 0){
-					num+=data[iterator]
+					obj[iterator] = data[iterator]
+					store.commit('setUserInfo', obj)
+				}else{
+					if(iterator != 'newPosted')num+=data[iterator]
+					state.messageSystem.messageType[iterator] = data[iterator]
+					
 				}
-				state.messageSystem.messageType[iterator] = data[iterator]
-				// if(!state.messageSystem.messageType[iterator]){
-				// 	state.messageSystem.messageType[iterator] = data[iterator]
-				// }else{
-				// 	for (const key in state.messageSystem.messageType) {
-				// 		if(key == iterator){
-				// 			state.messageSystem.messageType[key] = data[iterator]
-				// 			break
-				// 		}
-				// 	}
-				// }
 			}
 			state.messageSystem.messageNum = num
 		},

src/views/HomeMain.vue

@@ -260,9 +260,20 @@ export default defineComponent({
 				}
 			})
 		}
-		
+		MyWs.linkWs("ws://"+MyWs.messageUrl+`/${JSON.parse(getCookie("userInfo")).userId}`,'message')
-		MyWs.linkWs("wss://"+MyWs.messageUrl,'message')
 		let getWsMessage = (data)=>{
+			let userInfo = ['followeeCount','followerCount']
+			let obj = {}
+			let isObj = false
+			data.forEach(element => {
+				const keys = Object.keys(element)[0]
+				if(userInfo.indexOf(keys) > 0){
+					obj[keys] = element[keys]
+					isObj = true
+				}
+			});
+			if(isObj)store.commit('setUserInfo',obj)
+
 			store.commit('setMessageSystem',...data)
 		}
 		MyEvent.add('getMessage',getWsMessage)

src/views/HomeView/HomeView.vue

@@ -535,8 +535,10 @@ export default defineComponent({
 		// this.likeDesignCollectionList.push(team)
 		// },
 		affiche(text:any){
-			let affiche:any = this.$refs.affiche
+			nextTick(()=>{
-			affiche.init(text)
+				let affiche:any = this.$refs.affiche
+				affiche.init(text)
+			})
 			// affiche.afficheMask = true
 		},
 		dragstart (e:any, index:any) {
@@ -716,7 +718,7 @@ export default defineComponent({
 				colorBoards,
 				sketchboardFiles,
 				marketingSketchFiles,
-				moodTemplateId,
+				moodboardPosition,
 			} = this.store.state.UploadFilesModule.allBoardData;
 			this.randomNum()
 			let workspace = this.store.state.Workspace.workspace
@@ -726,6 +728,7 @@ export default defineComponent({
 				moodBoards: this.getBoardId(moodboardFiles),
 				printBoards: this.getPrintId(printboardFiles),
 				sketchBoards: this.getSkecthBoard(sketchboardFiles),
+				moodboardPosition: moodboardPosition,
 				switchCategory: !workspace.overallSingle ?"": workspace.position,
 				singleOverall: !workspace.overallSingle ? "overall" : "single",
 				systemScale: workspace.systemDesignerPercentage?workspace.systemDesignerPercentage*.01:.3,
@@ -737,6 +740,7 @@ export default defineComponent({
 				timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 				processId:this.designRandom
 			};
+			// data.moodboardPosition = JSON.stringify(this.store.state.UploadFilesModule.moodboardPosition)
 			let isLoad = false
 			if(designCollectionId == -1){
 				isLoad = true
@@ -954,6 +958,8 @@ export default defineComponent({
 		},
 		//处理选择组的数据
 		dealHistoryChooseData(data: any, type: any) {
+			console.log(data.collection.moodboardPosition);
+			
 			let collectionData = {
 				disposeMoodboard: data.collection.moodTemplateId?[{
 					id:data.collection.moodTemplateId,