2023-11-3-1

2023-11-03 11:16:42 +08:00
parent 769c06e6f9
commit 5b6844a9f0
26 changed files with 1512 additions and 517 deletions
--- a/public/image/femaleBG.png
+++ b/public/image/femaleBG.png
--- a/public/image/maleBG.png
+++ b/public/image/maleBG.png
--- a/src/assets/style/style.css
+++ b/src/assets/style/style.css
@@ -21,7 +21,7 @@ li {
  margin: 0 auto;
 }
 .button_first {
-  width: 9.85rem;
+  width: 11.85rem;
  text-align: center;
  height: 4rem;
  line-height: 4rem;
@@ -33,7 +33,7 @@ li {
  border: 2px solid;
 }
 .button_second {
-  width: 9.85rem;
+  width: 11.85rem;
  text-align: center;
  height: 4rem;
  line-height: 4rem;
@@ -104,6 +104,45 @@ li {
  cursor: pointer;
  zoom: 0.9;
 }
+.ant-select-allow-clear {
+  font-size: 1.2rem;
+  height: 3rem;
+}
+.ant-select-allow-clear .ant-select-selector {
+  height: 100%;
+}
+.ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow {
+  height: 100%;
+}
+.ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item {
+  height: 80%;
+}
+.ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item {
+  align-items: center;
+  height: 100%;
+  margin: 0;
+  margin-right: 0.4rem;
+}
+.ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-content {
+  height: 100%;
+  line-height: 1.7;
+}
+.ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-remove {
+  height: 100%;
+  font-size: 1rem;
+  display: flex;
+  align-items: center;
+}
+.ant-select-allow-clear .ant-select-selector::after {
+  line-height: 1;
+}
+.ant-select-allow-clear.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-color: rgba(0, 0, 0, 0);
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0);
+}
+.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
+  border-color: rgba(0, 0, 0, 0);
+}
 .modal_component.ant-modal {
  top: 0;
 }
@@ -185,6 +224,29 @@ li {
 .operate_file_block .select_img_type .category_list .category_item:hover {
  background: linear-gradient(-137deg, #eeefdb, #e7dbed);
 }
+.habit :deep(.ant-btn:hover),
+:deep(.ant-btn:focus),
+:deep(.ant-btn:active),
+:deep(.ant-btn::after) {
+  color: #000;
+  border-color: #000 !important;
+  box-shadow: none !important;
+}
+:deep(.ant-switch-checked) {
+  background-color: #000;
+}
+:deep(.ant-switch-checked) .ant-switch-handle {
+  left: calc(100% - 1.8rem - 0.2rem);
+}
+:deep(.ant-switch) {
+  min-width: 4.4rem;
+  height: 2.2rem;
+  line-height: 2.2rem;
+}
+:deep(.ant-switch) .ant-switch-handle {
+  width: 1.8rem;
+  height: 1.8rem;
+}
 .ant-message {
  z-index: 1049 !important;
  top: 6rem;
--- a/src/assets/style/style.less
+++ b/src/assets/style/style.less
@@ -21,7 +21,7 @@ ul,li{
    margin: 0 auto;
 }
 .button_first{
-	width: 9.85rem;
+	width: 11.85rem;
    text-align: center;
    // background: #343579;
    height: 4rem;
@@ -34,7 +34,7 @@ ul,li{
 	border: 2px solid;
 }
 .button_second{
-    width: 9.85rem;
+    width: 11.85rem;
    text-align: center;
    // background: #343579;
    height: 4rem;
@@ -115,6 +115,47 @@ ul,li{
 	zoom: .9;
 }

+//Library多级菜单
+.ant-select-allow-clear{
+    font-size: 1.2rem;
+	height: 3rem;
+	.ant-select-selector{
+		height: 100%;
+		.ant-select-selection-overflow{
+			height: 100%;
+			.ant-select-selection-overflow-item{
+				height: 80%;
+				.ant-select-selection-item{
+					align-items: center;
+					height: 100%;
+					margin: 0;
+					margin-right: .4rem;
+					.ant-select-selection-item-content{
+						height: 100%;
+						line-height: 1.7;
+					}
+					.ant-select-selection-item-remove{
+						height: 100%;
+						font-size: 1rem;
+						display: flex;
+						align-items: center;
+					}
+				}
+			}
+		}
+	}
+	.ant-select-selector::after{
+		line-height: 1;
+	}
+	 &.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
+		border-color: rgba(0, 0, 0, 0);
+		box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.0);
+	 }
+}
+.ant-select:not(.ant-select-disabled):hover .ant-select-selector{
+	border-color: rgba(0, 0, 0, 0);
+}
+
 //弹窗公共样式

 .modal_component{
@@ -229,6 +270,31 @@ ul,li{
 		}
 	}
 }
+
+.habit :deep(.ant-btn:hover),
+:deep(.ant-btn:focus),
+:deep(.ant-btn:active),
+:deep(.ant-btn::after) {
+    color: #000;
+    border-color: #000 !important;
+    box-shadow: none !important;
+}
+:deep(.ant-switch-checked) {
+	background-color: #000;
+	.ant-switch-handle{
+		left: calc(100% - 1.8rem - .2rem);
+	}
+	
+}
+:deep(.ant-switch){
+	min-width: 4.4rem;
+	height: 2.2rem;
+	line-height: 2.2rem;
+	.ant-switch-handle{
+		width: 1.8rem;
+		height: 1.8rem;
+	}
+}
 .ant-message{
 	z-index: 1049 !important;
 	top: 6rem;
--- a/src/component/Detail/DesignDetail.vue
+++ b/src/component/Detail/DesignDetail.vue
@@ -1060,10 +1060,10 @@ export default defineComponent({
                    content: "";
                    display: block;
                    background: #000;
-                    height: 3px;
+                    height: .4rem;
                    left: 50%;
                    transform: translateX(-50%);
-                    bottom: 6px;
+                    bottom: .6rem;
                    width: 0px;
                    transition: 0.3s all;
                }
--- a/src/component/Detail/DesignDetailAlter.vue
+++ b/src/component/Detail/DesignDetailAlter.vue
@@ -477,7 +477,7 @@ export default defineComponent({
 				// return `rgb(${r}, ${g}, ${b})`;
 				// box.style.backgroundColor = label.textContent = result.sRGBHex;
 			} catch (e) {
-				message.error(this.t('DesignDetailAlter.jsContent1'))
+				message.warning(this.t('DesignDetailAlter.jsContent1'))
 			}
 		})
 	},
@@ -927,49 +927,49 @@ export default defineComponent({
 		position: relative;
 		justify-content: space-around;

-		.switch_type_item {
-			display: flex;
-			align-items: center;
-			// padding: 0 2rem;
-			height: 4rem;
-			background: #fff;
-			border-radius: 0.8rem;
-			line-height: 4rem;
-			font-size: 1.6rem;
-			// margin-right: 2.2rem;
-			color: #000;
-			cursor: pointer;
-			position: relative;
-			text-align: center;
-			transform-origin: left;
-			transform: scale(1);
-			transition: 0.3s all;
-			&.switch_type_item::before {
-				position: absolute;
-				content: "";
-				display: block;
-				background: #000;
-				height: .3rem;
-				left: 50%;
-				transform: translateX(-50%);
-				bottom: .6rem;
-				width: 0px;
-				transition: 0.3s all;
-			}
-			&.select_swtich {
-				color: #000;
-				font-weight: 600;
-				transform: scale(1.15);
-			}
-			&.select_swtich::before {
-				width: 100%;
-			}
+		// .switch_type_item {
+		// 	display: flex;
+		// 	align-items: center;
+		// 	// padding: 0 2rem;
+		// 	height: 4rem;
+		// 	background: #fff;
+		// 	border-radius: 0.8rem;
+		// 	line-height: 4rem;
+		// 	font-size: 1.6rem;
+		// 	// margin-right: 2.2rem;
+		// 	color: #000;
+		// 	cursor: pointer;
+		// 	position: relative;
+		// 	text-align: center;
+		// 	transform-origin: left;
+		// 	transform: scale(1);
+		// 	transition: 0.3s all;
+		// 	&.switch_type_item::before {
+		// 		position: absolute;
+		// 		content: "";
+		// 		display: block;
+		// 		background: #000;
+		// 		height: .3rem;
+		// 		left: 50%;
+		// 		transform: translateX(-50%);
+		// 		bottom: .4rem;
+		// 		width: 0px;
+		// 		transition: 0.3s all;
+		// 	}
+		// 	&.select_swtich {
+		// 		color: #000;
+		// 		font-weight: 600;
+		// 		transform: scale(1.15);
+		// 	}
+		// 	&.select_swtich::before {
+		// 		width: 100%;
+		// 	}

-			.switch_icon {
-				font-size: 1.8rem;
-				margin-right: 0.8rem;
-			}
-		}
+		// 	.switch_icon {
+		// 		font-size: 1.8rem;
+		// 		margin-right: 0.8rem;
+		// 	}
+		// }
 	}
 	
 	
--- a/src/component/Detail/DesignDetailEnd.vue
+++ b/src/component/Detail/DesignDetailEnd.vue
@@ -353,6 +353,7 @@ export default defineComponent({
 				display: flex;
 				flex: 1;
 				align-items: center;
+				align-items: flex-start;
 			}
 		}
 		.print_left{
--- a/src/component/Detail/habit.vue
+++ b/src/component/Detail/habit.vue
@@ -229,6 +229,7 @@ export default defineComponent({
 		},
 		'workspaceItem.id_':{
 			handler(newVal:any,oldVal:any){
+
 				// this.store.state.Workspace.workspace
 				// if(!newVal){
 				// 	this.store.commit("setWorkspace", this.workspaceItem);
@@ -908,30 +909,6 @@ export default defineComponent({
    margin-right: 8px;
    margin-bottom: 8px;
 }
-.habit :deep(.ant-btn:hover),
-:deep(.ant-btn:focus),
-:deep(.ant-btn:active),
-:deep(.ant-btn::after) {
-    color: #000;
-    border-color: #000 !important;
-    box-shadow: none !important;
-}
-:deep(.ant-switch-checked) {
-	background-color: #000;
-	.ant-switch-handle{
-		left: calc(100% - 1.8rem - .2rem);
-	}
-	
-}
-:deep(.ant-switch){
-	min-width: 4.4rem;
-	height: 2.2rem;
-	line-height: 2.2rem;
-	.ant-switch-handle{
-		width: 1.8rem;
-		height: 1.8rem;
-	}
-}
 .habit :deep(.ant-btn) {
    box-shadow: none !important;
    color: rgba(0, 0, 0, 0.5);
--- a/src/component/HomePage/Generate.vue
+++ b/src/component/HomePage/Generate.vue
@@ -223,7 +223,7 @@ export default defineComponent({
 		let printModel = ref({
 			num:1,
 			optype:false,
-			name:'model1'
+			name:useI18n().t('Generate.Model')+'1'
 		})
 		// let sketchCatecoryList:any = ref([])
 		let workspace:any = ref({})
@@ -363,7 +363,7 @@ export default defineComponent({
 			this.printModel = {
 				num : num,
 				optype:false,
-				name:'model'+num
+				name:this.t('Generate.Model')+num
 			}
 		},
 		getgenerate(){
--- a/src/component/HomePage/Header.vue
+++ b/src/component/HomePage/Header.vue
@@ -193,7 +193,7 @@ export default defineComponent({
 				{name:'Français',value:'fr'},
 				{name:'แบบไทย',value:'th'},
 				{name:'Tiếng Việt',value:'vn'},
-				{name:'Italiano',value:'it'},
+				{name:'Italiano',value:'it'},       
 			]
        };
    },
--- a/src/component/HomePage/PrintboardUpload.vue
+++ b/src/component/HomePage/PrintboardUpload.vue
@@ -99,7 +99,7 @@
 			</div>
 			<div v-show="openClick == 3" class="modal_accomplish">
 				<div class="input_box" :class="{active:inputShow}">
-					<input class="search_input" @input="ifMaximumLength" :maxlength='inputShow?0:9999' :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" :placeholder="$t('PrintboardUpload.inputContent1')" v-model="captionGeneration">
+					<input class="search_input" @input="ifMaximumLength" @keydown.enter="getgenerate" :maxlength='inputShow?0:9999' :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" :placeholder="$t('PrintboardUpload.inputContent1')" v-model="captionGeneration">
 					<div class="generage_btn started_btn" @click.stop="getgenerate">{{ $t('PrintboardUpload.Generate') }}</div>
 					<span>{{ $t('PrintboardUpload.maximumLength') }}</span>
 				</div>
--- a/src/component/HomePage/SketchboardUpload.vue
+++ b/src/component/HomePage/SketchboardUpload.vue
@@ -172,7 +172,7 @@
 			</div>
 			<div v-show="openClick == 3" class="modal_accomplish">
 				<div class="input_box" :class="{active:inputShow}">
-					<input class="search_input" @input="ifMaximumLength" :maxlength='inputShow?0:9999' :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" :placeholder="$t('SketchboardUpload.inputContent1')" v-model="captionGeneration">
+					<input class="search_input" @input="ifMaximumLength" @keydown.enter="getgenerate()" :maxlength='inputShow?0:9999' :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" :placeholder="$t('SketchboardUpload.inputContent1')" v-model="captionGeneration">
 					<div class="generage_btn started_btn" @click.stop="getgenerate">Generate</div>
 					<span>{{ $t('SketchboardUpload.maximumLength') }}</span>
 				</div>
@@ -430,7 +430,6 @@ export default defineComponent({
        },

        selectFileCategory(file: any, cate: any) {
-			
 			if(this.openClick == 3){
 				for (let item of this.generateList) {
 					item.categoryShow = false;
@@ -510,7 +509,7 @@ export default defineComponent({
 					generateDetailId:item.id,
 					timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
 				}
-				Https.axiosPost(Https.httpUrls.generateLike, data).then(
+				Https.axiosGet(Https.httpUrls.generateDislike, {params:data}).then(
 					(rv) => {
 						item.like = false
 					}
@@ -617,7 +616,7 @@ export default defineComponent({
 							arr = {
 								id:v.generateItemId,
 								imgUrl:v.generateItemUrl,
-								category:generage.level2Type,
+								category:generage.level2Type?generage.level2Type:this.sketchCatecoryList[0].label,
 								id_:GO.id++
 							}
 						this.generateList.push(arr)
--- a/src/component/LibraryPage/ModelPlacement.vue
+++ b/src/component/LibraryPage/ModelPlacement.vue
@@ -262,24 +262,20 @@ export default defineComponent({
 				let divTop:any = document.createElement('div');
 				let divBottom:any = document.createElement('div');
 				let divCenter:any = document.createElement('div');
-				let div:any = document.createElement('div');
 				if(imgbox.getElementsByClassName('cropper-view-box-Bg').length >= 1){
 				}else{
-					div.classList.add('cropper-view-box-Bg')
 					divTop.classList.add('cropper-view-box-Bg')
 					divBottom.classList.add('cropper-view-box-Bg')
 					divCenter.classList.add('cropper-view-box-Bg')
-					
-					div.classList.add('cropper-view-box-Mask')
 					divTop.classList.add('cropper-view-box-Top')
 					divBottom.classList.add('cropper-view-box-Bottom')
 					divCenter.classList.add('cropper-view-box-Center')

-					div.style.background = `url(./image/femaleBG.png) no-repeat 0 0 / 100% 100%`
 					imgBoxSizeBG.appendChild(divTop)
-					// imgBoxSizeBG.appendChild(div)
 					imgBoxSizeBG.appendChild(divBottom)
 					imgBoxSizeBG.appendChild(divCenter)
+					// imgBoxSizeBG.appendChild(div)
+
 				}
 				// imgBoxSize.style.backgroundImage = 'url('+require('@assets/images/library/lemaleBG.png')')'

@@ -1004,10 +1000,6 @@ export default defineComponent({
 						width: 100%;
 						position: absolute;
 					}
-					.cropper-view-box-Mask{
-						top: 0;
-						height: 100%;
-					}
 					.cropper-view-box-Top{
 						// border-top: 1px dashed;
 						/*虚线2 css*/
--- a/src/lang/cn.ts
+++ b/src/lang/cn.ts
@@ -234,6 +234,7 @@ export default {
 		inputContent1:'输入生成图片的标题',
 		Generate:'生成',
 		maximumLength:'输入的内容超过允许输入的最大长度',
+		Model:'模型',
 		jsContent1:"您只能上传图片文件！",
 		jsContent2:'图片必须小于2MB',
 		jsContent3:"请输入内容~",
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -127,6 +127,8 @@ export default {
 		Preview:'Preview',
 		Back:'Back',
 		Restore:'Restore',
+		System:'System',
+		Library:'Library',
 		Point:'Point',
 		RemovePoint:'Remove Point',
 		mannequinHint:'Please change the pure white inside the mannequin for another color to enhance your experience',
@@ -234,6 +236,7 @@ export default {
 		inputContent1:'Prompt input',
 		Generate:'Generate',
 		maximumLength:'The entered content exceeds the maximum length.',
+		Model:'Model',
 		jsContent1:"You can only upload Image file!",
 		jsContent2:'Image must smaller than 2MB!',
 		jsContent3:"Please enter content",
--- a/src/lang/fr.ts
+++ b/src/lang/fr.ts
@@ -5,8 +5,8 @@ export default {
 		LIBRARY:'BIBLIOTHÈQUE',
 		HISTORY:'HISTOIRE',
 		bindEmail:'lier un e-mail',
-		logOff:'se déconnecter',
-		language:'changer de langue',
+		logOff:'dérouler',
+		language:'langue',
 		skip:'sauter',
 		emailContent:'vous avez un e-mail lié',
 		Email:'E-mail',
@@ -22,7 +22,7 @@ export default {
 		Workspace:'Espace de travail',
 		WorkspaceSetting:"Paramètres de l'espace de travail",
 		settingWorkspace:'ajustez les paramètres de votre espace de travail',
-		Overall:"Dans l'ensemble",
+		Overall:"tous",
 		Single:'Célibataire',
 		System:'Système',
 		Designer:'Designer',
@@ -38,270 +38,273 @@ export default {
 	},

 	HomeView:{
-		GetStarted:'Get Started',
-		Start:'Start',
-		Edit:'Edit',
-		Design:'Design',
-		Redesign:'Redesign',
-		GeneratedDesign:'Generated Design',
-		SelectedDesign:'Selected Design',
-		Export:'Export',
-		jsContent1:'You must choose one or more colors for further process.',
-		jsContent2:'You must choose one or more colors for further process.',
-		jsContent3:'Failed to export the file',
+		GetStarted:'Commencer',
+		Start:'Commencer',
+		Edit:'Modifier',
+		Design:'Conception',
+		Redesign:'Refonte',
+		GeneratedDesign:'Conception générée',
+		SelectedDesign:'Conception sélectionnée',
+		Export:'Exporter',
+		jsContent1:'Vous devez choisir une ou plusieurs couleurs pour un processus ultérieur.',
+		jsContent2:'Vous devez choisir une ou plusieurs couleurs pour un processus ultérieur.',
+		jsContent3:"Échec de l'exportation du fichier",
 	},
 	LibraryPage:{
-		Upload:'Upload',
-		Generate:'Generate',
-		Delete:'Delete',
-		Rename:'Rename',
-		inputContent1:'Search by your style code',
-		all:'all',
-		ImageOnly:'Image Only',
-		TextOnly:'Text Only',
-		TextImage:'Text-Image',
-		inputContent2:'Prompt input',
-		maximumLength:'The entered content exceeds the maximum length.',
-		Model1:'Model1',
-		Model2:'Model2',
-		inputContent3:'Prompt input',
-		Cancel:'Cancel',
-		Sure:'Sure',
-		Moodboard:'Moodboard',
-		Prints:'Prints',
-		Sketches:'Sketches',
+		Upload:'Télécharger',
+		Generate:'Générer',
+		Delete:'Supprimer',
+		Rename:'Renommer',
+		inputContent1:'Recherchez par votre code de style',
+		all:'tout',
+		ImageOnly:'Image uniquement',
+		TextOnly:'Texte seulement',
+		TextImage:'Texte-Image',
+		inputContent2:'Saisie rapide',
+		maximumLength:'Le contenu saisi dépasse la longueur maximale.',
+		Model1:'Modèle1',
+		Model2:'Modèle2',
+		inputContent3:'Saisie rapide',
+		Cancel:'Annuler',
+		Sure:'Bien sûr',
+		Moodboard:"Conseil d'humeur",
+		Prints:'Impressions',
+		Sketches:'Croquis',
 		Mannequins:'Mannequins',
-		model:'model',
-		jsContent1:'Are you sure to delete the picture?',
-		jsContent2:'Are you sure to delete the picture?',
-		jsContent3:'You can only upload Image file!',
-		jsContent4:'Image must smaller than 2MB!',
-		jsContent5:'This picture has been uploaded whether to continue uploading？',
-		jsContent6:'The entered content exceeds the maximum length.',
-		jsContent7:'Please enter content',
-		jsContent8:'upload failed',
-		jsContent9:'Please enter content',
+		model:'modèle',
+		jsContent1:"Êtes-vous sûr de supprimer l'image?",
+		jsContent2:"Êtes-vous sûr de supprimer l'image?",
+		jsContent3:'Vous pouvez uniquement télécharger un fichier image!',
+		jsContent4:"L'image doit être inférieure à 2 Mo!",
+		jsContent5:'Cette photo a été téléchargée si vous souhaitez continuer le téléchargement？',
+		jsContent6:'Le contenu saisi dépasse la longueur maximale.',
+		jsContent7:'Veuillez saisir le contenu',
+		jsContent8:'échec du téléchargement',
+		jsContent9:'Veuillez saisir le contenu',
 	},
 	HistoryPage:{
-		History:'History',
-		StartDate:'Start Date',
-		EndDate:'End Date',
-		inputContent1:'Search by collection name',
-		Detail:'Detail',
-		Rename:'Rename',
-		Retrieve:'Retrieve',
-		Delete:'Delete',
-		inputContent2:'Enter a new name',
-		Submit:'Submit',
-		CollectionsName:'Collections Name',
-		UptateTime:'Uptate Time',
-		SketchCounts:'Sketch Counts',
-		Operations:'Operations',
-		jsContent1:'Deleted successfully',
-		jsContent2:'Do you really want to delete this collection? ',
-		jsContent3:'Change successfully',
-		jsContent4:'Image must smaller than 2MB!',
-		jsContent5:'This picture has been uploaded whether to continue uploading？',
-		jsContent6:'The entered content exceeds the maximum length.',
-		jsContent7:'Please enter content',
+		History:'Histoire',
+		StartDate:'Date de début',
+		EndDate:'Date de fin',
+		inputContent1:'Rechercher par nom de collection',
+		Detail:'Détail',
+		Rename:'Renommer',
+		Retrieve:'Récupérer',
+		Delete:'Supprimer',
+		inputContent2:'Entrez un nouveau nom',
+		Submit:'Soumettre',
+		CollectionsName:'Nom de la collection',
+		UptateTime:'Temps de mise à jour',
+		SketchCounts:"Nombre d'esquisses",
+		Operations:'Opérations',
+		jsContent1:'Supprimé avec succès',
+		jsContent2:'Voulez-vous vraiment supprimer cette collection? ',
+		jsContent3:'Changer avec succès',
+		jsContent4:"L'image doit être inférieure à 2 Mo!",
+		jsContent5:'Cette photo a été téléchargée si vous souhaitez continuer le téléchargement？',
+		jsContent6:'Le contenu saisi dépasse la longueur maximale.',
+		jsContent7:'Veuillez saisir le contenu',
 	},
 	ModelPlacement:{
-		Registration:'Registration',
-		Submit:'Submit',
-		Preview:'Preview',
-		Back:'Back',
-		Restore:'Restore',
+		Registration:'Inscription',
+		Submit:'Soumettre',
+		Preview:'Aperçu',
+		Back:'Dos',
+		Restore:'Restaurer',
 		System:'Système',
-		Library:'Library',
-		Point:'Point',
-		RemovePoint:'Remove Point',
-		mannequinHint:'Please change the pure white inside the mannequin for another color to enhance your experience',
-		SHOULDER:'SHOULDER',
-		WAISTBAND:'WAISTBAND',
-		HAND:'HAND',
-		jsContent1:"You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
-		jsContent2:'This picture has been uploaded whether to continue uploading？',
+		Library:'Bibliothèque',
+		Point:'Indiquer',
+		RemovePoint:'Supprimer Indiquer',
+		mannequinHint:"Veuillez changer le blanc pur à l'intérieur du mannequin pour une autre couleur afin d'améliorer votre expérience.",
+		SHOULDER:'ÉPAULE',
+		WAISTBAND:'CEINTURE',
+		HAND:'MAIN',
+		jsContent1:"Vous n'avez pas encore marqué l'image et le modèle ne sera pas téléchargé. Êtes-vous sûr de vouloir la fermer",
+		jsContent2:'Cette photo a été téléchargée si vous souhaitez continuer le téléchargement？',
 	},
 	ModelPlacementMobile:{
-		Registration:'Registration',
-		Submit:'Submit',
-		Preview:'Preview',
-		Back:'Back',
-		Restore:'Restore',
-		Point:'Point',
-		RemovePoint:'Remove Point',
-		mannequinHint:'Please change the pure white inside the mannequin for another color to enhance your experience',
-		SHOULDER:'SHOULDER',
-		WAISTBAND:'WAISTBAND',
-		HAND:'HAND',
-		jsContent1:"You haven't marked the image yet, and the model will not be uploaded. Are you sure you want to close it?",
-		jsContent2:'This picture has been uploaded whether to continue uploading？',
+		Registration:'Inscription',
+		Submit:'Soumettre',
+		Preview:'Aperçu',
+		Back:'Dos',
+		Restore:'Restaurer',
+		System:'Système',
+		Library:'Bibliothèque',
+		Point:'Indiquer',
+		RemovePoint:'Supprimer Indiquer',
+		mannequinHint:"Veuillez changer le blanc pur à l'intérieur du mannequin pour une autre couleur afin d'améliorer votre expérience.",
+		SHOULDER:'ÉPAULE',
+		WAISTBAND:'CEINTURE',
+		HAND:'MAIN',
+		jsContent1:"Vous n'avez pas encore marqué l'image et le modèle ne sera pas téléchargé. Êtes-vous sûr de vouloir la fermer",
+		jsContent2:'Cette photo a été téléchargée si vous souhaitez continuer le téléchargement？',
 	},
 	Upload:{
-		Delete:'Delete',
-		Maximum2M:'Maximum 10 images can be uploaded, Maximum 2M per image',
-		jsContent1:'You can only upload Image file!',
-		jsContent2:'Image must smaller than 2MB!',
-		jsContent3:'upload failed',
+		Delete:'Sopprimere',
+		Maximum2M:'Un maximum de 10 images peuvent être téléchargées, maximum 2 M par image',
+		jsContent1:'Vous pouvez uniquement télécharger un fichier image!',
+		jsContent2:"L'image doit être inférieure à 2 Mo!",
+		jsContent3:'échec du téléchargement',
 	},
 	SketchboardUpload:{
-		Upload:'Upload',
-		Library:'Library',
-		Generate:'Generate',
+		Upload:'Télécharger',
+		Library:'Bibliothèque',
+		Generate:'Générer',
 		PIN:'PIN',
-		Thumbnail:'Thumbnail preview of selected sketchboard',
-		inputContent1:'Caption generation',
-		maximumLength:'The entered content exceeds the maximum length.',
-		jsContent1:"upload failed",
-		jsContent2:"You can only upload Image file!",
-		jsContent3:'Image must smaller than 2MB!',
-		jsContent4:"Maximum number of allowable file uploads has been exceeded",
-		jsContent5:"Please select a picture",
-		jsContent6:"The entered content exceeds the maximum length.",
-		jsContent7:"Please enter content",
+		Thumbnail:'Aperçu miniature du tableau de croquis sélectionné',
+		inputContent1:'Génération de sous-titres',
+		maximumLength:'Le contenu saisi dépasse la longueur maximale.',
+		jsContent1:"échec du téléchargement",
+		jsContent2:"Vous pouvez uniquement télécharger un fichier image!",
+		jsContent3:"L'image doit être inférieure à 2 Mo!",
+		jsContent4:"Le nombre maximum de téléchargements de fichiers autorisés a été dépassé",
+		jsContent5:"Veuillez sélectionner une image",
+		jsContent6:"Le contenu saisi dépasse la longueur maximale.",
+		jsContent7:"Veuillez saisir le contenu",
 	},
 	PrintboardUpload:{
-		Upload:'Upload',
-		Library:'Library',
-		Generate:'Generate',
+		Upload:'Télécharger',
+		Library:'Bibliothèque',
+		Generate:'Générer',
 		PIN:'PIN',
-		Thumbnail:'Thumbnail preview of selected printboard',
-		inputContent1:'Caption generation',
-		maximumLength:'The entered content exceeds the maximum length.',
-		jsContent1:"You can only upload Image file!",
-		jsContent2:'Image must smaller than 2MB!',
-		jsContent3:"Maximum number of allowable file uploads has been exceeded",
-		jsContent4:"Please select a picture",
-		jsContent5:"The entered content exceeds the maximum length.",
-		jsContent6:"Please enter content",
+		Thumbnail:"Aperçu miniature de la carte d'impression sélectionnée",
+		inputContent1:'Génération de sous-titres',
+		maximumLength:'Le contenu saisi dépasse la longueur maximale.',
+		jsContent1:"Vous pouvez uniquement télécharger un fichier image!",
+		jsContent2:"L'image doit être inférieure à 2 Mo!",
+		jsContent3:"Le nombre maximum de téléchargements de fichiers autorisés a été dépassé",
+		jsContent4:"Veuillez sélectionner une image",
+		jsContent5:"Le contenu saisi dépasse la longueur maximale.",
+		jsContent6:"Veuillez saisir le contenu",
 	},
 	ColorboardUpload:{
-		Thumbnail:'Thumbnail preview of selected colorboard',
-		Clear:'Clear',
+		Thumbnail:'Aperçu miniature du colorboard sélectionné',
+		Clear:'Clair',
 		Palette:'Palette',
 		HEX:'HEX',
 		RGBA:'RGBA',
-		UploadImage:'Upload Image',
-		ColorCode:'Color Code',
-		ExtractColor:'Extract Color',
-		jsContent1:"Your browser does not support it",
-		jsContent2:"Can't find the TCX color",
-		jsContent3:"You can only upload Image file!",
-		jsContent4:'Image must smaller than 2MB!',
+		UploadImage:'Télécharger une image',
+		ColorCode:'Code couleur',
+		ExtractColor:'Extraire la couleur',
+		jsContent1:"Votre navigateur ne le prend pas en charge",
+		jsContent2:"Je ne trouve pas la couleur TCX",
+		jsContent3:"Vous pouvez uniquement télécharger un fichier image!",
+		jsContent4:"L'image doit être inférieure à 2 Mo!",
 	},
 	MoodboardUpload:{
-		Upload:'Upload',
-		Library:'Library',
-		Generate:'Generate',
-		Delete:'Delete',
-		Thumbnail:'Thumbnail preview of selected moodboard',
-		layout:'layout',
-		jsContent1:'You can select up to 8 images',
-		jsContent2:"upload failed",
-		jsContent3:"You can only upload Image file!",
-		jsContent4:'Image must smaller than 2MB!',
-		jsContent5:'Please click Layout to sort randomly',
+		Upload:'Télécharger',
+		Library:'Bibliothèque',
+		Generate:'Générer',
+		Delete:'Supprimer',
+		Thumbnail:'Aperçu miniature du moodboard sélectionné',
+		layout:'mise en page',
+		jsContent1:"Vous pouvez sélectionner jusqu'à 8 images",
+		jsContent2:"échec du téléchargement",
+		jsContent3:"Vous pouvez uniquement télécharger un fichier image!",
+		jsContent4:"L'image doit être inférieure à 2 Mo!",
+		jsContent5:'Veuillez cliquer sur Mise en page pour trier aléatoirement',
 	},
 	Cropper:{
-		Cutpicture:'Cut picture',
-		Finish:'Finish',
-		Cancel:'Cancel',
-		CropPreview:'Crop Preview',
+		Cutpicture:"Couper l'image",
+		Finish:'Finition',
+		Cancel:'Annuler',
+		CropPreview:'Aperçu du recadrage',
 	},
 	Material:{
-		inputContent1:'Please input',
+		inputContent1:'Veuillez saisir',
 		PIN:'PIN',
 	},
 	MarketingSketchUpload:{
-		Upload:'Upload',
-		MyLibrary:'My Library',
-		maximumLength:'Maximum 15 images can be uploaded, Maximum 2M per image',
-		jsContent1:'upload failed',
-		jsContent2:"You can only upload Image file!",
-		jsContent3:'Image must smaller than 2MB!',
-		jsContent5:'Maximum number of allowable file uploads has been exceeded',
+		Upload:'Télécharger',
+		MyLibrary:'Ma bibliothèque',
+		maximumLength:'Un maximum de 15 images peuvent être téléchargées, maximum 2 M par image',
+		jsContent1:'échec du téléchargement',
+		jsContent2:"Vous pouvez uniquement télécharger un fichier image!",
+		jsContent3:"L'image doit être inférieure à 2 Mo!",
+		jsContent5:'Le nombre maximum de téléchargements de fichiers autorisés a été dépassé',
 	},
 	layout:{
-		MoodBoardDesign:'MoodBoard Design',
-		LayerOptions:'Layer Options',
-		Submit:'Submit',
+		MoodBoardDesign:'Conception du MoodBoard',
+		LayerOptions:'Options de calque',
+		Submit:'Soumettre',
 	},
 	Generate:{
-		ImageOnly:'Image Only',
-		TextOnly:'Text Only',
-		TextImage:'Text-Image',
-		Model1:'Model1',
-		Model2:'Model2',
-		inputContent1:'Prompt input',
-		Generate:'Generate',
-		maximumLength:'The entered content exceeds the maximum length.',
-		jsContent1:"You can only upload Image file!",
-		jsContent2:'Image must smaller than 2MB!',
-		jsContent3:"Please enter content",
-		jsContent4:'The entered content exceeds the maximum length.',
-		jsContent5:"Please enter content",
-		jsContent6:"You can select up to 8 images",
-		jsContent7:"upload failed",
+		ImageOnly:'Image uniquement',
+		TextOnly:'Texte seulement',
+		TextImage:'Texte-Image',
+		Model1:'Modèle1',
+		Model2:'Modèle2',
+		inputContent1:'Saisie rapide',
+		Generate:'Générer',
+		maximumLength:'Le contenu saisi dépasse la longueur maximale.',
+		Model:'Modèle',
+		jsContent1:"Vous pouvez uniquement télécharger un fichier image!",
+		jsContent2:"L'image doit être inférieure à 2 Mo!",
+		jsContent3:"Veuillez saisir le contenu",
+		jsContent4:'Le contenu saisi dépasse la longueur maximale.',
+		jsContent5:"Veuillez saisir le contenu",
+		jsContent6:"Vous pouvez sélectionner jusqu'à 8 images",
+		jsContent7:"échec du téléchargement",
 	},
 	collectionModal:{
-		Moodboard:'Moodboard',
-		Printboard:'Printboard',
-		Colorboard:'Colorboard',
-		Sketchboard:'Sketchboard',
-		MoodCollection:'select moodboard for your collection',
-		PrinCollection:'select printboard for your collection',
-		ColorCollection:'select colors for your collection',
-		SketchCollection:'select sketchboard for your collection',
-		jsContent1:'You must select the image and then use the layout.',
-		jsContent2:'The uploaded files will not be saved, being sure to continue? ',
-		jsContent3:'You must choose one or more colors for further process.',
+		Moodboard:"Conseil d'humeur",
+		Printboard:'Tableau imprimé',
+		Colorboard:'Tableau de couleurs',
+		Sketchboard:'Tableau à croquis',
+		MoodCollection:'sélectionnez le moodboard pour votre collection',
+		PrinCollection:'sélectionnez le carton imprimé pour votre collection',
+		ColorCollection:'sélectionnez les couleurs pour votre collection',
+		SketchCollection:'sélectionnez un tableau à croquis pour votre collection',
+		jsContent1:"Vous devez sélectionner l'image puis utiliser la mise en page.",
+		jsContent2:'Les fichiers téléchargés ne seront pas enregistrés, assurez-vous de continuer? ',
+		jsContent3:'Vous devez choisir une ou plusieurs couleurs pour un processus ultérieur.',
 	},
 	DesignDetail:{
-		Details:'Details',
-		EditDetails:'Edit the details of your design',
-		Submit:'Submit',
-		CurrentApparel:'Current Apparel',
-		CurrentPrint:'Current Print',
-		CurrentColor:'Current Color',
+		Details:'Détails',
+		EditDetails:'Modifiez les détails de votre conception',
+		Submit:'Soumettre',
+		CurrentApparel:'Vêtements actuels',
+		CurrentPrint:'Impression actuelle',
+		CurrentColor:'Couleur actuelle',
 	},
 	DesignDetailAlter:{
-		Upload:'Upload',
-		Library:'Library',
-		inputContent1:'Please input',
+		Upload:'Télécharger',
+		Library:'Bibliothèque',
+		inputContent1:'Veuillez saisir',
 		Palette:'Palette',
 		HEX:'HEX',
 		RGBA:'RGBA',
-		UploadImage:'Upload Image',
-		Delete:'Delete',
-		ColorCode:'Color Code',
-		jsContent1:"Your browser does not support it",
-		jsContent2:"You can select up to 8 images",
-		jsContent3:"upload failed",
-		jsContent4:'You can only upload Image file!',
-		jsContent5:'Image must smaller than 5MB!',
-		jsContent6:"Can't find the TCX color",
+		UploadImage:'Télécharger une image',
+		Delete:'Supprimer',
+		ColorCode:'Code couleur',
+		jsContent1:"Votre navigateur ne le prend pas en charge",
+		jsContent2:"Vous pouvez sélectionner jusqu'à 8 images",
+		jsContent3:"échec du téléchargement",
+		jsContent4:'Vous pouvez uniquement télécharger un fichier image!',
+		jsContent5:"L'image doit être inférieure à 5 Mo!",
+		jsContent6:"La couleur de TXCX est introuvable",
 	},
 	DesignDetailEnd:{
-		NewApparel:'New Apparel',
-		NewPrint:'New Print',
+		NewApparel:'Nouveaux vêtements',
+		NewPrint:'Nouvelle impression',
 		Placement:'Placement',
-		Overall:"Dans l'ensemble",
+		Overall:"tous",
 		Single:'Célibataire',
-		NewColor:'New Color',
-		preview:'preview',
-		Layout:'Layout',
-		jsContent1:'Please select print',
+		NewColor:'Nouvelle couleur',
+		preview:'Aperçu',
+		Layout:'Mise en page',
+		jsContent1:'Veuillez sélectionner imprimer',
 	},
 	DesignPrintOperation:{
 		Placement:'Placement',
-		Overall:"Dans l'ensemble",
+		Overall:"tous",
 		Single:'Célibataire',
-		Random:'Random',
-		inputContent:'Please input',
-		preview:'preview',
-		jsContent1:'The above changes are not saved, being sure to continue? ',
+		Random:'Aléatoire',
+		inputContent:'Veuillez saisir',
+		preview:'Aperçu',
+		jsContent1:'Les modifications ci-dessus ne sont pas enregistrées, assurez-vous de continuer? ',
 	},
 	uploadFile:{
-		jsContent1:'You can select up to 8 images',
+		jsContent1:"Vous pouvez sélectionner jusqu'à 8 images",
 	},
 }
--- a/src/lang/index.ts
+++ b/src/lang/index.ts
@@ -1,14 +1,35 @@
 import { createI18n } from 'vue-i18n'
+// 中文		zh-cn
+// 英文		en
+// 韩文		kr
+// 日文		ja
+// 俄语		ru
+// 法语		fr
+// 泰语		th
+// 越南语		vn
+// 意大利语		it

 // element-plus 中的语言配置
 import elementEnLocale from './en'
 import elementZhLocale from './cn'
-import elementthLocale from './th'
+import elementKrLocale from './kr'
+import elementJaLocale from './ja'
+import elementRuLocale from './ru'
+import elementFrLocale from './fr'
+import elementThLocale from './th'
+import elementVnLocale from './vn'
+import elementItLocale from './it'

 // 自己的语言配置
 import enLocale from './en'
 import zhLocale from './cn'
+import krLocale from './kr'
+import jaLocale from './ja'
+import ruLocale from './ru'
+import frLocale from './fr'
 import thLocale from './th'
+import vnLocale from './vn'
+import itLocale from './it'

 // 语言配置整合
 const messages = {
@@ -20,10 +41,34 @@ const messages = {
    ...zhLocale,
    ...elementZhLocale
  },
+  'kr':{
+    ...krLocale,
+    ...elementKrLocale
+  },
+  'ja':{
+    ...jaLocale,
+    ...elementJaLocale
+  },
+  'ru':{
+    ...ruLocale,
+    ...elementRuLocale
+  },
+  'fr':{
+    ...frLocale,
+    ...elementFrLocale
+  },
  'th':{
    ...thLocale,
-    ...elementthLocale
-  }
+    ...elementThLocale
+  },
+  'vn':{
+    ...vnLocale,
+    ...elementVnLocale
+  },
+  'it':{
+    ...itLocale,
+    ...elementItLocale
+  },
 }

 // 创建 i18n
--- a/src/lang/it.ts
+++ b/src/lang/it.ts
@@ -6,7 +6,7 @@ export default {
 		HISTORY:'STORIA',
 		bindEmail:"associare l'e-mail",
 		logOff:'disconnettersi',
-		language:'cambiare la lingua',
+		language:'lingua',
 		skip:'saltare',
 		emailContent:'hai legato la posta elettronica',
 		Email:'E-mail',
@@ -22,7 +22,7 @@ export default {
 		Workspace:'Spazio di lavoro',
 		WorkspaceSetting:"Impostazione dell'area di lavoro",
 		settingWorkspace:"modificare l'impostazione dell'area di lavoro",
-		Overall:'Complessivamente',
+		Overall:'Tutto',
 		Single:'Separare',
 		System:'Sistema',
 		Designer:'progettista',
@@ -236,6 +236,7 @@ export default {
 		inputContent1:'Immissione rapida',
 		Generate:'creare',
 		maximumLength:'Il contenuto inserito supera la lunghezza massima.',
+		Model:'Modello',
 		jsContent1:"Puoi caricare solo il file immagine!",
 		jsContent2:"L'immagine deve essere inferiore a 2 MB!",
 		jsContent3:"Inserisci il contenuto",
@@ -261,7 +262,7 @@ export default {
 		Details:'Dettagli',
 		EditDetails:'Modifica i dettagli del tuo progetto',
 		Submit:'Invia',
-		CurrentApparel:'Attuale Abbigliamento',
+		CurrentApparel:'Vestiti attuali',
 		CurrentPrint:'Stampa Attuale',
 		CurrentColor:'Colore Attuale',
 	},
@@ -283,10 +284,10 @@ export default {
 		jsContent6:"Impossibile trovare il colore TCX",
 	},
 	DesignDetailEnd:{
-		NewApparel:'Nuovo abbigliamento',
+		NewApparel:'Nuovo vestiti',
 		NewPrint:'Nuova stampa',
 		Placement:'Posizionamento',
-		Overall:'Complessivamente',
+		Overall:'Tutto',
 		Single:'Separare',
 		NewColor:'Nuovo colore',
 		preview:'anteprima',
@@ -295,7 +296,7 @@ export default {
 	},
 	DesignPrintOperation:{
 		Placement:'Posizionamento',
-		Overall:'Complessivamente',
+		Overall:'Tutto',
 		Single:'Separare',
 		Random:'Casuale',
 		inputContent:'Per favore inserisci',
--- a/src/lang/ja.ts
+++ b/src/lang/ja.ts
@@ -0,0 +1,309 @@
+export default {
+	Header:{
+		hello:'こんにちは',
+		HOME:'ホームページ',
+		LIBRARY:'集める',
+		HISTORY:'歴史',
+		bindEmail:'電子メールをバインドする',
+		logOff:'ログオフ',
+		language:'言語',
+		skip:'スキップ',
+		emailContent:'電子メールをバインドしました',
+		Email:'Eメール',
+		NextStep:'次のステップ',
+		verification:'確認コードを入力してください',
+		SentTo:'に送信された',
+		Resend:'再送信',
+		jsContent1:'メールの形式が間違っています',
+		jsContent2:'メールボックスのバインドに成功しました。',
+		jsContent3:`長期間操作を行っていません。アクティブである必要があります。そうでない場合は、{numTime} S でログアウトします。`,
+	},
+	Habit:{
+		Workspace:'ワークスペース',
+		WorkspaceSetting:'ワークスペースの設定',
+		settingWorkspace:'ワークスペース設定を調整する',
+		Overall:'全体',
+		Single:'シングル',
+		System:'システム',
+		Designer:'デザイナー',
+		Mannequin:'マネキン',
+		Current:'現在',
+		User:'ユーザー',
+		jsContent1:'ワークスペースを削除するかどうか?',
+		jsContent2:'ワークベンチ名を入力してください',
+	},
+	RobotAssist:{
+		inputContent1:"メッセージを書いてください~",
+		jsContent1:"内容を入力してください",
+	},
+	HomeView:{
+		GetStarted:'始めましょう',
+		Start:'始める',
+		Edit:'編集',
+		Design:'デザイン',
+		Redesign:'再設計',
+		GeneratedDesign:'生成されたデザイン',
+		SelectedDesign:'選択されたデザイン',
+		Export:'輸出',
+		jsContent1:'以降の処理には 1 つ以上の色を選択する必要があります。',
+		jsContent2:'以降の処理には 1 つ以上の色を選択する必要があります。',
+		jsContent3:'ファイルのエクスポートに失敗しました',
+	},
+	LibraryPage:{
+		Upload:'アップロード',
+		Generate:'生成する',
+		Delete:'消去',
+		Rename:'名前の変更',
+		inputContent1:'スタイルコードで検索',
+		all:'全て',
+		ImageOnly:'画像のみ',
+		TextOnly:'テキストのみ',
+		TextImage:'テキスト-画像',
+		inputContent2:'プロンプト入力',
+		maximumLength:'入力した内容が最大長を超えています.',
+		Model1:'モデル1',
+		Model2:'モデル2',
+		inputContent3:'プロンプト入力',
+		Cancel:'キャンセル',
+		Sure:'もちろん',
+		Moodboard:'ムードボード',
+		Prints:'プリント',
+		Sketches:'スケッチ',
+		Mannequins:'マネキン',
+		model:'モデル',
+		jsContent1:'画像を削除してもよろしいですか?',
+		jsContent2:'画像を削除してもよろしいですか?',
+		jsContent3:'画像ファイルのみアップロードできます!',
+		jsContent4:'画像は 2MB 未満である必要があります!',
+		jsContent5:'この写真はアップロードされました。アップロードを続けるかどうか？',
+		jsContent6:'入力した内容が最大長を超えています.',
+		jsContent7:'内容を入力してください',
+		jsContent8:'アップロードに失敗しました',
+		jsContent9:'内容を入力してください',
+	},
+	HistoryPage:{
+		History:'歴史',
+		StartDate:'開始日',
+		EndDate:'終了日',
+		inputContent1:'コレクション名で検索',
+		Detail:'詳細',
+		Rename:'名前の変更',
+		Retrieve:'取得',
+		Delete:'消去',
+		inputContent2:'新しい名前を入力してください',
+		Submit:'提出す',
+		CollectionsName:'コレクション名',
+		UptateTime:'更新時間',
+		SketchCounts:'スケッチ数',
+		Operations:'オペレーション',
+		jsContent1:'正常に削除されました',
+		jsContent2:'本当にこのコレクションを削除してもよろしいですか? ',
+		jsContent3:'正常に変更されました',
+		jsContent4:'画像は 2MB 未満である必要があります!',
+		jsContent5:'この写真はアップロードされました。アップロードを続けるかどうか？',
+		jsContent6:'入力した内容が最大長を超えています.',
+		jsContent7:'内容を入力してください',
+	},
+	ModelPlacement:{
+		Registration:'登録',
+		Submit:'提出す',
+		Preview:'プレビュー',
+		Back:'戻る',
+		Restore:'復元する',
+		System:'システム',
+		Library:'集める',
+		Point:'ポイント',
+		RemovePoint:'ポイントの削除',
+		mannequinHint:'体験を向上させるために、マネキン内の純白を別の色に変更してください。',
+		SHOULDER:'ショルダー',
+		WAISTBAND:'ウエストバンド',
+		HAND:'手',
+		jsContent1:"画像にまだマークを付けていないため、モデルはアップロードされません。閉じてもよろしいですか?",
+		jsContent2:'この写真はアップロードされました。アップロードを続けるかどうか？',
+	},
+	ModelPlacementMobile:{
+		Registration:'登録',
+		Submit:'提出す',
+		Preview:'プレビュー',
+		Back:'戻る',
+		Restore:'復元する',
+		System:'システム',
+		Library:'集める',
+		Point:'ポイント',
+		RemovePoint:'ポイントの削除',
+		mannequinHint:'体験を向上させるために、マネキン内の純白を別の色に変更してください。',
+		SHOULDER:'ショルダー',
+		WAISTBAND:'ウエストバンド',
+		HAND:'手',
+		jsContent1:"画像にまだマークを付けていないため、モデルはアップロードされません。閉じてもよろしいですか?",
+		jsContent2:'この写真はアップロードされました。アップロードを続けるかどうか？',
+	},
+	Upload:{
+		Delete:'消去',
+		Maximum2M:'画像は最大10枚アップロード可能、1枚あたり最大2M',
+		jsContent1:'画像ファイルのみアップロードできます!',
+		jsContent2:'画像は 2MB 未満である必要があります!',
+		jsContent3:'アップロードに失敗しました',
+	},
+	SketchboardUpload:{
+		Upload:'アップロード',
+		Library:'集める',
+		Generate:'生成する',
+		PIN:'PIN',
+		Thumbnail:'選択したスケッチボードのサムネイル プレビュー',
+		inputContent1:'キャプションの生成',
+		maximumLength:'入力した内容が最大長を超えています.',
+		jsContent1:"アップロードに失敗しました",
+		jsContent2:"画像ファイルのみアップロードできます!",
+		jsContent3:'画像は 2MB 未満である必要があります!',
+		jsContent4:"許可されるファイルアップロードの最大数を超えました",
+		jsContent5:"写真を選択してください",
+		jsContent6:"入力した内容が最大長を超えています.",
+		jsContent7:"内容を入力してください",
+	},
+	PrintboardUpload:{
+		Upload:'アップロード',
+		Library:'集める',
+		Generate:'生成する',
+		PIN:'PIN',
+		Thumbnail:'選択したプリントボードのサムネイル プレビュー',
+		inputContent1:'キャプションの生成',
+		maximumLength:'入力した内容が最大長を超えています.',
+		jsContent1:"画像ファイルのみアップロードできます!",
+		jsContent2:'画像は 2MB 未満である必要があります!',
+		jsContent3:"許可されるファイルアップロードの最大数を超えました",
+		jsContent4:"写真を選択してください",
+		jsContent5:"入力した内容が最大長を超えています.",
+		jsContent6:"内容を入力してください",
+	},
+	ColorboardUpload:{
+		Thumbnail:'選択したカラーボードのサムネイル プレビュー',
+		Clear:'クリア',
+		Palette:'パレット',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'画像をアップロードする',
+		ColorCode:'カラーコード',
+		ExtractColor:'色の抽出',
+		jsContent1:"お使いのブラウザはサポートしていません",
+		jsContent2:"TCXの色が見つからない",
+		jsContent3:"画像ファイルのみアップロードできます!",
+		jsContent4:'画像は 2MB 未満である必要があります!',
+	},
+	MoodboardUpload:{
+		Upload:'アップロード',
+		Library:'集める',
+		Generate:'生成する',
+		Delete:'消去',
+		Thumbnail:'選択したムードボードのサムネイル プレビュー',
+		layout:'レイアウト',
+		jsContent1:'最大8枚の画像を選択できます',
+		jsContent2:"アップロードに失敗しました",
+		jsContent3:"画像ファイルのみアップロードできます!",
+		jsContent4:'画像は 2MB 未満である必要があります!',
+		jsContent5:'ランダムに並べ替えるには、「レイアウト」をクリックしてください',
+	},
+	Cropper:{
+		Cutpicture:'カット絵',
+		Finish:'仕上げる',
+		Cancel:'キャンセル',
+		CropPreview:'クロッププレビュー',
+	},
+	Material:{
+		inputContent1:'入力してください',
+		PIN:'PIN',
+	},
+	MarketingSketchUpload:{
+		Upload:'アップロード',
+		MyLibrary:'私のライブラリ',
+		maximumLength:'画像は最大15枚アップロード可能、1枚あたり最大2M',
+		jsContent1:'アップロードに失敗しました',
+		jsContent2:"画像ファイルのみアップロードできます!",
+		jsContent3:'画像は 2MB 未満である必要があります!',
+		jsContent5:'許可されるファイルアップロードの最大数を超えました',
+	},
+	layout:{
+		MoodBoardDesign:'ムードボードのデザイン',
+		LayerOptions:'レイヤーオプション',
+		Submit:'提出す',
+	},
+	Generate:{
+		ImageOnly:'画像のみ',
+		TextOnly:'テキストのみ',
+		TextImage:'テキスト-画像',
+		Model1:'モデル1',
+		Model2:'モデル2',
+		inputContent1:'プロンプト入力',
+		Generate:'生成する',
+		Model:'モデル',
+		maximumLength:'入力した内容が最大長を超えています.',
+		jsContent1:"画像ファイルのみアップロードできます!",
+		jsContent2:'画像は 2MB 未満である必要があります!',
+		jsContent3:"内容を入力してください",
+		jsContent4:'入力した内容が最大長を超えています.',
+		jsContent5:"内容を入力してください",
+		jsContent6:"最大8枚の画像を選択できます",
+		jsContent7:"アップロードに失敗しました",
+	},
+	collectionModal:{
+		Moodboard:'ムードボード',
+		Printboard:'プリント基板',
+		Colorboard:'カラーボード',
+		Sketchboard:'スケッチボード',
+		MoodCollection:'コレクション用のムードボードを選択してください',
+		PrinCollection:'コレクションに合わせてプリントボードを選択してください',
+		ColorCollection:'コレクションの色を選択してください',
+		SketchCollection:'コレクション用のスケッチボードを選択してください',
+		jsContent1:'画像を選択してからレイアウトを使用する必要があります.',
+		jsContent2:'アップロードされたファイルは保存されません。続行しますか? ',
+		jsContent3:'以降の処理には 1 つ以上の色を選択する必要があります。',
+	},
+	DesignDetail:{
+		Details:'詳細',
+		EditDetails:'デザインの詳細を編集する',
+		Submit:'提出す',
+		CurrentApparel:'現在のアパレル',
+		CurrentPrint:'現在の印刷物',
+		CurrentColor:'現在の色',
+	},
+	DesignDetailAlter:{
+		Upload:'アップロード',
+		Library:'集める',
+		inputContent1:'入力してください',
+		Palette:'パレット',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'画像をアップロードする',
+		Delete:'消去',
+		ColorCode:'カラーコード',
+		jsContent1:"お使いのブラウザはサポートしていません",
+		jsContent2:"最大8枚の画像を選択できます",
+		jsContent3:"アップロードに失敗しました",
+		jsContent4:'画像ファイルのみアップロードできます!',
+		jsContent5:'画像は 5MB 未満である必要があります!',
+		jsContent6:"TCXの色が見つからない",
+	},
+	DesignDetailEnd:{
+		NewApparel:'新しいアパレル',
+		NewPrint:'新しいプリント',
+		Placement:'配置',
+		Overall:'全体',
+		Single:'シングル',
+		NewColor:'新色',
+		preview:'プレビュー',
+		Layout:'レイアウト',
+		jsContent1:'印刷を選択してください',
+	},
+	DesignPrintOperation:{
+		Placement:'配置',
+		Overall:'全体',
+		Single:'シングル',
+		Random:'ランダム',
+		inputContent:'入力してください',
+		preview:'プレビュー',
+		jsContent1:'上記の変更は保存されません。続行しますか? ',
+	},
+	uploadFile:{
+		jsContent1:'最大8枚の画像を選択できます',
+	},
+}
--- a/src/lang/kr.ts
+++ b/src/lang/kr.ts
@@ -0,0 +1,309 @@
+export default {
+	Header:{
+		hello:'안녕하세요',
+		HOME:'집',
+		LIBRARY:'도서관',
+		HISTORY:'역사',
+		bindEmail:'이메일 바인딩',
+		logOff:'로그 오프',
+		language:'언어',
+		skip:'건너뛰다',
+		emailContent:'당신은 이메일을 바인딩했습니다',
+		Email:'이메일',
+		NextStep:'다음 단계',
+		verification:'인증코드를 입력하세요',
+		SentTo:'전송',
+		Resend:'재전송',
+		jsContent1:'이메일 형식이 올바르지 않습니다.',
+		jsContent2:'메일함 바인딩에 성공했습니다.',
+		jsContent3:`오랫동안 어떤 작업도 수행하지 않았습니다. 활성 상태여야 합니다. 그렇지 않으면 {numTime}초 후에 로그아웃됩니다.`,
+	},
+	Habit:{
+		Workspace:'작업공간',
+		WorkspaceSetting:'작업공간 설정',
+		settingWorkspace:'작업 공간 설정을 조정하세요',
+		Overall:'전반적인',
+		Single:'하나의',
+		System:'체계',
+		Designer:'디자이너',
+		Mannequin:'마네킹',
+		Current:'현재의',
+		User:'사용자',
+		jsContent1:'작업공간 삭제 여부?',
+		jsContent2:'작업대 이름을 입력하세요.',
+	},
+	RobotAssist:{
+		inputContent1:"메시지를 쓰다~",
+		jsContent1:"내용을 입력해주세요",
+	},
+	HomeView:{
+		GetStarted:'시작하다',
+		Start:'시작',
+		Edit:'편집하다',
+		Design:'설계',
+		Redesign:'디자인재설계',
+		GeneratedDesign:'생성된 디자인',
+		SelectedDesign:'선택된 디자인',
+		Export:'내보내다',
+		jsContent1:'추가 처리를 위해 하나 이상의 색상을 선택해야 합니다.',
+		jsContent2:'추가 처리를 위해 하나 이상의 색상을 선택해야 합니다.',
+		jsContent3:'파일을 내보내지 못했습니다.',
+	},
+	LibraryPage:{
+		Upload:'업로드',
+		Generate:'생성하다',
+		Delete:'삭제',
+		Rename:'이름 바꾸기',
+		inputContent1:'스타일 코드로 검색',
+		all:'모두',
+		ImageOnly:'이미지만',
+		TextOnly:'텍스트만',
+		TextImage:'텍스트-이미지',
+		inputContent2:'프롬프트 입력',
+		maximumLength:'입력한 내용이 최대 길이를 초과했습니다.',
+		Model1:'모델1',
+		Model2:'모델2',
+		inputContent3:'프롬프트 입력',
+		Cancel:'취소',
+		Sure:'확신하는',
+		Moodboard:'무드보드',
+		Prints:'인쇄물',
+		Sketches:'스케치',
+		Mannequins:'마네킹',
+		model:'모델',
+		jsContent1:'사진을 삭제하시겠습니까?',
+		jsContent2:'사진을 삭제하시겠습니까?',
+		jsContent3:'이미지 파일만 업로드할 수 있습니다!',
+		jsContent4:'이미지는 2MB보다 작아야 합니다!',
+		jsContent5:'이 사진은 업로드 되었습니다 계속 업로드 여부？',
+		jsContent6:'입력한 내용이 최대 길이를 초과했습니다.',
+		jsContent7:'내용을 입력해주세요',
+		jsContent8:'업로드 실패',
+		jsContent9:'내용을 입력해주세요',
+	},
+	HistoryPage:{
+		History:'역사',
+		StartDate:'시작일',
+		EndDate:'종료일',
+		inputContent1:'컬렉션 이름으로 검색',
+		Detail:'세부 사항',
+		Rename:'이름 바꾸기',
+		Retrieve:'검색하다',
+		Delete:'삭제',
+		inputContent2:'새 이름을 입력하세요.',
+		Submit:'제출하다',
+		CollectionsName:'컬렉션 이름',
+		UptateTime:'업데이트 시간',
+		SketchCounts:'스케치 수',
+		Operations:'운영',
+		jsContent1:'삭제되었습니다.',
+		jsContent2:'이 컬렉션을 삭제하시겠습니까?? ',
+		jsContent3:'성공적으로 변경되었습니다.',
+		jsContent4:'이미지는 2MB보다 작아야 합니다!',
+		jsContent5:'이 사진은 업로드 되었습니다 계속 업로드 여부？',
+		jsContent6:'입력한 내용이 최대 길이를 초과했습니다.',
+		jsContent7:'내용을 입력해주세요',
+	},
+	ModelPlacement:{
+		Registration:'등록',
+		Submit:'제출하다',
+		Preview:'시사',
+		Back:'뒤쪽에',
+		Restore:'복원하다',
+		System:'체계',
+		Library:'도서관',
+		Point:'가리키다',
+		RemovePoint:'포인트 제거',
+		mannequinHint:'더 나은 경험을 위해 마네킹 내부의 순백색을 다른 색상으로 바꿔주세요.',
+		SHOULDER:'어깨',
+		WAISTBAND:'허리띠',
+		HAND:'손',
+		jsContent1:"아직 이미지를 표시하지 않았으므로 모델이 업로드되지 않습니다. 닫으시겠습니까??",
+		jsContent2:'이 사진은 업로드 되었습니다 계속 업로드 여부？',
+	},
+	ModelPlacementMobile:{
+		Registration:'등록',
+		Submit:'제출하다',
+		Preview:'시사',
+		Back:'뒤쪽에',
+		Restore:'복원하다',
+		System:'체계',
+		Library:'도서관',
+		Point:'가리키다',
+		RemovePoint:'포인트 제거',
+		mannequinHint:'더 나은 경험을 위해 마네킹 내부의 순백색을 다른 색상으로 바꿔주세요.',
+		SHOULDER:'어깨',
+		WAISTBAND:'허리띠',
+		HAND:'손',
+		jsContent1:"아직 이미지를 표시하지 않았으므로 모델이 업로드되지 않습니다. 닫으시겠습니까??",
+		jsContent2:'이 사진은 업로드 되었습니다 계속 업로드 여부？',
+	},
+	Upload:{
+		Delete:'삭제',
+		Maximum2M:'최대 10개의 이미지를 업로드할 수 있으며, 이미지당 최대 2M',
+		jsContent1:'이미지 파일만 업로드할 수 있습니다!',
+		jsContent2:'이미지는 2MB보다 작아야 합니다!',
+		jsContent3:'업로드 실패',
+	},
+	SketchboardUpload:{
+		Upload:'업로드',
+		Library:'도서관',
+		Generate:'생성하다',
+		PIN:'PIN',
+		Thumbnail:'선택한 스케치보드의 썸네일 미리보기',
+		inputContent1:'캡션 생성',
+		maximumLength:'입력한 내용이 최대 길이를 초과했습니다.',
+		jsContent1:"업로드 실패",
+		jsContent2:"이미지 파일만 업로드할 수 있습니다!",
+		jsContent3:'이미지는 2MB보다 작아야 합니다!',
+		jsContent4:"허용되는 최대 파일 업로드 수가 초과되었습니다.",
+		jsContent5:"사진을 선택해주세요",
+		jsContent6:"입력한 내용이 최대 길이를 초과했습니다.",
+		jsContent7:"내용을 입력해주세요",
+	},
+	PrintboardUpload:{
+		Upload:'업로드',
+		Library:'도서관',
+		Generate:'생성하다',
+		PIN:'PIN',
+		Thumbnail:'선택한 프린트보드의 썸네일 미리보기',
+		inputContent1:'캡션 생성',
+		maximumLength:'입력한 내용이 최대 길이를 초과했습니다.',
+		jsContent1:"이미지 파일만 업로드할 수 있습니다!",
+		jsContent2:'이미지는 2MB보다 작아야 합니다!',
+		jsContent3:"허용되는 최대 파일 업로드 수가 초과되었습니다.",
+		jsContent4:"사진을 선택해주세요",
+		jsContent5:"입력한 내용이 최대 길이를 초과했습니다.",
+		jsContent6:"내용을 입력해주세요",
+	},
+	ColorboardUpload:{
+		Thumbnail:'선택한 컬러보드의 썸네일 미리보기',
+		Clear:'분명한',
+		Palette:'팔레트',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'이미지 업로드',
+		ColorCode:'색상 코드',
+		ExtractColor:'색상 추출',
+		jsContent1:"귀하의 브라우저는 이를 지원하지 않습니다",
+		jsContent2:"TCX 색상을 찾을 수 없습니다",
+		jsContent3:"이미지 파일만 업로드할 수 있습니다!",
+		jsContent4:'이미지는 2MB보다 작아야 합니다!',
+	},
+	MoodboardUpload:{
+		Upload:'업로드',
+		Library:'도서관',
+		Generate:'생성하다',
+		Delete:'삭제',
+		Thumbnail:'선택한 무드보드의 썸네일 미리보기',
+		layout:'정렬하려면',
+		jsContent1:'최대 8개의 이미지를 선택할 수 있습니다.',
+		jsContent2:"업로드 실패",
+		jsContent3:"이미지 파일만 업로드할 수 있습니다!",
+		jsContent4:'이미지는 2MB보다 작아야 합니다!',
+		jsContent5:'무작위로 정렬하려면 레이아웃을 클릭하세요.',
+	},
+	Cropper:{
+		Cutpicture:'컷 그림',
+		Finish:'마치다',
+		Cancel:'취소',
+		CropPreview:'자르기 미리보기',
+	},
+	Material:{
+		inputContent1:'입력해주세요',
+		PIN:'PIN',
+	},
+	MarketingSketchUpload:{
+		Upload:'업로드',
+		MyLibrary:'나의 신문',
+		maximumLength:'최대 15개의 이미지를 업로드할 수 있으며, 이미지당 최대 2M',
+		jsContent1:'업로드 실패',
+		jsContent2:"이미지 파일만 업로드할 수 있습니다!",
+		jsContent3:'이미지는 2MB보다 작아야 합니다!',
+		jsContent5:'허용되는 최대 파일 업로드 수가 초과되었습니다.',
+	},
+	layout:{
+		MoodBoardDesign:'무드보드 디자인',
+		LayerOptions:'레이어 옵션',
+		Submit:'제출하다',
+	},
+	Generate:{
+		ImageOnly:'이미지만',
+		TextOnly:'텍스트만',
+		TextImage:'텍스트-이미지',
+		Model1:'모델1',
+		Model2:'모델2',
+		inputContent1:'프롬프트 입력',
+		Generate:'생성하다',
+		maximumLength:'입력한 내용이 최대 길이를 초과했습니다.',
+		Model:'모델1',
+		jsContent1:"이미지 파일만 업로드할 수 있습니다!",
+		jsContent2:'이미지는 2MB보다 작아야 합니다!',
+		jsContent3:"내용을 입력해주세요",
+		jsContent4:'입력한 내용이 최대 길이를 초과했습니다.',
+		jsContent5:"내용을 입력해주세요",
+		jsContent6:"최대 8개의 이미지를 선택할 수 있습니다.",
+		jsContent7:"업로드 실패",
+	},
+	collectionModal:{
+		Moodboard:'무드보드',
+		Printboard:'프린트보드',
+		Colorboard:'컬러보드',
+		Sketchboard:'스케치보드',
+		MoodCollection:'컬렉션에 대한 무드보드를 선택하세요',
+		PrinCollection:'컬렉션을 위한 프린트보드를 선택하세요',
+		ColorCollection:'컬렉션의 색상을 선택하세요',
+		SketchCollection:'컬렉션에 사용할 스케치보드를 선택하세요',
+		jsContent1:'이미지를 선택한 후 레이아웃을 사용해야 합니다.',
+		jsContent2:'업로드한 파일은 저장되지 않습니다. 계속하시겠습니까? ',
+		jsContent3:'추가 처리를 위해 하나 이상의 색상을 선택해야 합니다.',
+	},
+	DesignDetail:{
+		Details:'세부',
+		EditDetails:'디자인의 세부 사항을 편집하세요',
+		Submit:'제출하다',
+		CurrentApparel:'현재 의류',
+		CurrentPrint:'현재 인쇄',
+		CurrentColor:'현재 색상',
+	},
+	DesignDetailAlter:{
+		Upload:'업로드',
+		Library:'도서관',
+		inputContent1:'입력해주세요',
+		Palette:'팔레트',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'이미지 업로드',
+		Delete:'삭제',
+		ColorCode:'색상 코드',
+		jsContent1:"귀하의 브라우저는 이를 지원하지 않습니다",
+		jsContent2:"최대 8개의 이미지를 선택할 수 있습니다.",
+		jsContent3:"업로드 실패",
+		jsContent4:'이미지 파일만 업로드할 수 있습니다!',
+		jsContent5:'이미지는 5MB보다 작아야 합니다.!',
+		jsContent6:"TCX 색상을 찾을 수 없습니다",
+	},
+	DesignDetailEnd:{
+		NewApparel:'새로운 의류',
+		NewPrint:'새 인쇄',
+		Placement:'놓기',
+		Overall:'전반적인',
+		Single:'하나의',
+		NewColor:'새로운 색상',
+		preview:'시사',
+		Layout:'정렬하려면',
+		jsContent1:'인쇄를 선택해주세요',
+	},
+	DesignPrintOperation:{
+		Placement:'놓기',
+		Overall:'전반적인',
+		Single:'하나의',
+		Random:'무작위의',
+		inputContent:'입력해주세요',
+		preview:'시사',
+		jsContent1:'위 변경사항이 저장되지 않았습니다. 계속하시겠습니까? ',
+	},
+	uploadFile:{
+		jsContent1:'최대 8개의 이미지를 선택할 수 있습니다.',
+	},
+}
--- a/src/lang/ru.ts
+++ b/src/lang/ru.ts
@@ -0,0 +1,309 @@
+export default {
+	Header:{
+		hello:'привет',
+		HOME:'ДОМ',
+		LIBRARY:'БИБЛИОТЕКА',
+		HISTORY:'ИСТОРИЯ',
+		bindEmail:'привязать электронную почту',
+		logOff:'выйти',
+		language:'язык',
+		skip:'пропускать',
+		emailContent:'у вас привязана электронная почта',
+		Email:'Электронная почта',
+		NextStep:'Следующий шаг',
+		verification:'введите код подтверждения',
+		SentTo:'Отправлено в',
+		Resend:'Отправить',
+		jsContent1:'Формат электронной почты неправильный',
+		jsContent2:'Удалось привязать почтовый ящик.',
+		jsContent3:`Вы давно не выполняли никаких операций. Вы должны быть активны, иначе вы выйдете из системы через {numTime} S`,
+	},
+	Habit:{
+		Workspace:'Рабочая среда',
+		WorkspaceSetting:'Настройка рабочего пространства',
+		settingWorkspace:'отрегулируйте настройки вашего рабочего пространства',
+		Overall:'Общий',
+		Single:'Одинокий',
+		System:'Система',
+		Designer:'Дизайнер',
+		Mannequin:'Манекен',
+		Current:'Текущий',
+		User:'Пользователь',
+		jsContent1:'Удалять ли рабочую область?',
+		jsContent2:'Пожалуйста, введите название рабочей среды',
+	},
+	RobotAssist:{
+		inputContent1:"Напиши сообщение~",
+		jsContent1:"Пожалуйста, введите содержание",
+	},
+	HomeView:{
+		GetStarted:'Начать',
+		Start:'Начинать',
+		Edit:'Редактировать',
+		Design:'Дизайн',
+		Redesign:'Редизайн',
+		GeneratedDesign:'Сгенерированный дизайн',
+		SelectedDesign:'Выбранный дизайн',
+		Export:'Экспорт',
+		jsContent1:'Вы должны выбрать один или несколько цветов для дальнейшей обработки..',
+		jsContent2:'Вы должны выбрать один или несколько цветов для дальнейшей обработки..',
+		jsContent3:'Не удалось экспортировать файл',
+	},
+	LibraryPage:{
+		Upload:'Загрузить',
+		Generate:'Генерировать',
+		Delete:'Удалить',
+		Rename:'Переименовать',
+		inputContent1:'Поиск по коду вашего стиля',
+		all:'all',
+		ImageOnly:'Только изображение',
+		TextOnly:'Только текст',
+		TextImage:'Текст-изображение',
+		inputContent2:'Быстрый ввод',
+		maximumLength:'Введенный контент превышает максимальную длину.',
+		Model1:'Модель1',
+		Model2:'Модель2',
+		inputContent3:'Быстрый ввод',
+		Cancel:'Отмена',
+		Sure:'Конечно',
+		Moodboard:'Мудборд',
+		Prints:'Принты',
+		Sketches:'Эскизы',
+		Mannequins:'Манекены',
+		model:'mодель',
+		jsContent1:'Вы уверены, что удалите картинку?',
+		jsContent2:'Вы уверены, что удалите картинку?',
+		jsContent3:'Вы можете загрузить только файл изображения!',
+		jsContent4:'Изображение должно быть меньше 2 МБ!',
+		jsContent5:'Это изображение было загружено, стоит ли продолжать загрузку？',
+		jsContent6:'Введенный контент превышает максимальную длину.',
+		jsContent7:'Пожалуйста, введите содержание',
+		jsContent8:'Загрузка не удалась',
+		jsContent9:'Пожалуйста, введите содержание',
+	},
+	HistoryPage:{
+		History:'История',
+		StartDate:'Дата начала',
+		EndDate:'Дата окончания',
+		inputContent1:'Поиск по названию коллекции',
+		Detail:'Деталь',
+		Rename:'Переименовать',
+		Retrieve:'Забрать',
+		Delete:'Удалить',
+		inputContent2:'Введите новое имя',
+		Submit:'Запись',
+		CollectionsName:'Название коллекции',
+		UptateTime:'Время обновления',
+		SketchCounts:'Эскиз имеет значение',
+		Operations:'Операции',
+		jsContent1:'Удален успешно',
+		jsContent2:'Вы действительно хотите удалить эту коллекцию?? ',
+		jsContent3:'Изменение успешно',
+		jsContent4:'Изображение должно быть меньше 2 МБ!',
+		jsContent5:'Это изображение было загружено, стоит ли продолжать загрузку？',
+		jsContent6:'Введенный контент превышает максимальную длину.',
+		jsContent7:'Пожалуйста, введите содержание',
+	},
+	ModelPlacement:{
+		Registration:'Постановка на учет',
+		Submit:'Запись',
+		Preview:'Превью',
+		Back:'Назад',
+		Restore:'Восстановить',
+		System:'Система',
+		Library:'Библиотека',
+		Point:'Точка',
+		RemovePoint:'Удалить точку',
+		mannequinHint:'Пожалуйста, замените чистый белый цвет внутри манекена на другой цвет, чтобы улучшить ваши впечатления.',
+		SHOULDER:'ПЛЕЧО',
+		WAISTBAND:'ПОЯС',
+		HAND:'РУКА',
+		jsContent1:"Вы еще не отметили изображение, и модель не будет загружена. Вы уверены, что хотите закрыть его?",
+		jsContent2:'Это изображение было загружено, стоит ли продолжить загрузку？',
+	},
+	ModelPlacementMobile:{
+		Registration:'Постановка на учет',
+		Submit:'Запись',
+		Preview:'Превью',
+		Back:'Назад',
+		Restore:'Восстановить',
+		System:'Система',
+		Library:'Библиотека',
+		Point:'Точка',
+		RemovePoint:'Удалить точку',
+		mannequinHint:'Пожалуйста, замените чистый белый цвет внутри манекена на другой цвет, чтобы улучшить ваши впечатления.',
+		SHOULDER:'ПЛЕЧО',
+		WAISTBAND:'ПОЯС',
+		HAND:'РУКА',
+		jsContent1:"Вы еще не отметили изображение, и модель не будет загружена. Вы уверены, что хотите закрыть его?",
+		jsContent2:'Это изображение было загружено, стоит ли продолжить загрузку？',
+	},
+	Upload:{
+		Delete:'Удалить',
+		Maximum2M:'Можно загрузить максимум 10 изображений, максимум 2 М на изображение.',
+		jsContent1:'Вы можете загрузить только файл изображения!',
+		jsContent2:'Изображение должно быть меньше 2 МБ!',
+		jsContent3:'Загрузка не удалась',
+	},
+	SketchboardUpload:{
+		Upload:'Загрузить',
+		Library:'Библиотека',
+		Generate:'Генерировать',
+		PIN:'PIN',
+		Thumbnail:'Предварительный просмотр миниатюр выбранной эскизной панели',
+		inputContent1:'Создание подписей',
+		maximumLength:'Введенный контент превышает максимальную длину.',
+		jsContent1:"Загрузка не удалась",
+		jsContent2:"Вы можете загрузить только файл изображения!",
+		jsContent3:'Изображение должно быть меньше 2 МБ!',
+		jsContent4:"Превышено максимально допустимое количество загрузок файлов.",
+		jsContent5:"Пожалуйста, выберите изображение",
+		jsContent6:"Введенный контент превышает максимальную длину.",
+		jsContent7:"Пожалуйста, введите содержание",
+	},
+	PrintboardUpload:{
+		Upload:'Загрузить',
+		Library:'Библиотека',
+		Generate:'Генерировать',
+		PIN:'PIN',
+		Thumbnail:'Предварительный просмотр миниатюр выбранной печатной платы',
+		inputContent1:'Создание подписей',
+		maximumLength:'Введенный контент превышает максимальную длину.',
+		jsContent1:"Вы можете загрузить только файл изображения!",
+		jsContent2:'Изображение должно быть меньше 2 МБ!',
+		jsContent3:"Превышено максимально допустимое количество загрузок файлов.",
+		jsContent4:"Пожалуйста, выберите изображение",
+		jsContent5:"Введенный контент превышает максимальную длину.",
+		jsContent6:"Пожалуйста, введите содержание",
+	},
+	ColorboardUpload:{
+		Thumbnail:'Предварительный просмотр миниатюр выбранной цветовой доски',
+		Clear:'Ясно',
+		Palette:'Палитра',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'Загрузить картинку',
+		ColorCode:'Цветовой код',
+		ExtractColor:'Извлечь цвет',
+		jsContent1:"Ваш браузер его не поддерживает",
+		jsContent2:"Не могу найти цвет TCX",
+		jsContent3:"Вы можете загрузить только файл изображения!",
+		jsContent4:'Изображение должно быть меньше 2 МБ!',
+	},
+	MoodboardUpload:{
+		Upload:'Загрузить',
+		Library:'Библиотека',
+		Generate:'Генерировать',
+		Delete:'Удалить',
+		Thumbnail:'Предварительный просмотр миниатюр выбранного мудборда',
+		layout:'макет',
+		jsContent1:'Вы можете выбрать до 8 изображений',
+		jsContent2:"Загрузка не удалась",
+		jsContent3:"Вы можете загрузить только файл изображения!",
+		jsContent4:'Изображение должно быть меньше 2 МБ!',
+		jsContent5:'Пожалуйста, нажмите «Макет», чтобы отсортировать в случайном порядке.',
+	},
+	Cropper:{
+		Cutpicture:'Обрезать картинку',
+		Finish:'Заканчивать',
+		Cancel:'Отмена',
+		CropPreview:'Crop Превью',
+	},
+	Material:{
+		inputContent1:'Пожалуйста, введите',
+		PIN:'PIN',
+	},
+	MarketingSketchUpload:{
+		Upload:'Загрузить',
+		MyLibrary:'Моя библиотека',
+		maximumLength:'Можно загрузить максимум 15 изображений, максимум 2M на изображение.',
+		jsContent1:'Загрузка не удалась',
+		jsContent2:"Вы можете загрузить только файл изображения!",
+		jsContent3:'Изображение должно быть меньше 2 МБ!',
+		jsContent5:'Превышено максимально допустимое количество загрузок файлов.',
+	},
+	layout:{
+		MoodBoardDesign:'Дизайн Мудборда',
+		LayerOptions:'Параметры слоя',
+		Submit:'Запись',
+	},
+	Generate:{
+		ImageOnly:'Только изображение',
+		TextOnly:'Только текст',
+		TextImage:'Текст-изображение',
+		Model1:'Модель1',
+		Model2:'Модель2',
+		inputContent1:'Быстрый ввод',
+		Generate:'Генерировать',
+		maximumLength:'Введенный контент превышает максимальную длину.',
+		Model:'Модель',
+		jsContent1:"Вы можете загрузить только файл изображения!",
+		jsContent2:'Изображение должно быть меньше 2 МБ!',
+		jsContent3:"Пожалуйста, введите содержание",
+		jsContent4:'Введенный контент превышает максимальную длину.',
+		jsContent5:"Пожалуйста, введите содержание",
+		jsContent6:"Вы можете выбрать до 8 изображений",
+		jsContent7:"Загрузка не удалась",
+	},
+	collectionModal:{
+		Moodboard:'Мудборд',
+		Printboard:'Печатная плата',
+		Colorboard:'Цветная доска',
+		Sketchboard:'Скетчборд',
+		MoodCollection:'выберите мудборд для своей коллекции',
+		PrinCollection:'выберите печатную плату для своей коллекции',
+		ColorCollection:'выберите цвета для своей коллекции',
+		SketchCollection:'выберите скетчборд для своей коллекции',
+		jsContent1:'Вы должны выбрать изображение, а затем использовать макет.',
+		jsContent2:'Загруженные файлы не сохранятся, обязательно продолжайте? ',
+		jsContent3:'Вы должны выбрать один или несколько цветов для дальнейшей обработки..',
+	},
+	DesignDetail:{
+		Details:'Подробности',
+		EditDetails:'Отредактируйте детали вашего дизайна',
+		Submit:'Запись',
+		CurrentApparel:'Текущая одежда',
+		CurrentPrint:'Текущая печать',
+		CurrentColor:'Текущий цвет',
+	},
+	DesignDetailAlter:{
+		Upload:'Загрузить',
+		Library:'Библиотека',
+		inputContent1:'Пожалуйста, введите',
+		Palette:'Палитра',
+		HEX:'HEX',
+		RGBA:'RGBA',
+		UploadImage:'Загрузить картинку',
+		Delete:'Удалить',
+		ColorCode:'Цветовой код',
+		jsContent1:"Ваш браузер его не поддерживает",
+		jsContent2:"Вы можете выбрать до 8 изображений",
+		jsContent3:"Загрузка не удалась",
+		jsContent4:'Вы можете загрузить только файл изображения!',
+		jsContent5:'Изображение должно быть меньше 5 МБ!',
+		jsContent6:"Не могу найти цвет TCX",
+	},
+	DesignDetailEnd:{
+		NewApparel:'Новая одежда',
+		NewPrint:'Новая печать',
+		Placement:'Размещение',
+		Overall:'Общий',
+		Single:'Одинокий',
+		NewColor:'Новый цвет',
+		preview:'просмотр',
+		Layout:'Макет',
+		jsContent1:'Пожалуйста, выберите печать',
+	},
+	DesignPrintOperation:{
+		Placement:'Размещение',
+		Overall:'Общий',
+		Single:'Одинокий',
+		Random:'Случайный',
+		inputContent:'Пожалуйста, введите',
+		preview:'просмотр',
+		jsContent1:'Вышеуказанные изменения не сохраняются, обязательно продолжайте? ',
+	},
+	uploadFile:{
+		jsContent1:'Вы можете выбрать до 8 изображений',
+	},
+}
--- a/src/lang/th.ts
+++ b/src/lang/th.ts
@@ -234,6 +234,7 @@ export default {
 		inputContent1:'ป้อนข้อมูลทันที',
 		Generate:'กำเนิด',
 		maximumLength:'เนื้อหาที่ป้อนเกินความยาวสูงสุด.',
+		Model:'แบบอย่าง',
 		jsContent1:"คุณสามารถอัปโหลดได้เฉพาะไฟล์รูปภาพเท่านั้น!",
 		jsContent2:'รูปภาพต้องมีขนาดเล็กกว่า 2MB!',
 		jsContent3:"กรุณากรอกเนื้อหา",
--- a/src/lang/vn.ts
+++ b/src/lang/vn.ts
@@ -6,7 +6,7 @@ export default {
 		HISTORY:'LỊCH SỬ',
 		bindEmail:'liên kết email',
 		logOff:'đăng xuất',
-		language:'chuyển đổi ngôn ngữ',
+		language:'ngữ',
 		skip:'nhảy',
 		emailContent:'bạn có email bị ràng buộc',
 		Email:'E-mail',
@@ -215,7 +215,7 @@ export default {
 	},
 	MarketingSketchUpload:{
 		Upload:'Tải lên',
-		Library:'Thư viện',
+		MyLibrary:'Thư viện',
 		maximumLength:'Có thể tải lên tối đa 15 hình ảnh, Tối đa 2M mỗi hình ảnh',
 		jsContent1:'Tải lên thất bại',
 		jsContent2:"YBạn chỉ có thể tải lên tệp Hình ảnh!",
@@ -236,6 +236,7 @@ export default {
 		inputContent1:'Nhập liệu nhanh chóng',
 		Generate:'Phát ra',
 		maximumLength:'Nội dung đã nhập vượt quá độ dài tối đa.',
+		Model:'người mẫu',
 		jsContent1:"YBạn chỉ có thể tải lên tệp Hình ảnh!",
 		jsContent2:'Hình ảnh phải nhỏ hơn 2MB!',
 		jsContent3:"Vui lòng nhập nội dung",
--- a/src/tool/domTurnImg.js
+++ b/src/tool/domTurnImg.js
@@ -11,7 +11,7 @@ const getJpeg = dom =>{
 			imgHeight
 			let w = undefined
 			newImage.onload = function () {
-			w = this.width * .8
+			w = this.width * 1
 			imgWidth = this.width
 			imgHeight = this.height
 			let canvas = document.createElement('canvas')
--- a/src/views/LibraryPage.vue
+++ b/src/views/LibraryPage.vue
@@ -89,6 +89,14 @@
 										</div>
 										<div class="content_search_block">
 											<input class="search_input" :placeholder="$t('LibraryPage.inputContent1')" v-model="searchPictureName"  @keydown.enter="getLibraryList()">
+											<a-cascader
+												v-model:value="value"
+												style="width: 60%"
+												multiple
+												max-tag-count="responsive"
+												:options="options"
+												placeholder="Please select"
+											></a-cascader>
 											<!-- <div class="search_icon_block" @click="getLibraryList()"><span class="icon iconfont icon-sousuo"></span></div> -->
 											<div class="generage_btn search_icon_block" @click="getLibraryList()"><span class="icon iconfont icon-sousuo"></span></div>

@@ -101,7 +109,7 @@
                                </div>

                                <div class="content_body_table scroll_style">
-                                    <div class="content_img_item" v-for="(img,index) in imgList" :key="img.id" @click="selectImgItem(img)">
+                                    <div class="content_img_item" v-for="(img,index) in imgList" :key="img.id" @click="selectImgItem(img)" :draggable="true">
                                        <div :class="['content_img_item_block', selectImgList.indexOf(img.id) > -1 ? 'select_item_img' :'']">
                                            <img v-lazy="img.url" :key="img.url" :class="['content_img', ['Moodboard','Printboard'].indexOf(selectCode) > -1 ? 'board_content_img' :'']"/>
                                            <div class="img_item_hover">
@@ -307,21 +315,23 @@ import HeaderComponent from "@/component/HomePage/Header.vue";
 import ModelPlacement from '@/component/LibraryPage/ModelPlacement.vue';
 import ModelPlacementMobile from '@/component/LibraryPage/ModelPlacementMobile.vue';
 import RobotAssist from "@/component/HomePage/RobotAssist.vue";
-import { Modal,message,Upload} from 'ant-design-vue';
+import { Modal,message,Upload,CascaderProps } from 'ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import {getUploadUrl,isMoible} from '@/tool/util'
 import { useStore } from "vuex";
 import { Https } from "@/tool/https";
 import { getCookie } from "@/tool/cookie";
 import { useI18n } from "vue-i18n";
+
 export default defineComponent({
    components: {
        HeaderComponent,
        ModelPlacement,
        ModelPlacementMobile,
-		RobotAssist
+		RobotAssist,
    },
    setup() {
+		
        let menuList = ref([
            {title:useI18n().t('LibraryPage.Moodboard'),code:'Moodboard',icon:'fi fi-rr-grid',showChildren:false,children:[]},
            {title:useI18n().t('LibraryPage.Prints'),code:'Printboard',icon:'fi fi-rs-objects-column',showChildren:false,children:[]},
@@ -374,147 +384,7 @@ export default defineComponent({
 		let captionGeneration:any = ref()
 		let inputTime = ref()
 		let generateList:any = ref([
-    // {
-    //     "id": 266,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735547_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065908Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=910634477c4188db039cfddfa69147c02d354200989a6515ee80dc9b939e6b83"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // },
-    // {
-    //     "id": 267,
-    //     "imgUrl": "http://18.167.251.121:9000/aida-users/83/moodboard/1698735554_0.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin%2F20231031%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231031T065915Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=1d9928c2568398267ab75e74a00ad054ddffb7953859f8bc285db57718953b64"
-    // }
-])
+		])
 		let selectGenerateList:any = ref([])
 		let printModel = ref({
 			num:1,
@@ -522,7 +392,39 @@ export default defineComponent({
 			name:useI18n().t('LibraryPage.model')+'1'
 		})
 		let {t} = useI18n()
-
+		const options: CascaderProps['options'] = [
+			{
+				label: 'Light',
+				value: 'light',
+				children: new Array(20)
+				.fill(null)
+				.map((_, index) => ({ label: `Number ${index}`, value: index })),
+			},
+			{
+				label: 'Bamboo',
+				value: 'bamboo',
+				children: [
+				{
+					label: 'Little',
+					value: 'little',
+					children: [
+					{
+						label: 'Toy Fish',
+						value: 'fish',
+					},
+					{
+						label: 'Toy Cards',
+						value: 'cards',
+					},
+					{
+						label: 'Toy Bird',
+						value: 'bird',
+					},
+					],
+				},
+				],
+			},
+		];
        return {
            menuList,
            selectImgList,
@@ -553,6 +455,8 @@ export default defineComponent({
 			generateList,
 			selectGenerateList,
 			printModel,
+			value: ref<string[]>([]),
+			options,
 			t,
        }
    },
@@ -1203,6 +1107,7 @@ export default defineComponent({
 					.content_search_block{
 						display: flex;
 						align-items: center;
+						width: 75rem;
 						.search_input{
 							// width: 20.8rem;
 							// padding-left: 1.5rem;
@@ -1214,12 +1119,13 @@ export default defineComponent({
 							// font-weight: 400;
 							height: 3rem;
 							border-radius: 0.5rem;
-							width: 30rem;
+							width: 20rem;
 							border: 1px solid rgba(0, 0, 0, 0.15);
 							padding-left: 1.5rem;
 							border: 0.1rem solid #F1F1F1;
 							font-size: 1.2rem;
 							font-weight: 400;
+							margin-right: 2rem;
 							&::placeholder {
 								color: #C2C2C2;
 							}
@@ -1311,6 +1217,7 @@ export default defineComponent({
 								justify-content: space-between;
 								.content_body_header_left{
 									display: flex;
+									align-items: center;
 								}
 								.content_body_header_right{
 									display: flex;
--- a/src/views/LoginPage.vue
+++ b/src/views/LoginPage.vue
@@ -50,7 +50,7 @@
 								class="login_form_input"
 								placeholder="Enter your email address"
 								v-model="email"
-								@keydown.enter="emailNextStepFun()"
+								@keydown.enter="submitPerLogin()"
 							/>

 						<!-- 邮箱登录 start -->
@@ -116,10 +116,10 @@
 						</div>

 						<div  class="login_form_title marign_top30">
-							<label>
-							<input type="checkbox" v-model="checked">
-							<span>I agree to all Term, Privacy Policy and Fees</span>
-						</label>
+							<label :class="{active:emailStap == 2}">
+								<input :state="emailStap" type="checkbox" v-model="checked">
+								<span>I agree to all Term, Privacy Policy and Fees</span>
+							</label>
 						</div>
 						
 						<div
@@ -372,60 +372,63 @@ export default defineComponent({
        //提交账号密码预先登录
        submitPerLogin() {
 			//输入账号密码
+			console.log(this.emailStap);
+			
 			if(this.emailStap>=2){
 				return;
 			}else{
-				if (!this.username || !this.password || !this.email) {
-                message.warning("Please enter your password");
-                return;
-            }
-			//输入邮箱
-			if (!this.email) {
-                message.warning("Please enter your email address");
-                return;
-            }
-			//判断邮箱格式是否正确
-			if (!isEmail(this.email)) {
-                message.warning("The email format is incorrect");
-                return;
-            }
-			//判断是否同意隐私政策
-			if (!this.checked) {
-                message.warning("Agree to all terms, privacy fees and policies");
-                return;
-            }
-            let data = {
-                password: md5(this.password + "abc"),
-                userName: this.username,
-                email: this.email,
-				operationType:"LOGIN",
-				ip:"",
-            };
-			// this.loginType = 'email'
-			// this.emailStap = 2;
-			if(this.loginTime){
-				this.loginTime = false
-				Https.axiosPost(Https.httpUrls.preLogin, data).then(
-                (rv: any) => {
-                    // if (rv) {
-                    //     this.loginType = 'email'
-                    // }
+				if (!this.username || !this.password) {
+					message.warning("Please enter your account number or password");
+					return;
+				}
+				//输入邮箱
+				if (!this.email) {
+					message.warning("Please enter your email address");
+					return;
+				}
+				//判断邮箱格式是否正确
+				if (!isEmail(this.email)) {
+					message.warning("The email format is incorrect");
+					return;
+				}
+				//判断是否同意隐私政策
+				if (!this.checked) {
+					message.warning("Agree to all terms, privacy fees and policies");
+					return;
+				}
+				let data = {
+					password: md5(this.password + "abc"),
+					userName: this.username,
+					email: this.email,
+					operationType:"LOGIN",
+					ip:"",
+				};
+				// this.loginType = 'email'
+				this.emailStap = 2;
+				if(this.loginTime){
+					this.loginTime = false
+					Https.axiosPost(Https.httpUrls.preLogin, data).then(
+					(rv: any) => {
+						// if (rv) {
+						//     this.loginType = 'email'
+						// }
+						
+						if (rv) {
+							this.userId = rv.userId
+							this.loginType = 'email'
+							this.time = 60;
+							this.emailCode = ["", "", "", "", "", ""]
+							this.createTimer();
+						}
+					}
+					).catch(res=>{
+						this.emailStap = 1;
+					});;
 					
-					if (rv) {
-                        this.userId = rv.userId
-                        this.loginType = 'email'
-                        this.emailStap = 2;
-                        this.time = 60;
-                        this.emailCode = ["", "", "", "", "", ""]
-                        this.createTimer();
-                    }
-                }
-				);
-				
-				setTimeout(() => {
-					this.loginTime = true
-				}, 2000);
-			}
+					setTimeout(() => {
+						this.loginTime = true
+					}, 2000);
+				}
 		
 			}
        },
@@ -596,6 +599,12 @@ export default defineComponent({
 							margin-left: 10px;
 							font-weight: normal;
 						}
+						&.active{
+							pointer-events:none;
+							input{
+								pointer-events:none;
+							}
+						}
 					}
                }