2023-10-30-语言适配 en

src/component/HomePage/MoodboardUpload.vue

@@ -7,21 +7,21 @@
                     class="switch_type_item"
                     :class="[openClick == 1 ? 'select_swtich' : '']"
                 >
-                    <span>Upload</span>
+                    <span>{{ $t('MoodboardUpload.Upload') }}</span>
                 </div>
                 <div
                     @click.stop="open(2)"
                     class="switch_type_item"
                     :class="[openClick == 2 ? 'select_swtich' : '']"
                 >
-                    <span>Library</span>
+                    <span>{{ $t('MoodboardUpload.Library') }}</span>
                 </div>
                 <div
                     @click.stop="open(3)"
                     class="switch_type_item"
                     :class="[openClick == 3 ? 'select_swtich' : '']"
                 >
-                    <span>Generate</span>
+                    <span>{{ $t('MoodboardUpload.Generate') }}</span>
                 </div>
             </div>
             <div v-show="openClick == 1" class="moodboard_body">
@@ -50,7 +50,7 @@
                                     class="delete_file_block"
                                     @click="deleteFile(file)"
                                 >
-                                    Delete
+									{{ $t('MoodboardUpload.Delete') }}
                                 </div>
                             </div>
                         </div>
@@ -106,8 +106,10 @@
         <div v-show="moodboarList.length" class="modal_right">
 			<div class="modal_layout">
 				<div class="modal_text">
-					<div>Thumbnail preview of selected moodboard</div>
-					<div class="modal_btn started_btn" @click="layout()">layout</div>
+					<div>
+						{{ $t('MoodboardUpload.Thumbnail') }}
+					</div>
+					<div class="modal_btn started_btn" @click="layout()">{{ $t('MoodboardUpload.layout') }}</div>
 				</div>
 				<div class="modal_img">
 					<div class="modal_img_item" v-for="item,index in moodboarList" :key="item" @click="deleteFile(item)">
@@ -155,6 +157,7 @@ import layout from "@/component/HomePage/layout.vue";
 import domTurnImg from '@/tool/domTurnImg'
 import GO from "@/tool/GO";
 import moodb from "@/tool/moodb";
+import { useI18n } from "vue-i18n";
 export default defineComponent({
     components: { Material, MoodTemplate, Generate,layout },
     setup() {
@@ -174,6 +177,7 @@ export default defineComponent({
 			return store.state.UploadFilesModule.disposeMoodboard
 		})
 		let uploading:any = ref([])
+		let {t} = useI18n()
         return {
             fileList,
 			showFileList,
@@ -187,7 +191,8 @@ export default defineComponent({
 			layoutOpen,
 			loadingShow,
 			modalImg,
-			uploading
+			uploading,
+			t,
         };
     },
     data() {
@@ -292,7 +297,7 @@ export default defineComponent({
                 );
 				let arr =  this.store.state.UploadFilesModule.moodboard
 				if(arr.length >= 8){
-					message.warning('You can select up to 8 images')
+					message.warning(this.t('MoodboardUpload.jsContent1'))
 				}else{
 					this.store.commit("setMoodboardFile", fileList);
 				}
@@ -307,7 +312,7 @@ export default defineComponent({
                 if (index > -1) {
                     this.fileList.splice(index, 1);
                 }
-                message.error(file.name + "upload failed");
+                message.warning(file.name + this.t('MoodboardUpload.jsContent2'));
             }
 			
         },
@@ -318,11 +323,11 @@ export default defineComponent({
                 file.type === "image/jpg" ||
                 file.type === "image/bmp";
             if (!isJpgOrPng) {
-                message.warning("You can only upload Image file!");
+                message.warning(this.t('MoodboardUpload.jsContent3'));
             }
             const isLt2M = file.size / 1024 / 1024 < 2;
             if (!isLt2M) {
-                message.warning("Image must smaller than 2MB!");
+                message.warning(this.t('MoodboardUpload.jsContent4'));
             }
             return (isJpgOrPng && isLt2M) || Upload.LIST_IGNORE;
         },
@@ -390,7 +395,7 @@ export default defineComponent({
 				// layout.init('moodboard')
 				layout.init()
 			}else{
-				message.warning('Please click Layout to sort randomly')
+				message.warning(this.t('MoodboardUpload.jsContent5'))
 			}
 			
         },
@@ -406,7 +411,15 @@ export default defineComponent({
 			}else{
 				this.flex_direction = false
 			}
-			this.moodb_className = this.moodb_[arr.length-1][random]
+			if(JSON.stringify(this.moodb_className) == JSON.stringify(this.moodb_[arr.length-1][random])){
+				this.layout()
+				return
+			}
+			if(this.moodb_[arr.length-1].length == 2){
+				this.moodb_className = this.moodb_[arr.length-1][0]
+			}else{
+				this.moodb_className = this.moodb_[arr.length-1][random]
+			}
 			this.layoutOpen = true
 			 //提交模板
 			// this.loadingShow = true