页面调整

src/component/DetailCopy/detailRight/editPrintElement.vue

@@ -4,6 +4,7 @@
 			<div class="overallSlogin">
 				<div
 					class="habit_Overal_Single_text"
+					style="margin-left: 0"
 					:class="{ active: !overallSingle }"
 				>
 					{{ $t('DesignPrintOperation.Overall') }}
@@ -28,9 +29,10 @@
 				</a-slider>
 			</div>
 		</div>
-		<div class="printElementList" ref="printElementList">
+		<div class="printElementList" ref="printElementList" :style="{height:stateOverallSingle == 'overall'?'14rem':'10rem'}">
 			<div class="itemList" :style="{width:prentWidth || 0}">
 				<div class="imgItem" 
+					v-if="stateOverallSingle == 'single'"
 					v-for="item in printStyleList[type][stateOverallSingle]" 
 					:key="item"
 					@mousedown.stop="designMousedown(getMousePosition($event,false),item.uniqueId,'disLike')" 
@@ -39,6 +41,15 @@
 					<img :src="item.path" alt="">
 					<i class="fi fi-rr-trash" @click="navDelete(item)"></i>
 				</div>
+				<div class="imgItem" 
+					v-if="stateOverallSingle == 'overall'"
+					v-for="item in printStyleList[type][stateOverallSingle]" 
+					:key="item"
+					style="width:14rem;height:14rem;"
+				>
+					<img :src="item.path" alt="">
+					<i class="fi fi-rr-trash" @click="navDelete(item)"></i>
+				</div>
 			</div>
 		</div>
 		<div class="editPrintElementBox">
@@ -83,9 +94,9 @@
 				<a-spin size="large" />
 			</div>
 		</div>
-		<div class="clearOverall" style="text-align: center; height: 6rem;">
+		<!-- <div class="clearOverall" style="text-align: center; height: 6rem;">
 			<div class="gallery_btn" v-show="!overallSingle && type == 'print'" style="line-height: 5rem;" @click="clearOverall">Clear</div>
-		</div>
+		</div> -->
     </div>
     
 </template>
@@ -161,6 +172,7 @@ export default defineComponent({
 			}else{
 				editPrintElementData.stateOverallSingle = 'single'
 			}
+			setItemPosition()
 		}
 		const formatter = (value:any)=>{
 			return `${value}%`;
@@ -711,6 +723,7 @@ export default defineComponent({
 				});
 			}
 			collItemSize.prentWidth = (collItemSize.padding + remValue) * elArr.length + 'px'
+			moveItem()
 		} 
 		onMounted(()=>{
 			if(props.type == 'element'){
@@ -828,6 +841,7 @@ export default defineComponent({
 		flex-direction: column;
 		> .printOverallBtn{
 			display: flex;
+			flex-direction: column;
 			> .overallSlogin{
 				align-items: center;
 				display: flex;
@@ -844,7 +858,6 @@ export default defineComponent({
 				}
 			}
 			.habit_System_Designer {
-				transform: scale(.8);
 				align-items: center;
 				display: flex;
 				.ant-slider-track,
@@ -920,7 +933,9 @@ export default defineComponent({
 				transform: translate(-50%,-50%);
 				display: flex;
 				justify-content: center;
-				width: 100%;
+				// width: 100%;
+				// max-height: 70%;
+				width: max-content;
 				&.active{
 					flex-direction: row;
 				}
@@ -933,8 +948,9 @@ export default defineComponent({
 					>img{
 						z-index: 2;
 						position: relative;
-						height: 100%;
-						width: 100%;
+						// height: 100%;
+						max-width: 100%;
+						// width: 100%;
 
 					}
 					.designOpenrtion_sketch_mask{

src/component/DetailCopy/detailRight/modelsType.vue

@@ -46,10 +46,17 @@ export default defineComponent({
     .sketchType{
 		margin: auto 0;
 		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
 		> .detailText{
 			margin-bottom: 1rem;
+			text-align: left;
 		}
 		> .sketchContent{
+			flex: 1;
+			display: flex;
+			align-items: center;
 			> img{
 				width: 100%;
 				object-fit: contain;

src/component/DetailCopy/detailRight/sketchType.vue

@@ -1,8 +1,8 @@
 <template>
-    <div class="sketchType" v-show="selectDetail?.newDetail?.[currentDetailType]">
+    <div class="sketchType" v-show="selectDetail?.newDetail?.[currentDetailType] || selectDetail.sketchString">
 		<div class="detailText">{{$t('DesignPrintOperation.NewApparel')}}</div>
 		<div class="sketchContent">
-			<img :src="selectDetail?.newDetail?.[currentDetailType]?selectDetail.newDetail?.[currentDetailType].url:selectDetail.path" :title="selectDetail.type" alt="">
+			<img :src="(selectDetail?.newDetail?.[currentDetailType]?selectDetail.newDetail?.[currentDetailType].url:selectDetail.sketchString)" :title="selectDetail.type" alt="">
 		</div>
     </div>
 </template>
@@ -46,10 +46,17 @@ export default defineComponent({
     .sketchType{
 		margin: auto 0;
 		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
 		> .detailText{
 			margin-bottom: 1rem;
+			text-align: left;
 		}
 		> .sketchContent{
+			flex: 1;
+			display: flex;
+			align-items: center;
 			> img{
 				width: 100%;
 				object-fit: contain;