From 3abb2bf79e61f3d0d3571e717db01a6a84fd30d1 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Thu, 16 May 2024 11:44:30 +0800
Subject: [PATCH] fix

---
 src/component/Detail/DesignDetailAlter.vue    |   4 +-
 .../Detail/DesignPrintOperationMobile.vue     | 116 +++++++++---------
 src/component/HomePage/ColorboardUpload.vue   |   4 +-
 src/component/HomePage/layoutMobile.vue       | 114 ++++++++---------
 src/views/HomeView/history.vue                |   8 +-
 5 files changed, 123 insertions(+), 123 deletions(-)

diff --git a/src/component/Detail/DesignDetailAlter.vue b/src/component/Detail/DesignDetailAlter.vue
index b16da427..31b53018 100644
--- a/src/component/Detail/DesignDetailAlter.vue
+++ b/src/component/Detail/DesignDetailAlter.vue
@@ -190,11 +190,11 @@
 							</div>
 							
 						</div> -->
-						<div class="color_setting_operateSingle">
+						<!-- <div class="color_setting_operateSingle">
 							<div class="started_btn" @click="setOperate">
 								{{ colorList[selectIndex]?.gradient?.gradientList?.length>1? 'Gradual Change':'Single'}}
 							</div>
-						</div>
+						</div> -->
 						<div class="color_setting_operate" v-if="colorList[selectIndex]?.gradient?.gradientShow">
 							<div class="color_setting_operate_item color_setting_operate_control">
 								<div class="operate_item_box">
diff --git a/src/component/Detail/DesignPrintOperationMobile.vue b/src/component/Detail/DesignPrintOperationMobile.vue
index 33f67833..0bef035f 100644
--- a/src/component/Detail/DesignPrintOperationMobile.vue
+++ b/src/component/Detail/DesignPrintOperationMobile.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
 	<a-modal
-            class="designOpenrtion_modal Guide_1_24"
+            class="designOpenrtionMobile_modal Guide_1_24"
             v-model:visible="designOpenrtion"
 			:class="[driver__.driver?'hideEvents':'']"
             :footer="null"
@@ -12,14 +12,14 @@
 			:keyboard="false"
             :mask="true"
         >
-            <div class="designOpenrtion_content">
+            <div class="designOpenrtionMobile_content">
 				<div class="modal_title_text">
 					<div>{{ $t('DesignPrintOperation.Placement') }}</div>
 				</div>
 				<div class="design_closeIcon" @click.stop="closeModal()">
 					<i class="fi fi-rr-cross-small"></i>
 				</div>
-				<div class="designOpenrtion_open">
+				<div class="designOpenrtionMobile_open">
 					<!--  -->
 					<div class="print_right">
 						<div class="habit_Overal_Single">
@@ -52,11 +52,11 @@
 								<input class="search_input" :placeholder="$t('DesignPrintOperation.inputContent')" type="Number" v-model="printAmount" @input="setprintAmount">
 								<i class="fi fi-rr-trash" @click="deletePrint"></i>
 							</div>
-							<div class="designOpenrtion_nav">
-								<div class="designOpenrtion_single" v-show="overallSingle" v-for="item,index in designOpenrtionList" :key="item" :class="{active:printStyleList[index]?.designOpenrtionBtn?printStyleList[index]?.designOpenrtionBtn:false}">
+							<div class="designOpenrtionMobile_nav">
+								<div class="designOpenrtionMobile_single" v-show="overallSingle" v-for="item,index in designOpenrtionList" :key="item" :class="{active:printStyleList[index]?.designOpenrtionBtn?printStyleList[index]?.designOpenrtionBtn:false}">
 									<img :src="item.path" @click="setpitch(item,index)">
 								</div>
-								<div class="designOpenrtion_overall" v-show="!overallSingle">
+								<div class="designOpenrtionMobile_overall" v-show="!overallSingle">
 									<img :src="designOpenrtionList[0].path">
 								</div>
 							</div>
@@ -65,10 +65,10 @@
 						</div>
 					</div>
 				</div>
-				<div class="designOpenrtion_centent" id="designOpenrtionCentent">
-					<!-- <div class="designOpenrtion_imgMask" :style="sketch"> -->
-					<div class="designOpenrtion_imgMask">
-						<div class="designOpenrtion_print" v-show="overallSingle">
+				<div class="designOpenrtionMobile_centent" id="designOpenrtionCentent">
+					<!-- <div class="designOpenrtionMobile_imgMask" :style="sketch"> -->
+					<div class="designOpenrtionMobile_imgMask">
+						<div class="designOpenrtionMobile_print" v-show="overallSingle">
 							<div 
 								v-for="item,index in designOpenrtionList" 
 								:key="item"
@@ -76,30 +76,30 @@
 								@touchstart.stop="itemMoveMousedown(index,$event)"
 								class="modal_imgItem" 
 								@click="setpitch(item,index)" ref="content" >
-								<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${printStyleList[index]?.transform?.rotateZ}deg)`}" class="designOpenrtion_imgItme" draggable="false"> 
+								<img crossOrigin="anonymous" :src="item?.path" :style="{transform:`rotateZ(${printStyleList[index]?.transform?.rotateZ}deg)`}" class="designOpenrtionMobile_imgItme" draggable="false"> 
 							</div>
 						</div>
-						<!-- <img v-if="overallSingle" :src="current?.layersObject?.[1]?.maskUrl" alt="" class="designOpenrtion_sketch"> -->
-						<img :src="current?.path" alt="" class="designOpenrtion_sketch">
-						<img v-show="overallSingle" :src="current?.layersObject?.[1]?.maskUrl" alt="" class="designOpenrtion_sketch_mask">
-						<div class="designOpenrtion_btn">
-							<ul v-if="overallSingle" v-for="item,index in printStyleList" :key="item" :class="{active:item?.designOpenrtionBtn?item?.designOpenrtionBtn:false}" class="designOpenrtion_Mousingle" :style="item.style" @touchstart.stop="itemMoveMousedown(index,$event)">
-								<li class="designOpenrtion_btn_top" @touchstart.stop="itemSizeMousedown('top',$event)"></li>
-								<li class="designOpenrtion_btn_bottom" @touchstart.stop="itemSizeMousedown('bottom',$event)"></li>
-								<li class="designOpenrtion_btn_left" @touchstart.stop="itemSizeMousedown('left',$event)"></li>
-								<li class="designOpenrtion_btn_right" @touchstart.stop="itemSizeMousedown('right',$event)"></li>
-								<li class="designOpenrtion_rotote" v-rotote.stop="[index,item.transform]"></li>
+						<!-- <img v-if="overallSingle" :src="current?.layersObject?.[1]?.maskUrl" alt="" class="designOpenrtionMobile_sketch"> -->
+						<img :src="current?.path" alt="" class="designOpenrtionMobile_sketch">
+						<img v-show="overallSingle" :src="current?.layersObject?.[1]?.maskUrl" alt="" class="designOpenrtionMobile_sketch_mask">
+						<div class="designOpenrtionMobile_btn">
+							<ul v-if="overallSingle" v-for="item,index in printStyleList" :key="item" :class="{active:item?.designOpenrtionBtn?item?.designOpenrtionBtn:false}" class="designOpenrtionMobile_Mousingle" :style="item.style" @touchstart.stop="itemMoveMousedown(index,$event)">
+								<li class="designOpenrtionMobile_btn_top" @touchstart.stop="itemSizeMousedown('top',$event)"></li>
+								<li class="designOpenrtionMobile_btn_bottom" @touchstart.stop="itemSizeMousedown('bottom',$event)"></li>
+								<li class="designOpenrtionMobile_btn_left" @touchstart.stop="itemSizeMousedown('left',$event)"></li>
+								<li class="designOpenrtionMobile_btn_right" @touchstart.stop="itemSizeMousedown('right',$event)"></li>
+								<li class="designOpenrtionMobile_rotote" v-rotote.stop="[index,item.transform]"></li>
 							</ul>
 							<div v-show="!overallSingle"></div>
-							<ul v-if="!overallSingle" v-for="item,index in printStyleList" :key="item" :class="{active:item?.designOpenrtionBtn?item?.designOpenrtionBtn:false}" class="designOpenrtion_Mouoverall" :style="'left:'+item.style.left+';top:'+item.style.top" @touchstart.stop="itemMoveMousedown(index,$event)">
+							<ul v-if="!overallSingle" v-for="item,index in printStyleList" :key="item" :class="{active:item?.designOpenrtionBtn?item?.designOpenrtionBtn:false}" class="designOpenrtionMobile_Mouoverall" :style="'left:'+item.style.left+';top:'+item.style.top" @touchstart.stop="itemMoveMousedown(index,$event)">
 								<i class="fi fi-rr-arrows animtion1"></i>
 								<i class="fi fi-rr-arrows animtion2"></i>
 							</ul>
 						</div>
 					</div>
 				</div>
-				<div class="designOpenrtion_right">
-					<div class="designOpenrtion_entirety_img">
+				<div class="designOpenrtionMobile_right">
+					<div class="designOpenrtionMobile_entirety_img">
 						<img :src="currentFullBodyView" alt="">
 					</div>
 				</div>
@@ -204,7 +204,7 @@ export default defineComponent({
 			mounted(el,value){
 				
 				el.addEventListener('touchstart', (e) => {
-				let elParent = document.getElementsByClassName('designOpenrtion_modal')[0].getElementsByClassName('modal_imgItem')[value.instance.imgDomIndex]
+				let elParent = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName('modal_imgItem')[value.instance.imgDomIndex]
 				let mouse = true;
 				let angle  = 0
 				let num = 1
@@ -333,9 +333,9 @@ export default defineComponent({
 				v.designOpenrtionBtn = false
 			})
 			if(!this.overallSingle){
-				this.imgDom = document.getElementsByClassName('designOpenrtion_modal')[0].getElementsByClassName("designOpenrtion_Mouoverall")[0]
+				this.imgDom = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName("designOpenrtionMobile_Mouoverall")[0]
 			}else{
-				this.imgDom = document.getElementsByClassName('designOpenrtion_modal')[0].getElementsByClassName("modal_imgItem")[this.imgDomIndex]
+				this.imgDom = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName("modal_imgItem")[this.imgDomIndex]
 			}
 			let scale = Number(this.imgDom.children[0].style.transform?.split('scale(')[1]?.split(')')[0])
 			let rotateZ = Number(this.imgDom.children[0].style.transform?.split('rotateZ(')[1]?.split('deg')[0])
@@ -356,7 +356,7 @@ export default defineComponent({
 		//设置尺寸
 		itemSizeMousedown(direction,event){
 			this.direction = direction
-			this.imgDom = document.getElementsByClassName('designOpenrtion_modal')[0].getElementsByClassName("modal_imgItem")[this.imgDomIndex]
+			this.imgDom = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName("modal_imgItem")[this.imgDomIndex]
 			let scale = Number(this.imgDom.firstChild.style.transform?.split('scale(')[1]?.split(')')[0])
 			let rotateZ = Number(this.imgDom.firstChild.style.transform?.split('rotateZ(')[1]?.split('deg')[0])
 			this.printStyleList[this.imgDomIndex].designOpenrtionBtn = true
@@ -365,7 +365,7 @@ export default defineComponent({
 				rotateZ:rotateZ,
 			}
 			let imgDomWH = this.imgDom.getBoundingClientRect()
-			let li = document.getElementsByClassName('designOpenrtion_modal')[0].getElementsByClassName("designOpenrtion_btn_top")[0].offsetWidth/2
+			let li = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName("designOpenrtionMobile_btn_top")[0].offsetWidth/2
 			if(this.direction == 'right' || this.direction == 'bottom'){
 				this.printStyleList[this.imgDomIndex].centers.left = imgDomWH.x+event.changedTouches[0].pageX - this.imgDom.getBoundingClientRect().left-li
 				this.printStyleList[this.imgDomIndex].centers.top = imgDomWH.y+event.changedTouches[0].pageY - this.imgDom.getBoundingClientRect().top-li
@@ -382,7 +382,7 @@ export default defineComponent({
 		//鼠标移动
 		moveMousemove(e) {
 			let imgDomWH = this.imgDom.getBoundingClientRect()
-			let parentNode = document.getElementsByClassName('designOpenrtion_modal')[0].getElementsByClassName("designOpenrtion_imgMask")[0]
+			let parentNode = document.getElementsByClassName('designOpenrtionMobile_modal')[0].getElementsByClassName("designOpenrtionMobile_imgMask")[0]
 			parentNode = parentNode.getBoundingClientRect()
 			let x = ( e.changedTouches[0].pageX - this.printStyleList[this.imgDomIndex].centers.left)+'px'
 			let y = (  e.changedTouches[0].pageY - this.printStyleList[this.imgDomIndex].centers.top)+'px'
@@ -512,7 +512,7 @@ export default defineComponent({
 			// let scale = (Math.trunc(Math.random()*15)+1)*.1
 			let rotateZ1 = Math.trunc(Math.random()*360)+1
 			let rotateZ2 = Math.trunc(Math.random()*360)+1
-			let sketch = document.getElementsByClassName("designOpenrtion_modal")[0]?.getElementsByClassName('designOpenrtion_sketch')[0]
+			let sketch = document.getElementsByClassName("designOpenrtionMobile_modal")[0]?.getElementsByClassName('designOpenrtionMobile_sketch')[0]
 			let width
 			let scale
 			if(sketch.width<sketch.height){
@@ -554,7 +554,7 @@ export default defineComponent({
 		//设置图片
         setTemplate(item,index) {
 			this.designOpenrtionList
-			let sketch = document.getElementsByClassName("designOpenrtion_modal")[0]?.getElementsByClassName('designOpenrtion_sketch')[0]
+			let sketch = document.getElementsByClassName("designOpenrtionMobile_modal")[0]?.getElementsByClassName('designOpenrtionMobile_sketch')[0]
 			let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth
 			let scale
 			scale = (this.print.width.replace(/px/g,'')*sketchNum/this.print.width.replace(/px/g,''))
@@ -603,7 +603,7 @@ export default defineComponent({
 		},
 		computeSize(arr){
 			// let num = this.sketch/
-			let sketch = document.getElementsByClassName("designOpenrtion_sketch")[0]
+			let sketch = document.getElementsByClassName("designOpenrtionMobile_sketch")[0]
 			let sketchNum = this.sketch.width.replace(/rem/g,'')*10/sketch.offsetWidth
 			let prints = []
 			let scale
@@ -754,7 +754,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.designOpenrtion_modal {
+.designOpenrtionMobile_modal {
 	// max-width: 1440px;
 	.mark_loading{
 		position: absolute;
@@ -772,13 +772,13 @@ export default defineComponent({
 		overflow: hidden;
 	}
 
-    .designOpenrtion_content {
+    .designOpenrtionMobile_content {
         // background: #f2f3fb;
         // padding-bottom: 2.9rem*1.2);
 		display: flex;
 		flex-direction: column;
 		height: 100%;
-        .designOpenrtion_header {
+        .designOpenrtionMobile_header {
             position: relative;
             height: calc(6.6rem*1.2);
             width: 100%;
@@ -795,7 +795,7 @@ export default defineComponent({
             }
         }
 
-		.designOpenrtion_right{
+		.designOpenrtionMobile_right{
 			height: calc(50rem*1.2);
 			position: absolute;
 			right: calc(2rem*1.2);
@@ -804,7 +804,7 @@ export default defineComponent({
 			transform: translateY(-50%);
 			max-height: calc(50rem*1.2);
 			max-width: calc(30rem*1.2);
-			.designOpenrtion_entirety_img{
+			.designOpenrtionMobile_entirety_img{
 				height: 100%;
 				img{
 					max-width: 100%;
@@ -817,7 +817,7 @@ export default defineComponent({
 				}
 			}
 		}
-		.designOpenrtion_open{
+		.designOpenrtionMobile_open{
 			position: absolute;
 			top: 50%;
 			transform: translateY(-50%);
@@ -912,7 +912,7 @@ export default defineComponent({
 						align-items: center;
 					}
 				}
-				.designOpenrtion_nav{
+				.designOpenrtionMobile_nav{
 					display: flex;
 					margin-top: calc(2rem*1.2);
 					flex-wrap: wrap;
@@ -920,7 +920,7 @@ export default defineComponent({
 					height: calc(12rem*1.2);
 					overflow-x: hidden;
 					justify-content: space-evenly;
-					&.designOpenrtion_nav::-webkit-scrollbar {
+					&.designOpenrtionMobile_nav::-webkit-scrollbar {
 						display: none;
 					}
 					.active{
@@ -930,7 +930,7 @@ export default defineComponent({
 							box-sizing: border-box;
 						}
 					}
-					.designOpenrtion_single{
+					.designOpenrtionMobile_single{
 						width: 40%;
 						margin-bottom: calc(2rem*1.2);
 					}
@@ -938,7 +938,7 @@ export default defineComponent({
 						width: 100%;
 						cursor: pointer;
 					}
-					.designOpenrtion_overall{
+					.designOpenrtionMobile_overall{
 						width: 80%;
 					}
 				}
@@ -949,7 +949,7 @@ export default defineComponent({
 				}
 			}
 		}
-		.designOpenrtion_centent{
+		.designOpenrtionMobile_centent{
 			margin: 0 auto;
 			overflow: hidden;
 			justify-content: space-between;
@@ -963,7 +963,7 @@ export default defineComponent({
 			&.active{
 				flex-direction: row;
 			}
-			.designOpenrtion_imgMask{
+			.designOpenrtionMobile_imgMask{
 				width: auto;
 				height: auto;
 				position: relative;
@@ -979,7 +979,7 @@ export default defineComponent({
 					width: auto;
 					max-width: calc(60rem*1.2);
 				}
-				.designOpenrtion_sketch_mask{
+				.designOpenrtionMobile_sketch_mask{
 					z-index: 3;
 					position: absolute;
 					inset: 0;
@@ -992,7 +992,7 @@ export default defineComponent({
 					top: 0;
 				}
 			}
-			.designOpenrtion_print{
+			.designOpenrtionMobile_print{
 				z-index: 3;
 				.modal_imgItem{
 					position: absolute;
@@ -1007,7 +1007,7 @@ export default defineComponent({
 					}
 				}
 			}
-			.designOpenrtion_btn{
+			.designOpenrtionMobile_btn{
 				z-index: 3;
 				>div{
 					width: 100%;
@@ -1030,7 +1030,7 @@ export default defineComponent({
 					opacity: 0;
 					margin: 0;
 				
-					&.designOpenrtion_Mouoverall{
+					&.designOpenrtionMobile_Mouoverall{
 						opacity: 1;
 						border: none;
 						width: calc(1.4rem*1.2);
@@ -1076,36 +1076,36 @@ export default defineComponent({
 							pointer-events: auto;
 						}
 					}
-					.designOpenrtion_btn_top,.designOpenrtion_btn_bottom{
+					.designOpenrtionMobile_btn_top,.designOpenrtionMobile_btn_bottom{
 						left: 50%;
 						transform: translate(-50%,-50%) ;
 						cursor: n-resize;
 					}
-					.designOpenrtion_btn_top{
+					.designOpenrtionMobile_btn_top{
 						top: 0;
 					}
-					.designOpenrtion_btn_bottom{
+					.designOpenrtionMobile_btn_bottom{
 						top: 100%;
 					}
-					.designOpenrtion_btn_left,.designOpenrtion_btn_right{
+					.designOpenrtionMobile_btn_left,.designOpenrtionMobile_btn_right{
 						top: 50%;
 						transform: translate(-50%,-50%) ;
 						cursor: e-resize;
 					}
-					.designOpenrtion_btn_left{
+					.designOpenrtionMobile_btn_left{
 						left: 0;
 					}
-					.designOpenrtion_btn_right{
+					.designOpenrtionMobile_btn_right{
 						left: 100%;
 					}
-					.designOpenrtion_rotote{
+					.designOpenrtionMobile_rotote{
 						top: 50%;
 						left: 50%;
 						transform: translate(-50%,-50%);
 						width: 0;
 						height: 0;
 					}
-					.designOpenrtion_rotote::after{
+					.designOpenrtionMobile_rotote::after{
 						position: absolute;
 						content: "";
 						background-color: #14bcff;
@@ -1115,7 +1115,7 @@ export default defineComponent({
 						bottom: 0;
 						transform: translateX(-50%);
 					}
-					.designOpenrtion_rotote::before{
+					.designOpenrtionMobile_rotote::before{
 						position: absolute;
 						content: "";
 						background-color: #14bcff;
diff --git a/src/component/HomePage/ColorboardUpload.vue b/src/component/HomePage/ColorboardUpload.vue
index d747612c..74c97b6f 100644
--- a/src/component/HomePage/ColorboardUpload.vue
+++ b/src/component/HomePage/ColorboardUpload.vue
@@ -49,11 +49,11 @@
 								</div>
 							</div>
 						</div> -->
-						<div class="color_setting_operateSingle">
+						<!-- <div class="color_setting_operateSingle">
 							<div class="started_btn" @click="setOperate">
 								{{ colorList[selectIndex]?.gradient?.gradientShow? 'Gradual Change':'Single'}}
 							</div>
-						</div>
+						</div> -->
 						<div class="color_setting_operate" v-if="colorList[selectIndex]?.gradient?.gradientShow">
 							<div class="color_setting_operate_item color_setting_operate_control">
 								<div class="operate_item_box">
diff --git a/src/component/HomePage/layoutMobile.vue b/src/component/HomePage/layoutMobile.vue
index c1a96ee5..bc23fe20 100644
--- a/src/component/HomePage/layoutMobile.vue
+++ b/src/component/HomePage/layoutMobile.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
 	<a-modal
-            class="layout_modal"
+            class="layoutMobile_modal"
             v-model:visible="layout"
             :footer="null"
             width="78%"
@@ -12,35 +12,35 @@
 			:keyboard="false"
 			:destroyOnClose="true"
         >
-            <div class="layout_content">
+            <div class="layoutMobile_content">
 				<div class="collection_title">
 					<div class="collection_title_text">
-						<div class="layout_title">{{ $t('layout.MoodBoardDesign') }}</div>
+						<div class="layoutMobile_title">{{ $t('layout.MoodBoardDesign') }}</div>
 					</div>
 				</div>
 				<div class="collection_closeIcon" @touchstart.stop="cancelDsign()">
 					<i class="fi fi-rr-cross-small"></i>
 				</div>
-				<div class="layout_nav">
+				<div class="layoutMobile_nav">
 					<div v-for="item,index in layoutList" :key="item" :class="{active:item.setPitch}" @touchstart.stop="setpitch(item,index)">
 						<img :src="item.imgUrl">
 					</div>
 				</div>
-				<div class="layout_centent" :class="{active:flex_direction}" id="layoutCentent">
+				<div class="layoutMobile_centent" :class="{active:flex_direction}" id="layoutCentent">
 					<div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem" v-layout="index" @touchstart="setpitch(item,index)" ref="content" >
 						<img crossOrigin="anonymous" :src="item.imgUrl" :style="{'transform':item.angle?`translate(-50%, -50%) scale(${item.zoom}) rotateZ(${item.angle}deg)`:`translate(-50%, -50%) scale(${item.zoom})`}" draggable="false" v-modelImg> 
-						<ul v-show="item.setPitch" class="layout_btn" >
-							<li class="layout_btn_top" v-compile.stop="'top'"></li>
-							<li class="layout_btn_bottom" v-compile.stop="'bottom'"></li>
-							<li class="layout_btn_left" v-compile.stop="'left'"></li>
-							<li class="layout_btn_right" v-compile.stop="'right'"></li>
-							<li class="layout_rotote" v-rotote.stop></li>
-							<li class="layout_translate" v-translate.stop></li>
-							<!-- <li class="layout_translate" v-translate.stop></li> -->
-							<li class="layout_angle_tr" v-angle.stop = "'top'"></li>
-							<li class="layout_angle_tl" v-angle.stop = "'right'"></li>
-							<li class="layout_angle_br" v-angle.stop = "'bottom'"></li>
-							<li class="layout_angle_bl" v-angle.stop = "'left'"></li>
+						<ul v-show="item.setPitch" class="layoutMobile_btn" >
+							<li class="layoutMobile_btn_top" v-compile.stop="'top'"></li>
+							<li class="layoutMobile_btn_bottom" v-compile.stop="'bottom'"></li>
+							<li class="layoutMobile_btn_left" v-compile.stop="'left'"></li>
+							<li class="layoutMobile_btn_right" v-compile.stop="'right'"></li>
+							<li class="layoutMobile_rotote" v-rotote.stop></li>
+							<li class="layoutMobile_translate" v-translate.stop></li>
+							<!-- <li class="layoutMobile_translate" v-translate.stop></li> -->
+							<li class="layoutMobile_angle_tr" v-angle.stop = "'top'"></li>
+							<li class="layoutMobile_angle_tl" v-angle.stop = "'right'"></li>
+							<li class="layoutMobile_angle_br" v-angle.stop = "'bottom'"></li>
+							<li class="layoutMobile_angle_bl" v-angle.stop = "'left'"></li>
 						</ul>
 					</div>
 						<!-- <img v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem" v-layout="item" :src="item.imgUrl"> -->
@@ -59,17 +59,17 @@
 					</draggable> -->
 				</div>
                
-				<div class="layout_left">
-					<div class="layout_left_text">
+				<div class="layoutMobile_left">
+					<div class="layoutMobile_left_text">
 						{{ $t('layout.LayerOptions') }}
 					</div>
-					<div v-for="item,index in moodbList" class="layout_left_items" @click="setmoodb(item)">
-						<div v-for="clasitem,clasindex in item" :class="clasitem" class="layout_left_item">
+					<div v-for="item,index in moodbList" class="layoutMobile_left_items" @click="setmoodb(item)">
+						<div v-for="clasitem,clasindex in item" :class="clasitem" class="layoutMobile_left_item">
 						</div>
 					</div>
 				</div>
-				<div class="layout_right">
-					<div class="layout_right_text">
+				<div class="layoutMobile_right">
+					<div class="layoutMobile_right_text">
 						{{ $t('DesignPrintOperation.Scale') }}
 					</div>
 					<a-slider
@@ -78,9 +78,9 @@
 					>
 					</a-slider>
 				</div>
-				<!-- <div class="layout_right">
-					<div v-for="item,index in moodbList" class="layout_left_items" @click="setmoodb(item)">
-						<div v-for="clasitem,clasindex in item" :class="clasitem" class="layout_left_item">
+				<!-- <div class="layoutMobile_right">
+					<div v-for="item,index in moodbList" class="layoutMobile_left_items" @click="setmoodb(item)">
+						<div v-for="clasitem,clasindex in item" :class="clasitem" class="layoutMobile_left_item">
 						</div>
 					</div>
 				</div> -->
@@ -671,7 +671,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.layout_modal {
+.layoutMobile_modal {
 	-moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
@@ -691,7 +691,7 @@ export default defineComponent({
 		border-radius: calc(1rem*1.2);
 	}
 
-    .layout_content {
+    .layoutMobile_content {
         // background: #f2f3fb;
         // padding-bottom: 2.9rem*1.2);
 		height: 100%;
@@ -735,7 +735,7 @@ export default defineComponent({
 				color: rgba(0, 0, 0, 1);
 			}
 		}
-		.layout_nav{
+		.layoutMobile_nav{
 			display: flex;
 			margin-top: calc(2rem*1.2);
 			justify-content: center;
@@ -761,7 +761,7 @@ export default defineComponent({
 			}
 			
 		}
-		.layout_centent{
+		.layoutMobile_centent{
 			display: flex;
 			// height: 55%;
 			height: calc(35rem*1.2);
@@ -779,7 +779,7 @@ export default defineComponent({
 			&.active{
 				flex-direction: row;
 			}
-			.layout_btn{
+			.layoutMobile_btn{
 				list-style: none;
 				width: 100%;
 				height: 100%;
@@ -800,36 +800,36 @@ export default defineComponent({
 					position: absolute;
 					z-index: 1049;
 				}
-				.layout_btn_top,.layout_btn_bottom{
+				.layoutMobile_btn_top,.layoutMobile_btn_bottom{
 					left: 50%;
 					transform: translate(-50%,-50%) ;
 					cursor: n-resize;
 				}
-				.layout_btn_top{
+				.layoutMobile_btn_top{
 					top: 0;
 				}
-				.layout_btn_bottom{
+				.layoutMobile_btn_bottom{
 					top: 100%;
 				}
-				.layout_btn_left,.layout_btn_right{
+				.layoutMobile_btn_left,.layoutMobile_btn_right{
 					top: 50%;
 					transform: translate(-50%,-50%) ;
 					cursor: e-resize;
 				}
-				.layout_btn_left{
+				.layoutMobile_btn_left{
 					left: 0;
 				}
-				.layout_btn_right{
+				.layoutMobile_btn_right{
 					left: 100%;
 				}
-				.layout_rotote{
+				.layoutMobile_rotote{
 					top: 50%;
 					left: 50%;
 					transform: translate(-50%,-50%);
 					width: 0;
 					height: 0;
 				}
-				.layout_rotote::after{
+				.layoutMobile_rotote::after{
 					position: absolute;
 					content: "";
 					background-color: #14bcff;
@@ -839,7 +839,7 @@ export default defineComponent({
 					bottom: 0;
 					transform: translateX(-50%);
 				}
-				.layout_rotote::before{
+				.layoutMobile_rotote::before{
 					position: absolute;
 					content: "";
 					background-color: #14bcff;
@@ -850,31 +850,31 @@ export default defineComponent({
 					height: calc(2rem*1.2);
 					border-radius: 50%;
 				}
-				.layout_translate{
+				.layoutMobile_translate{
 					top: 50%;
 					left: 50%;
 					transform: translate(-50%,-50%) ;
 					cursor: crosshair;
 					cursor: move;
 				}
-				.layout_angle_tr,.layout_angle_tl,.layout_angle_br,.layout_angle_bl{
+				.layoutMobile_angle_tr,.layoutMobile_angle_tl,.layoutMobile_angle_br,.layoutMobile_angle_bl{
 					// opacity: 0;
 					width:  calc(2rem*1.2);
 					height:  calc(2rem*1.2);
 				}
-				.layout_angle_tr{
+				.layoutMobile_angle_tr{
 					right: 0%;
 					top: 0;
 				}
-				.layout_angle_tl{
+				.layoutMobile_angle_tl{
 					left: 0%;
 					top: 0;
 				}
-				.layout_angle_br{
+				.layoutMobile_angle_br{
 					right: 0%;
 					bottom: 0%;
 				}
-				.layout_angle_bl{
+				.layoutMobile_angle_bl{
 					left: 0%;
 					bottom: 0%;
 				}
@@ -882,7 +882,7 @@ export default defineComponent({
 					pointer-events: none;
 				}
 			}
-			.layout_centent_bor{
+			.layoutMobile_centent_bor{
 				
 			}
 			.modal_imgItem{
@@ -939,7 +939,7 @@ export default defineComponent({
 				width: 48.5%;
 				height: 48%;
 			}
-		.layout_left{
+		.layoutMobile_left{
 			position: absolute;
 			top: 50%;
 			transform: translateY(-50%);
@@ -948,15 +948,15 @@ export default defineComponent({
 			// background-color: #000;
 			width: 10%;
 			height: 50%;
-			&.layout_left::-webkit-scrollbar {
+			&.layoutMobile_left::-webkit-scrollbar {
                 display: none;
             }
-			.layout_left_text{
+			.layoutMobile_left_text{
 				font-size: var(--aida-fsize1-6);
 				margin-bottom: calc(1rem*1.2);
 				color: #000;
 			}
-			.layout_left_items{
+			.layoutMobile_left_items{
 				width: 100%;
 				height: calc(6rem*1.2);
 				display: flex;
@@ -966,13 +966,13 @@ export default defineComponent({
 				flex-direction: column;
 				margin-bottom: calc(2rem*1.2);
                 cursor: pointer;
-				.layout_left_item{
+				.layoutMobile_left_item{
 					box-sizing: border-box;
 					border: 1px solid #000;
 				}
 			}
 		}
-		.layout_right{
+		.layoutMobile_right{
 			position: absolute;
 			top: 50%;
 			transform: translateY(-50%);
@@ -980,15 +980,15 @@ export default defineComponent({
 			// background-color: #000;
 			width: 8%;
 			height: 50%;
-			&.layout_left::-webkit-scrollbar {
+			&.layoutMobile_left::-webkit-scrollbar {
                 display: none;
             }
-			.layout_left_text{
+			.layoutMobile_left_text{
 				font-size: var(--aida-fsize1-6);
 				margin-bottom: calc(1rem*1.2);
 				color: #000;
 			}
-			.layout_left_items{
+			.layoutMobile_left_items{
 				width: 100%;
 				height: calc(6rem*1.2);
 				display: flex;
@@ -998,7 +998,7 @@ export default defineComponent({
 				flex-direction: column;
 				margin-bottom: calc(2rem*1.2);
                 cursor: pointer;
-				.layout_left_item{
+				.layoutMobile_left_item{
 					box-sizing: border-box;
 					border: 1px solid #000;
 				}
diff --git a/src/views/HomeView/history.vue b/src/views/HomeView/history.vue
index 847fd55b..1186c181 100644
--- a/src/views/HomeView/history.vue
+++ b/src/views/HomeView/history.vue
@@ -69,8 +69,8 @@
 									<div class="operate_item" @click="turnToDetail(record)">{{ $t('HistoryPage.Detail') }}</div>
 									<div class="operate_item" @click="renameCollection(record,index)">{{ $t('LibraryPage.Rename') }}</div>
 									<div class="operate_item" @click="retrieveHome(record)">{{ $t('HistoryPage.Retrieve') }}</div>
-									<div class="operate_item" @click="setPublish(record)">Publish</div>
-									<div class="operate_item" @click="updatePublish(record)">Update Publish</div>
+									<!-- <div class="operate_item" @click="setPublish(record)">Publish</div>
+									<div class="operate_item" @click="updatePublish(record)">Update Publish</div> -->
 									<div class="operate_item" @click="deleteGroup(record, index)">{{ $t('HistoryPage.Delete') }}</div>
 								</div>
 							</template>
@@ -125,13 +125,13 @@ export default defineComponent({
 					let time = formatTime(record.text / 1000, 'YYYY-MM-DD hh:mm:ss')
 					return time
 				}},
-				{ title: useI18n().t('HistoryPage.SketchCounts'), align:'center', ellipsis: true, width: 80, dataIndex: 'sketchCount', key: 'sketchCounts' },
+				{ title: useI18n().t('HistoryPage.SketchCounts'), align:'center', ellipsis: true, width: 150, dataIndex: 'sketchCount', key: 'sketchCounts' },
 				{
 					title: useI18n().t('HistoryPage.Operations'),
 					key: 'operation',
 					align:'center', 
 					fixed: 'right',
-					width: 180, 
+					width: 150, 
 					// slots:{customRender:'action'}
 					Operations:true,
 				},