2023-10-30-语言适配 en

src/component/Detail/habit.vue

@@ -2,13 +2,13 @@
     <div class="habit">
 		<div v-show="openType.habit" class="habit_mask"></div>
         <div class="habit_button" @click.stop="setOpenType('habit')" >
-            Workspace
+			{{ $t('Habit.Workspace') }}
             <i class="fi fi-bs-angle-down"></i>
         </div>
         <div class="habit_content" v-fade="openType.habit">
             <div class="habit_title">
-                <h3>Workspace Setting</h3>
-                <div class="habit_intro">adjust your workspace setting</div>
+                <h3>{{ $t('Habit.WorkspaceSetting') }}</h3>
+                <div class="habit_intro">{{ $t('Habit.settingWorkspace') }}</div>
             </div>
             <div class="habit_type" trigger="['click']" >
                 <a-dropdown placement="bottomRight" @click.stop="setOpenType('workspace')">
@@ -56,15 +56,14 @@
                     class="habit_Overal_Single_text"
                     :class="{ active: !workspaceItem.overallSingle }"
                 >
-				Overall
+				{{ $t('Habit.Overall') }}
                 </div>
                 <a-switch @click="setOverallSingle" v-model:checked="workspaceItem.overallSingle" />
                 <div
                     class="habit_Overal_Single_text"
                     :class="{ active: workspaceItem.overallSingle }"
                 >
-				Single
-                    
+				{{ $t('Habit.Single') }}
                 </div>
             </div>
             <div class="habit_habit_singleton" v-show="workspaceItem.overallSingle">
@@ -91,8 +90,8 @@
 				>
                 </a-slider>
                 <div class="habit_System_Designer_text_max">
-                    <div class="habit_System_Designer_text">System</div>
-                    <div class="habit_System_Designer_text">Designer</div>
+                    <div class="habit_System_Designer_text">{{ $t('Habit.System') }}</div>
+                    <div class="habit_System_Designer_text">{{ $t('Habit.Designer') }}</div>
                 </div>
             </div>
 			<div class="habit_model">
@@ -102,7 +101,7 @@
 					>
                     <a-button>
                         <UserOutlined />
-                        Mannequin
+                        {{ $t('Habit.Mannequin') }}
                         <DownOutlined />
                     </a-button>
                 </a-dropdown>
@@ -110,7 +109,7 @@
 			<div id="modelShow" class="habit_model_show"  v-fade="openType.model">
 				<div class="habit_btn">
 					<div class="model_current">
-					<div class="model_text">Current</div>
+					<div class="model_text">{{ $t('Habit.Current') }}</div>
 					<div class="model_img">
 						<img :src="workspaceItem.mannequinUrl" alt="">
 					</div>
@@ -121,14 +120,14 @@
 							class="habit_System_Seleves_text"
 							:class="{ active: !systemSeleves }"
 						>
-							System
+						{{ $t('Habit.System') }}
 						</div>
 						<a-switch :disabled="mannequins?.[0]==null?true:false" v-model:checked="systemSeleves" />
 						<div
 							class="habit_System_Seleves_text"
 							:class="{ active: systemSeleves }"
 						>
-							User
+						{{ $t('Habit.User') }}	
 						</div>
 					</div>
 					<div class="model_img" v-show="systemSeleves" v-mousewheel>
@@ -144,11 +143,9 @@
 								<img :src="item?.presignedUrl" alt="" @click="setMannequins(item,'System')">
 							</div>
 						</div>
-						
 					</div>
 				</div>
 				</div>
-				
 			</div>
         </div>
     </div>
@@ -161,6 +158,7 @@ import { Https } from "@/tool/https";
 import type { MenuProps } from "ant-design-vue";
 import { Modal,message,Upload} from 'ant-design-vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+import { useI18n } from "vue-i18n";
 export default defineComponent({
     components: {
         DownOutlined,
@@ -200,6 +198,7 @@ export default defineComponent({
 		let sex = ref([
 			
 		])
+		const {t} = useI18n()
 			
 	return{
 			systemSeleves,
@@ -209,7 +208,8 @@ export default defineComponent({
 			workspaceItem,
 			workspaceItemName,
 			singleTypeList,
-			sex
+			sex,
+			t
 		}
     },
 	watch:{
@@ -427,7 +427,7 @@ export default defineComponent({
 		cancelDsign(index:any){
             let _this = this
             Modal.confirm({
-                title: 'Whether to delete the workspace?',
+                title: _this.t('Habit.jsContent1'),
                 icon: createVNode(ExclamationCircleOutlined),
                 okText: 'Yes',
                 cancelText: 'No',
@@ -461,7 +461,7 @@ export default defineComponent({
 				// 	this.deleteWorkspace(data)
 			}else{
 				if(this.workspaceItemName == ''){
-					message.warning('Please enter a workbench name');
+					message.warning(this.t('Habit.jsContent2'));
 				}else{
 					if(index == -1){
 						let data = {