diff --git a/code/client/package.json b/code/client/package.json
index 5fec2b6..66819ea 100644
--- a/code/client/package.json
+++ b/code/client/package.json
@@ -23,6 +23,7 @@
     "socket.io-client": "^4.6.1",
     "uuid": "^9.0.0",
     "vue": "^3.3.4",
+    "vue-i18n": "^9.3.0",
     "vue-router": "^4.2.2"
   },
   "devDependencies": {
diff --git a/code/client/src/business/common/component/dialog/dialogView.vue b/code/client/src/business/common/component/dialog/dialogView.vue
index 5b9a911..0ff31de 100644
--- a/code/client/src/business/common/component/dialog/dialogView.vue
+++ b/code/client/src/business/common/component/dialog/dialogView.vue
@@ -2,7 +2,7 @@
   <div style="position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background-color: rgba(29,33,41,0.6);z-index: 10000" ref="root">
     <div style="background-color: white;width: 60%;height:auto;max-height: 80%;border-radius: 5px;display: flex;flex-direction: column">
       <div style="height: 35px;line-height: 35px;width: 100%;text-align: center;color: rgb(93,93,93);border-bottom: 1px solid gainsboro;flex: 1 1 auto">
-        <b>{{component?title:input?"Input":"Alert"}}</b>
+        <b>{{component?title:input?$t("util.input"):$t("util.alert")}}</b>
       </div>
       <div style="display: flex;overflow: auto;box-sizing: border-box;padding: 10px;flex: 0 1 auto;height: calc(100% - 80px);width: 100%">
         <div style="width: 100%;flex: 1">
@@ -15,8 +15,8 @@
       </div>
       <div style="height: 45px;width: 100%;display: flex;justify-content: flex-end;border-top: 1px solid gainsboro;flex: 1 0 auto">
         <a-space size="medium">
-          <a-button type="primary" @click="onOk" size="small" html-type="submit" :loading="props.loading?props.loading.value:false">{{(component || input)?"Ok":"Yes"}}</a-button>
-          <a-button type="outline" style="margin-right: 10px" size="small" @click="onClose">{{(component || input)?"Close":"No"}}</a-button>
+          <a-button type="primary" @click="onOk" size="small" html-type="submit" :loading="props.loading?props.loading.value:false">{{(component || input)?$t("util.ok"):$t("util.yes")}}</a-button>
+          <a-button type="outline" style="margin-right: 10px" size="small" @click="onClose">{{(component || input)?$t("util.close"):$t("util.no")}}</a-button>
         </a-space>
       </div>
     </div>
diff --git a/code/client/src/business/common/component/field/basic/fieldEditBasicAssigner.vue b/code/client/src/business/common/component/field/basic/fieldEditBasicAssigner.vue
index eb49ad7..d70b471 100644
--- a/code/client/src/business/common/component/field/basic/fieldEditBasicAssigner.vue
+++ b/code/client/src/business/common/component/field/basic/fieldEditBasicAssigner.vue
@@ -2,7 +2,7 @@
 	<div>
 		<template v-if="!isEdit">
 			<UserAvatar v-if="showValue" :photo="showValue.photo" :name="showValue.nickname" :organization-user-id="showValue.organizationUserId"></UserAvatar>
-			<span v-else style="line-height: 30px;width: 100%;color: gray">No User</span>
+			<span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("common.component.field.basic.fieldEditBasicAssigner.noUser")}}</span>
 		</template>
 		<a-row style="padding-right: 10px" v-else>
 			<a-select allow-search allow-clear v-model="editValue" @search="onSearchAssigner">
diff --git a/code/client/src/business/common/component/field/basic/fieldEditBasicFixVersion.vue b/code/client/src/business/common/component/field/basic/fieldEditBasicFixVersion.vue
index 434ec29..b6af70a 100644
--- a/code/client/src/business/common/component/field/basic/fieldEditBasicFixVersion.vue
+++ b/code/client/src/business/common/component/field/basic/fieldEditBasicFixVersion.vue
@@ -4,7 +4,7 @@
 			<a-space wrap size="mini" v-if="(showValue as ICommon_Model_Project_Release[]).length>0">
 				<ProjectReleasePreview v-for="item in (showValue as ICommon_Model_Project_Release[])" :key="item.id" :project-release-id="item.id" :name="item.name"></ProjectReleasePreview>
 			</a-space>
-			<span v-else style="line-height: 30px;width: 100%;color: grey">None</span>
+			<span v-else style="line-height: 30px;width: 100%;color: grey">{{$t("util.none")}}</span>
 		</template>
 		<a-row style="padding-right: 10px" v-else>
 			<a-space size="mini" wrap>
@@ -18,7 +18,7 @@
 					<template #icon>
 						<icon-plus />
 					</template>
-					Add
+					{{$t("util.add")}}
 				</a-tag>
 				<a-button type="text" @click="onClick">
 					<template #icon>
diff --git a/code/client/src/business/common/component/field/basic/fieldEditBasicLabel.vue b/code/client/src/business/common/component/field/basic/fieldEditBasicLabel.vue
index 5533019..4f59fa7 100644
--- a/code/client/src/business/common/component/field/basic/fieldEditBasicLabel.vue
+++ b/code/client/src/business/common/component/field/basic/fieldEditBasicLabel.vue
@@ -4,7 +4,7 @@
 			<a-space wrap size="mini" v-if="(showValue as ICommon_Model_Project_Label[]).length>0">
 				<a-tag v-for="item in (showValue as ICommon_Model_Project_Label[])" color="blue">{{item.name}}</a-tag>
 			</a-space>
-			<span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+			<span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
 		</template>
 		<a-row style="padding-right: 10px" v-else>
 			<a-space size="mini" wrap>
@@ -18,7 +18,7 @@
 					<template #icon>
 						<icon-plus />
 					</template>
-					Add
+					{{$t("util.add")}}
 				</a-tag>
 				<a-button type="text" @click="onClick">
 					<template #icon>
diff --git a/code/client/src/business/common/component/field/basic/fieldEditBasicModule.vue b/code/client/src/business/common/component/field/basic/fieldEditBasicModule.vue
index 2da32f4..ddc2906 100644
--- a/code/client/src/business/common/component/field/basic/fieldEditBasicModule.vue
+++ b/code/client/src/business/common/component/field/basic/fieldEditBasicModule.vue
@@ -7,10 +7,10 @@
 				</template>
 				<span v-for="item in showValue" style="color: blue">{{item.name}}</span>
 			</a-space>
-			<span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+			<span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
 		</template>
 		<a-row style="padding-right: 10px" v-else>
-			<a-cascader v-model="editValue" :field-names="fields" :options="moduleList" placeholder="please select" :format-label="format" check-strictly allow-clear allow-search></a-cascader>
+			<a-cascader v-model="editValue" :field-names="fields" :options="moduleList" :placeholder="$t('placeholder.pleaseSelect')" :format-label="format" check-strictly allow-clear allow-search></a-cascader>
 			<a-button type="text" @click="onClick">
 				<template #icon>
 					<icon-check></icon-check>
diff --git a/code/client/src/business/common/component/field/basic/fieldEditBasicPriority.vue b/code/client/src/business/common/component/field/basic/fieldEditBasicPriority.vue
index dee42ce..bc05488 100644
--- a/code/client/src/business/common/component/field/basic/fieldEditBasicPriority.vue
+++ b/code/client/src/business/common/component/field/basic/fieldEditBasicPriority.vue
@@ -4,10 +4,10 @@
 		<template v-else>
 			<a-space size="mini">
 				<a-select v-model="editValue">
-					<a-option label="low" :value="ECommon_Model_Project_Issue_Priority.LOW"></a-option>
-					<a-option label="medium" :value="ECommon_Model_Project_Issue_Priority.MEDIUM"></a-option>
-					<a-option label="high" :value="ECommon_Model_Project_Issue_Priority.HIGH"></a-option>
-					<a-option label="urgent" :value="ECommon_Model_Project_Issue_Priority.URGENT"></a-option>
+					<a-option :value="ECommon_Model_Project_Issue_Priority.LOW">{{$t("util.low")}}</a-option>
+					<a-option :value="ECommon_Model_Project_Issue_Priority.MEDIUM">{{$t("util.medium")}}</a-option>
+					<a-option :value="ECommon_Model_Project_Issue_Priority.HIGH">{{$t("util.hign")}}</a-option>
+					<a-option :value="ECommon_Model_Project_Issue_Priority.URGENT">{{$t("util.urgent")}}</a-option>
 				</a-select>
 				<a-button type="text" @click="onClick">
 					<template #icon>
diff --git a/code/client/src/business/common/component/field/basic/fieldEditBasicReporter.vue b/code/client/src/business/common/component/field/basic/fieldEditBasicReporter.vue
index baa68f8..ab1645e 100644
--- a/code/client/src/business/common/component/field/basic/fieldEditBasicReporter.vue
+++ b/code/client/src/business/common/component/field/basic/fieldEditBasicReporter.vue
@@ -2,7 +2,7 @@
 	<div>
 		<template v-if="!isEdit">
 			<UserAvatar v-if="showValue" :photo="showValue.photo" :name="showValue.nickname" :organization-user-id="showValue.organizationUserId"></UserAvatar>
-			<span v-else style="line-height: 30px;width: 100%;color: gray">No User</span>
+			<span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("common.component.field.basic.fieldEditBasicAssigner.noUser")}}</span>
 		</template>
 		<a-row style="padding-right: 10px" v-else>
 			<a-select allow-search allow-clear v-model="editValue" @search="onSearchReporter">
diff --git a/code/client/src/business/common/component/field/basic/fieldEditBasicSprint.vue b/code/client/src/business/common/component/field/basic/fieldEditBasicSprint.vue
index 9688271..05dc867 100644
--- a/code/client/src/business/common/component/field/basic/fieldEditBasicSprint.vue
+++ b/code/client/src/business/common/component/field/basic/fieldEditBasicSprint.vue
@@ -4,7 +4,7 @@
 			<a-space wrap size="mini" v-if="showValue">
 				<BoardSprintPreview :key="showValue.id" :board-sprint-id="showValue.id" :name="showValue.name"></BoardSprintPreview>
 			</a-space>
-			<span v-else style="line-height: 30px;width: 100%;color: grey">None</span>
+			<span v-else style="line-height: 30px;width: 100%;color: grey">{{$t("util.none")}}</span>
 		</template>
 		<a-row style="padding-right: 10px" v-else>
 			<a-space size="mini" wrap>
diff --git a/code/client/src/business/common/component/field/common/fieldCommonLabel.vue b/code/client/src/business/common/component/field/common/fieldCommonLabel.vue
index 7a16d45..0a81032 100644
--- a/code/client/src/business/common/component/field/common/fieldCommonLabel.vue
+++ b/code/client/src/business/common/component/field/common/fieldCommonLabel.vue
@@ -9,7 +9,7 @@
 					{{showValue.name}}
 				</a-tag>
 			</template>
-			<span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+			<span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
 		</template>
 		<template v-else>
 			<a-space size="mini" wrap>
diff --git a/code/client/src/business/common/component/field/common/fieldCommonMultiLabel.vue b/code/client/src/business/common/component/field/common/fieldCommonMultiLabel.vue
index bc1aaff..6153ab5 100644
--- a/code/client/src/business/common/component/field/common/fieldCommonMultiLabel.vue
+++ b/code/client/src/business/common/component/field/common/fieldCommonMultiLabel.vue
@@ -11,7 +11,7 @@
 					</a-tag>
 				</template>
 			</a-space>
-			<span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+			<span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
 		</template>
 		<template v-else>
 			<a-space size="mini" wrap>
@@ -25,7 +25,7 @@
 					<template #icon>
 						<icon-plus />
 					</template>
-					Add
+					{{$t("util.add")}}
 				</a-tag>
 				<a-button type="text" @click="onSubmit">
 					<template #icon>
diff --git a/code/client/src/business/common/component/field/fieldEditDate.vue b/code/client/src/business/common/component/field/fieldEditDate.vue
index 274b388..925eb87 100644
--- a/code/client/src/business/common/component/field/fieldEditDate.vue
+++ b/code/client/src/business/common/component/field/fieldEditDate.vue
@@ -1,7 +1,7 @@
 <template>
   <template v-if="!isEdit">
     <span v-if="showValue">{{showValue}}</span>
-    <span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+    <span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
   </template>
   <template v-else>
     <a-space size="mini">
diff --git a/code/client/src/business/common/component/field/fieldEditLabel.vue b/code/client/src/business/common/component/field/fieldEditLabel.vue
index b8326e6..54e079e 100644
--- a/code/client/src/business/common/component/field/fieldEditLabel.vue
+++ b/code/client/src/business/common/component/field/fieldEditLabel.vue
@@ -6,7 +6,7 @@
       <ProjectIssuePreview :name="key+'-'+showValue.uniqueId" :project-issue-id="showValue.id" v-else-if="type===ECommon_Model_Workflow_Node_Field_Type_Label_Type.ISSUE"></ProjectIssuePreview>
 	    <BoardSprintPreview :name="showValue.name" :board-sprint-id="showValue.id" v-else-if="type===ECommon_Model_Workflow_Node_Field_Type_Label_Type.SPRINT"></BoardSprintPreview>
     </template>
-    <span v-else style="line-height: 30px;width: 100%;color: grey">None</span>
+    <span v-else style="line-height: 30px;width: 100%;color: grey">{{$t("util.none")}}</span>
   </template>
   <template v-else>
     <a-space size="mini">
diff --git a/code/client/src/business/common/component/field/fieldEditMultiLabel.vue b/code/client/src/business/common/component/field/fieldEditMultiLabel.vue
index a269f98..eca77f1 100644
--- a/code/client/src/business/common/component/field/fieldEditMultiLabel.vue
+++ b/code/client/src/business/common/component/field/fieldEditMultiLabel.vue
@@ -6,7 +6,7 @@
       <ProjectIssuePreview v-for="value in showValue" :key="value.id" :name="key+'-'+value.uniqueId" :project-issue-id="value.id" v-else-if="type===ECommon_Model_Workflow_Node_Field_Type_Label_Type.ISSUE"></ProjectIssuePreview>
 	    <BoardSprintPreview v-for="value in showValue" :name="value.name" :board-sprint-id="value.id" v-else-if="type===ECommon_Model_Workflow_Node_Field_Type_Label_Type.SPRINT"></BoardSprintPreview>
     </a-space>
-    <span v-else style="line-height: 30px;width: 100%;color: grey">None</span>
+    <span v-else style="line-height: 30px;width: 100%;color: grey">{{$t("util.none")}}</span>
   </template>
   <template v-else>
     <a-space size="mini" wrap>
diff --git a/code/client/src/business/common/component/field/fieldEditMultiSelect.vue b/code/client/src/business/common/component/field/fieldEditMultiSelect.vue
index 67b19ff..c241c7e 100644
--- a/code/client/src/business/common/component/field/fieldEditMultiSelect.vue
+++ b/code/client/src/business/common/component/field/fieldEditMultiSelect.vue
@@ -3,7 +3,7 @@
     <template v-if="showValue && showValue.length>0">
       <a-tag v-for="item in showValue">{{item.value}}</a-tag>
     </template>
-    <span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+    <span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
   </a-space>
   <template v-else>
     <a-space size="mini" wrap>
diff --git a/code/client/src/business/common/component/field/fieldEditMultiText.vue b/code/client/src/business/common/component/field/fieldEditMultiText.vue
index a690365..29ed259 100644
--- a/code/client/src/business/common/component/field/fieldEditMultiText.vue
+++ b/code/client/src/business/common/component/field/fieldEditMultiText.vue
@@ -1,7 +1,7 @@
 <template>
   <template v-if="!isEdit">
     <span v-if="showValue">{{showValue}}</span>
-    <span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+    <span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
   </template>
   <template v-else>
     <a-space size="mini">
diff --git a/code/client/src/business/common/component/field/fieldEditSelect.vue b/code/client/src/business/common/component/field/fieldEditSelect.vue
index eda3e1f..0fdd102 100644
--- a/code/client/src/business/common/component/field/fieldEditSelect.vue
+++ b/code/client/src/business/common/component/field/fieldEditSelect.vue
@@ -3,7 +3,7 @@
     <template v-if="showValue">
       <a-tag>{{showValue}}</a-tag>
     </template>
-    <span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+    <span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
   </a-space>
   <template v-else>
     <a-space size="mini">
diff --git a/code/client/src/business/common/component/field/fieldEditText.vue b/code/client/src/business/common/component/field/fieldEditText.vue
index df196b8..26085f0 100644
--- a/code/client/src/business/common/component/field/fieldEditText.vue
+++ b/code/client/src/business/common/component/field/fieldEditText.vue
@@ -1,7 +1,7 @@
 <template>
   <template v-if="!isEdit">
     <span v-if="showValue">{{showValue}}</span>
-    <span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+    <span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
   </template>
   <template v-else>
     <a-space size="mini">
diff --git a/code/client/src/business/common/component/field/fieldEditTime.vue b/code/client/src/business/common/component/field/fieldEditTime.vue
index 1a8c326..caa72b3 100644
--- a/code/client/src/business/common/component/field/fieldEditTime.vue
+++ b/code/client/src/business/common/component/field/fieldEditTime.vue
@@ -1,7 +1,7 @@
 <template>
   <template v-if="!isEdit">
     <span v-if="showValue">{{showValue}}</span>
-    <span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+    <span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
   </template>
   <template v-else>
     <a-space size="mini">
diff --git a/code/client/src/business/common/component/field/fieldPriority.vue b/code/client/src/business/common/component/field/fieldPriority.vue
index d693fa4..17f3e77 100644
--- a/code/client/src/business/common/component/field/fieldPriority.vue
+++ b/code/client/src/business/common/component/field/fieldPriority.vue
@@ -3,27 +3,27 @@
     <span v-if="priority==ECommon_Model_Project_Issue_Priority.LOW">
       <icon-down style="color: lightblue"></icon-down>&nbsp;
       <template v-if="!onlyIcon">
-	      Low
+	      {{$t("util.low")}}
       </template>
     </span>
     <span v-else-if="priority==ECommon_Model_Project_Issue_Priority.MEDIUM">
       <icon-unordered-list style="color: orange"></icon-unordered-list>&nbsp;
 	    <template v-if="!onlyIcon">
-	      Medium
+	      {{$t("util.medium")}}
       </template>
 
     </span>
     <span v-else-if="priority==ECommon_Model_Project_Issue_Priority.HIGH">
       <icon-up style="color: #ea6e41"></icon-up>&nbsp;
 	    <template v-if="!onlyIcon">
-	      High
+	      {{$t("util.high")}}
       </template>
 
     </span>
     <span v-if="priority==ECommon_Model_Project_Issue_Priority.URGENT">
       <icon-double-up style="color: red"></icon-double-up>&nbsp;
 	    <template v-if="!onlyIcon">
-	      Urgent
+	      {{$t("util.urgent")}}
       </template>
 
     </span>
diff --git a/code/client/src/business/common/component/notificationItem.vue b/code/client/src/business/common/component/notificationItem.vue
index 18b23ab..d476c6f 100644
--- a/code/client/src/business/common/component/notificationItem.vue
+++ b/code/client/src/business/common/component/notificationItem.vue
@@ -190,6 +190,7 @@ import {ICommon_Model_Organization} from "../../../../../common/model/organizati
 import UserAvatar from "./userAvatar.vue";
 import {Dialog} from "./dialog/dialog";
 import {getCurrentInstance} from "vue";
+import {useI18n} from "vue-i18n";
 
 type ISSUE={
 	issue:DCSType<ICommon_Model_Project_Issue>,
@@ -199,6 +200,7 @@ const props=defineProps<{
 	obj:DCSType<ICommon_Route_Res_Notification_Item>
 }>()
 const appContext=getCurrentInstance().appContext
+const {t}=useI18n()
 const onTeam=()=>{
 	const myOrganizationId=SessionStorage.get("organizationId")
 	if(myOrganizationId===props.obj.organization_id) {
@@ -248,7 +250,7 @@ const onCalendarEvent=()=>{
 }
 
 const onAcceptOrganizationInvitation=async ()=>{
-	let ret=await Dialog.confirm(document.body,appContext,"Do you want accept this invitation?")
+	let ret=await Dialog.confirm(document.body,appContext,t("tip.acceptInvitation"))
 	if(ret) {
 		let res=await apiNotification.setStatus({
 			notificationId:props.obj.id,
@@ -256,7 +258,7 @@ const onAcceptOrganizationInvitation=async ()=>{
 		})
 		if(res?.code==0) {
 			props.obj.status=ECommon_Model_Notification_Status.RESOLVED
-			Message.success("Accepted")
+			Message.success(t("util.accepted"))
 			setTimeout(()=>{
 				eventBus.emit(EClient_EVENTBUS_TYPE.REFRESH_ORGANIZATION_LIST)
 			},1000)
@@ -267,7 +269,7 @@ const onAcceptOrganizationInvitation=async ()=>{
 }
 
 const onRejectOrganizationInvitation=async()=>{
-	let ret=await Dialog.confirm(document.body,appContext,"Do you want reject this invitation?")
+	let ret=await Dialog.confirm(document.body,appContext,t("tip.rejectInvitation"))
 	if(ret) {
 		let res=await apiNotification.setStatus({
 			notificationId:props.obj.id,
@@ -275,7 +277,7 @@ const onRejectOrganizationInvitation=async()=>{
 		})
 		if(res?.code==0) {
 			props.obj.status=ECommon_Model_Notification_Status.REJECTED
-			Message.success("Rejected")
+			Message.success(t("util.rejected"))
 		} else {
 			Message.error(res.msg)
 		}
diff --git a/code/client/src/business/common/component/richEditor/quote.vue b/code/client/src/business/common/component/richEditor/quote.vue
index ec50d54..11ddb16 100644
--- a/code/client/src/business/common/component/richEditor/quote.vue
+++ b/code/client/src/business/common/component/richEditor/quote.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="width: 100%;height: 100%;padding: 5px;box-sizing: border-box" ref="rootEle" @mousedown="onMouseDown">
 		<div style="height: 30px;border-bottom: 1px lightgray solid">
-			<input v-model="keyword" placeholder="type name" style="width: 100%;box-sizing: border-box" @input="onChange">
+			<input v-model="keyword" :placeholder="$t('placeholder.typeName')" style="width: 100%;box-sizing: border-box" @input="onChange">
 		</div>
 		<div class="hover" v-for="item in list" style="height: 40px;display: flex;align-items: center" @click="onClick(item)">
 			<img v-if="item.photo" style="width: 30px;height: 30px;border-radius: 15px" :src="item.photo">&nbsp;
diff --git a/code/client/src/business/common/component/richEditor/richEditor.vue b/code/client/src/business/common/component/richEditor/richEditor.vue
index 21ad6b4..e15f251 100644
--- a/code/client/src/business/common/component/richEditor/richEditor.vue
+++ b/code/client/src/business/common/component/richEditor/richEditor.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div ref="root" @mouseover="onMouseOver" @keydown="onKeyDown" style="padding: 10px" @keyup="onKeyUp" :style="{border:border?'border: 1px solid lightgray;':'0px'}" @copy="onCopy" @dragstart="onDragStart">
-      <div v-for="(item,index) in lineList" :key="index" contenteditable="true" @blur="onBlur(item,$event)" ref="elementList" v-html="RichEditorHandle.handle(item)" @keydown.enter="onEnter(item,index,$event)" @keydown.delete="onDelete(index,item,$event)" style="line-height: 1.5" @focus="onFocus(item,$event)" @mousedown="onMouseDown" @mouseup="onMouseUp" @mousemove="onMouseMove" @dblclick="onDbClick" @paste="onPaste" @click="onClick" placeholder="type / for command,@ for quote person or drop what you want" v-if="!readonly">
+      <div v-for="(item,index) in lineList" :key="index" contenteditable="true" @blur="onBlur(item,$event)" ref="elementList" v-html="RichEditorHandle.handle(item)" @keydown.enter="onEnter(item,index,$event)" @keydown.delete="onDelete(index,item,$event)" style="line-height: 1.5" @focus="onFocus(item,$event)" @mousedown="onMouseDown" @mouseup="onMouseUp" @mousemove="onMouseMove" @dblclick="onDbClick" @paste="onPaste" @click="onClick" :placeholder="$t('placeholder.richText')" v-if="!readonly">
       </div>
       <div v-for="(item,index) in lineList" @click="onClick" :key="index+1" v-html="RichEditorHandle.handle(item)" style="line-height: 1.5;min-height: 21px" v-else>
       </div>
diff --git a/code/client/src/business/common/component/upload.vue b/code/client/src/business/common/component/upload.vue
index 95ee6b2..08c0f0b 100644
--- a/code/client/src/business/common/component/upload.vue
+++ b/code/client/src/business/common/component/upload.vue
@@ -11,7 +11,7 @@
         <div class="arco-upload-picture-card" v-else>
           <div class="arco-upload-picture-card-text">
             <IconPlus />
-            <div style="margin-top: 10px; font-weight: 600">Upload</div>
+            <div style="margin-top: 10px; font-weight: 600">{{$t("util.upload")}}</div>
           </div>
         </div>
       </div>
diff --git a/code/client/src/business/common/component/userAvatar.vue b/code/client/src/business/common/component/userAvatar.vue
index 19a46da..0a3425a 100644
--- a/code/client/src/business/common/component/userAvatar.vue
+++ b/code/client/src/business/common/component/userAvatar.vue
@@ -43,15 +43,15 @@
           </a-list-item-meta>
           <template #actions>
             <template v-if="organizationUserId===myOrganizationUserId">
-              <a-button type="outline" size="small" style="margin-left: 20px" @click="onProfile">Profile</a-button>
+              <a-button type="outline" size="small" style="margin-left: 20px" @click="onProfile">{{$t("util.profile")}}</a-button>
             </template>
             <a-row v-else style="flex-direction: column">
-              <a-button type="outline" size="mini" style="margin-left: 20px" @click="onProfile">Profile</a-button>
+              <a-button type="outline" size="mini" style="margin-left: 20px" @click="onProfile">{{$t("util.profile")}}</a-button>
               <a-button type="outline" size="mini" style="margin-left: 20px;margin-top: 10px" @click="onMessage">
                 <template #icon>
                   <icon-message></icon-message>
                 </template>
-                Message
+	              {{$t("util.message")}}
               </a-button>
             </a-row>
           </template>
@@ -70,6 +70,7 @@ import {SessionStorage} from "../storage/session";
 import {ECommon_IM_Message_EntityType} from "../../../../../common/model/im_unread_message";
 import {ECommon_User_Online_Status} from "../../../../../common/types";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const loading=ref(true)
 const props=defineProps<{
@@ -89,6 +90,7 @@ const showCloseable=ref(false)
 const root=ref(null);
 const name=ref("")
 const photo=ref("")
+const {t}=useI18n()
 const status=ref(ECommon_User_Online_Status.OFFLINE)
 watch(()=>[props.name,props.photo],()=>{
 	name.value=props.name
@@ -107,7 +109,7 @@ const imgName=computed(()=>{
 const info=ref<DCSType<ICommon_Model_Organization_User>>(null)
 const onProfile=()=>{
 	if(info.value.organization_id!==SessionStorage.get("organizationId")) {
-		Message.error("you should switch to the specific organization")
+		Message.error(t("tip.switchToSpecificOrganization"))
 		return
 	}
   eventBus.emit(EClient_EVENTBUS_TYPE.OPEN_PEOPLE_PROFILE,props.organizationUserId);
@@ -144,7 +146,7 @@ const onPopup=async (visible:boolean)=>{
 }
 const onMessage=()=>{
 	if(info.value.organization_id!==SessionStorage.get("organizationId")) {
-		Message.error("you should switch to the specific organization")
+		Message.error(t("tip.switchToSpecificOrganization"))
 		return
 	}
   eventBus.emit(EClient_EVENTBUS_TYPE.OPEN_IM_CHAT,props.organizationUserId,ECommon_IM_Message_EntityType.USER)
diff --git a/code/client/src/business/common/component/userShortView.vue b/code/client/src/business/common/component/userShortView.vue
index 11d5277..12daf99 100644
--- a/code/client/src/business/common/component/userShortView.vue
+++ b/code/client/src/business/common/component/userShortView.vue
@@ -28,15 +28,15 @@
             </a-list-item-meta>
             <template #actions>
                 <template v-if="organizationUserId===myOrganizationUserId">
-                    <a-button type="outline" size="small" style="margin-left: 20px" @mousedown="onProfile">Profile</a-button>
+                    <a-button type="outline" size="small" style="margin-left: 20px" @mousedown="onProfile">{{$t("util.profile")}}</a-button>
                 </template>
                 <a-row v-else style="flex-direction: column">
-                    <a-button type="outline" size="mini" style="margin-left: 20px" @mousedown="onProfile">Profile</a-button>
+                    <a-button type="outline" size="mini" style="margin-left: 20px" @mousedown="onProfile">{{$t("util.profile")}}</a-button>
                     <a-button type="outline" size="mini" style="margin-left: 20px;margin-top: 10px" @mousedown="onMessage">
                         <template #icon>
                             <icon-message></icon-message>
                         </template>
-                        Message
+	                    {{$t("util.message")}}
                     </a-button>
                 </a-row>
             </template>
diff --git a/code/client/src/business/common/event/event.ts b/code/client/src/business/common/event/event.ts
index e09e0d3..15d9425 100644
--- a/code/client/src/business/common/event/event.ts
+++ b/code/client/src/business/common/event/event.ts
@@ -35,7 +35,8 @@ export enum EClient_EVENTBUS_TYPE {
     FINDER_OPEN_WINDOW="finder_open_window",
     REFRESH_ORGANIZATION_LIST="refresh_organization_list",
     REFRESH_NOTIFICATION_UNREAD="refresh_notification_unread",
-    REFRESH_MISS_CALL_UNREAD="refresh_miss_call_unread"
+    REFRESH_MISS_CALL_UNREAD="refresh_miss_call_unread",
+    USER_LOGIN_EXPIRED="user_login_expired"
 }
 
 interface IClient_EventBus_Func {
@@ -73,6 +74,7 @@ interface IClient_EventBus_Func {
     [EClient_EVENTBUS_TYPE.REFRESH_MISS_CALL_UNREAD]:()=>void
     [EClient_EVENTBUS_TYPE.OPEN_PROJECT_SPRINT_KANBAN_PROFILE]:(projectId:string,boardId:string,boardSprintId:string)=>void
     [EClient_EVENTBUS_TYPE.OPEN_PROJECT_BOARD_PROFILE]:(projectId:string,boardId:string)=>void
+    [EClient_EVENTBUS_TYPE.USER_LOGIN_EXPIRED]:()=>void
 }
 
 interface IClient_EventBus_Emit_Func {
diff --git a/code/client/src/business/common/i18n/i18n.ts b/code/client/src/business/common/i18n/i18n.ts
new file mode 100644
index 0000000..9ec1a14
--- /dev/null
+++ b/code/client/src/business/common/i18n/i18n.ts
@@ -0,0 +1,18 @@
+import en from "../../../../../common/i18n/en"
+import {createI18n} from "vue-i18n";
+import zh from "../../../../../common/i18n/zh";
+
+const messages={
+    en,
+    zh
+}
+
+const language=(navigator.language || "en").toLowerCase()
+const i18n=createI18n({
+    legacy:false,
+    locale:localStorage.getItem("lang") || language.split("-")[0] || "en",
+    fallbackLocale:"en",
+    messages
+})
+
+export default i18n
\ No newline at end of file
diff --git a/code/client/src/business/common/util/helper.ts b/code/client/src/business/common/util/helper.ts
index f28d8df..eaa5e64 100644
--- a/code/client/src/business/common/util/helper.ts
+++ b/code/client/src/business/common/util/helper.ts
@@ -5,6 +5,7 @@ import {ECommon_Model_Finder_Item_Type} from "../../../../../common/model/finder
 import {EClient_Drag_Type} from "../../../teamOS/common/directive/drag";
 import {ECommon_IM_Message_ContentType} from "../../../../../common/model/im_user_message";
 import {ECommon_Content_Line_Config_Type, ICommon_Content_Line} from "../../../../../common/model/content";
+import i18n from "@/business/common/i18n/i18n";
 
 export function getMemberIdFromRoleMember(item:ICommon_Route_Res_Role_Member_Item){
     if(item.memberType==ECommon_Model_Organization_Member_Type.DEFAULT) {
@@ -45,7 +46,8 @@ export function dialogFuncGenerator({func,form}:{
         let res=await func()
         if(typeof(res)=="object") {
             if(res?.code==0) {
-                Message.success("operation success")
+                const {t}=i18n.global
+                Message.success(t("tip.operationSuccess"))
                 return res
             } else {
                 Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/account/account.vue b/code/client/src/business/controller/app/account/account.vue
index b7006a7..3eb9b41 100644
--- a/code/client/src/business/controller/app/account/account.vue
+++ b/code/client/src/business/controller/app/account/account.vue
@@ -2,8 +2,8 @@
   <a-layout style="height: 100%">
     <a-layout-sider :resize-directions="['right']">
       <a-menu style="width: 100%" @menu-item-click="onSubMenuClick" :default-selected-keys="['profile']">
-        <a-menu-item key="profile">Profile</a-menu-item>
-        <a-menu-item key="accountSetting">Account Setting</a-menu-item>
+        <a-menu-item key="profile">{{$t("controller.app.account.account.profile")}}</a-menu-item>
+        <a-menu-item key="accountSetting">{{$t("controller.app.account.account.accountSetting")}}</a-menu-item>
       </a-menu>
     </a-layout-sider>
     <a-layout-content style="flex-direction: column;display: flex;padding: 10px">
diff --git a/code/client/src/business/controller/app/account/accountSetting.vue b/code/client/src/business/controller/app/account/accountSetting.vue
index 7418f68..5ecc46a 100644
--- a/code/client/src/business/controller/app/account/accountSetting.vue
+++ b/code/client/src/business/controller/app/account/accountSetting.vue
@@ -1,14 +1,14 @@
 <template>
 	<a-collapse :default-active-key="['wallpaper']">
-		<a-collapse-item key="wallpaper" header="Wallpaper">
+		<a-collapse-item key="wallpaper" :header="$t('util.wallpaper')">
 			<a-form :model="formWallPaper" style="width: 80%" @submitSuccess="onSubmitWallpaper">
-				<a-form-item field="photo" label="wallpaper">
+				<a-form-item field="photo" :label="$t('util.wallpaper')">
 					<Upload :default-uri="formWallPaper.photo" types=".png,.jpg,.jpeg,.gif,.bmp,.svg,.webp" @upload="onUploadWallpaper"></Upload>
 				</a-form-item>
 				<a-form-item>
 					<a-space size="large">
-						<a-button html-type="submit" type="primary">Save</a-button>
-						<a-button html-type="button" status="danger" v-if="formWallPaper.photo" @click="onClearWallpaper">Clear</a-button>
+						<a-button html-type="submit" type="primary">{{$t("util.ok")}}</a-button>
+						<a-button html-type="button" status="danger" v-if="formWallPaper.photo" @click="onClearWallpaper">{{$t("util.clear")}}</a-button>
 					</a-space>
 				</a-form-item>
 			</a-form>
diff --git a/code/client/src/business/controller/app/account/profile.vue b/code/client/src/business/controller/app/account/profile.vue
index 4f9142f..4edcd6a 100644
--- a/code/client/src/business/controller/app/account/profile.vue
+++ b/code/client/src/business/controller/app/account/profile.vue
@@ -1,22 +1,22 @@
 <template>
   <a-form :model="form" style="width: 80%" @submitSuccess="onSubmit">
-    <a-form-item field="photo" label="avatar">
+    <a-form-item field="photo" :label="$t('util.avatar')">
       <Upload :default-uri="form.photo" types=".png,.jpg,.jpeg,.gif,.bmp,.svg" @upload="onUpload"></Upload>
     </a-form-item>
     <a-form-item label="username">
       {{form.username}}
     </a-form-item>
-    <a-form-item field="password" label="password">
+    <a-form-item field="password" :label="$t('util.password')">
       <a-input-password v-model="form.password"></a-input-password>
     </a-form-item>
-    <a-form-item field="repeatPassword" label="repeat password" v-if="form.password">
+    <a-form-item field="repeatPassword" :label="$t('util.repeatPassword')" v-if="form.password">
       <a-input-password v-model="form.repeatPassword"></a-input-password>
     </a-form-item>
-    <a-form-item field="sign" label="sign">
+    <a-form-item field="sign" :label="$t('util.sign')">
       <a-input v-model="form.sign"></a-input>
     </a-form-item>
     <a-form-item>
-      <a-button html-type="submit" type="primary">Save</a-button>
+      <a-button html-type="submit" type="primary">{{$t("util.save")}}</a-button>
     </a-form-item>
   </a-form>
 </template>
@@ -29,6 +29,7 @@ import {apiUser} from "../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
 import {SessionStorage} from "../../../common/storage/session";
 import md5 from "blueimp-md5";
+import {useI18n} from "vue-i18n";
 
 const store=useDesktopStore()
 const form=reactive({
@@ -39,9 +40,10 @@ const form=reactive({
   repeatPassword:"",
   uploadUriId:""
 })
+const {t}=useI18n()
 const onSubmit=async ()=>{
   if(form.password && form.password!==form.repeatPassword) {
-    Message.error("password not match")
+    Message.error(t("tip.passwordNotMatch"))
     return;
   }
   let arrPromise=[]
@@ -63,7 +65,7 @@ const onSubmit=async ()=>{
   }
   let [res1,res2]=await Promise.all(arrPromise)
   if(res1?.code==0) {
-    Message.success("update success")
+    Message.success(t("tip.updateSuccess"))
     store.$refreshUser();
   } else {
     Message.error(res1.msg)
diff --git a/code/client/src/business/controller/app/calendar/calendar.vue b/code/client/src/business/controller/app/calendar/calendar.vue
index 5817e0f..87dc93e 100644
--- a/code/client/src/business/controller/app/calendar/calendar.vue
+++ b/code/client/src/business/controller/app/calendar/calendar.vue
@@ -11,7 +11,7 @@
         />
         <a-divider :margin="1"></a-divider>
         <a-row style="display: flex;justify-content: space-between;margin-top: 10px;align-items: center">
-          <span style="font-size: small;color: gray">My Calendars</span>
+          <span style="font-size: small;color: gray">{{$t("controller.app.calendar.calendar.myCalendars")}}</span>
           <a-button size="mini" type="text" @click="onAddCalendar">
             <template #icon>
               <icon-plus style="color: gray"></icon-plus>
@@ -40,7 +40,7 @@
     <a-layout-content style="flex-direction: column;display: flex;padding: 10px;">
       <a-row style="flex: 0 0 40px;display: flex;justify-content: space-between;justify-items: center;flex-wrap: nowrap">
         <a-space size="mini">
-          <a-button type="primary" size="mini" @click="onToday">Today</a-button>
+          <a-button type="primary" size="mini" @click="onToday">{{$t("controller.app.calendar.calendar.today")}}</a-button>
           <a-button type="text" @click="onPrevious">
             <template #icon>
               <icon-left style="color: rgb(95,99,104);font-size: large"></icon-left>
@@ -55,25 +55,25 @@
             {{calendarType=="day"?pickerValue.format("YYYY-MM-DD"):pickerValue.format("YYYY-MM")}}
           </span>
         </a-space>
-	      <a-input style="width: 40%" placeholder="type event name" v-model="searchForm.keyword" allow-clear @input="onSearch">
+	      <a-input style="width: 40%" :placeholder="$t('placeholder.typeEventName')" v-model="searchForm.keyword" allow-clear @input="onSearch">
 					<template #append>
 						<a-popover position="br" @popup-visible-change="visible => !visible && onSearch()">
 							<icon-arrow-down style="margin-left: 10px;cursor: pointer"></icon-arrow-down>
 							<template #content>
 								<a-form :model="{}" layout="vertical">
-									<a-form-item label="calendar">
+									<a-form-item :label="$t('util.calendar')">
 										<a-select size="small" v-model="searchForm.calendarId">
-											<a-option value="all">All</a-option>
+											<a-option value="all">{{$t("util.all")}}</a-option>
 											<a-option v-for="item in calendarList" :value="item.id">{{item.name}}</a-option>
 										</a-select>
 									</a-form-item>
-									<a-form-item label="start date">
+									<a-form-item :label="$t('util.startDate')">
 										<a-date-picker v-model="searchForm.startDate"></a-date-picker>
 									</a-form-item>
-									<a-form-item label="end date">
+									<a-form-item :label="$t('util.endDate')">
 										<a-date-picker v-model="searchForm.endDate"></a-date-picker>
 									</a-form-item>
-									<a-form-item label="location">
+									<a-form-item :label="$t('util.location')">
 										<a-input size="small" v-model="searchForm.location"></a-input>
 									</a-form-item>
 								</a-form>
@@ -83,9 +83,9 @@
 	      </a-input>
         <a-space size="mini">
           <a-radio-group type="button" v-model="calendarType" size="small">
-            <a-radio value="day">Day</a-radio>
-            <a-radio value="week">Week</a-radio>
-            <a-radio value="month">Month</a-radio>
+            <a-radio value="day">{{$t("controller.app.calendar.calendar.day")}}</a-radio>
+            <a-radio value="week">{{$t("controller.app.calendar.calendar.week")}}</a-radio>
+            <a-radio value="month">{{$t("controller.app.calendar.calendar.month")}}</a-radio>
           </a-radio-group>
           <a-button type="text" @click="onShowSetting">
             <template #icon>
@@ -103,17 +103,17 @@
 	      <CalendarEventSearch :list="searchResultList" :timezone="setting.timezone" v-else-if="searchForm.keyword" style="width: 100%;height: 100%" @edit="onEditCalendarEvent" @delete="onDeleteCalendarEvent"></CalendarEventSearch>
       </a-row>
     </a-layout-content>
-    <a-drawer :popup-container="root" :visible="settingVisible" @ok="onSetting" unmount-on-close title="Calendar Global Setting" :closable="false" @cancel="settingVisible=false" :width="400" id="calendarSetting" :drawer-style="{zIndex:100}">
+    <a-drawer :popup-container="root" :visible="settingVisible" @ok="onSetting" unmount-on-close :title="$t('controller.app.calendar.calendar.calendarGlobalSetting')" :closable="false" @cancel="settingVisible=false" :width="400" id="calendarSetting" :drawer-style="{zIndex:100}">
       <a-form :model="{}" layout="vertical">
-        <a-form-item label="follow device timezone">
+        <a-form-item :label="$t('controller.app.calendar.calendar.followDeviceTimeZone')">
           <a-switch v-model="settingEdit.followDevice"></a-switch>
         </a-form-item>
-        <a-form-item label="timezone" v-if="!settingEdit.followDevice">
+        <a-form-item :label="$t('util.timeZone')" v-if="!settingEdit.followDevice">
           <a-select v-model="settingEdit.timezone">
             <a-option v-for="item in timezones" :value="item.id">{{item.label}}</a-option>
           </a-select>
         </a-form-item>
-        <a-form-item label="start week day">
+        <a-form-item :label="$t('controller.app.calendar.calendar.startWeekDay')">
           <a-select v-model="settingEdit.start_week_day">
             <a-option v-for="item in ECommon_Calendar_WeekDay" :value="item">{{calendarWeekDayName[item]}}</a-option>
           </a-select>
@@ -163,6 +163,8 @@ import {SessionStorage} from "../../../common/storage/session";
 import {ICommon_Route_Res_Calendar_ListEvent_Item} from "../../../../../../common/routes/response";
 import CalendarEventSearch from "./calendarEventSearch.vue";
 import {debounce} from "../../../common/util/helper";
+import calendar from "../../../../../../common/routes/calendar";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	calendarEventId?:string
@@ -197,6 +199,7 @@ const searchForm=reactive({
 })
 const searchResultList=ref<DCSType<ICommon_Route_Res_Calendar_ListEvent_Item>[]>([])
 let searchDebounce=null
+const {t}=useI18n()
 provide(injectCalendarSetting,setting)
 const startDay=computed(()=>{
   let start_week_day=setting.value?.start_week_day
@@ -309,13 +312,13 @@ const onEditCalendar=async (item)=>{
   }
 }
 const onDeleteCalendar=async (item)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"do you want to delete this calendar?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteCalendar"))
   if(ret) {
     let res=await apiCalendar.removeCalendar({
       calendarId:item.id
     })
     if(res?.code==0) {
-      Message.success("delete success")
+      Message.success(t("tip.deleteSuccess"))
       if(selectedCalendar.value.includes(item.id)) {
         selectedCalendar.value=selectedCalendar.value.splice(selectedCalendar.value.indexOf(item.id),1)
       }
@@ -331,7 +334,7 @@ const onSetting=async ()=>{
     startWeekDay:settingEdit.value.start_week_day
   })
   if(res?.code==0) {
-    Message.success("update success")
+    Message.success(t("tip.updateSuccess"))
     settingVisible.value=false
     getSetting()
   }
@@ -392,7 +395,7 @@ const onAddCalendarEvent=async (date:moment.Moment, point:{
 }
 const saveCalendarEvent=async (title:string, dateInfo:CalendarEventModelType, calendarId:string)=>{
   if(dateInfo.end<dateInfo.start) {
-    Message.error("end date can't less than start date")
+    Message.error(t("tip.endDateLess"))
     return
   }
   let res=await apiCalendar.addCalendarEvent({
@@ -476,13 +479,13 @@ const listCalendarEvent=async ()=>{
   }
 }
 const onDeleteCalendarEvent=async (event:IClient_Calendar_Info)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this event?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteEvent"))
   if(ret) {
     let res=await apiCalendar.removeCalendarEvent({
       calendarEventId:event.id
     })
     if(res?.code==0) {
-      Message.success("delete success")
+      Message.success(t("tip.deleteSuccess"))
       listCalendarEvent()
     }
   }
diff --git a/code/client/src/business/controller/app/calendar/calendarEdit.vue b/code/client/src/business/controller/app/calendar/calendarEdit.vue
index d4cc427..6f378a0 100644
--- a/code/client/src/business/controller/app/calendar/calendarEdit.vue
+++ b/code/client/src/business/controller/app/calendar/calendarEdit.vue
@@ -1,9 +1,9 @@
 <template>
   <a-form ref="eleForm" style="width: 80%" :model="form">
-    <a-form-item label="name" field="name" required>
+    <a-form-item :label="$t('util.name')" field="name" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
-    <a-form-item label="color" field="color" required>
+    <a-form-item :label="$t('util.color')" field="color" required>
       <a-radio-group v-model="form.color">
         <a-radio v-for="item in ECommon_Calendar_Color" :value="item">
           <div :style="{backgroundColor:item}" style="display: inline-block;width: 14px;height: 14px;margin-top: 3px;border-radius: 2px"></div>
diff --git a/code/client/src/business/controller/app/calendar/calendarEventAddSimple.vue b/code/client/src/business/controller/app/calendar/calendarEventAddSimple.vue
index 7587a6c..b091adf 100644
--- a/code/client/src/business/controller/app/calendar/calendarEventAddSimple.vue
+++ b/code/client/src/business/controller/app/calendar/calendarEventAddSimple.vue
@@ -13,7 +13,7 @@
           <template #label>
             <icon-info-circle style="font-size: medium"></icon-info-circle>
           </template>
-          <a-input placeholder="New Event Title" v-model="form.name"></a-input>
+          <a-input :placeholder="$t('placeholder.newEventTitle')" v-model="form.name"></a-input>
         </a-form-item>
         <a-form-item field="dateInfo" required hide-asterisk>
           <template #label>
@@ -33,8 +33,8 @@
     </div>
     <div style="height: 35px">
       <a-space style="float: right;margin-right: 10px">
-        <a-button type="secondary" size="small" @click="emit('more',form.name,form.dateInfo,form.resourceId)">More Option</a-button>
-        <a-button type="primary" size="small" @click="checkValid">Save</a-button>
+        <a-button type="secondary" size="small" @click="emit('more',form.name,form.dateInfo,form.resourceId)">{{$t("controller.app.calendar.calendarEventAddSimple.moreOption")}}</a-button>
+        <a-button type="primary" size="small" @click="checkValid">{{$t("util.save")}}</a-button>
       </a-space>
     </div>
   </div>
diff --git a/code/client/src/business/controller/app/calendar/calendarEventDateEdit.vue b/code/client/src/business/controller/app/calendar/calendarEventDateEdit.vue
index 81633bd..eecc50d 100644
--- a/code/client/src/business/controller/app/calendar/calendarEventDateEdit.vue
+++ b/code/client/src/business/controller/app/calendar/calendarEventDateEdit.vue
@@ -14,9 +14,9 @@
     </a-row>
     <a-row style="height: 40px">
       <a-space wrap>
-        All Day:
+        {{$t("controller.app.calendar.calendarEventDateEdit.allDay")}}:
         <a-switch :checked-value="1" :unchecked-value="0" v-model="data.isAllDay" size="small" @change="onChangeAllDay"></a-switch>
-        Repeat:
+        {{$t("controller.app.calendar.calendarEventDateEdit.repeat")}}:
         <a-select style="width: 110px" size="small" v-model="data.recurring">
           <a-option :value="ECommon_Calendar_Recurring_Type.NONE">No</a-option>
           <a-option :value="ECommon_Calendar_Recurring_Type.DAY">Day</a-option>
@@ -25,13 +25,13 @@
           <a-option :value="ECommon_Calendar_Recurring_Type.MONTH">Month</a-option>
         </a-select>
         <template v-if="data.recurring===ECommon_Calendar_Recurring_Type.WEEK">
-          Select Weekday:
+	        {{$t("controller.app.calendar.calendarEventDateEdit.selectWeekday")}}:
           <a-select size="small" style="width: 130px" v-model="recurryingWeekDay" @change="onChangeRecurry">
             <a-option v-for="item in ECommon_Calendar_WeekDay" :value="item">{{calendarWeekDayName[item]}}</a-option>
           </a-select>
         </template>
         <template v-else-if="data.recurring===ECommon_Calendar_Recurring_Type.MONTH">
-          Input Day:
+	        {{$t("controller.app.calendar.calendarEventDateEdit.inputDay")}}:
           <a-input-number :min="1" :max="31" v-model="recurryingMonthDay" style="width: 100px" @change="onChangeRecurry" size="small"></a-input-number>
         </template>
 
diff --git a/code/client/src/business/controller/app/calendar/calendarEventEdit.vue b/code/client/src/business/controller/app/calendar/calendarEventEdit.vue
index 571128f..51d94c6 100644
--- a/code/client/src/business/controller/app/calendar/calendarEventEdit.vue
+++ b/code/client/src/business/controller/app/calendar/calendarEventEdit.vue
@@ -4,7 +4,7 @@
       <template #label>
         <icon-info-circle style="font-size: medium"></icon-info-circle>
       </template>
-      <a-input placeholder="New Event Title" v-model="form.name" v-if="isSelf"></a-input>
+      <a-input :placeholder="$t('placeholder.newEventTitle')" v-model="form.name" v-if="isSelf"></a-input>
 	    <template v-else>
 		    {{form.name}}
 	    </template>
@@ -16,13 +16,13 @@
       <CalendarEventDateEdit :timezone="timezone" :data="form.date"></CalendarEventDateEdit>
     </a-form-item>
     <a-form-item>
-      <a-divider orientation="left" :margin="1">Advanced</a-divider>
+      <a-divider orientation="left" :margin="1">{{$t("controller.app.calendar.calendarEventEdit.advanced")}}</a-divider>
     </a-form-item>
     <a-form-item field="location">
       <template #label>
         <icon-location style="font-size: medium"></icon-location>
       </template>
-      <a-input placeholder="location" v-model="form.location" v-if="isSelf"></a-input>
+      <a-input :placeholder="$t('placeholder.location')" v-model="form.location" v-if="isSelf"></a-input>
 	    <template v-else>
 		    {{form.location?form.location:"None"}}
 	    </template>
@@ -32,21 +32,21 @@
         <icon-notification style="font-size: medium"></icon-notification>
       </template>
       <a-select v-model="form.reminder" v-if="isSelf">
-        <a-option :value="0">No Reminder</a-option>
-        <a-option :value="5">5 Min Before</a-option>
-        <a-option :value="15">15 Min Before</a-option>
-        <a-option :value="30">30 Min Before</a-option>
-        <a-option :value="60">1 Hour Before</a-option>
-        <a-option :value="600">6 Hour Before</a-option>
+        <a-option :value="0">{{$t("controller.app.calendar.calendarEventEdit.noReminder")}}</a-option>
+        <a-option :value="5">{{$t("controller.app.calendar.calendarEventEdit.fiveMinBefore")}}</a-option>
+        <a-option :value="15">{{$t("controller.app.calendar.calendarEventEdit.fifteenMinBefore")}}</a-option>
+        <a-option :value="30">{{$t("controller.app.calendar.calendarEventEdit.thirtyMinBefore")}}</a-option>
+        <a-option :value="60">{{$t("controller.app.calendar.calendarEventEdit.oneHourBefore")}}</a-option>
+        <a-option :value="600">{{$t("controller.app.calendar.calendarEventEdit.sixHourBefore")}}</a-option>
       </a-select>
 	    <template v-else>
 		    {{({
-		    	"0":"No Reminder",
-		    	"5":"5 Min Before",
-		    	"15":"15 Min Before",
-		    	"30":"30 Min Before",
-		    	"60":"1 Hour Before",
-		    	"600":"6 Hour Before"
+		    	"0":$t("controller.app.calendar.calendarEventEdit.noReminder"),
+		    	"5":$t("controller.app.calendar.calendarEventEdit.fiveMinBefore"),
+		    	"15":$t("controller.app.calendar.calendarEventEdit.fifteenMinBefore"),
+		    	"30":$t("controller.app.calendar.calendarEventEdit.thirtyMinBefore"),
+		    	"60":$t("controller.app.calendar.calendarEventEdit.oneHourBefore"),
+		    	"600":$t("controller.app.calendar.calendarEventEdit.sixHourBefore")
 	    	})[form.reminder]}}
 	    </template>
     </a-form-item>
@@ -73,11 +73,11 @@
 					  <a-switch v-model="form.meeting"></a-switch>
 					  <a-popover position="right" v-if="form.meeting" trigger="click">
 						  <a-button type="primary" status="success" style="margin-left: 20px">
-							  Start Meeting
+							  {{$t("controller.app.calendar.calendarEventEdit.startMeeting")}}
 						  </a-button>
 						  <template #content>
 							  <a-row style="flex-direction: column;align-items: center">
-								  <a-input size="small" placeholder="type user name" v-model="searchUserKey"></a-input>
+								  <a-input size="small" :placeholder="$t('placeholder.typeUserName')" v-model="searchUserKey"></a-input>
 								  <a-table style="width: 100%;margin-top: 10px" row-key="organizationUserId" :columns="columns" :data="(form.guestList as any).filter(item=>(item.organizationUserId!==organizationUserId && item.nickname.includes(searchUserKey)))" :row-selection="rowSelection" v-model:selected-keys="selectKeys" :pagination="false">
 									  <template #name="{record}">
 										  <UserAvatar :organization-user-id="record.organizationUserId" :name="record.nickname" :photo="record.photo"></UserAvatar>
@@ -92,7 +92,7 @@
 			  </template>
 		  </template>
 		  <a-button type="primary" status="success" @click="onMeeting" v-else>
-			  Join Meeting
+			  {{$t("controller.app.calendar.calendarEventEdit.joinMeeting")}}
 		  </a-button>
 	  </a-form-item>
     <a-form-item field="guestList">
@@ -139,6 +139,7 @@ import UserAvatar from "../../../common/component/userAvatar.vue";
 import {TableRowSelection} from "@arco-design/web-vue/es/table/interface";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
 import {ECommon_Model_Organization_Member_Type} from "../../../../../../common/model/organization";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"add"|"edit",
@@ -166,9 +167,10 @@ const rowSelection=ref<TableRowSelection>({
 	showCheckedAll:true,
 	onlyCurrent:false
 })
+const {t}=useI18n()
 const columns = [
 	{
-		title: 'Name',
+		title: t("util.name"),
 		slotName: 'name',
 	}
 ]
@@ -264,7 +266,7 @@ onDialogOk(dialogFuncGenerator({
   form:()=>formEle.value,
   func:()=>{
     if(form.date.end<form.date.start) {
-      Message.error("end date can't less than start date")
+      Message.error(t("tip.endDateLess"))
       return false
     }
 		if(isSelf.value) {
diff --git a/code/client/src/business/controller/app/calendar/calendarEventGuestEdit.vue b/code/client/src/business/controller/app/calendar/calendarEventGuestEdit.vue
index 469bb18..b11abf4 100644
--- a/code/client/src/business/controller/app/calendar/calendarEventGuestEdit.vue
+++ b/code/client/src/business/controller/app/calendar/calendarEventGuestEdit.vue
@@ -1,7 +1,7 @@
 <template>
   <a-space wrap>
     <UserAvatar v-for="value in showValue" v-if="showValue && showValue.length>0" :organization-user-id="value.organizationUserId" :name="value.nickname" :photo="value.photo" :key="value.userId" @close="onClose" :closeable="true"></UserAvatar>
-    <span v-else style="line-height: 30px;width: 100%;color: gray">None</span>
+    <span v-else style="line-height: 30px;width: 100%;color: gray">{{$t("util.none")}}</span>
     <a-select v-model="addValue" allow-search @search="onSearch" v-if="showInput" @change="onChange">
       <a-option v-for="item1 in searchValueList" :label="item1.nickname" :value="item1.userId"></a-option>
     </a-select>
diff --git a/code/client/src/business/controller/app/calendar/calendarEventShortView.vue b/code/client/src/business/controller/app/calendar/calendarEventShortView.vue
index f4907b7..4552e94 100644
--- a/code/client/src/business/controller/app/calendar/calendarEventShortView.vue
+++ b/code/client/src/business/controller/app/calendar/calendarEventShortView.vue
@@ -44,11 +44,11 @@
 				<div style="flex: 1 1 auto;display: flex;align-items: center">
 					<a-popover position="right" trigger="click" v-if="isSelf">
 						<a-button type="primary" status="success" size="mini">
-							Start Meeting
+							{{$t("controller.app.calendar.calendarEventEdit.startMeeting")}}
 						</a-button>
 						<template #content>
 							<a-row style="flex-direction: column;align-items: center">
-								<a-input size="small" placeholder="type user name" v-model="searchUserKey"></a-input>
+								<a-input size="small" :placeholder="$t('placeholder.typeUserName')" v-model="searchUserKey"></a-input>
 								<a-table style="width: 100%;margin-top: 10px" row-key="organizationUserId" :columns="columns" :data="(calendarEventInfo.guestList as any).filter(item=>(item.organizationUserId!==organizationUserId && item.nickname.includes(searchUserKey)))" :row-selection="rowSelection" v-model:selected-keys="selectKeys" :pagination="false">
 									<template #name="{record}">
 										<UserAvatar :organization-user-id="record.organizationUserId" :name="record.nickname" :photo="record.photo"></UserAvatar>
@@ -59,7 +59,7 @@
 						</template>
 					</a-popover>
 					<a-button type="primary" status="success" size="mini" @click="onMeeting" v-else>
-						Join Meeting
+						{{$t("controller.app.calendar.calendarEventEdit.joinMeeting")}}
 					</a-button>
 				</div>
 			</div>
@@ -73,7 +73,7 @@
 					</template>
 					<template v-else>
 						<UserAvatar :organization-user-id="selectedEvent.created_by.organizationUserId" :name="selectedEvent.created_by.nickname" :photo="selectedEvent.created_by.photo"></UserAvatar>
-						&nbsp;invited you
+						&nbsp;{{$t("controller.app.calendar.calendarEventShortView.invitedYou")}}
 					</template>
 				</div>
 			</div>
@@ -95,6 +95,7 @@ import {ICommon_Route_Res_Calendar_Event_Info} from "../../../../../../common/ro
 import {TableRowSelection} from "@arco-design/web-vue/es/table/interface";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
 import {ECommon_Model_Organization_Member_Type} from "../../../../../../common/model/organization";
+import {useI18n} from "vue-i18n";
 
 const emit=defineEmits<{
 	edit:[event:IClient_Calendar_Info],
@@ -117,9 +118,10 @@ const rowSelection=ref<TableRowSelection>({
 	showCheckedAll:true,
 	onlyCurrent:false
 })
+const {t}=useI18n()
 const columns = [
 	{
-		title: 'Name',
+		title: t("util.name"),
 		slotName: 'name',
 	}
 ]
diff --git a/code/client/src/business/controller/app/finder/finder.vue b/code/client/src/business/controller/app/finder/finder.vue
index 856599e..c74ea70 100644
--- a/code/client/src/business/controller/app/finder/finder.vue
+++ b/code/client/src/business/controller/app/finder/finder.vue
@@ -25,7 +25,7 @@
 					</a-row>
 				</a-row>
 				<template v-else-if="mode===EClient_Finder_Mode.SEARCH">
-					SEARCH RESULT:
+					{{$t("controller.app.finder.finder.searchResult")}}:
 				</template>
 				<a-row>
 					<a-input-search size="mini" style="background-color: white;border: 1px lightgray solid" @search="onSearch"></a-input-search>
diff --git a/code/client/src/business/controller/app/finder/finderFolderTree.vue b/code/client/src/business/controller/app/finder/finderFolderTree.vue
index b279f27..65027c8 100644
--- a/code/client/src/business/controller/app/finder/finderFolderTree.vue
+++ b/code/client/src/business/controller/app/finder/finderFolderTree.vue
@@ -21,10 +21,10 @@
 			<a-dropdown trigger="hover" position="bl">
 				<icon-more style="color: gray"></icon-more>
 				<template #content>
-					<a-doption @click="onRefresh(nodeData)">Refresh</a-doption>
-					<a-doption @click="onRenameFolder(nodeData)" v-if="nodeData.key">Rename</a-doption>
-					<a-doption @click="onAddFolder(nodeData)">Add Folder</a-doption>
-					<a-doption v-if="nodeData.key" @click="onRemove(nodeData)">Remove</a-doption>
+					<a-doption @click="onRefresh(nodeData)">{{$t("util.refresh")}}</a-doption>
+					<a-doption @click="onRenameFolder(nodeData)" v-if="nodeData.key">{{$t("util.rename")}}</a-doption>
+					<a-doption @click="onAddFolder(nodeData)">{{$t("controller.app.finder.finderFolderTree.addFolder")}}</a-doption>
+					<a-doption v-if="nodeData.key" @click="onRemove(nodeData)">{{$t("util.remove")}}</a-doption>
 				</template>
 			</a-dropdown>
 		</template>
@@ -37,6 +37,7 @@ import {apiFinder} from "../../../common/request/request";
 import {getRootNavigatorRef} from "../../../../teamOS/common/component/navigator/navigator";
 import {Dialog} from "../../../common/component/dialog/dialog";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
+import {useI18n} from "vue-i18n";
 
 interface FolderTree {
 	title:string,
@@ -52,6 +53,7 @@ const rename=ref("")
 const appContext=getCurrentInstance().appContext
 const root=getRootNavigatorRef()
 const expandKeys=ref<string[]>([])
+const {t}=useI18n()
 const folderTree=ref<FolderTree[]>([
 	{
 		title:"Desktop",
@@ -96,7 +98,7 @@ const onConfirmRenameFolder=async (nodeData)=>{
 }
 
 const onAddFolder=async (nodeData)=>{
-	let ret=await Dialog.input(root.value,appContext,"please type folder name")
+	let ret=await Dialog.input(root.value,appContext,t("tip.typeFolderName"))
 	if(ret) {
 		let res=await apiFinder.createFolder({
 			name:ret,
@@ -145,7 +147,7 @@ const findParentNodeData=(key:string,node?)=>{
 }
 
 const onRemove=async (nodeData)=>{
-	let ret=await Dialog.confirm(root.value,appContext,"do you want to delete this folder?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteFolder"))
 	if(ret) {
 		let res=await apiFinder.delete({
 			finderItemId:nodeData.key
diff --git a/code/client/src/business/controller/app/finder/finderHandle.ts b/code/client/src/business/controller/app/finder/finderHandle.ts
index af16fd5..11a0890 100644
--- a/code/client/src/business/controller/app/finder/finderHandle.ts
+++ b/code/client/src/business/controller/app/finder/finderHandle.ts
@@ -27,6 +27,7 @@ import {EClient_Drag_Type, IClient_Drag_Element} from "../../../../teamOS/common
 import {DropParam} from "../../../../teamOS/common/directive/drop";
 import {SessionStorage} from "../../../common/storage/session";
 import {Message} from "@arco-design/web-vue";
+import i18n from "@/business/common/i18n/i18n";
 
 export class FinderHandle {
     private itemList=ref<Icon[]>([])
@@ -65,7 +66,8 @@ export class FinderHandle {
             {
                 title:"New Folder",
                 func:async value => {
-                    let ret=await Dialog.input(this.root.value.$el?this.root.value.$el:this.root.value,this.appContext,"please type new folder name");
+                    let {t}=i18n.global
+                    let ret=await Dialog.input(this.root.value.$el?this.root.value.$el:this.root.value,this.appContext,t("tip.typeNewFolderName"));
                     if(ret) {
                         let res=await apiFinder.createFolder({
                             ...(this.folderId && {
@@ -255,7 +257,8 @@ export class FinderHandle {
                                 let valueList=selectedSelectableItems.map(item=>{
                                     return item.getAttribute("dragValue")
                                 })
-                                let ret=await Dialog.confirm(this.root.value.$el?this.root.value.$el:this.root.value,this.appContext,"Do you want to delete these items?")
+                                const {t}=i18n.global
+                                let ret=await Dialog.confirm(this.root.value.$el?this.root.value.$el:this.root.value,this.appContext,t("tip.deleteItems"))
                                 if(ret) {
                                     await Promise.allSettled(valueList.map(value=>{
                                         return apiFinder.delete({
@@ -374,7 +377,8 @@ export class FinderHandle {
 
     private async onOpenShortcut(item:DCSType<ICommon_Model_Finder_Item>) {
         if(item.organization_id!==SessionStorage.get("organizationId")) {
-            Message.error("you should switch to the specific organization")
+            const {t}=i18n.global
+            Message.error(t("tip.switchToSpecificOrganization"))
             return
         }
         switch (item.shortcut_type) {
diff --git a/code/client/src/business/controller/app/finder/finderItemInfo.vue b/code/client/src/business/controller/app/finder/finderItemInfo.vue
index c91a378..e8c9005 100644
--- a/code/client/src/business/controller/app/finder/finderItemInfo.vue
+++ b/code/client/src/business/controller/app/finder/finderItemInfo.vue
@@ -1,225 +1,225 @@
 <template>
 	<div style="width: 100%;padding-left: 5px;box-sizing: border-box">
-		<a-descriptions style="margin-top: 10px;" title="Info" :column="1" :value-style="{wordBreak:'break-all'}">
+		<a-descriptions style="margin-top: 10px;" :title="$t('util.info')" :column="1" :value-style="{wordBreak:'break-all'}">
 			<template v-if="!item || !item.id">
-				<a-descriptions-item label="name">Desktop</a-descriptions-item>
+				<a-descriptions-item :label="$t('util.name')">Desktop</a-descriptions-item>
 			</template>
 			<template v-else-if="item.type===ECommon_Model_Finder_Item_Type.FILE">
 				<a-descriptions-item label="name">{{fileInfo?.name}}</a-descriptions-item>
 				<a-descriptions-item label="type">
 					<span style="color: blue">
-						File
+						{{$t("util.file")}}
 					</span>
 				</a-descriptions-item>
-				<a-descriptions-item label="size">{{generateSizeFormat(fileInfo?.file.size)}}</a-descriptions-item>
-				<a-descriptions-item label="date">{{moment(fileInfo?.created_time).format("YYYY-MM-DD HH:mm:ss")}}</a-descriptions-item>
-				<a-descriptions-item label="path">
+				<a-descriptions-item :label="$t('util.size')">{{generateSizeFormat(fileInfo?.file.size)}}</a-descriptions-item>
+				<a-descriptions-item :label="$t('util.date')">{{moment(fileInfo?.created_time).format("YYYY-MM-DD HH:mm:ss")}}</a-descriptions-item>
+				<a-descriptions-item :label="$t('util.path')">
 					{{generatePathFormat(fileInfo?.parentFolderList)}}
 				</a-descriptions-item>
 			</template>
 			<template v-else-if="item.type===ECommon_Model_Finder_Item_Type.FOLDER">
-				<a-descriptions-item label="name">{{folderInfo?.name}}</a-descriptions-item>
-				<a-descriptions-item label="type">
+				<a-descriptions-item :label="$t('util.name')">{{folderInfo?.name}}</a-descriptions-item>
+				<a-descriptions-item :label="$t('util.type')">
 					<span style="color: blue">
-						Folder
+						{{$t("util.folder")}}
 					</span>
 				</a-descriptions-item>
-				<a-descriptions-item label="date">{{moment(folderInfo?.created_time).format("YYYY-MM-DD HH:mm:ss")}}</a-descriptions-item>
-				<a-descriptions-item label="path">
+				<a-descriptions-item :label="$t('util.date')">{{moment(folderInfo?.created_time).format("YYYY-MM-DD HH:mm:ss")}}</a-descriptions-item>
+				<a-descriptions-item :label="$t('util.path')">
 					{{generatePathFormat(folderInfo?.parentFolderList)}}
 				</a-descriptions-item>
 			</template>
 			<template v-else-if="item.type===ECommon_Model_Finder_Item_Type.SHORTCUT">
 				<template v-if="item.shortcut_type===ECommon_Model_Finder_Shortcut_Type.PROJECT">
-					<a-descriptions-item label="name">{{projectInfo?.name}}</a-descriptions-item>
-					<a-descriptions-item label="type">
+					<a-descriptions-item :label="$t('util.name')">{{projectInfo?.name}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.type')">
 						<span style="color: blue">
-							Shortcut
+							{{$t("util.shortcut")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="category">
+					<a-descriptions-item :label="$t('util.category')">
 						<span style="color: green">
-							Project
+							{{$t("util.project")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="key">{{projectInfo?.keyword}}</a-descriptions-item>
-					<a-descriptions-item label="description" v-if="projectInfo?.description">
+					<a-descriptions-item :label="$t('util.key')">{{projectInfo?.keyword}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.description')" v-if="projectInfo?.description">
 						<span style="line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;-moz-box-orient: vertical;">
 							{{projectInfo?.description}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="create" v-if="projectInfo">
+					<a-descriptions-item :label="$t('util.create')" v-if="projectInfo">
 						<UserAvatar :organization-user-id="projectInfo?.created_by.organizationUserId" :name="projectInfo?.created_by.nickname" :photo="projectInfo?.created_by.photo" :organization-id="projectInfo?.organization_id"></UserAvatar>
 					</a-descriptions-item>
-					<a-descriptions-item label="organization" v-if="organizationInfo">
+					<a-descriptions-item :label="$t('util.organization')" v-if="organizationInfo">
 						{{organizationInfo.name}}
 					</a-descriptions-item>
 				</template>
 				<template v-else-if="item.shortcut_type===ECommon_Model_Finder_Shortcut_Type.PROJECT_ISSUE">
-					<a-descriptions-item label="name">{{projectIssueInfo?.name}}</a-descriptions-item>
-					<a-descriptions-item label="type">
+					<a-descriptions-item :label="$t('util.name')">{{projectIssueInfo?.name}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.type')">
 						<span style="color: blue">
-							Shortcut
+							{{$t("util.shortcut")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="category">
+					<a-descriptions-item :label="$t('util.category')">
 						<span style="color: green">
-							Project Issue
+							{{$t("util.projectIssue")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="key">{{projectIssueInfo?.project.keyword+"-"+projectIssueInfo?.unique_id}}</a-descriptions-item>
-					<a-descriptions-item label="priority" v-if="projectIssueInfo">
+					<a-descriptions-item :label="$t('util.key')">{{projectIssueInfo?.project.keyword+"-"+projectIssueInfo?.unique_id}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.priority')" v-if="projectIssueInfo">
 						<FieldPriority :priority="projectIssueInfo?.priority"></FieldPriority>
 					</a-descriptions-item>
-					<a-descriptions-item label="issue type">
+					<a-descriptions-item :label="$t('util.issueType')">
 						{{projectIssueInfo?.issueType.name}}
 					</a-descriptions-item>
-					<a-descriptions-item label="status">
+					<a-descriptions-item :label="$t('util.status')">
 						{{projectIssueInfo?.workflowNode.name}}
 					</a-descriptions-item>
-					<a-descriptions-item label="reporter" v-if="projectIssueInfo?.reporter_id">
+					<a-descriptions-item :label="$t('util.reporter')" v-if="projectIssueInfo?.reporter_id">
 						<UserAvatar :organization-user-id="projectIssueInfo?.reporter_id.organizationUserId" :name="projectIssueInfo?.reporter_id.nickname" :photo="projectIssueInfo?.reporter_id.photo" :organization-id="projectIssueInfo?.project.organization_id"></UserAvatar>
 					</a-descriptions-item>
-					<a-descriptions-item label="assigner" v-if="projectIssueInfo?.assigner_id">
+					<a-descriptions-item :label="$t('util.assigner')" v-if="projectIssueInfo?.assigner_id">
 						<UserAvatar :organization-user-id="projectIssueInfo?.assigner_id.organizationUserId" :name="projectIssueInfo?.assigner_id.nickname" :photo="projectIssueInfo?.assigner_id.photo" :organization-id="projectIssueInfo?.project.organization_id"></UserAvatar>
 					</a-descriptions-item>
-					<a-descriptions-item label="organization" v-if="organizationInfo">
+					<a-descriptions-item :label="$t('util.organization')" v-if="organizationInfo">
 						{{organizationInfo.name}}
 					</a-descriptions-item>
 				</template>
 				<template v-else-if="item.shortcut_type===ECommon_Model_Finder_Shortcut_Type.PROJECT_RELEASE">
-					<a-descriptions-item label="name">{{projectReleaseInfo?.name}}</a-descriptions-item>
-					<a-descriptions-item label="type">
+					<a-descriptions-item :label="$t('util.name')">{{projectReleaseInfo?.name}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.type')">
 						<span style="color: blue">
-							Shortcut
+							{{$t("util.shortcut")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="category">
+					<a-descriptions-item label="$t('util.category')">
 						<span style="color: green">
-							Project Release
+							{{$t("util.projectRelease")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="status">
+					<a-descriptions-item :label="$t('util.status')">
 						{{projectReleaseInfo?.status===ECommon_Model_Project_Release_Status.RELEASE?"Release":projectReleaseInfo?.status===ECommon_Model_Project_Release_Status.ARCHIVED?"Archived":"UnRelease"}}
 					</a-descriptions-item>
-					<a-descriptions-item label="start">
+					<a-descriptions-item :label="$t('util.start')">
 						{{moment(projectReleaseInfo?.created_time).format("YYYY-MM-DD HH:mm:ss")}}
 					</a-descriptions-item>
-					<a-descriptions-item label="release">
+					<a-descriptions-item :label="$t('util.release')">
 						{{moment(projectReleaseInfo?.release_time).format("YYYY-MM-DD HH:mm:ss")}}
 					</a-descriptions-item>
-					<a-descriptions-item label="project">
+					<a-descriptions-item :label="$t('util.project')">
 						{{projectReleaseInfo?.projectName}}
 					</a-descriptions-item>
-					<a-descriptions-item label="organization" v-if="organizationInfo">
+					<a-descriptions-item :label="$t('util.organization')" v-if="organizationInfo">
 						{{organizationInfo.name}}
 					</a-descriptions-item>
 				</template>
 				<template v-else-if="item.shortcut_type===ECommon_Model_Finder_Shortcut_Type.BOARD_SPRINT">
-					<a-descriptions-item label="name">{{sprintInfo?.name}}</a-descriptions-item>
-					<a-descriptions-item label="issues">{{sprintInfo?.issues.length}}</a-descriptions-item>
-					<a-descriptions-item label="swimLanes">{{sprintInfo?.swimLanes.length}}</a-descriptions-item>
-					<a-descriptions-item label="start">
+					<a-descriptions-item :label="$t('util.name')">{{sprintInfo?.name}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.issues')">{{sprintInfo?.issues.length}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.swimLanes')">{{sprintInfo?.swimLanes.length}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.start')">
 						{{moment(sprintInfo?.start_time).format("YYYY-MM-DD HH:mm:ss")}}
 					</a-descriptions-item>
-					<a-descriptions-item label="end">
+					<a-descriptions-item :label="$t('util.end')">
 						{{moment(sprintInfo?.end_time).format("YYYY-MM-DD HH:mm:ss")}}
 					</a-descriptions-item>
-					<a-descriptions-item label="project">
+					<a-descriptions-item :label="$t('util.project')">
 						{{sprintInfo?.project.name}}
 					</a-descriptions-item>
-					<a-descriptions-item label="organization" v-if="organizationInfo">
+					<a-descriptions-item :label="$t('util.organization')" v-if="organizationInfo">
 						{{organizationInfo.name}}
 					</a-descriptions-item>
 				</template>
 				<template v-else-if="item.shortcut_type===ECommon_Model_Finder_Shortcut_Type.WIKI">
-					<a-descriptions-item label="name">{{wikiInfo?.name}}</a-descriptions-item>
-					<a-descriptions-item label="type">
+					<a-descriptions-item :label="$t('util.name')">{{wikiInfo?.name}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.type')">
 						<span style="color: blue">
-							Shortcut
+							{{$t("util.shortcut")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="category">
+					<a-descriptions-item :label="$t('util.category')">
 						<span style="color: green">
-							Wiki Project
+							{{$t("util.wikiProject")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="create" v-if="wikiInfo">
+					<a-descriptions-item :label="$t('util.create')" v-if="wikiInfo">
 						<UserAvatar :organization-user-id="wikiInfo?.created_by.organizationUserId" :name="wikiInfo?.created_by.nickname" :photo="wikiInfo?.created_by.photo" :organization-id="wikiInfo?.organization_id"></UserAvatar>
 					</a-descriptions-item>
-					<a-descriptions-item label="wiki count">
+					<a-descriptions-item :label="$t('util.wikiCount')">
 						{{wikiInfo?.data.length}}
 					</a-descriptions-item>
-					<a-descriptions-item label="organization" v-if="organizationInfo">
+					<a-descriptions-item :label="$t('util.organization')" v-if="organizationInfo">
 						{{organizationInfo.name}}
 					</a-descriptions-item>
 				</template>
 				<template v-else-if="item.shortcut_type===ECommon_Model_Finder_Shortcut_Type.WIKI_ITEM">
-					<a-descriptions-item label="name">{{wikiItemInfo?.name}}</a-descriptions-item>
-					<a-descriptions-item label="type">
+					<a-descriptions-item :label="$t('util.name')">{{wikiItemInfo?.name}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.type')">
 						<span style="color: blue">
-							Shortcut
+							{{$t("util.shortcut")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="category">
+					<a-descriptions-item :label="$t('util.category')">
 						<span style="color: green">
-							Wiki Item
+							{{$t("util.wikiItem")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="create" v-if="wikiItemInfo">
+					<a-descriptions-item :label="$t('util.create')" v-if="wikiItemInfo">
 						<UserAvatar :organization-user-id="wikiItemInfo?.created_by.organizationUserId" :name="wikiItemInfo?.created_by.nickname" :photo="wikiItemInfo?.created_by.photo" :organization-id="wikiItemInfo?.wiki.organization_id"></UserAvatar>
 					</a-descriptions-item>
-					<a-descriptions-item label="wiki">
+					<a-descriptions-item :label="$t('util.wiki')">
 						{{wikiItemInfo?.wiki.name}}
 					</a-descriptions-item>
-					<a-descriptions-item label="organization" v-if="organizationInfo">
+					<a-descriptions-item :label="$t('util.organization')" v-if="organizationInfo">
 						{{organizationInfo.name}}
 					</a-descriptions-item>
 				</template>
 				<template v-else-if="item.shortcut_type===ECommon_Model_Finder_Shortcut_Type.CALENDAR_EVENT">
-					<a-descriptions-item label="name">{{calendarEventInfo?.name}}</a-descriptions-item>
-					<a-descriptions-item label="type">
+					<a-descriptions-item :label="$t('util.name')">{{calendarEventInfo?.name}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.type')">
 						<span style="color: blue">
-							Shortcut
+							{{$t("util.shortcut")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="category">
+					<a-descriptions-item :label="$t('util.category')">
 						<span style="color: green">
-							Calendar Event
+							{{$t("util.calendarEvent")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="start">
+					<a-descriptions-item :label="$t('util.start')">
 						{{moment(calendarEventInfo?.start_time).format("YYYY-MM-DD HH:mm:ss")}}
 					</a-descriptions-item>
-					<a-descriptions-item label="end">
+					<a-descriptions-item :label="$t('util.end')">
 						{{moment(calendarEventInfo?.end_time).format("YYYY-MM-DD HH:mm:ss")}}
 					</a-descriptions-item>
-					<a-descriptions-item label="calendar">
+					<a-descriptions-item :label="$t('util.calendar')">
 						{{calendarEventInfo?.calendarName}}
 					</a-descriptions-item>
-					<a-descriptions-item label="organization" v-if="organizationInfo">
+					<a-descriptions-item :label="$t('util.organization')" v-if="organizationInfo">
 						{{organizationInfo.name}}
 					</a-descriptions-item>
 				</template>
 				<template v-else-if="item.shortcut_type===ECommon_Model_Finder_Shortcut_Type.MEETING_ROOM">
-					<a-descriptions-item label="name">{{meetingRoomInfo?.name}}</a-descriptions-item>
-					<a-descriptions-item label="type">
+					<a-descriptions-item :label="$t('util.name')">{{meetingRoomInfo?.name}}</a-descriptions-item>
+					<a-descriptions-item :label="$t('util.type')">
 						<span style="color: blue">
-							Shortcut
+							{{$t("util.shortcut")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="category">
+					<a-descriptions-item :label="$t('util.category')">
 						<span style="color: green">
-							Meeting
+							{{$t("util.meeting")}}
 						</span>
 					</a-descriptions-item>
-					<a-descriptions-item label="start">
+					<a-descriptions-item :label="$t('util.start')">
 						{{moment(meetingRoomInfo?.start_time).format("YYYY-MM-DD HH:mm:ss")}}
 					</a-descriptions-item>
-					<a-descriptions-item label="end">
+					<a-descriptions-item :label="$t('util.end')">
 						{{moment(meetingRoomInfo?.end_time).format("YYYY-MM-DD HH:mm:ss")}}
 					</a-descriptions-item>
-					<a-descriptions-item label="organization" v-if="organizationInfo">
+					<a-descriptions-item :label="$t('util.organization')" v-if="organizationInfo">
 						{{organizationInfo.name}}
 					</a-descriptions-item>
 				</template>
diff --git a/code/client/src/business/controller/app/im/chat.vue b/code/client/src/business/controller/app/im/chat.vue
index 11ea1a6..652e755 100644
--- a/code/client/src/business/controller/app/im/chat.vue
+++ b/code/client/src/business/controller/app/im/chat.vue
@@ -22,7 +22,7 @@
 					</a-button>
 					<template #content>
 						<a-row style="flex-direction: column;align-items: center">
-							<a-input size="small" placeholder="type user name" v-model="searchUserKey"></a-input>
+							<a-input size="small" :placeholder="$t('placeholder.typeUserName')" v-model="searchUserKey"></a-input>
 							<a-table style="width: 100%;margin-top: 10px" row-key="id" :columns="columns" :data="teamMemberList.filter(item=>(item.id!==organizationUserId && item.name.includes(searchUserKey)))" :row-selection="rowSelection" v-model:selected-keys="selectKeys" :pagination="false">
 								<template #name="{record}">
 									<UserAvatar :organization-user-id="record.id" :name="record.name" :photo="record.photo"></UserAvatar>
@@ -130,6 +130,7 @@ import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
 import {ECommon_Model_Organization_Member_Type} from "../../../../../../common/model/organization";
 import {TableRowSelection} from "@arco-design/web-vue/es/table/interface";
 import UserAvatar from "../../../common/component/userAvatar.vue";
+import {useI18n} from "vue-i18n";
 
 const root = ref()
 const appContext=getCurrentInstance().appContext
@@ -177,9 +178,10 @@ const rowSelection=ref<TableRowSelection>({
 	showCheckedAll:true,
 	onlyCurrent:false
 })
+const {t}=useI18n()
 const columns = [
 	{
-		title: 'Name',
+		title: t("util.name"),
 		slotName: 'name',
 	}
 ]
diff --git a/code/client/src/business/controller/app/im/favorite.vue b/code/client/src/business/controller/app/im/favorite.vue
index afb3e3c..ce03341 100644
--- a/code/client/src/business/controller/app/im/favorite.vue
+++ b/code/client/src/business/controller/app/im/favorite.vue
@@ -43,11 +43,13 @@ import {ECommon_Socket_Type} from "../../../../../../common/socket/types";
 import {SessionStorage} from "../../../common/storage/session";
 import {Message} from "@arco-design/web-vue";
 import {Dialog} from "../../../common/component/dialog/dialog";
+import {useI18n} from "vue-i18n";
 
 const appContext=getCurrentInstance().appContext
 const contentRef = ref<HTMLDivElement>()
 const messageList = ref<IClient_Chat_Message_Item[]>([])
 const socket=SocketIOClient.get(ECommon_Socket_Type.IM)
+const {t}=useI18n()
 let myOrganizationUserId=SessionStorage.get("organizationUserId")
 const onWheel = (event: WheelEvent) => {
 	let ele = event.currentTarget as HTMLDivElement
@@ -88,10 +90,10 @@ const getMessageList=async (date?:string)=>{
 }
 
 const onFavoriteDelete=async (item:IClient_Chat_Message_Item)=>{
-	let ret=await Dialog.confirm(document.getElementById("imWindow"),appContext,"Do you want delete this favorite?")
+	let ret=await Dialog.confirm(document.getElementById("imWindow"),appContext,t("tip.deleteFavorite"))
 	if(ret) {
 		socket.getSocket().emit("im_favorite_message_delete",item.messageId)
-		Message.info("delete success")
+		Message.info(t("tip.deleteSuccess"))
 		messageList.value.splice(messageList.value.findIndex(obj=>{
 			if(obj.messageId===item.messageId) {
 				return true
diff --git a/code/client/src/business/controller/app/im/im.vue b/code/client/src/business/controller/app/im/im.vue
index 6bf04f9..95580c6 100644
--- a/code/client/src/business/controller/app/im/im.vue
+++ b/code/client/src/business/controller/app/im/im.vue
@@ -2,8 +2,8 @@
   <a-layout style="height: 100%" id="imWindow">
     <a-layout-sider :resize-directions="['right']">
       <div style="width: 100%;height: 100%;overflow-y: auto;padding: 5px;box-sizing: border-box">
-        <a-select style="width: 100%" placeholder="type user or team" allow-search allow-clear @change="onChange" @search="onSearch">
-          <a-optgroup label="Team" v-if="selectList && selectList.teams && selectList.teams.length>0">
+        <a-select style="width: 100%" :placeholder="$t('placeholder.typeUserOrTeam')" allow-search allow-clear @change="onChange" @search="onSearch">
+          <a-optgroup :label="$t('util.team')" v-if="selectList && selectList.teams && selectList.teams.length>0">
             <a-option v-for="item in selectList.teams" :value="item.id">
               <a-row style="align-items: center">
                 <a-avatar :image-url="item.photo" :size="24"></a-avatar>&nbsp;
@@ -11,7 +11,7 @@
               </a-row>
             </a-option>
           </a-optgroup>
-          <a-optgroup label="User" v-if="selectList && selectList.users && selectList.users.length>0">
+          <a-optgroup :label="$t('util.user')" v-if="selectList && selectList.users && selectList.users.length>0">
             <a-option v-for="item in selectList.users" :value="item.id">
               <a-row style="align-items: center">
                 <a-avatar :image-url="item.photo" :size="24"></a-avatar>&nbsp;
@@ -25,16 +25,16 @@
 			      <template #icon>
 				      <icon-star></icon-star>
 			      </template>
-			      Favorites
+			      {{$t("controller.app.im.im.favorites")}}
 		      </a-menu-item>
 		      <a-menu-item key="messages">
 			      <template #icon>
 				      <icon-search></icon-search>
 			      </template>
-			      Messages
+			      {{$t("controller.app.im.im.messages")}}
 		      </a-menu-item>
 	      </a-menu>
-        <a-divider>Recent</a-divider>
+        <a-divider>{{$t("controller.app.im.im.recent")}}</a-divider>
         <RecentList ref="recentListRef" @select="onSelectChat" :init-data="id?{id,type:chatType}:undefined"></RecentList>
       </div>
     </a-layout-sider>
@@ -42,7 +42,7 @@
       <Chat :data="messageList" :type="selectedChat.type" :info="selectedChat" @send="onSend" v-if="selectedChat && selectedMenuKeys.length==0" ref="chatRef" @update-more="onShowMore" @click-photo="onClickChatPhoto" @favorite="onFavorite" :is-search="!!locateInfo" :teamMemberList="teamMemberList">
         <template #info v-if="selectedChat.type===ECommon_IM_Message_EntityType.TEAM">
           <a-collapse :default-active-key="['members']">
-            <a-collapse-item header="Members" key="members">
+            <a-collapse-item :header="$t('util.members')" key="members">
               <a-space wrap>
                 <UserAvatar v-for="item in teamMemberList" :organization-user-id="item.id" :name="item.name" :photo="item.photo"></UserAvatar>
               </a-space>
@@ -88,11 +88,13 @@ import {ECommon_Content_Line_Config_Type, ICommon_Content_Line} from "../../../.
 import Favorite from "./favorite.vue";
 import ImMessageSearch from "./imMessageSearch.vue";
 import {ICommon_Model_IM_Team_Message} from "../../../../../../common/model/im_team_message";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   id?:string,
   chatType?:ECommon_IM_Message_EntityType
 }>()
+const {t}=useI18n()
 const recentListRef=ref<InstanceType<typeof RecentList>>()
 const selectList=ref<ICommon_Route_Res_Organization_FilterUserAndTeam>()
 const messageList=ref<IClient_Chat_Message_Item[]>([])
@@ -408,7 +410,7 @@ const onClickFavorite=(key:string)=>{
 const onFavorite=async (item:IClient_Chat_Message_Item,type: ECommon_IM_Message_EntityType)=>{
 	let myOrganizationUserId=SessionStorage.get("organizationUserId")
 	socket.getSocket().emit("im_favorite_message_add",myOrganizationUserId,type,item.messageId)
-	Message.info("favorite success")
+	Message.info(t("tip.favoriteSuccess"))
 }
 
 const handleUserInfo = (id: string, info: {
diff --git a/code/client/src/business/controller/app/im/imMessageSearch.vue b/code/client/src/business/controller/app/im/imMessageSearch.vue
index c91932b..a4247a1 100644
--- a/code/client/src/business/controller/app/im/imMessageSearch.vue
+++ b/code/client/src/business/controller/app/im/imMessageSearch.vue
@@ -1,13 +1,13 @@
 <template>
 	<div style="height: 100%">
 		<a-row style="width: 100%">
-			<a-input-search placeholder="type your message and at least two characters" v-model="keyword" @search="onSearch" search-button></a-input-search>
+			<a-input-search :placeholder="$t('placeholder.imMessageSearch')" v-model="keyword" @search="onSearch" search-button></a-input-search>
 		</a-row>
 		<a-divider></a-divider>
 		<a-row style="width: 100%;">
 			<a-spin :loading="loading" style="width: 100%;">
 				<a-collapse style="width: 100%" v-model:active-key="activeKeys">
-					<a-collapse-item header="User" key="user">
+					<a-collapse-item :header="$t('util.user')" key="user">
 						<a-collapse style="width: 100%" v-if="userInfoList.length>0" :bordered="false">
 							<a-collapse-item v-for="(value,key) in messageList.users" :key="key">
 								<template #header>
@@ -42,7 +42,7 @@
 						</a-collapse>
 						<a-empty v-else></a-empty>
 					</a-collapse-item>
-					<a-collapse-item header="Team" key="team">
+					<a-collapse-item :header="$t('util.team')" key="team">
 						<a-collapse style="width: 100%" v-if="teamInfoList.length>0" :bordered="false">
 							<a-collapse-item v-for="(value,key) in messageList.teams" :key="key">
 								<template #header>
diff --git a/code/client/src/business/controller/app/im/recentList.vue b/code/client/src/business/controller/app/im/recentList.vue
index ada70d5..2f89c61 100644
--- a/code/client/src/business/controller/app/im/recentList.vue
+++ b/code/client/src/business/controller/app/im/recentList.vue
@@ -33,8 +33,8 @@
           </a-badge>
         </div>
         <template #content>
-          <a-doption @click="onProfile(item)">Profile</a-doption>
-          <a-doption @click="onClose(item,index)">Close</a-doption>
+          <a-doption @click="onProfile(item)">{{$t("util.profile")}}</a-doption>
+          <a-doption @click="onClose(item,index)">{{$t("util.close")}}</a-doption>
         </template>
       </a-dropdown>
     </a-menu-item>
diff --git a/code/client/src/business/controller/app/meeting/editScheduleMeeting.vue b/code/client/src/business/controller/app/meeting/editScheduleMeeting.vue
index b532936..a5c5603 100644
--- a/code/client/src/business/controller/app/meeting/editScheduleMeeting.vue
+++ b/code/client/src/business/controller/app/meeting/editScheduleMeeting.vue
@@ -1,18 +1,18 @@
 <template>
   <a-form auto-label-width :model="form" ref="formEle">
-      <a-form-item field="name" label="name" required>
+      <a-form-item field="name" :label="$t('util.name')" required>
         <a-input v-model="form.name"></a-input>
       </a-form-item>
-      <a-form-item field="description" label="description">
+      <a-form-item field="description" :label="$t('util.description')">
         <a-textarea v-model="form.description" allow-clear></a-textarea>
       </a-form-item>
-      <a-form-item field="startTime" label="start date" required>
+      <a-form-item field="startTime" :label="$t('util.startDate')" required>
         <a-date-picker show-time v-model="form.startTime"></a-date-picker>
       </a-form-item>
-      <a-form-item field="endTime" label="end date" required>
+      <a-form-item field="endTime" :label="$t('util.endDate')" required>
         <a-date-picker show-time v-model="form.endTime"></a-date-picker>
       </a-form-item>
-      <a-form-item field="password" label="password" required>
+      <a-form-item field="password" :label="$t('util.password')" required>
         <a-input v-model="form.password"></a-input>
       </a-form-item>
   </a-form>
diff --git a/code/client/src/business/controller/app/meeting/meeting.vue b/code/client/src/business/controller/app/meeting/meeting.vue
index fa58c72..568db39 100644
--- a/code/client/src/business/controller/app/meeting/meeting.vue
+++ b/code/client/src/business/controller/app/meeting/meeting.vue
@@ -4,22 +4,22 @@
 			<a-row style="height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center">
 				<a-dropdown class="startMeeting" trigger="hover" position="top">
 					<a-button size="large" type="primary" style="width: 300px" status="success" @click="onStartMeeting">
-						Start Meeting
+						{{$t("controller.app.meeting.meeting.startMeeting")}}
 					</a-button>
 					<template #content>
-						<a-doption @click="onPersonalMeetingSetting">Person Meeting Setting</a-doption>
+						<a-doption @click="onPersonalMeetingSetting">{{$t("controller.app.meeting.meeting.personMeetingSetting")}}</a-doption>
 					</template>
 				</a-dropdown>
-				<a-button size="large" type="primary" style="margin-top: 30px;width: 300px" status="warning" @click="onJoinMeeting">Join Meeting</a-button>
-				<a-button size="large" type="primary" style="margin-top: 30px;width: 300px" @click="onScheduleMeeting">Schedule Meeting</a-button>
+				<a-button size="large" type="primary" style="margin-top: 30px;width: 300px" status="warning" @click="onJoinMeeting">{{$t("controller.app.meeting.meeting.joinMeeting")}}</a-button>
+				<a-button size="large" type="primary" style="margin-top: 30px;width: 300px" @click="onScheduleMeeting">{{$t("controller.app.meeting.meeting.scheduleMeeting")}}</a-button>
 			</a-row>
 		</a-layout-content>
 		<a-layout-sider :resize-directions="['left']" :width="300">
 			<a-row style="height: 100%;width: 100%;padding: 5px;box-sizing: border-box">
 				<a-row style="height: 30px;width: 100%;">
 					<a-space>
-						Meeting List:
-						<a-input-search search-button placeholder="type meeting name" size="mini" @search="onSearch" v-model="keyword"></a-input-search>
+						{{$t("controller.app.meeting.meeting.meetingList")}}:
+						<a-input-search search-button :placeholder="$t('placeholder.typeMeetingName')" size="mini" @search="onSearch" v-model="keyword"></a-input-search>
 					</a-space>
 				</a-row>
 				<a-row style="height: calc(100% - 30px);width: 100%;border-top: 1px solid lightgray;overflow-y: auto;flex-direction: column">
@@ -40,12 +40,14 @@
 									</template>
 								</a-list-item-meta>
 								<template #actions>
-									<icon-video-camera style="color: red" @click="onStartScheduleMeeting(item)"></icon-video-camera>
-									<template v-if="item.type===ECommon_Model_Meeting_Room_Type.SCHEDULE">
-										<icon-edit @click="onEditMeeting(item)"></icon-edit>
-										<icon-delete @click="onDeleteMeeting(item)"></icon-delete>
-									</template>
-									<icon-calendar style="color: cornflowerblue" v-else-if="item.type===ECommon_Model_Meeting_Room_Type.CALENDAR" @click="onCalendarEvent(item)"></icon-calendar>
+									<a-space style="height: 100%">
+										<icon-video-camera style="color: red" @click="onStartScheduleMeeting(item)"></icon-video-camera>
+										<template v-if="item.type===ECommon_Model_Meeting_Room_Type.SCHEDULE">
+											<icon-edit @click="onEditMeeting(item)"></icon-edit>
+											<icon-delete style="color: red" @click="onDeleteMeeting(item)"></icon-delete>
+										</template>
+										<icon-calendar style="color: cornflowerblue" v-else-if="item.type===ECommon_Model_Meeting_Room_Type.CALENDAR" @click="onCalendarEvent(item)"></icon-calendar>
+									</a-space>
 								</template>
 							</a-list-item>
 						</a-list>
@@ -76,9 +78,9 @@ import MeetingJoinInput from "./meetingJoinInput.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
 import {useDesktopStore} from "../../desktop/store/desktop";
 import {ECommon_User_Online_Status} from "../../../../../../common/types";
-import {ECommon_Model_Finder_Shortcut_Type} from "../../../../../../common/model/finder_item";
 import {vDrag} from "../../../../teamOS/common/directive/drag";
 import {ECommon_Model_Organization_Member_Type} from "../../../../../../common/model/organization";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	meetingInitInfo?:{
@@ -93,6 +95,7 @@ const props=defineProps<{
 const store=useDesktopStore()
 const appContext=getCurrentInstance().appContext
 const root=getRootNavigatorRef()
+const {t}=useI18n()
 const roomList=ref<DCSType<ICommon_Model_Meeting_Room>[]>([])
 const pagination=reactive({
 	total:0,
@@ -147,13 +150,13 @@ const onEditMeeting=async (item:DCSType<ICommon_Model_Meeting_Room>)=>{
 }
 
 const onDeleteMeeting=async (item:DCSType<ICommon_Model_Meeting_Room>)=>{
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this meeting?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteMeeting"))
 	if(ret) {
 		let res=await apiMeeting.deleteRoom({
 			meetingRoomId:item.id
 		})
 		if(res?.code==0) {
-			Message.success("delete success")
+			Message.success(t("tip.deleteSuccess"))
 			getMeetingList(pagination.current)
 		}
 	}
diff --git a/code/client/src/business/controller/app/meeting/meetingJoinInput.vue b/code/client/src/business/controller/app/meeting/meetingJoinInput.vue
index 4727765..a450a95 100644
--- a/code/client/src/business/controller/app/meeting/meetingJoinInput.vue
+++ b/code/client/src/business/controller/app/meeting/meetingJoinInput.vue
@@ -1,9 +1,9 @@
 <template>
 	<a-form auto-label-width :model="form" ref="formEle">
-		<a-form-item field="id" label="meeting id" required>
+		<a-form-item field="id" :label="$t('util.meetingId')" required>
 			<a-input v-model="form.id"></a-input>
 		</a-form-item>
-		<a-form-item field="password" label="meeting password" required>
+		<a-form-item field="password" :label="$t('util.meetingPassword')" required>
 			<a-input v-model="form.password"></a-input>
 		</a-form-item>
 	</a-form>
diff --git a/code/client/src/business/controller/app/meeting/meetingOperation.vue b/code/client/src/business/controller/app/meeting/meetingOperation.vue
index bdf8a8b..15cf7ca 100644
--- a/code/client/src/business/controller/app/meeting/meetingOperation.vue
+++ b/code/client/src/business/controller/app/meeting/meetingOperation.vue
@@ -22,7 +22,7 @@
 					</template>
 				</a-button>
 				<template #content>
-					<a-descriptions title="Meeting Info" :data="[
+					<a-descriptions :title="$t('controller.app.meeting.meetingOperation.meetingInfo')" :data="[
 									{
 										label:'Meeting Id',
 										value:currentMeeting.id
@@ -34,9 +34,9 @@
 								]" v-if="currentMeeting"></a-descriptions>
 					<a-divider :margin="10"></a-divider>
 					<a-form :model="form" auto-label-width>
-						<a-form-item field="memberIds" label="Users" required>
-							<a-select style="width: 100%" placeholder="type user or team" multiple allow-search allow-clear v-model="form.memberIds" @search="onSearch">
-								<a-optgroup label="Team" v-if="selectList && selectList.teams && selectList.teams.length>0">
+						<a-form-item field="memberIds" :label="$t('util.users')" required>
+							<a-select style="width: 100%" :placeholder="$t('placeholder.typeUserOrTeam')" multiple allow-search allow-clear v-model="form.memberIds" @search="onSearch">
+								<a-optgroup :label="$t('util.team')" v-if="selectList && selectList.teams && selectList.teams.length>0">
 									<a-option v-for="item in selectList.teams" :value="item.id">
 										<a-row style="align-items: center">
 											<a-avatar :image-url="item.photo" :size="24"></a-avatar>&nbsp;
@@ -44,7 +44,7 @@
 										</a-row>
 									</a-option>
 								</a-optgroup>
-								<a-optgroup label="User" v-if="selectList && selectList.users && selectList.users.length>0">
+								<a-optgroup :label="$t('util.user')" v-if="selectList && selectList.users && selectList.users.length>0">
 									<a-option v-for="item in selectList.users" :value="item.id">
 										<a-row style="align-items: center">
 											<a-avatar :image-url="item.photo" :size="24"></a-avatar>&nbsp;
@@ -55,7 +55,7 @@
 							</a-select>
 						</a-form-item>
 						<a-form-item>
-							<a-button html-type="button" type="primary" @click="onInvite">Invite</a-button>
+							<a-button html-type="button" type="primary" @click="onInvite">{{$t("util.invite")}}</a-button>
 						</a-form-item>
 					</a-form>
 				</template>
@@ -69,10 +69,10 @@
 		</a-space>
 		<a-space>
 			<a-button size="mini" type="primary" @click="onLeave">
-				Leave
+				{{$t("util.leave")}}
 			</a-button>
 			<a-button size="mini" type="primary" status="danger" v-if="me?.permission===ECommon_Meeting_Room_Permission.PRESENTER" @click="onEnd">
-				End
+				{{$t("util.end")}}
 			</a-button>
 		</a-space>
 	</a-row>
@@ -92,6 +92,7 @@ import {SocketIOClient} from "../../../common/socket/socket";
 import {ECommon_Socket_Type} from "../../../../../../common/socket/types";
 import {ICommon_Route_Res_Organization_FilterUserAndTeam} from "../../../../../../common/routes/response";
 import {ECommon_Model_Organization_Member_Type} from "../../../../../../common/model/organization";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	me:OrganizationUserItem,
@@ -107,6 +108,7 @@ const root=getRootNavigatorRef()
 const appContext=getCurrentInstance().appContext
 const socket=SocketIOClient.getSocket(ECommon_Socket_Type.MEETING).getSocket()
 let isScreen=ref(false)
+const {t}=useI18n()
 props.meetingClient.onScreenStopped=() => {
 	isScreen.value=false
 }
@@ -131,7 +133,7 @@ const onToggleVideo=()=>{
 }
 
 const onLeave=async ()=>{
-	let ret=await Dialog.confirm(root.value,appContext,"Do you leave this meeting?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.leaveMeeting"))
 	if(ret) {
 		await props.meetingClient.leave()
 		navigator.pop()
@@ -139,13 +141,13 @@ const onLeave=async ()=>{
 }
 
 const onEnd=async ()=>{
-	let ret=await Dialog.confirm(root.value,appContext,"Do you end this meeting?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.endMeeting"))
 	if(ret) {
 		let res=await props.meetingClient.end()
 		if(res) {
 			navigator.pop()
 		} else {
-			Message.error("operation failed")
+			Message.error(t("tip.operationFailed"))
 		}
 	}
 }
@@ -179,7 +181,7 @@ const onToggleScreen=async ()=>{
 	if(!isScreen.value) {
 		let ret=await props.meetingClient.startShare()
 		if(ret===false) {
-			Message.error("can't share now")
+			Message.error(t("tip.cannotShare"))
 		} else if(ret===true) {
 			isScreen.value=true
 		}
diff --git a/code/client/src/business/controller/app/meeting/meetingParticipant.vue b/code/client/src/business/controller/app/meeting/meetingParticipant.vue
index fc6f805..0dead38 100644
--- a/code/client/src/business/controller/app/meeting/meetingParticipant.vue
+++ b/code/client/src/business/controller/app/meeting/meetingParticipant.vue
@@ -26,7 +26,7 @@
 				</a-button>
 				<a-button size="mini" type="text" v-if="me.permission===ECommon_Meeting_Room_Permission.PRESENTER" @click="onTogglePresenter(item)">
 					<template #icon>
-						<sicon size="15" color="rgb(22, 93, 255)" name="Ant" type="admin" v-if="item.permission===ECommon_Meeting_Room_Permission.PRESENTER" title="presenter"></sicon>
+						<sicon size="15" color="rgb(22, 93, 255)" name="Ant" type="admin" v-if="item.permission===ECommon_Meeting_Room_Permission.PRESENTER" :title="$t('controller.app.meeting.meetingParticipant.presenter')"></sicon>
 						<sicon size="15" color="gray" name="Ant" type="user" v-else></sicon>
 					</template>
 				</a-button>
@@ -34,7 +34,7 @@
 			<template #actions v-else>
 				<a-button size="mini" type="text" :disabled="true">
 					<template #icon>
-						<sicon size="15" color="rgb(22, 93, 255)" name="Ant" type="admin" v-if="me.permission===ECommon_Meeting_Room_Permission.PRESENTER" title="presenter"></sicon>
+						<sicon size="15" color="rgb(22, 93, 255)" name="Ant" type="admin" v-if="me.permission===ECommon_Meeting_Room_Permission.PRESENTER" :title="$t('controller.app.meeting.meetingParticipant.presenter')"></sicon>
 						<sicon size="15" color="gray" name="Ant" type="user" v-else></sicon>
 					</template>
 				</a-button>
@@ -54,6 +54,7 @@ import {getCurrentInstance} from "vue";
 import {MeetingClient} from "../../../common/component/meeting/client";
 import {SocketIOClient} from "../../../common/socket/socket";
 import {ECommon_Socket_Type} from "../../../../../../common/socket/types";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	organizationUserList:OrganizationUserItem[],
@@ -64,9 +65,10 @@ const myOrganizationUserId=SessionStorage.get("organizationUserId")
 const navigator=getCurrentNavigator()
 const root=getRootNavigatorRef()
 const appContext=getCurrentInstance().appContext
+const {t}=useI18n()
 const socket=SocketIOClient.getSocket(ECommon_Socket_Type.MEETING).getSocket()
 const onKick=async (item:OrganizationUserItem)=>{
-	let ret=await Dialog.confirm(root.value,appContext,`Do you want to kick ${item.name}?`)
+	let ret=await Dialog.confirm(root.value,appContext,`${t("tip.kick")}${item.name}?`)
 	if(ret) {
 		props.meetingClient.kick(item.organizationUserId)
 	}
@@ -74,7 +76,7 @@ const onKick=async (item:OrganizationUserItem)=>{
 
 const onTogglePresenter=async (item:OrganizationUserItem)=>{
 	let promote=item.permission===ECommon_Meeting_Room_Permission.NORMAL;
-	let ret=await Dialog.confirm(root.value,appContext,`Do you want to ${promote?`promote ${item.name} to presenter`:`demote ${item.name} to normal member`}?`)
+	let ret=await Dialog.confirm(root.value,appContext,`${t("tip.doYouWant")}${promote?`${t("tip.promote")}${item.name}${t("tip.toPresenter")}`:`${t("tip.demote")}${item.name}${t("tip.toNormalMember")}`}?`)
 	if(ret) {
 		if(promote) {
 			let ret=await socket.emitWithAck("meeting_change_presenter",item.organizationUserId,ECommon_Meeting_Room_Permission.PRESENTER)
diff --git a/code/client/src/business/controller/app/meeting/meetingPreview.vue b/code/client/src/business/controller/app/meeting/meetingPreview.vue
index 288b8e9..12c025d 100644
--- a/code/client/src/business/controller/app/meeting/meetingPreview.vue
+++ b/code/client/src/business/controller/app/meeting/meetingPreview.vue
@@ -1,8 +1,8 @@
 <template>
 	<a-form :model="form" ref="formEle" auto-label-width>
-		<a-form-item field="cameraId" label="select camera">
+		<a-form-item field="cameraId" :label="$t('util.selectCamera')">
 			<div style="width: 80%">
-				<a-select v-model="form.cameraId" placeholder="if you don't choose,we will pick up default">
+				<a-select v-model="form.cameraId" :placeholder="$t('placeholder.meetingPreview')">
 					<a-option v-for="item in cameraList" :value="item.id">{{item.name}}</a-option>
 				</a-select>
 				<div style="width: 100%;margin-top: 10px">
@@ -10,10 +10,10 @@
 				</div>
 			</div>
 		</a-form-item>
-		<a-form-item field="enableVideo" label="video on">
+		<a-form-item field="enableVideo" :label="$t('util.videoOn')">
 			<a-switch v-model="form.enableVideo"></a-switch>
 		</a-form-item>
-		<a-form-item field="enableAudio" label="audio on">
+		<a-form-item field="enableAudio" :label="$t('util.audioOn')">
 			<a-switch v-model="form.enableAudio"></a-switch>
 		</a-form-item>
 	</a-form>
diff --git a/code/client/src/business/controller/app/meeting/meetingProfile.vue b/code/client/src/business/controller/app/meeting/meetingProfile.vue
index eec5b40..b116c24 100644
--- a/code/client/src/business/controller/app/meeting/meetingProfile.vue
+++ b/code/client/src/business/controller/app/meeting/meetingProfile.vue
@@ -41,13 +41,13 @@
     </a-layout-content>
     <a-layout-sider :resize-directions="['left']" :width="250" id="meetingRight">
 	    <a-tabs size="mini" v-model:active-key="tabValue" style="height: 100%">
-		    <a-tab-pane title="participant" key="participant">
+		    <a-tab-pane :title="$t('util.participant')" key="participant">
 			    <MeetingParticipant :organization-user-list="organizationUserList" :me="me" :meeting-client="meetingClient"></MeetingParticipant>
 		    </a-tab-pane>
 		    <a-tab-pane key="chat">
 			    <template #title>
 				    <a-badge dot :count="unReadCount" :offset="[6,0]">
-					    chat
+					    {{$t("controller.app.meeting.meetingProfile.chat")}}
 				    </a-badge>
 			    </template>
 			    <MeetingChat :meeting-client="meetingClient" @new-message="onNewMessage" ref="meetingChat"></MeetingChat>
diff --git a/code/client/src/business/controller/app/meeting/personalMeetingSetting.vue b/code/client/src/business/controller/app/meeting/personalMeetingSetting.vue
index c483f50..0fedf61 100644
--- a/code/client/src/business/controller/app/meeting/personalMeetingSetting.vue
+++ b/code/client/src/business/controller/app/meeting/personalMeetingSetting.vue
@@ -1,10 +1,10 @@
 
 <template>
   <a-form :model="form" auto-label-width ref="formEle">
-      <a-form-item field="id" label="meeting id">
+      <a-form-item field="id" :label="$t('util.meetingId')">
           {{form.id}}
       </a-form-item>
-      <a-form-item field="password" label="meeting password" required>
+      <a-form-item field="password" :label="$t('util.meetingPassword')" required>
           <a-input v-model="form.password"></a-input>
       </a-form-item>
   </a-form>
diff --git a/code/client/src/business/controller/app/people/people.vue b/code/client/src/business/controller/app/people/people.vue
index 0c8c392..c684813 100644
--- a/code/client/src/business/controller/app/people/people.vue
+++ b/code/client/src/business/controller/app/people/people.vue
@@ -1,7 +1,7 @@
 <template>
   <div style="padding: 10px 20px">
     <a-row>
-      <a-input-search placeholder="please type name" style="width: 400px" v-model="keyword" @search="onSearch"></a-input-search>
+      <a-input-search :placeholder="$t('placeholder.typeName')" style="width: 400px" v-model="keyword" @search="onSearch"></a-input-search>
     </a-row>
     <a-space wrap style="margin-top: 20px" size="large">
       <CardItem v-for="item in userList" :name="item.organizationUser.nickname" :photo="item.user.photo" :description="item.organizationUser.job" @click="showProfile(item.organizationUser)"></CardItem>
diff --git a/code/client/src/business/controller/app/people/peopleProfile.vue b/code/client/src/business/controller/app/people/peopleProfile.vue
index 4b896ab..4535454 100644
--- a/code/client/src/business/controller/app/people/peopleProfile.vue
+++ b/code/client/src/business/controller/app/people/peopleProfile.vue
@@ -67,7 +67,7 @@
     </a-layout-sider>
     <a-layout-content style="padding: 0px 10px">
       <h3>
-        Recent Teams
+        {{$t("controller.app.people.peopleProfile.recentTeams")}}
       </h3>
       <a-list>
         <a-list-item v-for="item in info.teamList" :key="item.id">
@@ -78,15 +78,15 @@
           </a-list-item-meta>
           <template #actions>
             <template v-if="organizationUserId===myOrganizationUserId">
-              <a-button type="outline" size="small" @click="onTeamProfile(item.id)">Profile</a-button>
+              <a-button type="outline" size="small" @click="onTeamProfile(item.id)">{{$t("util.profile")}}</a-button>
             </template>
             <template v-else>
-              <a-button type="outline" size="small" style="margin-left: 20px" @click="onTeamProfile(item.id)">Profile</a-button>
+              <a-button type="outline" size="small" style="margin-left: 20px" @click="onTeamProfile(item.id)">{{$t("util.profile")}}</a-button>
               <a-button type="outline" size="small" style="margin-left: 20px;margin-top: 10px" @click="onMessage">
                 <template #icon>
                   <icon-message></icon-message>
                 </template>
-                Message
+	              {{$t("util.message")}}
               </a-button>
             </template>
           </template>
diff --git a/code/client/src/business/controller/app/project/board/boardAddIssueType.vue b/code/client/src/business/controller/app/project/board/boardAddIssueType.vue
index 30c5edb..ecfa934 100644
--- a/code/client/src/business/controller/app/project/board/boardAddIssueType.vue
+++ b/code/client/src/business/controller/app/project/board/boardAddIssueType.vue
@@ -1,6 +1,6 @@
 <template>
 	<a-form :model="form" ref="eleForm">
-		<a-form-item label="Issue Type" field="issueTypeIds" required>
+		<a-form-item :label="$t('util.issueType')" field="issueTypeIds" required>
 			<a-select v-model="form.issueTypeIds" multiple>
 				<a-option v-for="item in issueTypeList" :value="item.id" :label="item.name"></a-option>
 			</a-select>
@@ -15,6 +15,7 @@ import {ICommon_Model_Issue_Type} from "../../../../../../../common/model/issue_
 import {onDialogOk} from "@/business/common/component/dialog/dialog";
 import {dialogFuncGenerator} from "@/business/common/util/helper";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	boardId:string,
@@ -22,6 +23,7 @@ const props=defineProps<{
 const form=reactive({
 	issueTypeIds:[]
 })
+const {t}=useI18n()
 const eleForm=ref(null)
 const issueTypeList=ref<DCSType<ICommon_Model_Issue_Type>[]>([])
 
@@ -41,7 +43,7 @@ onBeforeMount(()=>{
 onDialogOk(dialogFuncGenerator({
 	func:()=>{
 		if(issueTypeList.value.length==0) {
-			Message.error("issue type can not be empty!")
+			Message.error(t("tip.issueTypeCannotBeEmpty"))
 			return false
 		}
 		return Promise.all(issueTypeList.value.map(item=>{
diff --git a/code/client/src/business/controller/app/project/board/boardConfig.vue b/code/client/src/business/controller/app/project/board/boardConfig.vue
index 0ad0025..8e1b941 100644
--- a/code/client/src/business/controller/app/project/board/boardConfig.vue
+++ b/code/client/src/business/controller/app/project/board/boardConfig.vue
@@ -2,7 +2,7 @@
 	<div style="width: 100%;height: 100%">
 		<a-row style="width: 100%;height: 30px;padding-left: 10px">
 			<a-button type="primary" size="small" @click="onAddColumn">
-				Add Column
+				{{$t("controller.app.project.board.boardConfig.addColumn")}}
 			</a-button>
 		</a-row>
 		<div style="width: 100%;margin-top: 20px;overflow: auto;height: calc(100% - 90px)">
@@ -40,7 +40,7 @@
 				</template>
 				<template #pinHeader>
 					<a-row style="height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 5px;box-sizing: border-box;">
-						<span style="color: grey">Issue Type</span>
+						<span style="color: grey">{{$t("util.issueType")}}</span>
 						<a-space size="mini">
 							<a-button type="text" size="mini" @click="onAddIssueType">
 								<template #icon>
@@ -88,6 +88,7 @@ import {ICommon_Route_Res_Board_Column_Workflow_Node_Item} from "../../../../../
 import {Dialog} from "@/business/common/component/dialog/dialog";
 import {getRootNavigatorRef} from "@/teamOS/common/component/navigator/navigator";
 import BoardAddIssueType from "@/business/controller/app/project/board/boardAddIssueType.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	boardId:string
@@ -95,6 +96,7 @@ const props=defineProps<{
 const root=getRootNavigatorRef()
 const appContext=getCurrentInstance().appContext
 const issueTypeList=ref<DCSType<ICommon_Model_Issue_Type>[]>([])
+const {t}=useI18n()
 const workflowUnSetNodeMap=ref<{
 	[issueTypeId:string]:ICommon_Model_Workflow_Node[]
 }>()
@@ -317,7 +319,7 @@ const onColumnChange=async (id:string,index:number)=>{
 }
 
 const onEditColumn=async (id:string,name:string)=>{
-	let ret=await Dialog.input(root.value,appContext,"Edit Column Name",name)
+	let ret=await Dialog.input(root.value,appContext,t("tip.editColumnName"),name)
 	if(ret) {
 		let res=await apiBoard.editColumn({
 			boardColumnId:id,
@@ -332,7 +334,7 @@ const onEditColumn=async (id:string,name:string)=>{
 }
 
 const onDeleteColumn=async (id:string)=>{
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete column?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteColumn"))
 	if(ret) {
 		let res=await apiBoard.deleteColumn({
 			boardColumnId:id
@@ -349,7 +351,7 @@ const onDeleteColumn=async (id:string)=>{
 }
 
 const onAddColumn=async ()=>{
-	let ret=await Dialog.input(root.value,appContext,"New Column Title")
+	let ret=await Dialog.input(root.value,appContext,t("tip.newColumnTitle"))
 	if(ret) {
 		let res=await apiBoard.addColumn({
 			name:ret,
@@ -367,7 +369,7 @@ const onAddColumn=async ()=>{
 }
 
 const onDeleteIssueType=async (item:DCSType<ICommon_Model_Issue_Type>)=>{
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this issue type?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.removeIssueType"))
 	if(ret) {
 		let res=await apiBoard.unbindIssueType({
 			boardId:props.boardId,
diff --git a/code/client/src/business/controller/app/project/board/boardEdit.vue b/code/client/src/business/controller/app/project/board/boardEdit.vue
index b5e8401..2725de4 100644
--- a/code/client/src/business/controller/app/project/board/boardEdit.vue
+++ b/code/client/src/business/controller/app/project/board/boardEdit.vue
@@ -1,12 +1,12 @@
 <template>
 	<a-form :model="form" ref="eleForm">
-		<a-form-item label="name" field="name" required>
+		<a-form-item :label="$t('util.name')" field="name" required>
 			<a-input v-model="form.name"></a-input>
 		</a-form-item>
-		<a-form-item label="description" field="description">
+		<a-form-item :label="$t('util.description')" field="description">
 			<a-textarea v-model="form.description" allow-clear></a-textarea>
 		</a-form-item>
-		<a-form-item label="Issue Type" field="issueTypeIds" v-if="type=='add'">
+		<a-form-item :label="$t('util.issueType')" field="issueTypeIds" v-if="type=='add'">
 			<a-select v-model="form.issueTypeIds" multiple>
 				<a-option v-for="item in issueTypeList" :value="item.id" :label="item.name"></a-option>
 			</a-select>
diff --git a/code/client/src/business/controller/app/project/board/boardIssueFields.vue b/code/client/src/business/controller/app/project/board/boardIssueFields.vue
index 6f9f223..638bf8c 100644
--- a/code/client/src/business/controller/app/project/board/boardIssueFields.vue
+++ b/code/client/src/business/controller/app/project/board/boardIssueFields.vue
@@ -1,13 +1,13 @@
 <template>
 	<div style="padding: 0 10px">
 		<a-form  :model="form" ref="eleForm" auto-label-width>
-			<a-form-item label="Action" field="actionId" required>
+			<a-form-item :label="$t('util.action')" field="actionId" required>
 				<a-select v-model="form.actionId" @change="onChange">
 					<a-option v-for="item in workflowActionList" :label="item.name" :value="item.id"></a-option>
 				</a-select>
 			</a-form-item>
 			<a-divider orientation="left" v-if="valueList.length>0">
-				Fields
+				{{$t("util.fields")}}
 			</a-divider>
 			<a-form-item v-for="value in valueList" :key="value.field.id" :label="value.field.name" :extra="value.field.description" :field="value.field.name" :required="!value.field.optional">
 				<FieldInput :item="value" :project-id="projectId"></FieldInput>
diff --git a/code/client/src/business/controller/app/project/board/boardKanban.vue b/code/client/src/business/controller/app/project/board/boardKanban.vue
index 487376a..b4b31e8 100644
--- a/code/client/src/business/controller/app/project/board/boardKanban.vue
+++ b/code/client/src/business/controller/app/project/board/boardKanban.vue
@@ -6,7 +6,7 @@
 					<a-option v-for="item in sprintList" :label="item.name" :value="item.id"></a-option>
 				</a-select>
 				<a-button type="primary" size="small" @click="onGo">
-					Go
+					{{$t("util.go")}}
 				</a-button>
 			</a-space>
 		</a-row>
@@ -61,9 +61,9 @@
 				<template #pinHeader>
 					<a-row style="height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 5px;box-sizing: border-box;">
 						<a-space>
-							<span style="color: grey">Swim Lane</span>
+							<span style="color: grey">{{$t("util.swimLane")}}</span>
 							<span :style="{color: sprintInfo.status!==ECommon_Model_Board_Sprint_Status.COMPLETED?'dodgerblue':'rgb(0,180,42)'}">
-								({{sprintInfo.status===ECommon_Model_Board_Sprint_Status.NOTSTART?"Not Start":sprintInfo.status===ECommon_Model_Board_Sprint_Status.STARTING?"Starting":"Completed"}})
+								({{sprintInfo.status===ECommon_Model_Board_Sprint_Status.NOTSTART?$t("util.notStart"):sprintInfo.status===ECommon_Model_Board_Sprint_Status.STARTING?$t("util.starting"):$t("util.completed")}})
 							</span>
 						</a-space>
 						<a-button size="mini" type="text" @click="onAddSwimLane" v-if="sprintInfo.status!==ECommon_Model_Board_Sprint_Status.COMPLETED">
@@ -143,6 +143,7 @@ import ProjectIssueNext from "@/business/controller/app/project/issue/projectIss
 import {EClient_EVENTBUS_TYPE, eventBus} from "@/business/common/event/event";
 import {ECommon_Model_Workflow_Node_Status} from "../../../../../../../common/model/workflow_node";
 import {ECommon_Model_Project_Issue_Approval_Type} from "../../../../../../../common/model/project_issue_approval";
+import {useI18n} from "vue-i18n";
 
 moment;
 const props=defineProps<{
@@ -154,6 +155,7 @@ const appContext=getCurrentInstance().appContext
 const sprintId=ref("")
 const sprintList=ref<DCSType<ICommon_Model_Board_Sprint>[]>([])
 const sprintInfo=ref<DCSType<ICommon_Route_Res_Board_Sprint_Info>>()
+const {t}=useI18n()
 const cardData=ref<{
 	id:string,
 	name:string,
@@ -196,7 +198,7 @@ const onSearch=async (keyword:string)=>{
 
 const onGo=async ()=>{
 	if(!sprintId.value) {
-		Message.error("you should select a sprint!")
+		Message.error(t("tip.selectSprint"))
 		return
 	}
 	let [resSprintInfo,resListColumn]=await Promise.all([
@@ -331,7 +333,7 @@ const onEditSwimLane=async (item:DCSType<ICommon_Model_Board_Sprint_SwimLane>)=>
 }
 
 const onDeleteSwimLane=async (item:DCSType<ICommon_Model_Board_Sprint_SwimLane>)=>{
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this swim lane?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteSwimLane"))
 	if(ret) {
 		let res=await apiBoard.deleteSwimLane({
 			boardSprintSwimLaneId:item.id
@@ -457,7 +459,7 @@ const onDrop=async (item:DCSType<ICommon_Model_Board_Sprint_SwimLane>,columnId:s
 						}
 					}
 				} else if(nextActionList.length==0) {
-					Message.error("this issue can not move to this column!")
+					Message.error(t("tip.notMoveToColumn"))
 				}
 			}
 		}
@@ -520,7 +522,7 @@ const onAction=async (projectIssueId:string,item:ICommon_Model_Workflow_Action |
 				return
 			}
 		} else if(item.name==="Reject") {
-			let ret=await Dialog.inputRich(root.value,appContext,"Reject Reason")
+			let ret=await Dialog.inputRich(root.value,appContext,t("tip.rejectReason"))
 			if(ret) {
 				let res=await apiIssue.rejectApproval({
 					projectIssueId:projectIssueId,
diff --git a/code/client/src/business/controller/app/project/board/boardList.vue b/code/client/src/business/controller/app/project/board/boardList.vue
index cfbb960..04cea40 100644
--- a/code/client/src/business/controller/app/project/board/boardList.vue
+++ b/code/client/src/business/controller/app/project/board/boardList.vue
@@ -2,8 +2,8 @@
 	<div>
 		<a-row>
 			<a-space wrap>
-				<a-input-search v-model="keyword" placeholder="please type board name" style="width: 250px" @search="onSearch"></a-input-search>
-				<a-button type="primary" @click="onCreate" v-if="checkPermission(permission,Permission_Types.Project.EDIT)">Create</a-button>
+				<a-input-search v-model="keyword" :placeholder="$t('placeholder.typeBoardName')" style="width: 250px" @search="onSearch"></a-input-search>
+				<a-button type="primary" @click="onCreate" v-if="checkPermission(permission,Permission_Types.Project.EDIT)">{{$t("util.create")}}</a-button>
 			</a-space>
 		</a-row>
 		<a-table style="margin-top: 10px" :columns="columns" :data="boardList" :pagination="pagination" @pageChange="onPageChange">
@@ -15,8 +15,8 @@
 			</template>
 			<template #operation="{record}">
 				<a-space v-if="checkPermission(permission,Permission_Types.Project.EDIT)" wrap>
-					<a-button size="small" @click="onEdit(record)">Edit</a-button>
-					<a-button size="small" status="danger" @click="onDelete(record)">Delete</a-button>
+					<a-button size="small" @click="onEdit(record)">{{$t("util.edit")}}</a-button>
+					<a-button size="small" status="danger" @click="onDelete(record)">{{$t("util.delete")}}</a-button>
 				</a-space>
 			</template>
 		</a-table>
@@ -38,22 +38,24 @@ import {
 import {Message} from "@arco-design/web-vue";
 import {ICommon_Model_Board} from "../../../../../../../common/model/board";
 import BoardEdit from "@/business/controller/app/project/board/boardEdit.vue";
+import {useI18n} from "vue-i18n";
 
 const objInject=inject(injectProjectInfo)
 const projectId=objInject.id
 const permission=objInject.permission
 const key=objInject.key
+const {t}=useI18n()
 const columns=[
 	{
-		title:"Name",
+		title:t("util.name"),
 		slotName:"name"
 	},
 	{
-		title:"Description",
+		title:t("util.description"),
 		slotName: "description"
 	},
 	{
-		title:"Operation",
+		title:t("util.operation"),
 		slotName: "operation"
 	}
 ]
@@ -106,13 +108,13 @@ const onEdit=async (item:DCSType<ICommon_Model_Board>)=>{
 	}
 }
 const onDelete=async (item:DCSType<ICommon_Model_Board>)=>{
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this board?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteBoard"))
 	if(ret) {
 		let res=await apiBoard.deleteBoard({
 			boardId:item.id
 		})
 		if(res?.code==0) {
-			Message.success("delete success")
+			Message.success(t("tip.deleteSuccess"))
 			search(pagination.current)
 		}
 	}
diff --git a/code/client/src/business/controller/app/project/board/boardProfile.vue b/code/client/src/business/controller/app/project/board/boardProfile.vue
index 4716218..9a39363 100644
--- a/code/client/src/business/controller/app/project/board/boardProfile.vue
+++ b/code/client/src/business/controller/app/project/board/boardProfile.vue
@@ -3,20 +3,20 @@
 		<a-row style="width: 100%;font-size: 30px;align-items: center;justify-content: space-between;padding: 0px 10px;box-sizing: border-box;height: 35px">
 			{{info?.name}}
 			<a-button type="primary" size="small" @click="onEdit">
-				Edit
+				{{$t("util.edit")}}
 			</a-button>
 		</a-row>
 		<a-row style="width: 100%;margin-top: 20px;padding:0px 10px;box-sizing: border-box;height: 20px">
 			{{info?.description}}
 		</a-row>
 		<a-tabs style="width: 100%;margin-top: 20px;height: calc(100% - 95px);" @scroll="$event.currentTarget.scrollTop=0" :default-active-key="boardSprintId?'kanban':'sprint'">
-			<a-tab-pane key="sprint" title="Sprint">
+			<a-tab-pane key="sprint" :title="$t('util.sprint')">
 				<BoardSprintList :board-id="boardId"></BoardSprintList>
 			</a-tab-pane>
-			<a-tab-pane key="kanban" title="Kanban">
+			<a-tab-pane key="kanban" :title="$t('util.kanban')">
 				<BoardKanban :board-id="boardId" :board-sprint-id="boardSprintId"></BoardKanban>
 			</a-tab-pane>
-			<a-tab-pane key="config" title="Config">
+			<a-tab-pane key="config" :title="$t('util.config')">
 				<BoardConfig :board-id="boardId"></BoardConfig>
 			</a-tab-pane>
 		</a-tabs>
diff --git a/code/client/src/business/controller/app/project/board/boardSprintAddIssue.vue b/code/client/src/business/controller/app/project/board/boardSprintAddIssue.vue
index b85c4e5..4a84657 100644
--- a/code/client/src/business/controller/app/project/board/boardSprintAddIssue.vue
+++ b/code/client/src/business/controller/app/project/board/boardSprintAddIssue.vue
@@ -1,13 +1,13 @@
 <template>
 	<a-form :model="form" ref="eleForm" auto-label-width>
-		<a-form-item label="Issue Types">
+		<a-form-item :label="$t('util.issueTypes')">
 			<a-space>
 				<a-tag v-for="item in issueTypeList">
 					{{item.name}}
 				</a-tag>
 			</a-space>
 		</a-form-item>
-		<a-form-item field="issues" label="Issues" required>
+		<a-form-item field="issues" :label="$t('util.issues')" required>
 			<a-select multiple allow-search v-model="form.issues" @search="onSearch">
 				<a-option v-for="item in issueList" :value="item.id">
 					{{item.project.keyword}}-{{item.unique_id}}&nbsp;{{item.name}}
@@ -25,6 +25,7 @@ import {ICommon_Route_Res_Project_Issue_filter_Item} from "../../../../../../../
 import {onDialogOk} from "@/business/common/component/dialog/dialog";
 import {dialogFuncGenerator} from "@/business/common/util/helper";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	boardSprintId:string,
@@ -35,6 +36,7 @@ const form=reactive({
 	issues:[]
 })
 const eleForm=ref()
+const {t}=useI18n()
 const issueTypeList=ref<DCSType<ICommon_Model_Issue_Type>[]>([])
 const issueList=ref<DCSType<ICommon_Route_Res_Project_Issue_filter_Item>[]>([])
 const getIssueTypeList=async ()=>{
@@ -69,7 +71,7 @@ onDialogOk(dialogFuncGenerator({
 	},
 	func:()=>{
 		if(form.issues.length==0) {
-			Message.error("issue should not be empty")
+			Message.error(t("tip.issueShouldNotBeEmpty"))
 			return false
 		}
 		return apiBoard.addSprintIssues({
diff --git a/code/client/src/business/controller/app/project/board/boardSprintEdit.vue b/code/client/src/business/controller/app/project/board/boardSprintEdit.vue
index 9669f46..1a4519e 100644
--- a/code/client/src/business/controller/app/project/board/boardSprintEdit.vue
+++ b/code/client/src/business/controller/app/project/board/boardSprintEdit.vue
@@ -1,10 +1,10 @@
 <template>
 	<a-form :model="form" ref="eleForm">
-		<a-form-item label="name" field="name" required>
+		<a-form-item :label="$t('util.name')" field="name" required>
 			<a-input v-model="form.name"></a-input>
 		</a-form-item>
-		<a-form-item label="dateRange" field="dateRange" required>
-			<a-range-picker v-model="form.dateRange" :placeholder="['Start Date','End Date']"></a-range-picker>
+		<a-form-item :label="$t('util.dateRange')" field="dateRange" required>
+			<a-range-picker v-model="form.dateRange" :placeholder="[$t('util.startDate'),$t('util.endDate')]"></a-range-picker>
 		</a-form-item>
 	</a-form>
 </template>
diff --git a/code/client/src/business/controller/app/project/board/boardSprintList.vue b/code/client/src/business/controller/app/project/board/boardSprintList.vue
index 21827ff..3ff1dcf 100644
--- a/code/client/src/business/controller/app/project/board/boardSprintList.vue
+++ b/code/client/src/business/controller/app/project/board/boardSprintList.vue
@@ -2,14 +2,14 @@
 	<div>
 		<a-row style="width: 100%;">
 			<a-space>
-				Status:
+				{{$t("util.status")}}:
 				<a-select size="small" style="width: 100px;" v-model="status">
-					<a-option :value="-1">All</a-option>
-					<a-option :value="ECommon_Model_Board_Sprint_Status.NOTSTART">Not Start</a-option>
-					<a-option :value="ECommon_Model_Board_Sprint_Status.STARTING">Starting</a-option>
-					<a-option :value="ECommon_Model_Board_Sprint_Status.COMPLETED">Completed</a-option>
+					<a-option :value="-1">{{$t("util.all")}}</a-option>
+					<a-option :value="ECommon_Model_Board_Sprint_Status.NOTSTART">{{$t("controller.app.project.board.boardSprintList.notStart")}}</a-option>
+					<a-option :value="ECommon_Model_Board_Sprint_Status.STARTING">{{$t("controller.app.project.board.boardSprintList.starting")}}</a-option>
+					<a-option :value="ECommon_Model_Board_Sprint_Status.COMPLETED">{{$t("controller.app.project.board.boardSprintList.completed")}}</a-option>
 				</a-select>
-				<a-input-search size="small" style="width: 300px" v-model="keyword" @search="onSearch" search-button placeholder="please type sprint name"></a-input-search>
+				<a-input-search size="small" style="width: 300px" v-model="keyword" @search="onSearch" search-button :placeholder="$t('placeholder.typeSprintName')"></a-input-search>
 				<a-button size="small" type="primary" @click="onCreate">
 					Create
 				</a-button>
@@ -33,10 +33,10 @@
 							</a-button>
 							<template #content>
 								<a-doption size="mini" type="primary" status="success" @click="onStartSprint(item,$event)" v-if="item.status!==ECommon_Model_Board_Sprint_Status.STARTING">
-									Start
+									{{$t("util.start")}}
 								</a-doption>
 								<a-doption size="mini" type="outline" status="success" @click="onCompleteSprint(item,$event)" v-else>
-									Complete
+									{{$t("util.complete")}}
 								</a-doption>
 							</template>
 						</a-dropdown>
@@ -96,6 +96,7 @@ import {injectProjectInfo} from "@/business/common/util/symbol";
 import BoardSprintAddIssue from "@/business/controller/app/project/board/boardSprintAddIssue.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "@/business/common/event/event";
 import FieldPriority from "@/business/common/component/field/fieldPriority.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	boardId:string
@@ -115,6 +116,7 @@ const loading=ref(false)
 const objInject=inject(injectProjectInfo)
 const projectId=objInject.id
 const key=objInject.key
+const {t}=useI18n()
 const search=async (page:number)=>{
 	let res=await apiBoard.listSprint({
 		boardId:props.boardId,
@@ -193,7 +195,7 @@ const onEdit=async (item:DCSType<ICommon_Model_Board_Sprint>,event:MouseEvent)=>
 
 const onDelete=async (item:DCSType<ICommon_Model_Board_Sprint>,event:MouseEvent)=>{
 	event.stopPropagation()
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this sprint?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteSprint"))
 	if(ret) {
 		let res=await apiBoard.deleteSprint({
 			boardSprintId:item.id
@@ -206,7 +208,7 @@ const onDelete=async (item:DCSType<ICommon_Model_Board_Sprint>,event:MouseEvent)
 
 const onStartSprint=async (item:DCSType<ICommon_Model_Board_Sprint>,event:MouseEvent)=>{
 	event.stopPropagation()
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to start this sprint?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.startSprint"))
 	if(ret) {
 		let res=await apiBoard.startSprint({
 			boardSprintId:item.id
@@ -219,7 +221,7 @@ const onStartSprint=async (item:DCSType<ICommon_Model_Board_Sprint>,event:MouseE
 
 const onCompleteSprint=async (item:DCSType<ICommon_Model_Board_Sprint>,event:MouseEvent)=>{
 	event.stopPropagation()
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to complete this sprint?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.completeSprint"))
 	if(ret) {
 		let res=await apiBoard.completeSprint({
 			boardSprintId:item.id
@@ -231,7 +233,7 @@ const onCompleteSprint=async (item:DCSType<ICommon_Model_Board_Sprint>,event:Mou
 }
 
 const onRemoveIssue=async (issue:DCSType<ICommon_Route_Res_Board_Sprint_Issue_Item>,sprint:DCSType<ICommon_Model_Board_Sprint>)=>{
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this issue from this sprint?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.removeIssueFromSprint"))
 	if(ret) {
 		let res=await apiBoard.removeProjectIssue({
 			projectIssueId:issue.id
diff --git a/code/client/src/business/controller/app/project/board/boardSprintPreview.vue b/code/client/src/business/controller/app/project/board/boardSprintPreview.vue
index da34417..0934f40 100644
--- a/code/client/src/business/controller/app/project/board/boardSprintPreview.vue
+++ b/code/client/src/business/controller/app/project/board/boardSprintPreview.vue
@@ -6,7 +6,7 @@
 				<a-row style="width: 100%;align-items: center">
 					{{info?.name}}&nbsp;&nbsp;
 					<span :style="{color: info?.status!==ECommon_Model_Board_Sprint_Status.COMPLETED?'dodgerblue':'rgb(0,180,42)'}">
-						{{info?.status===ECommon_Model_Board_Sprint_Status.NOTSTART?"Not Start":info?.status===ECommon_Model_Board_Sprint_Status.STARTING?"Starting":"Completed"}}
+						{{info?.status===ECommon_Model_Board_Sprint_Status.NOTSTART?$t("controller.app.project.board.boardSprintList.notStart"):info?.status===ECommon_Model_Board_Sprint_Status.STARTING?$t("controller.app.project.board.boardSprintList.starting"):$t("controller.app.project.board.boardSprintList.completed")}}
 					</span>
 				</a-row>
 				<a-row style="margin-top: 15px;">
@@ -21,13 +21,13 @@
 				<a-row style="width: 100%;margin-top: 15px;justify-content: space-between;align-items: center">
 					<a-space style="color: dodgerblue">
 						<span>
-							Swim Lanes:{{info?.swimLanes.length}}
+							{{$t("controller.app.project.board.boardSprintList.swimLanes")}}:{{info?.swimLanes.length}}
 						</span>
 						<span>
-							Issues:{{info?.issues.length}}
+							{{$t("util.issues")}}:{{info?.issues.length}}
 						</span>
 					</a-space>
-					<a-button type="outline" size="mini" style="margin-left: 20px" @click="onProfile">Profile</a-button>
+					<a-button type="outline" size="mini" style="margin-left: 20px" @click="onProfile">{{$t("util.profile")}}</a-button>
 				</a-row>
 			</a-row>
 		</template>
diff --git a/code/client/src/business/controller/app/project/board/boardSwimLaneAddIssue.vue b/code/client/src/business/controller/app/project/board/boardSwimLaneAddIssue.vue
index 9e00ccf..e0853b1 100644
--- a/code/client/src/business/controller/app/project/board/boardSwimLaneAddIssue.vue
+++ b/code/client/src/business/controller/app/project/board/boardSwimLaneAddIssue.vue
@@ -1,6 +1,6 @@
 <template>
 	<a-form :model="form" ref="eleForm" auto-label-width>
-		<a-form-item field="issues" label="Issues" required>
+		<a-form-item field="issues" :label="$t('util.issues')" required>
 			<a-select multiple allow-search v-model="form.issues" @search="onSearch">
 				<a-optgroup v-for="(_,swimLaneName) in optionMap" :label="swimLaneName">
 					<a-option v-for="item in optionMap[swimLaneName]" :value="item.id" :label="props.projectKey+'-'+item.unique_id">
@@ -23,6 +23,7 @@ import {ICommon_Route_Res_Board_Sprint_Issue_Item} from "../../../../../../../co
 import {onDialogOk} from "@/business/common/component/dialog/dialog";
 import {dialogFuncGenerator} from "@/business/common/util/helper";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	boardSprintSwimLaneId:string,
@@ -34,6 +35,7 @@ const form=reactive({
 	issues:[]
 })
 const eleForm=ref()
+const {t}=useI18n()
 const issueMap=ref<{
 	[swimLaneName:string]:DCSType<ICommon_Route_Res_Board_Sprint_Issue_Item>[]
 }>()
@@ -87,7 +89,7 @@ onDialogOk(dialogFuncGenerator({
 	},
 	func:()=>{
 		if(form.issues.length==0) {
-			Message.error("issue should not be empty")
+			Message.error(t("tip.issueShouldNotBeEmpty"))
 			return false
 		}
 		return Promise.all(form.issues.map(item=>{
diff --git a/code/client/src/business/controller/app/project/board/boardSwimLaneEdit.vue b/code/client/src/business/controller/app/project/board/boardSwimLaneEdit.vue
index 0039ea0..49fd818 100644
--- a/code/client/src/business/controller/app/project/board/boardSwimLaneEdit.vue
+++ b/code/client/src/business/controller/app/project/board/boardSwimLaneEdit.vue
@@ -1,14 +1,14 @@
 <template>
 	<a-form :model="form" ref="eleForm">
-		<a-form-item label="name" field="name" required>
+		<a-form-item :label="$t('util.name')" field="name" required>
 			<a-input v-model="form.name"></a-input>
 		</a-form-item>
-		<a-form-item label="priority" field="priority" required>
+		<a-form-item :label="$t('util.priority')" field="priority" required>
 			<a-select v-model="form.priority">
-				<a-option :value="ECommon_Model_Project_Issue_Priority.LOW">Low</a-option>
-				<a-option :value="ECommon_Model_Project_Issue_Priority.MEDIUM">MEDIUM</a-option>
-				<a-option :value="ECommon_Model_Project_Issue_Priority.HIGH">HIGH</a-option>
-				<a-option :value="ECommon_Model_Project_Issue_Priority.URGENT">URGENT</a-option>
+				<a-option :value="ECommon_Model_Project_Issue_Priority.LOW">{{$t("util.low")}}</a-option>
+				<a-option :value="ECommon_Model_Project_Issue_Priority.MEDIUM">{{$t("util.medium")}}</a-option>
+				<a-option :value="ECommon_Model_Project_Issue_Priority.HIGH">{{$t("util.high")}}</a-option>
+				<a-option :value="ECommon_Model_Project_Issue_Priority.URGENT">{{$t("util.urgent")}}</a-option>
 			</a-select>
 		</a-form-item>
 	</a-form>
diff --git a/code/client/src/business/controller/app/project/home/projectHome.vue b/code/client/src/business/controller/app/project/home/projectHome.vue
index 0c7df29..44eef3c 100644
--- a/code/client/src/business/controller/app/project/home/projectHome.vue
+++ b/code/client/src/business/controller/app/project/home/projectHome.vue
@@ -26,16 +26,16 @@
 								<template #split>
 									|
 								</template>
-								<a-statistic title="Issue Total" :value="staticInfo?.issueCount" show-group-separator :value-style="{
+								<a-statistic :title="$t('controller.app.project.home.projectHome.issueTotal')" :value="staticInfo?.issueCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
-								<a-statistic title="UnResolved Issue Total" :value="staticInfo?.issueUnDoneCount" show-group-separator :value-style="{
+								<a-statistic :title="$t('controller.app.project.home.projectHome.unResolvedIssueTotal')" :value="staticInfo?.issueUnDoneCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
-								<a-statistic title="Release Total" :value="staticInfo?.releaseCount" show-group-separator :value-style="{
+								<a-statistic :title="$t('controller.app.project.home.projectHome.releaseTotal')" :value="staticInfo?.releaseCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
-								<a-statistic title="Sprint Total" :value="staticInfo?.sprintCount" show-group-separator :value-style="{
+								<a-statistic :title="$t('controller.app.project.home.projectHome.sprintTotal')" :value="staticInfo?.sprintCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
 							</a-space>
@@ -105,6 +105,7 @@ import FieldPriority from "@/business/common/component/field/fieldPriority.vue";
 import {ICommon_Model_Project_Issue} from "../../../../../../../common/model/project_issue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "@/business/common/event/event";
 import {ICommon_Model_Project_Release} from "../../../../../../../common/model/project_release";
+import {useI18n} from "vue-i18n";
 
 echarts.use([
 	TitleComponent,
@@ -123,30 +124,31 @@ let userIssueListChart:EChartsType,userUnDoneIssueChart:EChartsType
 const projectId=inject(injectProjectInfo).id
 const key=inject(injectProjectInfo).key
 const permission=inject(injectProjectInfo).permission
+const {t}=useI18n()
 const data = [
 	{
 		id: "statics",
-		name: "Statics",
+		name: t("controller.app.project.home.projectHome.statics"),
 		data: null
 	},
 	{
 		id: "myRecentIssueList",
-		name: "My Recent Working Issue List",
+		name: t("controller.app.project.home.projectHome.myRecentIssueList"),
 		data: null
 	},
 	{
 		id: "userIssueList",
-		name: "Users' Issue Chart",
+		name: t("controller.app.project.home.projectHome.userIssueList"),
 		data: null
 	},
 	{
 		id: "userUnDoneIssueList",
-		name: "User's UnResolved Issue Chart",
+		name: t("controller.app.project.home.projectHome.userUnDoneIssueList"),
 		data: null
 	},
 	{
 		id: "recentReleaseList",
-		name: "Recent Release List",
+		name: t("controller.app.project.home.projectHome.recentReleaseList"),
 		data: null
 	},
 ]
@@ -174,6 +176,9 @@ const getProjectInfo=async ()=>{
 const initCharts=()=>{
 	userIssueListChart=echarts.init(userIssueListEle.value)
 	userIssueListChart.setOption({
+		grid:{
+			left:60
+		},
 		dataset:{
 			source:[
 				["count","name"],
@@ -189,7 +194,12 @@ const initCharts=()=>{
     },
     yAxis: {
 			name:"User",
-	    type: 'category'
+	    type: 'category',
+	    axisLabel:{
+		    show:true,
+		    overflow:"breakAll",
+		    width:40
+	    }
     },
     series: [
       {
@@ -204,6 +214,9 @@ const initCharts=()=>{
 	})
 	userUnDoneIssueChart=echarts.init(userUnDoneIssueEle.value)
 	userUnDoneIssueChart.setOption({
+		grid:{
+			left:60
+		},
 		dataset:{
 			source:[
 				["count","name"],
@@ -219,7 +232,12 @@ const initCharts=()=>{
 		},
 		yAxis: {
 			name:"User",
-			type: 'category'
+			type: 'category',
+			axisLabel:{
+				show:true,
+				overflow:"breakAll",
+				width:40
+			}
 		},
 		series: [
 			{
diff --git a/code/client/src/business/controller/app/project/issue/projectIssueBind.vue b/code/client/src/business/controller/app/project/issue/projectIssueBind.vue
index f06686d..df19b25 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssueBind.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssueBind.vue
@@ -1,6 +1,6 @@
 <template>
   <a-form :model="form" ref="eleForm">
-    <a-form-item label="issue" field="issueId" required>
+    <a-form-item :label="$t('util.issue')" field="issueId" required>
       <a-select allow-clear allow-search @search="onSearch" v-model="form.issueId">
         <a-option v-for="item in issueList" :label="item.name" :value="item.id">
           {{projectKey+"-"+item.unique_id+" "+item.name}}
@@ -25,7 +25,7 @@ const eleForm=ref(null)
 const form=reactive({
   issueId:""
 })
-const issueList=ref<DCSType<ICommon_Route_Res_Project_Issue_filter_Item[]>>([])
+const issueList=ref<DCSType<ICommon_Route_Res_Project_Issue_filter_Item>[]>([])
 const onSearch=async (keyword:string)=>{
   let res=await apiIssue.filter({
     name:keyword,
diff --git a/code/client/src/business/controller/app/project/issue/projectIssueComment.vue b/code/client/src/business/controller/app/project/issue/projectIssueComment.vue
index 6a2d35a..3e4a476 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssueComment.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssueComment.vue
@@ -7,7 +7,7 @@
 				</a-spin>
 			</template>
 			<template #actions>
-				<a-button type="primary" size="small" @click="onCommentAdd" style="margin-top: 10px">Save</a-button>
+				<a-button type="primary" size="small" @click="onCommentAdd" style="margin-top: 10px">{{$t("util.save")}}</a-button>
 			</template>
 		</a-comment>
 		<a-comment v-for="(item,index) in commentList" :author="item.value.created_by.nickname" :datetime="moment(item.value.created_time).format('YYYY-MM-DD HH:mm:ss')">
@@ -71,6 +71,7 @@ import RichEditor from "../../../../common/component/richEditor/richEditor.vue";
 import {RichEditorEventHandle} from "../../../../common/component/richEditorEventHandle";
 import {DropParam, vDrop} from "../../../../../teamOS/common/directive/drop";
 import UserAvatar from "../../../../common/component/userAvatar.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	projectIssueId:string
@@ -89,6 +90,7 @@ const objEditor=ref<InstanceType<typeof RichEditor>>()
 const objEditorAdd=ref<InstanceType<typeof RichEditor>>()
 const loading=ref(false)
 const popMenuList=ref(RichEditorEventHandle.popMenuList)
+const {t}=useI18n()
 const getCommentList=async ()=>{
 	let res=await apiIssue.commentList({
 		projectIssueId:props.projectIssueId
@@ -133,7 +135,7 @@ const onSave=async (item:DCSType<{
 		}
 	}))
 	if(value.length==0) {
-		Message.error("content can not be empty")
+		Message.error(t("tip.contentNotEmpty"))
 		return
 	}
 	let res=await apiIssue.commentEdit({
@@ -147,7 +149,7 @@ const onSave=async (item:DCSType<{
 }
 const onRemoveComment=async (index:number)=>{
 	let item=commentList.value[index];
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this comment?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteComment"))
 	if(ret) {
 		let res=await apiIssue.commentRemove({
 			contentId:item.value.id
diff --git a/code/client/src/business/controller/app/project/issue/projectIssueConvert.vue b/code/client/src/business/controller/app/project/issue/projectIssueConvert.vue
index a9f3ba3..cab6517 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssueConvert.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssueConvert.vue
@@ -1,12 +1,12 @@
 <template>
 	<div style="padding: 0 10px">
 		<a-form layout="vertical" :model="form" ref="eleForm">
-			<a-form-item label="Issue Type" field="issueTypeId" required>
+			<a-form-item :label="$t('util.issueType')" field="issueTypeId" required>
 				<a-select v-model="form.issueTypeId" @change="onIssueTypeChange">
 					<a-option v-for="item in issueTypeList" :label="item.name" :value="item.id"></a-option>
 				</a-select>
 			</a-form-item>
-			<a-divider orientation="left" v-if="valueList.length>0">Convert Fields</a-divider>
+			<a-divider orientation="left" v-if="valueList.length>0">{{$t("controller.app.project.issue.projectIssueConvert.convertFields")}}</a-divider>
 			<a-form-item v-for="value in valueList" :key="value.field.id" :extra="value.field.description" :field="value.field.name" :required="!value.field.optional">
 				<template #label>
 					{{value.field.name}}&nbsp;
@@ -18,7 +18,7 @@
 									<a-list-item v-for="item in originValueList.filter(item=>item.nodeField.fieldType.type===value.fieldType.type)" :key="item.issueFieldValue.id">
 										{{item.nodeField.field.name}}&nbsp;&nbsp;
 										<template #actions>
-											<a-button type="primary" size="mini" @click="onImport(item,value)">Import</a-button>
+											<a-button type="primary" size="mini" @click="onImport(item,value)">{{$t("util.import")}}</a-button>
 										</template>
 									</a-list-item>
 								</a-list>
diff --git a/code/client/src/business/controller/app/project/issue/projectIssueCreate.vue b/code/client/src/business/controller/app/project/issue/projectIssueCreate.vue
index 6a65279..f2741cb 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssueCreate.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssueCreate.vue
@@ -1,26 +1,26 @@
 <template>
   <div style="padding: 0 10px">
     <a-form layout="vertical" :model="form" ref="eleForm">
-      <a-form-item label="Issue Type" field="issueTypeId" required>
+      <a-form-item :label="$t('util.issueType')" field="issueTypeId" required>
         <a-select v-model="form.issueTypeId" @change="onIssueTypeChange">
           <a-option v-for="item in issueTypeList" :label="item.name" :value="item.id"></a-option>
         </a-select>
       </a-form-item>
-      <a-form-item label="name" field="name" required>
+      <a-form-item :label="$t('util.name')" field="name" required>
         <a-input v-model="form.name"></a-input>
       </a-form-item>
-      <a-form-item label="description" field="description">
+      <a-form-item :label="$t('util.description')" field="description">
         <a-textarea v-model="form.description"></a-textarea>
       </a-form-item>
-      <a-form-item label="priority" field="priority" required>
+      <a-form-item :label="$t('util.priority')" field="priority" required>
         <a-select v-model="form.priority">
-          <a-option label="low" :value="ECommon_Model_Project_Issue_Priority.LOW"></a-option>
-          <a-option label="medium" :value="ECommon_Model_Project_Issue_Priority.MEDIUM"></a-option>
-          <a-option label="high" :value="ECommon_Model_Project_Issue_Priority.HIGH"></a-option>
-          <a-option label="urgent" :value="ECommon_Model_Project_Issue_Priority.URGENT"></a-option>
+          <a-option :value="ECommon_Model_Project_Issue_Priority.LOW">{{$t('util.low')}}</a-option>
+          <a-option :value="ECommon_Model_Project_Issue_Priority.MEDIUM">{{$t('util.medium')}}</a-option>
+          <a-option :value="ECommon_Model_Project_Issue_Priority.HIGH">{{$t('util.high')}}</a-option>
+          <a-option :value="ECommon_Model_Project_Issue_Priority.URGENT">{{$t('util.urgent')}}</a-option>
         </a-select>
       </a-form-item>
-      <a-form-item label="assigner">
+      <a-form-item :label="$t('util.assigner')">
         <a-select allow-search @search="onSearchAssigner" v-model="form.assigner">
           <a-option v-for="item in assignerList" :label="item.organizationUser.nickname" :value="item.organizationUser.id">
             <a-avatar :size="24" :image-url="item.user.photo"></a-avatar>&nbsp;&nbsp;
@@ -28,7 +28,7 @@
           </a-option>
         </a-select>
       </a-form-item>
-      <a-form-item label="reporter">
+      <a-form-item :label="$t('util.reporter')">
         <a-select allow-search @search="onSearchReporter" v-model="form.reporter">
           <a-option v-for="item in reporterList" :label="item.organizationUser.nickname" :value="item.organizationUser.id">
             <a-avatar :size="24" :image-url="item.user.photo"></a-avatar>&nbsp;&nbsp;
diff --git a/code/client/src/business/controller/app/project/issue/projectIssueField.vue b/code/client/src/business/controller/app/project/issue/projectIssueField.vue
index 1113d15..9ff5f1a 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssueField.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssueField.vue
@@ -1,35 +1,35 @@
 <template>
 	<div class="issueProfileDetail">
 		<a-collapse :default-active-key="['detail']">
-			<a-collapse-item key="detail" header="Detail">
+			<a-collapse-item key="detail" :header="$t('util.detail')">
 				<a-form layout="vertical" :model="{}">
-					<a-form-item label="Issue Type">
+					<a-form-item :label="$t('util.issueType')">
 						{{info.issueType.name}}
 					</a-form-item>
-					<a-form-item label="Assigner">
+					<a-form-item :label="$t('util.assigner')">
 						<FieldEditBasic :project-issue-id="info.id" :type="EClient_Field_Basic_Type.ASSIGNER" :value="info.assigner_id"></FieldEditBasic>
 					</a-form-item>
-					<a-form-item label="Reporter">
+					<a-form-item :label="$t('util.reporter')">
 						<FieldEditBasic :project-issue-id="info.id" :type="EClient_Field_Basic_Type.REPORTER" :value="info.reporter_id"></FieldEditBasic>
 					</a-form-item>
-					<a-form-item label="Priority">
+					<a-form-item :label="$t('util.priority')">
 						<FieldEditBasic :project-issue-id="info.id" :type="EClient_Field_Basic_Type.PRIORITY" :value="info.priority"></FieldEditBasic>
 					</a-form-item>
-					<a-form-item label="Module">
+					<a-form-item :label="$t('util.module')">
 						<FieldEditBasic :project-issue-id="info.id" :type="EClient_Field_Basic_Type.MODULE" :value="moduleList"></FieldEditBasic>
 					</a-form-item>
-					<a-form-item label="Label">
+					<a-form-item :label="$t('util.label')">
 						<FieldEditBasic :project-issue-id="info.id" :type="EClient_Field_Basic_Type.LABEL" :value="labelList"></FieldEditBasic>
 					</a-form-item>
-					<a-form-item label="Fix Versions">
+					<a-form-item :label="$t('util.fixVersions')">
 						<FieldEditBasic :project-issue-id="info.id" :type="EClient_Field_Basic_Type.FIXVERSIONS" :value="releaseList"></FieldEditBasic>
 					</a-form-item>
-					<a-form-item label="Sprint">
+					<a-form-item :label="$t('util.sprint')">
 						<FieldEditBasic :project-issue-id="info.id" :type="EClient_Field_Basic_Type.SPRINT" :value="sprintInfo"></FieldEditBasic>
 					</a-form-item>
 				</a-form>
 			</a-collapse-item>
-			<a-collapse-item key="more" header="More">
+			<a-collapse-item key="more" :header="$t('util.more')">
 				<a-form layout="vertical" :model="{}" v-if="fieldList.length>0">
 					<a-form-item v-for="item in fieldList" :label="item.nodeField.field.name" :key="item.issueFieldValue.id">
 						<FieldEdit :item="item"></FieldEdit>
@@ -38,7 +38,7 @@
 			</a-collapse-item>
 		</a-collapse>
 		<a-row style="margin-top: 10px;color: grey;font-size: 12px;line-height: 1.3;padding-left: 5px;margin-bottom: 10px">
-			Created {{moment(info.created_time).format('YYYY-MM-DD HH:mm:ss')}}
+			{{$t("util.created")}} {{moment(info.created_time).format('YYYY-MM-DD HH:mm:ss')}}
 		</a-row>
 	</div>
 </template>
diff --git a/code/client/src/business/controller/app/project/issue/projectIssueHistory.vue b/code/client/src/business/controller/app/project/issue/projectIssueHistory.vue
index ada60c5..f0b0bf5 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssueHistory.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssueHistory.vue
@@ -6,35 +6,35 @@
 					<template v-if="item.type===ECommon_Model_Project_Issue_History_Type.CREATE_ISSUE">
 						<div style="width: 100%;align-items: center;display: flex">
 							<UserAvatar :organization-user-id="item.organization_user_id"></UserAvatar>&nbsp;
-							created the issue&nbsp;
+							{{$t("controller.app.project.issue.projectIssueHistory.createdTheIssue")}}&nbsp;
 							<span style="color: grey">{{moment(item.created_time).format("YYYY-MM-DD HH:mm:ss")}}</span>
 						</div>
 					</template>
 					<template v-else-if="item.type===ECommon_Model_Project_Issue_History_Type.APPROVAL_RESOLVE">
 						<div style="width: 100%;align-items: center;display: flex">
 							<UserAvatar :organization-user-id="item.organization_user_id"></UserAvatar>&nbsp;
-							resolved your approval&nbsp;
+							{{$t("controller.app.project.issue.projectIssueHistory.resolvedYourApproval")}}&nbsp;
 							<span style="color: grey">{{moment(item.created_time).format("YYYY-MM-DD HH:mm:ss")}}</span>
 						</div>
 					</template>
 					<template v-else-if="item.type===ECommon_Model_Project_Issue_History_Type.APPROVAL_REJECT">
 						<div style="width: 100%;align-items: center;display: flex">
 							<UserAvatar :organization-user-id="item.organization_user_id"></UserAvatar>&nbsp;
-							rejected your approval&nbsp;
+							{{$t("controller.app.project.issue.projectIssueHistory.rejectedYourApproval")}}&nbsp;
 							<span style="color: grey">{{moment(item.created_time).format("YYYY-MM-DD HH:mm:ss")}}</span>
 						</div>
 					</template>
 					<template v-else-if="item.type===ECommon_Model_Project_Issue_History_Type.UPDATE_FIELD">
 						<div style="width: 100%;align-items: center;display: flex">
 							<UserAvatar :organization-user-id="item.organization_user_id"></UserAvatar>&nbsp;
-							updated the field&nbsp;
+							{{$t("controller.app.project.issue.projectIssueHistory.updatedTheField")}}&nbsp;
 							<span style="color: blue">
 								{{item.name}}
 							</span>&nbsp;
 							<span style="color: grey">{{moment(item.created_time).format("YYYY-MM-DD HH:mm:ss")}}</span>
 						</div>
 						<div v-if="item.value" style="display: flex;align-items: center">
-							new value :&nbsp;
+							{{$t("controller.app.project.issue.projectIssueHistory.newValue")}} :&nbsp;
 							<UserAvatar v-if="/\d{19,}/.test(item.value)" :organization-user-id="item.value"></UserAvatar>
 							<span v-else style="color: grey">{{item.value}}</span>
 						</div>
@@ -42,20 +42,20 @@
 					<template v-else-if="item.type===ECommon_Model_Project_Issue_History_Type.UPDATE_NODE">
 						<div style="width: 100%;align-items: center;display: flex">
 							<UserAvatar :organization-user-id="item.organization_user_id"></UserAvatar>&nbsp;
-							updated the workflow&nbsp;
+							{{$t("controller.app.project.issue.projectIssueHistory.updatedTheWorkflow")}}&nbsp;
 							<span style="color: #544646">
 								{{item.name}}
 							</span>&nbsp;
 							<span style="color: grey">{{moment(item.created_time).format("YYYY-MM-DD HH:mm:ss")}}</span>
 						</div>
 						<div>
-							new workflow : <span style="color: grey">{{item.value}}</span>
+							{{$t("controller.app.project.issue.projectIssueHistory.newWorkflow")}} : <span style="color: grey">{{item.value}}</span>
 						</div>
 					</template>
 					<template v-else-if="item.type===ECommon_Model_Project_Issue_History_Type.ISSUE_TYPE_CONVERT">
 						<div style="width: 100%;align-items: center;display: flex">
 							<UserAvatar :organization-user-id="item.organization_user_id"></UserAvatar>&nbsp;
-							convert the issue&nbsp;
+							{{$t("controller.app.project.issue.projectIssueHistory.convertTheIssue")}}&nbsp;
 							<span style="color: grey">{{moment(item.created_time).format("YYYY-MM-DD HH:mm:ss")}}</span>
 						</div>
 					</template>
diff --git a/code/client/src/business/controller/app/project/issue/projectIssueList.vue b/code/client/src/business/controller/app/project/issue/projectIssueList.vue
index 2855760..f9e4e7b 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssueList.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssueList.vue
@@ -2,55 +2,55 @@
   <div>
     <a-row>
       <a-space wrap>
-        Filter:
-        <a-input-search v-model="keyword" placeholder="please type name or unique id" style="width: 250px" @search="onSearchIssue"></a-input-search>
+        {{$t("util.filter")}}:
+        <a-input-search v-model="keyword" :placeholder="$t('placeholder.typeNameOrUniqueId')" style="width: 250px" @search="onSearchIssue"></a-input-search>
         <a-select v-model="issueType">
           <template #label="{data}">
-            <span>Issue Type:{{data?.label}}</span>
+            <span>{{$t("util.issueType")}}:{{data?.label}}</span>
           </template>
-          <a-option value="all" label="All"></a-option>
+          <a-option value="all" :label="$t('util.all')"></a-option>
           <a-option v-for="item in issueTypeList" :label="item.name" :value="item.id"></a-option>
         </a-select>
         <a-select style="width: 160px" v-model="priority">
           <template #label="{data}">
-            <span>Priority:{{data?.label}}</span>
+            <span>{{$t("util.priority")}}:{{data?.label}}</span>
           </template>
-          <a-option :value="-1" label="All"></a-option>
-          <a-option :value="ECommon_Model_Project_Issue_Priority.LOW" label="low"></a-option>
-          <a-option :value="ECommon_Model_Project_Issue_Priority.MEDIUM" label="medium"></a-option>
-          <a-option :value="ECommon_Model_Project_Issue_Priority.HIGH" label="high"></a-option>
-          <a-option :value="ECommon_Model_Project_Issue_Priority.URGENT" label="urgent"></a-option>
+          <a-option :value="-1" :label="$t('util.all')"></a-option>
+          <a-option :value="ECommon_Model_Project_Issue_Priority.LOW">{{$t('util.low')}}</a-option>
+          <a-option :value="ECommon_Model_Project_Issue_Priority.MEDIUM">{{$t('util.medium')}}</a-option>
+          <a-option :value="ECommon_Model_Project_Issue_Priority.HIGH">{{$t('util.high')}}</a-option>
+          <a-option :value="ECommon_Model_Project_Issue_Priority.URGENT">{{$t('util.urgent')}}</a-option>
         </a-select>
         <a-select style="width: 170px" v-model="status">
           <template #label="{data}">
-            <span>Status:{{data?.label}}</span>
+            <span>{{$t("util.status")}}:{{data?.label}}</span>
           </template>
-          <a-option :value="-1" label="All"></a-option>
-          <a-option :value="ECommon_Model_Workflow_Node_Status.NOTSTART" label="not start"></a-option>
-          <a-option :value="ECommon_Model_Workflow_Node_Status.INPROGRESS" label="in progress"></a-option>
-          <a-option :value="ECommon_Model_Workflow_Node_Status.DONE" label="done"></a-option>
+          <a-option :value="-1" :label="$t('util.all')"></a-option>
+          <a-option :value="ECommon_Model_Workflow_Node_Status.NOTSTART">{{$t('util.notStart')}}</a-option>
+          <a-option :value="ECommon_Model_Workflow_Node_Status.INPROGRESS">{{$t('util.inProgress')}}</a-option>
+          <a-option :value="ECommon_Model_Workflow_Node_Status.DONE">{{$t('util.done')}}</a-option>
         </a-select>
-        <a-cascader v-model="module" :field-names="fields" :options="moduleList" placeholder="please select" :format-label="format" check-strictly></a-cascader>
-        Label:
-        <a-select v-model="label" @search="onSearchLabel" allow-search placeholder="please type label">
-          <a-option label="All" value="all"></a-option>
+        <a-cascader v-model="module" :field-names="fields" :options="moduleList" :placeholder="$t('placeholder.pleaseSelect')" :format-label="format" check-strictly></a-cascader>
+	      {{$t("util.label")}}:
+        <a-select v-model="label" @search="onSearchLabel" allow-search :placeholder="$t('placeholder.typeLabel')">
+          <a-option :label="$t('util.all')" value="all"></a-option>
           <a-option v-for="item in labelList" :label="item.name" :value="item.id"></a-option>
         </a-select>
-        Assigner:
-        <a-select v-model="assignerId" @search="onSearchAssigner" allow-search placeholder="please type assigner">
-          <a-option label="All" value="all"></a-option>
+	      {{$t("util.assigner")}}:
+        <a-select v-model="assignerId" @search="onSearchAssigner" allow-search :placeholder="$t('placeholder.typeAssigner')">
+          <a-option :label="$t('util.all')" value="all"></a-option>
           <a-option v-for="item in assignerList" :label="item.organizationUser.nickname" :value="item.organizationUser.id"></a-option>
         </a-select>
-        Reporter:
-        <a-select v-model="reporterId" @search="onSearchReporter" allow-search placeholder="please type reporter">
-          <a-option label="All" value="all"></a-option>
+	      {{$t("util.reporter")}}:
+        <a-select v-model="reporterId" @search="onSearchReporter" allow-search :placeholder="$t('placeholder.typeReporter')">
+          <a-option :label="$t('util.all')" value="all"></a-option>
           <a-option v-for="item in reporterList" :label="item.organizationUser.nickname" :value="item.organizationUser.id"></a-option>
         </a-select>
-        <a-button type="primary" @click="onCreate" v-if="checkPermission(permission,Permission_Types.Project.EDIT)">Create</a-button>
+        <a-button type="primary" @click="onCreate" v-if="checkPermission(permission,Permission_Types.Project.EDIT)">{{$t("util.create")}}</a-button>
       </a-space>
     </a-row>
     <a-divider></a-divider>
-	  <span style="font-size: small;color: gray">If you wanna open in a new tab,hold command(Mac) or control(Win) Key,click the link below</span>
+	  <span style="font-size: small;color: gray">{{$t("controller.app.project.issue.projectIssueList.remark")}}</span>
     <a-table style="margin-top: 10px" :columns="columns" :data="issueList" :pagination="pagination" @pageChange="onPageChange">
       <template #type="{record}">
         {{record.issueType.name}}
@@ -73,9 +73,9 @@
         <FieldPriority :priority="record.priority"></FieldPriority>
       </template>
       <template #status="{record}">
-        <a-tag color="gray" v-if="record.status===ECommon_Model_Workflow_Node_Status.NOTSTART">Not Start</a-tag>
-        <a-tag color="blue" v-else-if="record.status===ECommon_Model_Workflow_Node_Status.INPROGRESS">InProgress</a-tag>
-        <a-tag color="green" v-else-if="record.status===ECommon_Model_Workflow_Node_Status.DONE">Done</a-tag>
+        <a-tag color="gray" v-if="record.status===ECommon_Model_Workflow_Node_Status.NOTSTART">{{$t("util.notStart")}}</a-tag>
+        <a-tag color="blue" v-else-if="record.status===ECommon_Model_Workflow_Node_Status.INPROGRESS">{{$t("util.inProgress")}}</a-tag>
+        <a-tag color="green" v-else-if="record.status===ECommon_Model_Workflow_Node_Status.DONE">{{$t("util.done")}}</a-tag>
       </template>
     </a-table>
   </div>
@@ -108,11 +108,13 @@ import {ICommon_Model_Issue_Type} from "../../../../../../../common/model/issue_
 import ProjectIssueProfile from "./projectIssueProfile.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../../common/event/event";
 import {SessionStorage} from "../../../../common/storage/session";
+import {useI18n} from "vue-i18n";
 
 const objInject=inject(injectProjectInfo)
 const projectId=objInject.id
 const permission=objInject.permission
 const key=objInject.key
+const {t}=useI18n()
 const fields={
   label:"name",
   value:"id",
@@ -120,7 +122,7 @@ const fields={
 }
 const columns=[
   {
-    title:"Type",
+    title:t("util.type"),
     slotName:"type"
   },
   {
@@ -128,7 +130,7 @@ const columns=[
     slotName: "key"
   },
   {
-    title:"Name",
+    title:t("util.name"),
     slotName: "name"
   },
   {
@@ -140,11 +142,11 @@ const columns=[
     slotName: "reporter"
   },
   {
-    title:"Priority",
+    title:t("util.priority"),
     slotName: "priority"
   },
   {
-    title:"Status",
+    title:t("util.status"),
     slotName: "status"
   }
 ]
diff --git a/code/client/src/business/controller/app/project/issue/projectIssuePreview.vue b/code/client/src/business/controller/app/project/issue/projectIssuePreview.vue
index d6b2e8a..8664d35 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssuePreview.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssuePreview.vue
@@ -5,9 +5,9 @@
       <a-row style="width: 300px;padding: 10px">
         <a-row style="color: gray;width: 100%">
           {{info?.project.keyword+"-"+info?.unique_id}}&nbsp;
-          <a-tag color="gray" v-if="info?.workflowNode.status===ECommon_Model_Workflow_Node_Status.NOTSTART">Not Start</a-tag>
-          <a-tag color="blue" v-else-if="info?.workflowNode.status===ECommon_Model_Workflow_Node_Status.INPROGRESS">InProgress</a-tag>
-          <a-tag color="green" v-else-if="info?.workflowNode.status===ECommon_Model_Workflow_Node_Status.DONE">Done</a-tag>
+          <a-tag color="gray" v-if="info?.workflowNode.status===ECommon_Model_Workflow_Node_Status.NOTSTART">{{$t("util.notStart")}}</a-tag>
+          <a-tag color="blue" v-else-if="info?.workflowNode.status===ECommon_Model_Workflow_Node_Status.INPROGRESS">{{$t("util.inProgress")}}</a-tag>
+          <a-tag color="green" v-else-if="info?.workflowNode.status===ECommon_Model_Workflow_Node_Status.DONE">{{$t("util.done")}}</a-tag>
         </a-row>
         <a-row style="font-weight: bold;width: 100%;margin-top: 10px">
           {{info?.name}}
@@ -15,14 +15,14 @@
         <a-row style="width: 100%;margin-top: 15px">
           <a-col :span="12">
             <template v-if="info?.assigner_id">
-              Assigner&nbsp;&nbsp;
+	            {{$t("util.assigner")}}&nbsp;&nbsp;
               <a-avatar :image-url="info?.assigner_id.photo" :size="20"></a-avatar>&nbsp;
               {{info?.assigner_id.nickname}}
             </template>
           </a-col>
           <a-col :span="12">
             <template v-if="info?.reporter_id">
-              Reporter&nbsp;&nbsp;
+	            {{$t("util.reporter")}}&nbsp;&nbsp;
               <a-avatar :image-url="info?.reporter_id.photo" :size="20"></a-avatar>&nbsp;
               {{info?.reporter_id.nickname}}
             </template>
@@ -36,7 +36,7 @@
             <FieldPriority :priority="info?.priority" v-if="info"></FieldPriority>
           </a-col>
           <a-col :span="8">
-            <a-button type="outline" size="mini" style="margin-left: 20px" @click="onProfile">Profile</a-button>
+            <a-button type="outline" size="mini" style="margin-left: 20px" @click="onProfile">{{$t("util.profile")}}</a-button>
           </a-col>
         </a-row>
       </a-row>
diff --git a/code/client/src/business/controller/app/project/issue/projectIssueProfile.vue b/code/client/src/business/controller/app/project/issue/projectIssueProfile.vue
index 0d4c7b2..314741e 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssueProfile.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssueProfile.vue
@@ -13,7 +13,7 @@
       </a-row>
 	    <a-row v-if="info?.approval?.type===ECommon_Model_Project_Issue_Approval_Type.REJECTED" style="align-items: center;margin-top: 10px;">
 		    <UserAvatar :organization-user-id="info.approval.approval_organization_user_id"></UserAvatar>
-		    <span style="color: orange;font-weight: bold">&nbsp;rejected your approval</span>
+		    <span style="color: orange;font-weight: bold">&nbsp;{{$t("controller.app.project.issue.projectIssueHistory.rejectedYourApproval")}}</span>
 		    <a-popover v-if="info.approval.reason" position="right">
 			    <icon-info-circle-fill style="color: orange;margin-left: 10px"></icon-info-circle-fill>
 			    <template #content>
@@ -31,17 +31,17 @@
             </template>
           </a-dropdown>
 	        <a-button v-if="!parentIssue" @click="onCreateSubIssue">
-		        Create Child Issue
+		        {{$t("controller.app.project.issue.projectIssueProfile.createChildIssue")}}
 	        </a-button>
           <a-dropdown-button>
-            Link Issue
+	          {{$t("controller.app.project.issue.projectIssueProfile.linkIssue")}}
             <template #icon>
               <icon-down />
             </template>
             <template #content>
-              <a-doption @click="onAddItem('related')">Related</a-doption>
-              <a-doption @click="onAddItem('child')">Child</a-doption>
-              <a-doption @click="onAddItem('parent')">Parent</a-doption>
+              <a-doption @click="onAddItem('related')">{{$t("controller.app.project.issue.projectIssueProfile.related")}}</a-doption>
+              <a-doption @click="onAddItem('child')">{{$t("controller.app.project.issue.projectIssueProfile.child")}}</a-doption>
+              <a-doption @click="onAddItem('parent')">{{$t("controller.app.project.issue.projectIssueProfile.parent")}}</a-doption>
             </template>
           </a-dropdown-button>
           <a-dropdown>
@@ -52,38 +52,38 @@
             </a-button>
             <template #content>
 	            <a-popover trigger="hover" position="rt" @popup-visible-change="showQuickMeeting">
-		            <a-doption>Quick Meeting</a-doption>
+		            <a-doption>{{$t("controller.app.project.issue.projectIssueProfile.quickMeeting")}}</a-doption>
 		            <template #content>
 			            <a-row style="flex-direction: column;align-items: center">
-				            <a-input size="small" placeholder="type user name" v-model="searchUserKey"></a-input>
+				            <a-input size="small" :placeholder="$t('placeholder.typeUserName')" v-model="searchUserKey"></a-input>
 				            <a-table style="width: 100%;margin-top: 10px" row-key="id" :columns="columns" :data="issueRelatedUserList.filter(item=>(item.id!==organizationUserId && item.name.includes(searchUserKey)))" :row-selection="rowSelection" v-model:selected-keys="selectKeys" :pagination="false">
 					            <template #name="{record}">
 						            <UserAvatar :organization-user-id="record.id" :name="record.name" :photo="record.photo"></UserAvatar>
 					            </template>
 				            </a-table>
-				            <a-button type="primary" style="margin-top: 10px" size="small" @click="onMeeting">Invite</a-button>
+				            <a-button type="primary" style="margin-top: 10px" size="small" @click="onMeeting">{{$t("util.invite")}}</a-button>
 			            </a-row>
 		            </template>
 	            </a-popover>
-	            <a-doption v-if="checkPermission(permission,Permission_Types.Project.EDIT)" @click="onCopy">Copy</a-doption>
-	            <a-doption v-if="checkPermission(permission,Permission_Types.Project.EDIT)" @click="onConvert">Convert</a-doption>
-              <a-doption v-if="checkPermission(permission,Permission_Types.Project.ADMIN) || info?.created_by.id===store.userInfo.id" @click="onDelete" style="color: red">Delete</a-doption>
+	            <a-doption v-if="checkPermission(permission,Permission_Types.Project.EDIT)" @click="onCopy">{{$t("util.copy")}}</a-doption>
+	            <a-doption v-if="checkPermission(permission,Permission_Types.Project.EDIT)" @click="onConvert">{{$t("util.convert")}}</a-doption>
+              <a-doption v-if="checkPermission(permission,Permission_Types.Project.ADMIN) || info?.created_by.id===store.userInfo.id" @click="onDelete" style="color: red">{{$t("util.delete")}}</a-doption>
             </template>
           </a-dropdown>
         </a-space>
       </a-row>
       <a-row style="margin-top: 20px;font-weight: bold">
-        Description
+	      {{$t("util.description")}}
       </a-row>
       <a-row style="margin-top: 10px">
         <FieldEditBasic :project-issue-id="projectIssueId" :type="EClient_Field_Basic_Type.DESCRIPTION" :value="description" style="margin-right: 10px;box-sizing: border-box"></FieldEditBasic>
       </a-row>
 	    <ProjectIssueRelated :project-issue-id="projectIssueId" :child-issue-list="childIssueList" :parent-issue="parentIssue" :related-issue-list="relatedIssueList" @remove-parent="parentIssue=null"></ProjectIssueRelated>
 	    <a-tabs type="rounded" style="margin-top: 50px;" lazy-load size="small">
-		    <a-tab-pane key="comment" title="Comments">
+		    <a-tab-pane key="comment" :title="$t('util.comments')">
 			    <ProjectIssueComment style="margin-top: 10px" :project-issue-id="projectIssueId"></ProjectIssueComment>
 		    </a-tab-pane>
-		    <a-tab-pane key="history" title="History">
+		    <a-tab-pane key="history" :title="$t('util.history')">
 					<ProjectIssueHistory :project-issue-id="projectIssueId"></ProjectIssueHistory>
 		    </a-tab-pane>
 	    </a-tabs>
@@ -132,6 +132,7 @@ import {ECommon_Content_Line_Config_Type} from "../../../../../../../common/mode
 import {RichEditorEventHandle} from "@/business/common/component/richEditorEventHandle";
 import {ECommon_Model_Finder_Shortcut_Type} from "../../../../../../../common/model/finder_item";
 import ProjectIssueConvert from "@/business/controller/app/project/issue/projectIssueConvert.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectIssueId:string
@@ -168,9 +169,10 @@ const rowSelection=ref<TableRowSelection>({
 	showCheckedAll:true,
 	onlyCurrent:false
 })
+const {t}=useI18n()
 const columns = [
 	{
-		title: 'Name',
+		title: t("util.name"),
 		slotName: 'name',
 	}
 ]
@@ -261,13 +263,13 @@ const onAddItem=async (type:"parent"|"child"|"related")=>{
 }
 
 const onDelete=async ()=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this issue?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteIssue"))
   if(ret) {
     let res=await apiIssue.remove({
       projectIssueId:props.projectIssueId
     })
     if(res?.code==0) {
-      Message.success("delete success")
+      Message.success(t("tip.deleteSuccess"))
       navigator.pop()
     }
   }
@@ -302,7 +304,7 @@ const onAction=async (item:ICommon_Model_Workflow_Action | {
 				return
 			}
 		} else if(item.name==="Reject") {
-			let ret=await Dialog.inputRich(root.value,appContext,"Reject Reason")
+			let ret=await Dialog.inputRich(root.value,appContext,t("tip.rejectReason"))
 			if(ret) {
 				let res=await apiIssue.rejectApproval({
 					projectIssueId:props.projectIssueId,
@@ -367,7 +369,7 @@ const onMeeting=async ()=>{
 }
 
 const onCopy=async ()=>{
-	let ret=await Dialog.input(root.value,appContext,"type the issue's name")
+	let ret=await Dialog.input(root.value,appContext,t("tip.typeIssueName"))
 	if(ret) {
 		let res=await apiIssue.copy({
 			projectIssueId:props.projectIssueId,
@@ -393,7 +395,7 @@ const onConvert=async ()=>{
 }
 
 const onCreateSubIssue=async ()=>{
-	let ret=await Dialog.input(root.value,appContext,"type the issue's name")
+	let ret=await Dialog.input(root.value,appContext,t("tip.typeIssueName"))
 	if(ret) {
 		let res=await apiIssue.createChildIssue({
 			projectIssueId:props.projectIssueId,
diff --git a/code/client/src/business/controller/app/project/issue/projectIssueRelated.vue b/code/client/src/business/controller/app/project/issue/projectIssueRelated.vue
index ee6bf75..5e58135 100644
--- a/code/client/src/business/controller/app/project/issue/projectIssueRelated.vue
+++ b/code/client/src/business/controller/app/project/issue/projectIssueRelated.vue
@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<template v-if="parentIssue">
-			<a-row style="margin-top: 20px;font-weight: bold">Parent Issue</a-row>
+			<a-row style="margin-top: 20px;font-weight: bold">{{$t("controller.app.project.issue.projectIssueRelated.parentIssue")}}</a-row>
 			<a-list style="margin-top: 10px;margin-right: 10px" size="small" hoverable>
 				<a-list-item>
 					<a-space size="large">
@@ -20,7 +20,7 @@
 			</a-list>
 		</template>
 		<template v-if="childIssueList.length>0">
-			<a-row style="margin-top: 20px;font-weight: bold">Child Issues</a-row>
+			<a-row style="margin-top: 20px;font-weight: bold">{{$t("controller.app.project.issue.projectIssueRelated.childIssues")}}</a-row>
 			<a-list style="margin-top: 10px;margin-right: 10px" size="small" hoverable>
 				<a-list-item v-for="(item,index) in childIssueList" :key="item.id">
 					<a-space size="large">
@@ -39,7 +39,7 @@
 			</a-list>
 		</template>
 		<template v-if="relatedIssueList.length>0">
-			<a-row style="margin-top: 20px;font-weight: bold">Related Issues</a-row>
+			<a-row style="margin-top: 20px;font-weight: bold">{{$t("controller.app.project.issue.projectIssueRelated.relatedIssues")}}</a-row>
 			<a-list style="margin-top: 10px;margin-right: 10px" size="small" hoverable>
 				<a-list-item v-for="(item,index) in relatedIssueList" :key="item.id">
 					<a-space size="large">
@@ -70,6 +70,7 @@ import {injectProjectInfo} from "../../../../common/util/symbol";
 import {Dialog} from "../../../../common/component/dialog/dialog";
 import {getRootNavigatorRef} from "../../../../../teamOS/common/component/navigator/navigator";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../../common/event/event";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	parentIssue?:DCSType<ICommon_Model_Project_Issue>,
@@ -84,9 +85,10 @@ const key=inject(injectProjectInfo).key
 const projectId=inject(injectProjectInfo).id
 const root=getRootNavigatorRef()
 const appContext=getCurrentInstance().appContext
+const {t}=useI18n()
 const onRemoveItem=async (type:"parent"|"child"|"related",index:number)=>{
 	if(type==="parent") {
-		let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove parent issue?")
+		let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteParentIssue"))
 		if(ret) {
 			let res=await apiIssue.removeParentIssue({
 				projectIssueId:props.projectIssueId,
@@ -97,7 +99,7 @@ const onRemoveItem=async (type:"parent"|"child"|"related",index:number)=>{
 			}
 		}
 	} else if(type=="child") {
-		let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove child issue?")
+		let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteChildIssue"))
 		if(ret) {
 			let res=await apiIssue.removeChildIssue({
 				projectIssueId:props.projectIssueId,
@@ -108,7 +110,7 @@ const onRemoveItem=async (type:"parent"|"child"|"related",index:number)=>{
 			}
 		}
 	} else if(type=="related") {
-		let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove related issue?")
+		let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRelatedIssue"))
 		if(ret) {
 			let res=await apiIssue.removeRelatedIssue({
 				projectIssueId:props.projectIssueId,
diff --git a/code/client/src/business/controller/app/project/project.vue b/code/client/src/business/controller/app/project/project.vue
index bb771ee..b879763 100644
--- a/code/client/src/business/controller/app/project/project.vue
+++ b/code/client/src/business/controller/app/project/project.vue
@@ -1,8 +1,8 @@
 <template>
   <div style="height: 100%;overflow-y: auto;padding: 0px 10px" ref="root">
-    Your Work
+    {{$t("controller.app.project.project.yourWork")}}
     <a-collapse :default-active-key="['recent','all']" style="margin-top: 10px">
-      <a-collapse-item header="Recent Project List" key="recent">
+      <a-collapse-item :header="$t('controller.app.project.project.recentProjectList')" key="recent">
         <a-space wrap style="margin-top: 20px" size="large" v-if="recentList.length>0">
           <ProjectItem v-for="item in recentList" style="background-color: white" done-title="my done issue" :done-count="item.done" open-title="my open issue" :open-count="item.notstart+item.inprogress" :name="item.name" :project-id="item.id" :photo="item.photo" @click="onClickProjectItem(item.id,item.name)" v-drag.shortcut="()=>({
 						shortcutType:ECommon_Model_Finder_Shortcut_Type.PROJECT,
@@ -12,17 +12,17 @@
         </a-space>
         <a-empty v-else></a-empty>
       </a-collapse-item>
-      <a-collapse-item header="All Project List" key="all">
+      <a-collapse-item :header="$t('controller.app.project.project.allProjectList')" key="all">
         <a-row>
           <a-space>
-            Type
+            {{$t("util.type")}}
             <a-select v-model="type" style="width: 100px">
-              <a-option label="All" value="all"></a-option>
-              <a-option label="Created" value="created"></a-option>
-              <a-option label="Joined" value="joined"></a-option>
+              <a-option :label="$t('util.all')" value="all"></a-option>
+              <a-option :label="$t('util.created')" value="created"></a-option>
+              <a-option :label="$t('util.joined')" value="joined"></a-option>
             </a-select>
-            <a-input-search style="width: 250px" v-model="keyword" placeholder="please type project name" @search="onSearch"></a-input-search>
-            <a-button type="primary" @click="onAddProject" v-if="checkPermission(storeOrganization.organizationPermission,Permission_Types.Organization.CREATE_PROJECT)">Create</a-button>
+            <a-input-search style="width: 250px" v-model="keyword" :placeholder="$t('placeholder.typeProjectName')" @search="onSearch"></a-input-search>
+            <a-button type="primary" @click="onAddProject" v-if="checkPermission(storeOrganization.organizationPermission,Permission_Types.Organization.CREATE_PROJECT)">{{$t("util.create")}}</a-button>
           </a-space>
         </a-row>
         <a-space wrap style="margin-top: 20px" size="large" v-if="list.length>0">
diff --git a/code/client/src/business/controller/app/project/projectProfile.vue b/code/client/src/business/controller/app/project/projectProfile.vue
index b1336d5..6fb9d56 100644
--- a/code/client/src/business/controller/app/project/projectProfile.vue
+++ b/code/client/src/business/controller/app/project/projectProfile.vue
@@ -2,11 +2,11 @@
   <a-layout style="height: 100%">
     <a-layout-sider :resize-directions="['right']">
       <a-menu style="width: 100%" @menu-item-click="onSubMenuClick" v-model:selected-keys="menuKey">
-	      <a-menu-item key="home">Home</a-menu-item>
-        <a-menu-item key="issue">Issue</a-menu-item>
-	      <a-menu-item key="board">Board</a-menu-item>
-        <a-menu-item key="release">Release</a-menu-item>
-        <a-menu-item key="setting" v-if="checkPermission(permission,Permission_Types.Project.ADMIN)">Setting</a-menu-item>
+	      <a-menu-item key="home">{{$t("util.home")}}</a-menu-item>
+        <a-menu-item key="issue">{{$t("util.issue")}}</a-menu-item>
+	      <a-menu-item key="board">{{$t("util.board")}}</a-menu-item>
+        <a-menu-item key="release">{{$t("util.release")}}</a-menu-item>
+        <a-menu-item key="setting" v-if="checkPermission(permission,Permission_Types.Project.ADMIN)">{{$t("util.setting")}}</a-menu-item>
       </a-menu>
     </a-layout-sider>
     <a-layout-content style="flex-direction: column;display: flex;padding: 10px;">
diff --git a/code/client/src/business/controller/app/project/release/projectReleaseEdit.vue b/code/client/src/business/controller/app/project/release/projectReleaseEdit.vue
index 813e5cb..dbbfdfa 100644
--- a/code/client/src/business/controller/app/project/release/projectReleaseEdit.vue
+++ b/code/client/src/business/controller/app/project/release/projectReleaseEdit.vue
@@ -1,13 +1,13 @@
 <template>
   <a-form :model="form" ref="eleForm">
-    <a-form-item label="name" field="name" required>
+    <a-form-item :label="$t('util.name')" field="name" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
-    <a-form-item label="description" field="description">
+    <a-form-item :label="$t('util.description')" field="description">
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
-    <a-form-item label="dateRange" field="dateRange" required>
-      <a-range-picker v-model="form.dateRange" :placeholder="['Start Date','Release Date']"></a-range-picker>
+    <a-form-item :label="$t('util.dateRange')" field="dateRange" required>
+      <a-range-picker v-model="form.dateRange" :placeholder="[$t('util.startDate'),$t('util.releaseDate')]"></a-range-picker>
     </a-form-item>
   </a-form>
 </template>
@@ -19,12 +19,14 @@ import {reactive, ref} from "vue";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {dialogFuncGenerator} from "../../../../common/util/helper";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"add"|"edit",
   projectId?:string,
   item?:DCSType<ICommon_Route_Res_Release_Item>
 }>()
+const {t}=useI18n()
 const form=reactive({
   name:props.type=="edit"?props.item.name:"",
   dateRange:props.type=="edit"?[props.item.start_time,props.item.release_time]:["",""],
@@ -34,7 +36,7 @@ const eleForm=ref(null)
 onDialogOk(dialogFuncGenerator({
   func:()=>{
     if(!form.dateRange[0] || !form.dateRange[1]) {
-      Message.error("you must select both date!")
+      Message.error(t("tip.selectBothDate"))
       return false;
     }
     return props.type=="add"?apiRelease.create({
diff --git a/code/client/src/business/controller/app/project/release/projectReleaseIfCan.vue b/code/client/src/business/controller/app/project/release/projectReleaseIfCan.vue
index 738b04f..7059b17 100644
--- a/code/client/src/business/controller/app/project/release/projectReleaseIfCan.vue
+++ b/code/client/src/business/controller/app/project/release/projectReleaseIfCan.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
-    there are still <span style="font-weight: bold;color: blue">{{items.length}}</span> unresolved issues!<br><br>
-    <span style="font-weight: bold;color: red">Do you Still continue to Release?</span>
+    {{$t("controller.app.project.release.projectReleaseIfCan.thereAreStill")}} <span style="font-weight: bold;color: blue">{{items.length}}</span> {{$t("controller.app.project.release.projectReleaseIfCan.unresolvedIssues")}}!<br><br>
+    <span style="font-weight: bold;color: red">{{$t("controller.app.project.release.projectReleaseIfCan.continueToRelease")}}?</span>
     <a-table style="margin-top: 15px" :data="items" :columns="columns">
       <template #key="{record}">
         {{projectKey+"-"+record.unique_id}}
@@ -31,6 +31,7 @@ import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {ECommon_Model_Project_Release_Status} from "../../../../../../../common/model/project_release";
 import {Message} from "@arco-design/web-vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../../common/event/event";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectReleaseId:string,
@@ -38,17 +39,18 @@ const props=defineProps<{
   projectKey:string,
   projectId:string
 }>()
+const {t}=useI18n()
 const columns=[
   {
     title:"Key",
     slotName: "key"
   },
   {
-    title:"Name",
+    title:t("util.name"),
     slotName:"name"
   },
   {
-    title:"Priority",
+    title:t("util.priority"),
     slotName: "priority"
   },
   {
@@ -69,7 +71,7 @@ onDialogOk(async ()=>{
     status:ECommon_Model_Project_Release_Status.RELEASE
   })
   if(res?.code==0) {
-    Message.success("release success")
+    Message.success(t("tip.releaseSuccess"))
     return true;
   } else {
     Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/project/release/projectReleaseList.vue b/code/client/src/business/controller/app/project/release/projectReleaseList.vue
index ec10f17..64a8330 100644
--- a/code/client/src/business/controller/app/project/release/projectReleaseList.vue
+++ b/code/client/src/business/controller/app/project/release/projectReleaseList.vue
@@ -2,17 +2,17 @@
   <div>
     <a-row>
       <a-space wrap>
-        <a-input-search v-model="keyword" placeholder="please type release name" style="width: 250px" @search="onSearch"></a-input-search>
+        <a-input-search v-model="keyword" :placeholder="$t('placeholder.typeReleaseName')" style="width: 250px" @search="onSearch"></a-input-search>
         <a-select v-model="status">
           <template #label="{data}">
-            <span>Status:{{data?.label}}</span>
+            <span>{{$t("util.status")}}:{{data?.label}}</span>
           </template>
-          <a-option :value="-1">ALL</a-option>
-          <a-option :value="ECommon_Model_Project_Release_Status.ARCHIVED">ARCHIVED</a-option>
-          <a-option :value="ECommon_Model_Project_Release_Status.RELEASE">RELEASED</a-option>
-          <a-option :value="ECommon_Model_Project_Release_Status.UNRELEASE">UNRELEASED</a-option>
+          <a-option :value="-1">{{$t("util.all")}}</a-option>
+          <a-option :value="ECommon_Model_Project_Release_Status.ARCHIVED">{{$t("util.archived")}}</a-option>
+          <a-option :value="ECommon_Model_Project_Release_Status.RELEASE">{{$t("util.released")}}</a-option>
+          <a-option :value="ECommon_Model_Project_Release_Status.UNRELEASE">{{$t("util.unReleased")}}</a-option>
         </a-select>
-        <a-button type="primary" @click="onCreate" v-if="checkPermission(permission,Permission_Types.Project.EDIT)">Create</a-button>
+        <a-button type="primary" @click="onCreate" v-if="checkPermission(permission,Permission_Types.Project.EDIT)">{{$t("util.create")}}</a-button>
       </a-space>
     </a-row>
     <a-table style="margin-top: 10px" :columns="columns" :data="releaseList" :pagination="pagination" @pageChange="onPageChange">
@@ -20,13 +20,13 @@
         <a-link href="javascript:void(0)" @click="onProfile(record,$event)">{{record.name}}</a-link>
       </template>
       <template #status="{record}">
-        <a-tag color="blue" v-if="record.status===ECommon_Model_Project_Release_Status.UNRELEASE">UNRELEASED</a-tag>
-        <a-tag color="green" v-else-if="record.status===ECommon_Model_Project_Release_Status.RELEASE">RELEASED</a-tag>
-        <a-tag v-else-if="record.status===ECommon_Model_Project_Release_Status.ARCHIVED">ARCHIVED</a-tag>
+        <a-tag color="blue" v-if="record.status===ECommon_Model_Project_Release_Status.UNRELEASE">{{$t("util.unReleased")}}</a-tag>
+        <a-tag color="green" v-else-if="record.status===ECommon_Model_Project_Release_Status.RELEASE">{{$t("util.released")}}</a-tag>
+        <a-tag v-else-if="record.status===ECommon_Model_Project_Release_Status.ARCHIVED">{{$t("util.archived")}}</a-tag>
       </template>
       <template #progress="{record}">
         <span v-if="record.notstart+record.inprogress+record.done==0">
-          No Issues
+          {{$t("controller.app.project.release.projectReleaseList.noIssues")}}
         </span>
         <a-progress v-else :percent="record.done/(record.notstart+record.inprogress+record.done)" style="width: 180px" color="green"></a-progress>
       </template>
@@ -41,28 +41,28 @@
       </template>
       <template #operation="{record}">
         <a-space v-if="checkPermission(permission,Permission_Types.Project.EDIT)" wrap>
-          <a-button size="small" @click="onEdit(record)">Edit</a-button>
+          <a-button size="small" @click="onEdit(record)">{{$t("util.edit")}}</a-button>
           <a-dropdown-button size="small">
-            Action
+	          {{$t("util.action")}}
             <template #icon>
               <icon-down />
             </template>
             <template #content>
               <template v-if="record.status==ECommon_Model_Project_Release_Status.ARCHIVED">
-                <a-doption @click="onUnRelease(record)">UnRelease</a-doption>
-                <a-doption @click="onRelease(record)">Release</a-doption>
+                <a-doption @click="onUnRelease(record)">{{$t("util.unRelease")}}</a-doption>
+                <a-doption @click="onRelease(record)">{{$t("util.release")}}</a-doption>
               </template>
               <template v-else-if="record.status==ECommon_Model_Project_Release_Status.RELEASE">
-                <a-doption @click="onUnRelease(record)">UnRelease</a-doption>
-                <a-doption @click="onArchive(record)">Archive</a-doption>
+                <a-doption @click="onUnRelease(record)">{{$t("util.unRelease")}}</a-doption>
+                <a-doption @click="onArchive(record)">{{$t("util.archive")}}</a-doption>
               </template>
               <template v-if="record.status==ECommon_Model_Project_Release_Status.UNRELEASE">
-                <a-doption @click="onRelease(record)">Release</a-doption>
-                <a-doption @click="onArchive(record)">Archive</a-doption>
+                <a-doption @click="onRelease(record)">{{$t("util.release")}}</a-doption>
+                <a-doption @click="onArchive(record)">{{$t("util.archive")}}</a-doption>
               </template>
             </template>
           </a-dropdown-button>
-          <a-button size="small" status="danger" @click="onDelete(record)">Delete</a-button>
+          <a-button size="small" status="danger" @click="onDelete(record)">{{$t("util.delete")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -88,38 +88,40 @@ import {Message} from "@arco-design/web-vue";
 import ProjectReleaseIfCan from "./projectReleaseIfCan.vue";
 import ProjectReleaseProfile from "./projectReleaseProfile.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../../common/event/event";
+import {useI18n} from "vue-i18n";
 
 const objInject=inject(injectProjectInfo)
 const projectId=objInject.id
 const permission=objInject.permission
 const key=objInject.key
+const {t}=useI18n()
 const columns=[
   {
-    title:"Name",
+    title:t("util.name"),
     slotName:"name"
   },
   {
-    title:"Status",
+    title:t("util.status"),
     slotName: "status"
   },
   {
-    title:"Progress",
+    title:t("util.progress"),
     slotName: "progress"
   },
   {
-    title:"Start Date",
+    title:t("util.startDate"),
     slotName: "startDate"
   },
   {
-    title:"Release Date",
+    title:t("util.releaseDate"),
     slotName: "releaseDate"
   },
   {
-    title:"Description",
+    title:t("util.description"),
     slotName: "description"
   },
   {
-    title:"Operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -177,13 +179,13 @@ const onEdit=async (item:DCSType<ICommon_Route_Res_Release_Item>)=>{
   }
 }
 const onDelete=async (item:DCSType<ICommon_Route_Res_Release_Item>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this release?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRelease"))
   if(ret) {
     let res=await apiRelease.remove({
       projectReleaseId:item.id
     })
     if(res?.code==0) {
-      Message.success("delete success")
+      Message.success(t("tip.deleteSuccess"))
       search(pagination.current)
     }
   }
@@ -209,7 +211,7 @@ const onRelease=async (item:DCSType<ICommon_Route_Res_Release_Item>)=>{
         status:ECommon_Model_Project_Release_Status.RELEASE
       })
       if(res?.code==0) {
-        Message.success("release success")
+        Message.success(t("tip.releaseSuccess"))
         search(pagination.current)
       } else {
         Message.error(res.msg)
@@ -225,7 +227,7 @@ const onUnRelease=async (item:DCSType<ICommon_Route_Res_Release_Item>)=>{
     status:ECommon_Model_Project_Release_Status.UNRELEASE
   })
   if(res?.code==0) {
-    Message.success("unrelease success")
+    Message.success(t("tip.unReleaseSuccess"))
     search(pagination.current)
   } else {
     Message.error(res.msg)
@@ -237,7 +239,7 @@ const onArchive=async (item:DCSType<ICommon_Route_Res_Release_Item>)=>{
     status:ECommon_Model_Project_Release_Status.ARCHIVED
   })
   if(res?.code==0) {
-    Message.success("archive success")
+    Message.success(t("tip.archiveSuccess"))
     search(pagination.current)
   } else {
     Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/project/release/projectReleasePreview.vue b/code/client/src/business/controller/app/project/release/projectReleasePreview.vue
index 4d5f4a5..b86546e 100644
--- a/code/client/src/business/controller/app/project/release/projectReleasePreview.vue
+++ b/code/client/src/business/controller/app/project/release/projectReleasePreview.vue
@@ -8,9 +8,9 @@
             <span style="font-weight: bold">
               {{info?.name}}
             </span>
-            <a-tag color="gray" v-if="info?.status===ECommon_Model_Project_Release_Status.ARCHIVED">ARCHIVED</a-tag>
-            <a-tag color="blue" v-else-if="info?.status===ECommon_Model_Project_Release_Status.UNRELEASE">UNRELEASED</a-tag>
-            <a-tag color="green" v-else-if="info?.status===ECommon_Model_Project_Release_Status.RELEASE">RELEASED</a-tag>
+            <a-tag color="gray" v-if="info?.status===ECommon_Model_Project_Release_Status.ARCHIVED">{{$t("util.archived")}}</a-tag>
+            <a-tag color="blue" v-else-if="info?.status===ECommon_Model_Project_Release_Status.UNRELEASE">{{$t("util.unReleased")}}</a-tag>
+            <a-tag color="green" v-else-if="info?.status===ECommon_Model_Project_Release_Status.RELEASE">{{$t("util.released")}}</a-tag>
           </a-space>
         </a-row>
         <a-row style="width: 100%;margin-top: 10px">
@@ -25,12 +25,12 @@
         <a-row style="width: 100%;margin-top: 10px">
           <a-col :span="16">
             <span v-if="info?.notstart+info?.inprogress+info?.done==0">
-              No Issues
+              {{$t("controller.app.project.release.projectReleaseList.noIssues")}}
             </span>
             <a-progress v-else :percent="info?.done/(info?.notstart+info?.inprogress+info?.done)" style="width: 100%" color="green"></a-progress>
           </a-col>
           <a-col :span="8" style="text-align: center">
-            <a-button type="outline" size="mini" @click="onProfile">Profile</a-button>
+            <a-button type="outline" size="mini" @click="onProfile">{{$t("util.profile")}}</a-button>
           </a-col>
         </a-row>
       </a-row>
diff --git a/code/client/src/business/controller/app/project/release/projectReleaseProfile.vue b/code/client/src/business/controller/app/project/release/projectReleaseProfile.vue
index 7b9101f..f82a8f0 100644
--- a/code/client/src/business/controller/app/project/release/projectReleaseProfile.vue
+++ b/code/client/src/business/controller/app/project/release/projectReleaseProfile.vue
@@ -9,33 +9,33 @@
         })">
           {{info?.name}}
         </span>
-        <a-tag color="blue" v-if="info?.status===ECommon_Model_Project_Release_Status.UNRELEASE">UNRELEASED</a-tag>
-        <a-tag color="green" v-else-if="info?.status===ECommon_Model_Project_Release_Status.RELEASE">RELEASED</a-tag>
-        <a-tag v-else-if="info?.status===ECommon_Model_Project_Release_Status.ARCHIVED">ARCHIVED</a-tag>
+        <a-tag color="blue" v-if="info?.status===ECommon_Model_Project_Release_Status.UNRELEASE">{{$t("util.unReleased")}}</a-tag>
+        <a-tag color="green" v-else-if="info?.status===ECommon_Model_Project_Release_Status.RELEASE">{{$t("util.released")}}</a-tag>
+        <a-tag v-else-if="info?.status===ECommon_Model_Project_Release_Status.ARCHIVED">{{$t("util.archived")}}</a-tag>
       </a-space>
       <a-space>
-        <a-button size="small" @click="onEdit">Edit</a-button>
+        <a-button size="small" @click="onEdit">{{$t("util.edit")}}</a-button>
         <a-dropdown-button size="small">
-          Action
+	        {{$t("util.action")}}
           <template #icon>
             <icon-down />
           </template>
           <template #content>
             <template v-if="info?.status==ECommon_Model_Project_Release_Status.ARCHIVED">
-              <a-doption @click="onUnRelease">UnRelease</a-doption>
-              <a-doption @click="onRelease">Release</a-doption>
+              <a-doption @click="onUnRelease">{{$t("util.unRelease")}}</a-doption>
+              <a-doption @click="onRelease">{{$t("util.release")}}</a-doption>
             </template>
             <template v-else-if="info?.status==ECommon_Model_Project_Release_Status.RELEASE">
-              <a-doption @click="onUnRelease">UnRelease</a-doption>
-              <a-doption @click="onArchive">Archive</a-doption>
+              <a-doption @click="onUnRelease">{{$t("util.unRelease")}}</a-doption>
+              <a-doption @click="onArchive">{{$t("util.archive")}}</a-doption>
             </template>
             <template v-if="info?.status==ECommon_Model_Project_Release_Status.UNRELEASE">
-              <a-doption @click="onRelease">Release</a-doption>
-              <a-doption @click="onArchive">Archive</a-doption>
+              <a-doption @click="onRelease">{{$t("util.release")}}</a-doption>
+              <a-doption @click="onArchive">{{$t("util.archive")}}</a-doption>
             </template>
           </template>
         </a-dropdown-button>
-        <a-button size="small" status="danger" @click="onDelete">Delete</a-button>
+        <a-button size="small" status="danger" @click="onDelete">{{$t("util.delete")}}</a-button>
       </a-space>
     </a-row>
     <a-row style="margin-top: 20px">
@@ -51,8 +51,8 @@
       {{info?.description}}
     </a-row>
     <a-row style="justify-content: space-between;margin-top: 30px">
-      <span style="font-weight: bold">Issues</span>
-      <a-button type="primary" size="small" @click="onAddIssue">Add Issue</a-button>
+      <span style="font-weight: bold">{{$t("util.issues")}}</span>
+      <a-button type="primary" size="small" @click="onAddIssue">{{$t("controller.app.project.release.projectReleaseProfile.addIssue")}}</a-button>
     </a-row>
     <a-table style="margin-top: 10px" :data="info?.issueList" :columns="columns">
       <template #key="{record}">
@@ -74,9 +74,9 @@
         <UserAvatar :organization-user-id="record.reporter_id.organizationUserId" :name="record.reporter_id.nickname" :photo="record.reporter_id.photo" v-if="record.reporter_id"></UserAvatar>
       </template>
       <template #status="{record}">
-        <a-tag color="gray" v-if="record.workflowNode.status===ECommon_Model_Workflow_Node_Status.NOTSTART">Not Start</a-tag>
-        <a-tag color="blue" v-else-if="record.workflowNode.status===ECommon_Model_Workflow_Node_Status.INPROGRESS">InProgress</a-tag>
-        <a-tag color="green" v-else-if="record.workflowNode.status===ECommon_Model_Workflow_Node_Status.DONE">Done</a-tag>
+        <a-tag color="gray" v-if="record.workflowNode.status===ECommon_Model_Workflow_Node_Status.NOTSTART">{{$t("util.notstart")}}</a-tag>
+        <a-tag color="blue" v-else-if="record.workflowNode.status===ECommon_Model_Workflow_Node_Status.INPROGRESS">{{$t("util.inProgress")}}</a-tag>
+        <a-tag color="green" v-else-if="record.workflowNode.status===ECommon_Model_Workflow_Node_Status.DONE">{{$t("util.done")}}</a-tag>
       </template>
       <template #operation="{record}">
         <a-button type="text" @click="onRemoveIssue(record)">
@@ -110,25 +110,27 @@ import ProjectIssueBind from "../issue/projectIssueBind.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../../common/event/event";
 import {vDrag} from "../../../../../teamOS/common/directive/drag";
 import {ECommon_Model_Finder_Shortcut_Type} from "../../../../../../../common/model/finder_item";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectReleaseId:string
 }>()
+const {t}=useI18n()
 const columns=[
   {
     title:"Key",
     slotName:"key"
   },
   {
-    title:"Name",
+    title:t("util.name"),
     slotName: "name"
   },
   {
-    title:"Issue Type",
+    title:t("util.issueType"),
     slotName: "issueType"
   },
   {
-    title:"Priority",
+    title:t("util.priority"),
     slotName: "priority"
   },
   {
@@ -140,11 +142,11 @@ const columns=[
     slotName: "reporter"
   },
   {
-    title:"Status",
+    title:t("util.status"),
     slotName: "status"
   },
   {
-    title:"Operation",
+    title:t("util.operation"),
     slotName: "operation"
   },
 ]
@@ -164,14 +166,14 @@ const getInfo=async ()=>{
   }
 }
 const onRemoveIssue=async (item:DCSType<ICommon_Route_Res_Release_Info_Issue_Item>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this issue?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.removeIssue"))
   if(ret) {
     let res=await apiRelease.removeIssue({
       projectReleaseId:props.projectReleaseId,
       projectIssueId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       getInfo()
     }
   }
@@ -186,13 +188,13 @@ const onEdit=async ()=>{
   }
 }
 const onDelete=async ()=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this release?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRelease"))
   if(ret) {
     let res=await apiRelease.remove({
       projectReleaseId:info.value.id
     })
     if(res?.code==0) {
-      Message.success("delete success")
+      Message.success(t("tip.deleteSuccess"))
       navigator.pop()
     }
   }
@@ -218,7 +220,7 @@ const onRelease=async ()=>{
         status:ECommon_Model_Project_Release_Status.RELEASE
       })
       if(res?.code==0) {
-        Message.success("release success")
+        Message.success(t("tip.releaseSuccess"))
         getInfo()
       } else {
         Message.error(res.msg)
@@ -234,7 +236,7 @@ const onUnRelease=async ()=>{
     status:ECommon_Model_Project_Release_Status.UNRELEASE
   })
   if(res?.code==0) {
-    Message.success("unrelease success")
+    Message.success(t("tip.unReleaseSuccess"))
     getInfo()
   } else {
     Message.error(res.msg)
@@ -246,7 +248,7 @@ const onArchive=async ()=>{
     status:ECommon_Model_Project_Release_Status.ARCHIVED
   })
   if(res?.code==0) {
-    Message.success("archive success")
+    Message.success(t("tip.archiveSuccess"))
     getInfo()
   } else {
     Message.error(res.msg)
@@ -263,7 +265,7 @@ const onAddIssue=async ()=>{
       projectIssueId:ret as string
     })
     if(res?.code==0) {
-      Message.success("add success")
+      Message.success(t("tip.addSuccess"))
       getInfo()
     }
   }
diff --git a/code/client/src/business/controller/app/project/setting/projectSetting.vue b/code/client/src/business/controller/app/project/setting/projectSetting.vue
index 02befdb..efef1d5 100644
--- a/code/client/src/business/controller/app/project/setting/projectSetting.vue
+++ b/code/client/src/business/controller/app/project/setting/projectSetting.vue
@@ -1,21 +1,21 @@
 <template>
   <a-collapse :default-active-key="['basic']" accordion>
-    <a-collapse-item header="Basic" key="basic">
+    <a-collapse-item :header="$t('util.basic')" key="basic">
       <ProjectSettingBasic :project-id="projectId"></ProjectSettingBasic>
     </a-collapse-item>
-    <a-collapse-item header="Module" key="module">
+    <a-collapse-item :header="$t('util.module')" key="module">
       <ModuleList :project-id="projectId"></ModuleList>
     </a-collapse-item>
-    <a-collapse-item header="Tag" key="tag">
+    <a-collapse-item :header="$t('util.tag')" key="tag">
       <LabelList :project-id="projectId"></LabelList>
     </a-collapse-item>
-    <a-collapse-item header="Access" key="access">
+    <a-collapse-item :header="$t('util.access')" key="access">
       <EditProjectAccess :project-id="projectId"></EditProjectAccess>
     </a-collapse-item>
-    <a-collapse-item header="Role" key="role">
+    <a-collapse-item :header="$t('util.role')" key="role">
       <ProjectSettingRole :project-id="projectId"></ProjectSettingRole>
     </a-collapse-item>
-    <a-collapse-item header="Issue Solution" key="solution">
+    <a-collapse-item :header="$t('util.issueSolution')" key="solution">
       <ProjectSettingIssueSolution :project-id="projectId"></ProjectSettingIssueSolution>
     </a-collapse-item>
   </a-collapse>
@@ -30,6 +30,7 @@ import LabelList from "../../setting/project/labelList.vue";
 import EditProjectAccess from "../../setting/project/editProjectAccess.vue";
 import ProjectSettingRole from "./projectSettingRole.vue";
 import ProjectSettingIssueSolution from "./projectSettingIssueSolution.vue";
+import {Err} from "../../../../../../../common/status/error";
 
 
 const projectId=inject(injectProjectInfo).id;
diff --git a/code/client/src/business/controller/app/project/setting/projectSettingBasic.vue b/code/client/src/business/controller/app/project/setting/projectSettingBasic.vue
index 8772c31..8e413ec 100644
--- a/code/client/src/business/controller/app/project/setting/projectSettingBasic.vue
+++ b/code/client/src/business/controller/app/project/setting/projectSettingBasic.vue
@@ -1,19 +1,19 @@
 <template>
   <a-form ref="eleForm" style="width: 80%" :model="form" @submitSuccess="onSubmit">
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       {{form.name}}
     </a-form-item>
-    <a-form-item field="keyword" label="keyword" required>
+    <a-form-item field="keyword" :label="$t('util.keyword')" required>
       {{form.keyword}}
     </a-form-item>
-    <a-form-item field="description" label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
-    <a-form-item label="logo">
+    <a-form-item :label="$t('util.logo')">
       <Upload types=".png,.jpg,.jpeg,.gif,.bmp,.svg" :default-uri="photo" @upload="onUpload"></Upload>
     </a-form-item>
     <a-form-item>
-      <a-button html-type="submit" type="primary">Save</a-button>
+      <a-button html-type="submit" type="primary">{{$t("util.save")}}</a-button>
     </a-form-item>
   </a-form>
 </template>
@@ -24,6 +24,7 @@ import Upload from "../../../../common/component/upload.vue";
 import {getCurrentInstance, onBeforeMount, reactive, ref} from "vue";
 import {apiProject} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectId:string
@@ -35,6 +36,7 @@ const form = reactive({
   description: "",
 })
 const uploadUriId=ref("")
+const {t}=useI18n()
 const onUpload=(id:string)=> {
   uploadUriId.value=id
 }
@@ -63,7 +65,7 @@ const onSubmit=async ()=>{
     })
   })
   if(res?.code==0) {
-    Message.success("save success")
+    Message.success(t("tip.saveSuccess"))
   } else {
     Message.error(res.msg)
   }
diff --git a/code/client/src/business/controller/app/project/setting/projectSettingIssueSolution.vue b/code/client/src/business/controller/app/project/setting/projectSettingIssueSolution.vue
index 68b6027..046b3f5 100644
--- a/code/client/src/business/controller/app/project/setting/projectSettingIssueSolution.vue
+++ b/code/client/src/business/controller/app/project/setting/projectSettingIssueSolution.vue
@@ -1,12 +1,12 @@
 <template>
   <a-form layout="inline" :model="form" @submitSuccess="onSubmit">
-    <a-form-item label="issue type solution" field="issueTypeSolutionId" required>
+    <a-form-item :label="$t('util.issueSolution')" field="issueTypeSolutionId" required>
       <a-select v-model="form.issueTypeSolutionId" allow-search>
         <a-option v-for="item in issueSolutionList" :label="item.name" :value="item.id"></a-option>
       </a-select>
     </a-form-item>
     <a-form-item>
-      <a-button html-type="submit" type="primary">Save</a-button>
+      <a-button html-type="submit" type="primary">{{$t("util.save")}}</a-button>
     </a-form-item>
   </a-form>
 </template>
@@ -20,6 +20,7 @@ import {getRootNavigatorRef} from "../../../../../teamOS/common/component/naviga
 import {Message} from "@arco-design/web-vue";
 import ProjectSettingIssueSolutionConvert
 	from "@/business/controller/app/project/setting/projectSettingIssueSolutionConvert.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectId:string
@@ -30,9 +31,10 @@ const form=reactive({
 const currentIssueTypeSolutionId=ref("")
 const appContext=getCurrentInstance().appContext
 const root=getRootNavigatorRef()
+const {t}=useI18n()
 const issueSolutionList=ref<DCSType<ICommon_Model_Issue_Type_Solution>[]>([])
 const onSubmit=async ()=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to switch to this issue type solution?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.switchIssueSolution"))
   if(ret) {
 		let res=await apiIssue.count({
 			projectId:props.projectId
@@ -44,7 +46,7 @@ const onSubmit=async ()=>{
 					issueTypeSolutionId:form.issueTypeSolutionId
 				})
 				if(res?.code==0) {
-					Message.success("bind success")
+					Message.success(t("tip.bindSuccess"))
 					currentIssueTypeSolutionId.value=form.issueTypeSolutionId
 				} else {
 					Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/project/setting/projectSettingRole.vue b/code/client/src/business/controller/app/project/setting/projectSettingRole.vue
index df04a2c..743af8f 100644
--- a/code/client/src/business/controller/app/project/setting/projectSettingRole.vue
+++ b/code/client/src/business/controller/app/project/setting/projectSettingRole.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <a-button @click="onAddRole" type="primary" style="margin-bottom: 10px">Add</a-button>
+    <a-button @click="onAddRole" type="primary" style="margin-bottom: 10px">{{$t("util.add")}}</a-button>
     <a-table :columns="columns" :data="roleList" :pagination="false">
       <template #description="{record}">
         {{record.description}}
@@ -17,8 +17,8 @@
       <template #operation="{record}">
         <template v-if="!record.global">
           <a-space wrap>
-            <a-button type="primary" size="small" @click="onEditRole(record)">manage</a-button>
-            <a-button status="danger" size="small" @click="onDeleteRole(record)">delete</a-button>
+            <a-button type="primary" size="small" @click="onEditRole(record)">{{$t("util.manage")}}</a-button>
+            <a-button status="danger" size="small" @click="onDeleteRole(record)">{{$t("util.delete")}}</a-button>
           </a-space>
         </template>
       </template>
@@ -34,6 +34,7 @@ import {apiProject} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
 import {getRootNavigatorRef} from "../../../../../teamOS/common/component/navigator/navigator";
 import EditProjectRole from "../../setting/role/project/editProjectRole.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectId:string
@@ -49,25 +50,26 @@ type RoleItem={
   global:boolean,
   permissions:Permission_Base[]
 }
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     slotName:"description"
   },
   {
-    title:"permission",
+    title:t("util.permission"),
     slotName:"permission"
   },
   {
-    title:"global",
+    title:t("util.global"),
     slotName: "global"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -103,13 +105,13 @@ const onEditRole=async (item:RoleItem) =>{
   }
 }
 const onDeleteRole=async (item:RoleItem)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this role?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRole"))
   if(ret) {
     let res=await apiProject.removeRole({
       roleId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       listRole()
     } else {
       Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/home/settingHome.vue b/code/client/src/business/controller/app/setting/home/settingHome.vue
index 6936435..a5db81a 100644
--- a/code/client/src/business/controller/app/setting/home/settingHome.vue
+++ b/code/client/src/business/controller/app/setting/home/settingHome.vue
@@ -15,22 +15,22 @@
 							<template #split>
 								|
 							</template>
-							<a-statistic title="Project Total" :value="staticInfo?.projectCount" show-group-separator :value-style="{
+							<a-statistic :title="$t('controller.app.setting.home.settingHome.projectTotal')" :value="staticInfo?.projectCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
-							<a-statistic title="Issue Total" :value="staticInfo?.issueCount" show-group-separator :value-style="{
+							<a-statistic :title="$t('controller.app.setting.home.settingHome.issueTotal')" :value="staticInfo?.issueCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
-							<a-statistic title="Wiki Space Total" :value="staticInfo?.wikiSpaceCount" show-group-separator :value-style="{
+							<a-statistic :title="$t('controller.app.setting.home.settingHome.wikiSpaceTotal')" :value="staticInfo?.wikiSpaceCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
-							<a-statistic title="Wiki Item Total" :value="staticInfo?.wikiItemCount" show-group-separator :value-style="{
+							<a-statistic :title="$t('controller.app.setting.home.settingHome.wikiItemTotal')" :value="staticInfo?.wikiItemCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
-							<a-statistic title="User Total" :value="staticInfo?.userCount" show-group-separator :value-style="{
+							<a-statistic :title="$t('controller.app.setting.home.settingHome.userTotal')" :value="staticInfo?.userCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
-							<a-statistic title="Team Total" :value="staticInfo?.teamCount" show-group-separator :value-style="{
+							<a-statistic :title="$t('controller.app.setting.home.settingHome.teamTotal')" :value="staticInfo?.teamCount" show-group-separator :value-style="{
 								color:'blue'
 							}"/>
 						</a-space>
@@ -74,6 +74,7 @@ import {
 } from 'echarts/components';
 import {LabelLayout, UniversalTransition} from 'echarts/features';
 import {CanvasRenderer} from 'echarts/renderers';
+import {useI18n} from "vue-i18n";
 
 echarts.use([
 	TitleComponent,
@@ -89,30 +90,31 @@ echarts.use([
 
 const projectWithIssueEle=ref(),projectWithUnDoneIssueEle=ref(),wikiSpaceWithWikiItemEle=ref(),teamWithUserEle=ref()
 let projectWithIssueChart:EChartsType,projectWithUnDoneIssueChart:EChartsType,wikiSpaceWithWikiItemChart:EChartsType,teamWithUserChart:EChartsType
+const {t}=useI18n()
 const data = [
 	{
 		id: "statics",
-		name: "Statics",
+		name: t("controller.app.setting.home.settingHome.statics"),
 		data: null
 	},
 	{
 		id: "projectWithIssueList",
-		name: "Projects With Issues Chart",
+		name: t("controller.app.setting.home.settingHome.projectWithIssueList"),
 		data: null
 	},
 	{
 		id: "projectWithUnDoneIssueList",
-		name: "Project With UnResolved Issues Chart",
+		name: t("controller.app.setting.home.settingHome.projectWithUnDoneIssueList"),
 		data: null
 	},
 	{
 		id: "wikiSpaceWithWikiItemList",
-		name: "Wiki Space Chart",
+		name: t("controller.app.setting.home.settingHome.wikiSpaceWithWikiItemList"),
 		data: null
 	},
 	{
 		id: "teamWithUserList",
-		name: "Team Chart",
+		name: t("controller.app.setting.home.settingHome.teamWithUserList"),
 		data: null
 	},
 ]
@@ -128,6 +130,9 @@ const getInfo=async ()=>{
 const initCharts=()=>{
 	projectWithIssueChart=echarts.init(projectWithIssueEle.value)
 	projectWithIssueChart.setOption({
+		grid:{
+			left:60
+		},
 		dataset:{
 			source:[
 				["count","name"],
@@ -143,7 +148,12 @@ const initCharts=()=>{
 		},
 		yAxis: {
 			name:"Project",
-			type: 'category'
+			type: 'category',
+			axisLabel:{
+				show:true,
+				overflow:"breakAll",
+				width:40
+			}
 		},
 		series: [
 			{
@@ -158,6 +168,9 @@ const initCharts=()=>{
 	})
 	projectWithUnDoneIssueChart=echarts.init(projectWithUnDoneIssueEle.value)
 	projectWithUnDoneIssueChart.setOption({
+		grid:{
+			left:60
+		},
 		dataset:{
 			source:[
 				["count","name"],
@@ -173,7 +186,12 @@ const initCharts=()=>{
 		},
 		yAxis: {
 			name:"Project",
-			type: 'category'
+			type: 'category',
+			axisLabel:{
+				show:true,
+				overflow:"breakAll",
+				width:40
+			}
 		},
 		series: [
 			{
@@ -188,6 +206,9 @@ const initCharts=()=>{
 	})
 	wikiSpaceWithWikiItemChart=echarts.init(wikiSpaceWithWikiItemEle.value)
 	wikiSpaceWithWikiItemChart.setOption({
+		grid:{
+			left:60
+		},
 		dataset:{
 			source:[
 				["count","name"],
@@ -203,7 +224,12 @@ const initCharts=()=>{
 		},
 		yAxis: {
 			name:"Wiki Space",
-			type: 'category'
+			type: 'category',
+			axisLabel:{
+				show:true,
+				overflow:"breakAll",
+				width:40
+			}
 		},
 		series: [
 			{
@@ -218,6 +244,9 @@ const initCharts=()=>{
 	})
 	teamWithUserChart=echarts.init(teamWithUserEle.value)
 	teamWithUserChart.setOption({
+		grid:{
+			left:60
+		},
 		dataset:{
 			source:[
 				["count","name"],
@@ -233,7 +262,12 @@ const initCharts=()=>{
 		},
 		yAxis: {
 			name:"Team",
-			type: 'category'
+			type: 'category',
+			axisLabel:{
+				show:true,
+				overflow:"breakAll",
+				width:50
+			}
 		},
 		series: [
 			{
diff --git a/code/client/src/business/controller/app/setting/issue/FieldCopyFrom.vue b/code/client/src/business/controller/app/setting/issue/FieldCopyFrom.vue
index ddc9d91..5012793 100644
--- a/code/client/src/business/controller/app/setting/issue/FieldCopyFrom.vue
+++ b/code/client/src/business/controller/app/setting/issue/FieldCopyFrom.vue
@@ -1,7 +1,7 @@
 <template>
   <a-form :model="form" style="width: 80%" ref="eleForm">
-    <a-form-item field="workflowNodeId" label="issue type" required>
-      <a-cascader :options="data" v-model="form.workflowNodeId" :field-names="fields" placeholder="please select" allow-search></a-cascader>
+    <a-form-item field="workflowNodeId" :label="$t('util.issueType')" required>
+      <a-cascader :options="data" v-model="form.workflowNodeId" :field-names="fields" :placeholder="$t('placeholder.pleaseSelect')" allow-search></a-cascader>
     </a-form-item>
   </a-form>
 </template>
diff --git a/code/client/src/business/controller/app/setting/issue/addField.vue b/code/client/src/business/controller/app/setting/issue/addField.vue
index 95bda68..2269689 100644
--- a/code/client/src/business/controller/app/setting/issue/addField.vue
+++ b/code/client/src/business/controller/app/setting/issue/addField.vue
@@ -1,6 +1,6 @@
 <template>
   <a-form :model="form" style="width: 80%" ref="eleForm">
-    <a-form-item label="fieldTypeId" required>
+    <a-form-item filed="fieldTypeId" :label="$t('util.fieldType')" required>
       <a-select v-model="form.fieldTypeId">
         <a-option label="Switch" :value="ECommon_Field_Type.SWITCH"></a-option>
         <a-option label="Multi Select" :value="ECommon_Field_Type.MULTISELECT"></a-option>
@@ -13,10 +13,10 @@
         <a-option label="Date" :value="ECommon_Field_Type.DATE"></a-option>
       </a-select>
     </a-form-item>
-    <a-form-item label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
-    <a-form-item label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="form.description"></a-textarea>
     </a-form-item>
   </a-form>
diff --git a/code/client/src/business/controller/app/setting/issue/addWorkflowNode.vue b/code/client/src/business/controller/app/setting/issue/addWorkflowNode.vue
index a168d6d..e23c831 100644
--- a/code/client/src/business/controller/app/setting/issue/addWorkflowNode.vue
+++ b/code/client/src/business/controller/app/setting/issue/addWorkflowNode.vue
@@ -1,15 +1,15 @@
 <template>
   <a-form style="width: 80%" :model="form" ref="eleForm">
-    <a-form-item field="status" label="type" required>
+    <a-form-item field="status" :label="$t('util.type')" required>
       <a-select v-model="form.status">
-        <a-option :value="ECommon_Model_Workflow_Node_Status.INPROGRESS">INPROGRESS</a-option>
-        <a-option :value="ECommon_Model_Workflow_Node_Status.DONE">DONE</a-option>
+        <a-option :value="ECommon_Model_Workflow_Node_Status.INPROGRESS">{{$t("util.inProgress")}}</a-option>
+        <a-option :value="ECommon_Model_Workflow_Node_Status.DONE">{{$t("util.done")}}</a-option>
       </a-select>
     </a-form-item>
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
-    <a-form-item field="description" label="description" required>
+    <a-form-item field="description" :label="$t('util.description')" required>
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
   </a-form>
diff --git a/code/client/src/business/controller/app/setting/issue/bindProjectList.vue b/code/client/src/business/controller/app/setting/issue/bindProjectList.vue
index 46e4ccd..113090c 100644
--- a/code/client/src/business/controller/app/setting/issue/bindProjectList.vue
+++ b/code/client/src/business/controller/app/setting/issue/bindProjectList.vue
@@ -1,12 +1,12 @@
 <template>
   <div ref="root">
     <a-space>
-      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button placeholder="please type project name"></a-input-search>
-      <a-button type="primary" @click="onBind">Bind</a-button>
+      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button :placeholder="$t('placeholder.typeProjectName')"></a-input-search>
+      <a-button type="primary" @click="onBind">{{$t("util.bind")}}</a-button>
     </a-space>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="pagination" @pageChange="onPageChange">
       <template #operation="{record}" v-if="!reserved">
-        <a-button size="small" type="primary" status="danger" @click="onUnBind(record)">Revoke</a-button>
+        <a-button size="small" type="primary" status="danger" @click="onUnBind(record)">{{$t("util.revoke")}}</a-button>
       </template>
     </a-table>
   </div>
@@ -21,23 +21,24 @@ import {ICommon_Model_Project} from "../../../../../../../common/model/project";
 import EditBindProject from "./editBindProject.vue";
 import ProjectSettingIssueSolutionConvert
 	from "@/business/controller/app/project/setting/projectSettingIssueSolutionConvert.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   issueTypeSolutionId:string,
   reserved:number
 }>()
-
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -80,7 +81,7 @@ const onBind=async ()=>{
   }
 }
 const onUnBind=async (item:DCSType<ICommon_Model_Project>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to unbind this project with this issue type solution")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.unbindProjectFromIssueSolution"))
   if(ret) {
 	  let res=await apiIssue.count({
 		  projectId:item.id
@@ -91,7 +92,7 @@ const onUnBind=async (item:DCSType<ICommon_Model_Project>)=>{
 				  projectId:item.id
 			  })
 			  if(res?.code==0) {
-				  Message.success("remove success")
+				  Message.success(t("tip.deleteSuccess"))
 				  search(pagination.current)
 			  }
 		  } else {
diff --git a/code/client/src/business/controller/app/setting/issue/editBindProject.vue b/code/client/src/business/controller/app/setting/issue/editBindProject.vue
index 023c7c4..3b99905 100644
--- a/code/client/src/business/controller/app/setting/issue/editBindProject.vue
+++ b/code/client/src/business/controller/app/setting/issue/editBindProject.vue
@@ -1,6 +1,6 @@
 <template>
   <a-form :model="form" ref="eleForm" style="width: 80%" auto-label-width>
-    <a-form-item field="projectId" label="project" required>
+    <a-form-item field="projectId" :label="$t('util.project')" required>
       <a-select @search="onSearch" v-model="form.projectId" allow-search @change="onChange">
         <a-option v-for="item in projectList" :value="item.id" :label="item.name"></a-option>
       </a-select>
diff --git a/code/client/src/business/controller/app/setting/issue/editIssueType.vue b/code/client/src/business/controller/app/setting/issue/editIssueType.vue
index c0ced6a..1dc9792 100644
--- a/code/client/src/business/controller/app/setting/issue/editIssueType.vue
+++ b/code/client/src/business/controller/app/setting/issue/editIssueType.vue
@@ -1,9 +1,9 @@
 <template>
   <a-form ref="eleForm" :model="form" style="width: 80%">
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
-    <a-form-item field="description" label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
   </a-form>
diff --git a/code/client/src/business/controller/app/setting/issue/editIssueTypeSolution.vue b/code/client/src/business/controller/app/setting/issue/editIssueTypeSolution.vue
index 9faada2..8d7594d 100644
--- a/code/client/src/business/controller/app/setting/issue/editIssueTypeSolution.vue
+++ b/code/client/src/business/controller/app/setting/issue/editIssueTypeSolution.vue
@@ -1,9 +1,9 @@
 <template>
   <a-form ref="eleForm" :model="form" style="width: 80%">
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
-    <a-form-item field="description" label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
   </a-form>
diff --git a/code/client/src/business/controller/app/setting/issue/fieldList.vue b/code/client/src/business/controller/app/setting/issue/fieldList.vue
index 1571d14..a790087 100644
--- a/code/client/src/business/controller/app/setting/issue/fieldList.vue
+++ b/code/client/src/business/controller/app/setting/issue/fieldList.vue
@@ -1,13 +1,13 @@
 <template>
   <div style="width: 100%;height: 100%;display: flex;flex-direction:column" ref="root" >
     <a-dropdown-button type="primary" size="small">
-      Add
+	    {{$t("util.add")}}
       <template #icon>
         <icon-down></icon-down>
       </template>
       <template #content>
-        <a-doption @click="onAdd">Add</a-doption>
-        <a-doption @click="onCopyFrom">Copy From</a-doption>
+        <a-doption @click="onAdd">{{$t("util.add")}}</a-doption>
+        <a-doption @click="onCopyFrom">{{$t("controller.app.setting.issue.filedList.copyFrom")}}</a-doption>
       </template>
     </a-dropdown-button>
     <a-layout style="flex:1 1 auto;border: 1px solid gainsboro;margin-top: 10px;height: 0">
@@ -40,26 +40,26 @@
       </a-layout-content>
       <a-layout-sider :resize-directions="['left']" :width="250">
         <a-form :model="form" layout="vertical" style="margin:10px 5px 0px 5px;width: 90%" v-if="form.type!==null && form.type!==undefined" @submitSuccess="onEdit" ref="eleForm">
-          <a-form-item label="type">
+          <a-form-item :label="$t('util.type')">
             {{Field_Types[form.type].name.toUpperCase()}}
           </a-form-item>
-          <a-form-item field="name" label="name" required>
+          <a-form-item field="name" :label="$t('util.name')" required>
             <a-input v-model="form.name"></a-input>
           </a-form-item>
-          <a-form-item field="description" label="description">
+          <a-form-item field="description" :label="$t('util.description')">
             <a-textarea v-model="form.description"></a-textarea>
           </a-form-item>
-          <a-form-item field="optional" label="optional">
+          <a-form-item field="optional" :label="$t('util.optional')">
             <a-switch v-model="form.optional" :checked-value="1" :unchecked-value="0"></a-switch>
           </a-form-item>
-          <a-form-item field="default_string_value" label="default" v-if="form.type===ECommon_Field_Type.TEXT || form.type===ECommon_Field_Type.MULTITEXT">
+          <a-form-item field="default_string_value" :label="$t('util.default')" v-if="form.type===ECommon_Field_Type.TEXT || form.type===ECommon_Field_Type.MULTITEXT">
             <a-input v-model="form.default_string_value" v-if="form.type==ECommon_Field_Type.TEXT"></a-input>
             <a-textarea v-model="form.default_string_value" v-if="form.type==ECommon_Field_Type.MULTITEXT" allow-clear></a-textarea>
           </a-form-item>
-          <a-form-item field="default_string_value" label="default" v-if="form.type===ECommon_Field_Type.SWITCH">
+          <a-form-item field="default_string_value" :label="$t('util.default')" v-if="form.type===ECommon_Field_Type.SWITCH">
             <a-switch v-model="form.default_number_value" :checked-value="1" :unchecked-value="0"></a-switch>
           </a-form-item>
-          <a-form-item field="label_type" label="label type" v-if="form.type===ECommon_Field_Type.LABEL || form.type===ECommon_Field_Type.MULTILABEL">
+          <a-form-item field="label_type" :label="$t('util.labelType')" v-if="form.type===ECommon_Field_Type.LABEL || form.type===ECommon_Field_Type.MULTILABEL">
             <a-select v-model="form.label_type">
               <a-option :value="ECommon_Model_Workflow_Node_Field_Type_Label_Type.USER" label="USER"></a-option>
               <a-option :value="ECommon_Model_Workflow_Node_Field_Type_Label_Type.RELEASE" label="RELEASE"></a-option>
@@ -67,7 +67,7 @@
 	            <a-option :value="ECommon_Model_Workflow_Node_Field_Type_Label_Type.SPRINT" label="SPRINT"></a-option>
             </a-select>
           </a-form-item>
-          <a-form-item field="values" label="options" v-if="form.type==ECommon_Field_Type.SELECT || form.type==ECommon_Field_Type.MULTISELECT">
+          <a-form-item field="values" :label="$t('util.options')" v-if="form.type==ECommon_Field_Type.SELECT || form.type==ECommon_Field_Type.MULTISELECT">
             <a-checkbox-group v-model="valueSelected" :max="form.type==ECommon_Field_Type.SELECT?1:100" style="width: 100%">
               <a-table :data="form.values" :draggable="{ type: 'handle', width: 20 }" :columns="columnsValues" :show-header="false" style="width: 100%" :pagination="false" @change="(_data)=>{form.values=_data as any}">
                 <template #name="{record,rowIndex}">
@@ -91,8 +91,8 @@
           </a-form-item>
           <a-form-item>
             <a-space style="width: 100%;display: flex;justify-content: flex-end">
-              <a-button type="primary" html-type="submit">Save</a-button>
-              <a-button status="danger" html-type="button" @click="onDelete">Delete</a-button>
+              <a-button type="primary" html-type="submit">{{$t("util.save")}}</a-button>
+              <a-button status="danger" html-type="button" @click="onDelete">{{$t("util.delete")}}</a-button>
             </a-space>
           </a-form-item>
         </a-form>
@@ -113,6 +113,7 @@ import {
 import AddField from "./addField.vue";
 import {Dialog} from "../../../../common/component/dialog/dialog";
 import FieldCopyFrom from "./FieldCopyFrom.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   workflowNodeId:string
@@ -121,6 +122,7 @@ const eleForm=ref(null)
 const root=ref(null)
 const appContext=getCurrentInstance().appContext
 const data=ref<ICommon_Route_Res_Workflow_Node_Field[]>([])
+const {t}=useI18n()
 const columns = reactive([
   {
     title: "",
@@ -211,7 +213,7 @@ const onEdit=async ()=>{
         return;
       }
     }
-    Message.success("save success")
+    Message.success(t("tip.saveSuccess"))
     for(let obj of data.value) {
       if(obj.field.id===resData.id) {
         Object.assign(obj.field,resData);
@@ -260,13 +262,13 @@ const onAddValue=async ()=>{
   })
 }
 const onDelete=async ()=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this field?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteField"))
   if(ret) {
     let res=await apiField.deleteWorkflowNodeField({
       workflowNodeFieldTypeId:form.id
     })
     if(res?.code==0) {
-      Message.success("delete success")
+      Message.success(t("tip.deleteSuccess"))
       form.id=""
       form.type=null
       requestList();
diff --git a/code/client/src/business/controller/app/setting/issue/issueSolutionDeleteConvert.vue b/code/client/src/business/controller/app/setting/issue/issueSolutionDeleteConvert.vue
index c10d6ce..0372750 100644
--- a/code/client/src/business/controller/app/setting/issue/issueSolutionDeleteConvert.vue
+++ b/code/client/src/business/controller/app/setting/issue/issueSolutionDeleteConvert.vue
@@ -1,6 +1,6 @@
 <template>
 	<a-form :model="form" ref="eleForm" style="width: 80%" auto-label-width>
-		<a-form-item field="issueTypeSolutionId" label="Issue Solution" required>
+		<a-form-item field="issueTypeSolutionId" :label="$t('util.issueSolution')" required>
 			<a-select @search="onSearch" v-model="form.issueTypeSolutionId" allow-search @change="onChange">
 				<a-option v-for="item in issueTypeSolutionList" :value="item.id" :label="item.name"></a-option>
 			</a-select>
diff --git a/code/client/src/business/controller/app/setting/issue/issueSolutionList.vue b/code/client/src/business/controller/app/setting/issue/issueSolutionList.vue
index fe87895..2d7521b 100644
--- a/code/client/src/business/controller/app/setting/issue/issueSolutionList.vue
+++ b/code/client/src/business/controller/app/setting/issue/issueSolutionList.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="root">
-    <a-button type="primary" @click="onAdd">Add</a-button>
+    <a-button type="primary" @click="onAdd">{{$t("util.add")}}</a-button>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="false">
       <template #issue="{record}">
         <a-space wrap>
@@ -14,22 +14,22 @@
       <template #operation="{record}">
         <a-space wrap v-if="!record.reserved">
           <a-dropdown-button size="small">
-            Edit
+	          {{$t("util.edit")}}
             <template #icon>
               <icon-down></icon-down>
             </template>
             <template #content>
-              <a-doption @click="onEditProfile(record)">Profile</a-doption>
-              <a-doption @click="onEditIssue(record)">Issue</a-doption>
-              <a-doption @click="onEditBindProject(record)">Bind Project</a-doption>
+              <a-doption @click="onEditProfile(record)">{{$t("util.profile")}}</a-doption>
+              <a-doption @click="onEditIssue(record)">{{$t("util.issue")}}</a-doption>
+              <a-doption @click="onEditBindProject(record)">{{$t("controller.app.setting.issue.issueSolutionList.bindProject")}}</a-doption>
             </template>
           </a-dropdown-button>
-          <a-button size="small" @click="onCopy(record)">Copy</a-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button size="small" @click="onCopy(record)">{{$t("util.copy")}}</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
         <a-space wrap v-else>
-          <a-button size="small" @click="onEditBindProject(record)">Bind Project</a-button>
-          <a-button size="small" @click="onCopy(record)">Copy</a-button>
+          <a-button size="small" @click="onEditBindProject(record)">{{$t("controller.app.setting.issue.issueSolutionList.bindProject")}}</a-button>
+          <a-button size="small" @click="onCopy(record)">{{$t("util.copy")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -47,26 +47,28 @@ import EditIssueSolution from "./editIssueTypeSolution.vue";
 import BindProjectList from "./bindProjectList.vue";
 import IssueTypeList from "./issueTypeList.vue";
 import IssueSolutionDeleteConvert from "@/business/controller/app/setting/issue/issueSolutionDeleteConvert.vue";
+import {useI18n} from "vue-i18n";
 
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
-    title:"issue",
+    title:t("util.issue"),
     slotName:"issue"
   },
   {
-    title:"reserved",
+    title:t("util.reserved"),
     slotName:"reserved"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -116,16 +118,16 @@ const onEditBindProject=async (item:DCSType<ICommon_Route_Res_IssueTypeSolution_
   },`${item.name} -> Bind Project`)
 }
 const onCopy=async (item:DCSType<ICommon_Route_Res_IssueTypeSolution_List_Item>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to copy this issue type solution?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.copyIssueSolution"))
   if(ret) {
-    let name=await Dialog.input(root.value,appContext,"type new issue type solution name")
+    let name=await Dialog.input(root.value,appContext,t("tip.typeNewIssueSolutionName"))
     if(name) {
       let res=await apiIssueType.copySolution({
         issueTypeSolutionId:item.id,
         name
       })
       if(res?.code==0) {
-        Message.success("copy success")
+        Message.success(t("tip.copySuccess"))
         search()
       } else {
         Message.error(res.msg);
@@ -134,7 +136,7 @@ const onCopy=async (item:DCSType<ICommon_Route_Res_IssueTypeSolution_List_Item>)
   }
 }
 const onDelete=async (item:DCSType<ICommon_Route_Res_IssueTypeSolution_List_Item>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this solution from this organization?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteIssueSolution"))
   if(ret) {
 		let res=await apiIssueType.list({
 			issueTypeSolutionId:item.id
@@ -145,7 +147,7 @@ const onDelete=async (item:DCSType<ICommon_Route_Res_IssueTypeSolution_List_Item
 					issueTypeSolutionId:item.id
 				})
 				if(res?.code==0) {
-					Message.success("remove success")
+					Message.success(t("tip.deleteSuccess"))
 					search()
 				}
 			} else {
diff --git a/code/client/src/business/controller/app/setting/issue/issueTypeCopyFrom.vue b/code/client/src/business/controller/app/setting/issue/issueTypeCopyFrom.vue
index 494918c..a931f5e 100644
--- a/code/client/src/business/controller/app/setting/issue/issueTypeCopyFrom.vue
+++ b/code/client/src/business/controller/app/setting/issue/issueTypeCopyFrom.vue
@@ -1,9 +1,9 @@
 <template>
   <a-form ref="eleForm" :model="form" style="width: 80%">
-    <a-form-item field="issueTypeId" label="issue type" required>
-      <a-cascader v-model="form.issueTypeId" :field-names="fields" :options="data" placeholder="please select"></a-cascader>
+    <a-form-item field="issueTypeId" :label="$t('util.issueType')" required>
+      <a-cascader v-model="form.issueTypeId" :field-names="fields" :options="data" :placeholder="$t('placeholder.pleaseSelect')"></a-cascader>
     </a-form-item>
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
   </a-form>
diff --git a/code/client/src/business/controller/app/setting/issue/issueTypeDeleteConvert.vue b/code/client/src/business/controller/app/setting/issue/issueTypeDeleteConvert.vue
index 62ae6c8..6d94403 100644
--- a/code/client/src/business/controller/app/setting/issue/issueTypeDeleteConvert.vue
+++ b/code/client/src/business/controller/app/setting/issue/issueTypeDeleteConvert.vue
@@ -1,6 +1,6 @@
 <template>
 	<a-form :model="form" ref="eleForm" style="width: 80%" auto-label-width>
-		<a-form-item field="issueTypeId" label="Issue Type" required>
+		<a-form-item field="issueTypeId" :label="$t('util.issueType')" required>
 			<a-select v-model="form.issueTypeId">
 				<a-option v-for="item in issueTypeList" :value="item.id" :label="item.name"></a-option>
 			</a-select>
diff --git a/code/client/src/business/controller/app/setting/issue/issueTypeList.vue b/code/client/src/business/controller/app/setting/issue/issueTypeList.vue
index 02de923..e5d279c 100644
--- a/code/client/src/business/controller/app/setting/issue/issueTypeList.vue
+++ b/code/client/src/business/controller/app/setting/issue/issueTypeList.vue
@@ -6,25 +6,25 @@
         <icon-down></icon-down>
       </template>
       <template #content>
-        <a-doption @click="onAdd">Add</a-doption>
-        <a-doption @click="onCopyFrom">Copy From</a-doption>
+        <a-doption @click="onAdd">{{$t("util.add")}}</a-doption>
+        <a-doption @click="onCopyFrom">{{$t("controller.app.setting.issue.filedList.copyFrom")}}</a-doption>
       </template>
     </a-dropdown-button>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="false">
       <template #operation="{record}">
         <a-space wrap>
           <a-dropdown-button size="small">
-            Edit
+	          {{$t("util.edit")}}
             <template #icon>
               <icon-down></icon-down>
             </template>
             <template #content>
-              <a-doption @click="onEditProfile(record)">Profile</a-doption>
-              <a-doption @click="onEditWorkflow(record)">Workflow</a-doption>
+              <a-doption @click="onEditProfile(record)">{{$t("util.profile")}}</a-doption>
+              <a-doption @click="onEditWorkflow(record)">{{$t("util.workflow")}}</a-doption>
             </template>
           </a-dropdown-button>
-          <a-button size="small" @click="onCopy(record)">Copy</a-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button size="small" @click="onCopy(record)">{{$t("util.copy")}}</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -42,21 +42,23 @@ import IssueTypeCopyFrom from "./issueTypeCopyFrom.vue";
 import {getCurrentNavigator} from "../../../../../teamOS/common/component/navigator/navigator";
 import Workflow from "./workflow.vue";
 import IssueTypeDeleteConvert from "@/business/controller/app/setting/issue/issueTypeDeleteConvert.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   issueTypeSolutionId:string
 }>()
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -112,9 +114,9 @@ const onCopyFrom=async ()=>{
 }
 
 const onCopy=async (item:DCSType<ICommon_Model_Issue_Type>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to copy this issue type solution?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.copyIssueType"))
   if(ret) {
-    let name=await Dialog.input(root.value,appContext,"type new issue type solution name")
+    let name=await Dialog.input(root.value,appContext,t("tip.typeNewIssueSolutionName"))
     if(name) {
       let res=await apiIssueType.copy({
         issueTypeId:item.id,
@@ -122,7 +124,7 @@ const onCopy=async (item:DCSType<ICommon_Model_Issue_Type>)=>{
         name
       })
       if(res?.code==0) {
-        Message.success("copy success")
+        Message.success(t("tip.copySuccess"))
         search()
       } else {
         Message.error(res.msg);
@@ -131,7 +133,7 @@ const onCopy=async (item:DCSType<ICommon_Model_Issue_Type>)=>{
   }
 }
 const onDelete=async (item:DCSType<ICommon_Model_Issue_Type>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this issue type from this issue type solution?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteIssueType"))
   if(ret) {
 		let ret=await Dialog.open(root.value,appContext,"Issue Type Convert",markRaw(IssueTypeDeleteConvert),{
 			issueTypeId:item.id,
diff --git a/code/client/src/business/controller/app/setting/issue/workflow.vue b/code/client/src/business/controller/app/setting/issue/workflow.vue
index 48a27fb..2625c2a 100644
--- a/code/client/src/business/controller/app/setting/issue/workflow.vue
+++ b/code/client/src/business/controller/app/setting/issue/workflow.vue
@@ -1,7 +1,7 @@
 <template>
   <div style="width: 100%;height: 100%;overflow: auto;display: flex;flex-direction:column" ref="root" >
     <a-space style="flex:0 1 auto;margin-bottom: 10px;width: 100%">
-      <a-button type="primary" @click="addNode">Add Node</a-button>
+      <a-button type="primary" @click="addNode">{{$t("controller.app.setting.issue.workflow.addNode")}}</a-button>
     </a-space>
     <a-layout style="flex:1 1 auto;border: 1px solid gainsboro">
       <a-layout-content style="overflow:hidden;">
@@ -10,47 +10,47 @@
       <a-layout-sider :resize-directions="['left']">
         <a-form :model="form" layout="vertical" style="margin:10px 5px 0px 5px;width: 90%" v-if="form.type" @submitSuccess="onSubmit">
           <h3>{{form.type}}</h3>
-          <a-form-item field="status" label="status" v-if="form.type=='node' || form.type=='approval'" required>
+          <a-form-item field="status" :label="$t('util.status')" v-if="form.type=='node' || form.type=='approval'" required>
             <a-select v-model="form.status">
-              <a-option :value="ECommon_Model_Workflow_Node_Status.NOTSTART">NOTSTART</a-option>
-              <a-option :value="ECommon_Model_Workflow_Node_Status.INPROGRESS">INPROGRESS</a-option>
-              <a-option :value="ECommon_Model_Workflow_Node_Status.DONE">DONE</a-option>
+              <a-option :value="ECommon_Model_Workflow_Node_Status.NOTSTART">{{$t("util.notStart")}}</a-option>
+              <a-option :value="ECommon_Model_Workflow_Node_Status.INPROGRESS">{{$t("util.inProgress")}}</a-option>
+              <a-option :value="ECommon_Model_Workflow_Node_Status.DONE">{{$t("util.done")}}</a-option>
             </a-select>
           </a-form-item>
-          <a-form-item field="name" label="name" required>
+          <a-form-item field="name" :label="$t('util.name')" required>
             <a-input v-model="form.name"></a-input>
           </a-form-item>
-          <a-form-item field="description" label="description">
+          <a-form-item field="description" :label="$t('util.description')">
             <a-textarea v-model="form.description"></a-textarea>
           </a-form-item>
 	        <template v-if="(form.status===ECommon_Model_Workflow_Node_Status.INPROGRESS || form.status===ECommon_Model_Workflow_Node_Status.DONE) && (form.type==='node' || form.type==='approval')">
-		        <a-form-item field="approval" label="approval">
+		        <a-form-item field="approval" :label="$t('util.approval')">
 			        <a-switch :checked-value="1" :unchecked-value="0" v-model="form.approval"></a-switch>
 		        </a-form-item>
-		        <a-form-item field="allComing" label="allow all connections" extra="the border of node is pink">
+		        <a-form-item field="allComing" :label="$t('util.allowAllConnections')" extra="the border of node is pink">
 			        <a-switch :checked-value="1" :unchecked-value="0" v-model="form.allComing"></a-switch>
 		        </a-form-item>
-		        <a-form-item field="approvalType" label="approval type" v-if="form.approval">
+		        <a-form-item field="approvalType" :label="$t('util.approvalType')" v-if="form.approval">
 							<a-select v-model="form.approvalType" @change="onApprovalTypeChange">
-								<a-option :value="ECommon_Model_Workflow_Approval_Type.PERSON">Person</a-option>
-								<a-option :value="ECommon_Model_Workflow_Approval_Type.TEAM">Team</a-option>
-								<a-option :value="ECommon_Model_Workflow_Approval_Type.FIELD">Field</a-option>
+								<a-option :value="ECommon_Model_Workflow_Approval_Type.PERSON">{{$t("util.person")}}</a-option>
+								<a-option :value="ECommon_Model_Workflow_Approval_Type.TEAM">{{$t("util.team")}}</a-option>
+								<a-option :value="ECommon_Model_Workflow_Approval_Type.FIELD">{{$t("util.field")}}</a-option>
 							</a-select>
 		        </a-form-item>
 		        <a-form-item field="approvalValue" :label="form.approvalType===ECommon_Model_Workflow_Approval_Type.PERSON?'choose person':form.approvalType===ECommon_Model_Workflow_Approval_Type.TEAM?'choose team':'choose workflow field'" v-if="form.approval">
 							<FieldCommonMultiLabel style="width: 100%" v-model="form.approvalValue" :type="form.approvalType===ECommon_Model_Workflow_Approval_Type.PERSON?'user':'team'" v-if="form.approvalType===ECommon_Model_Workflow_Approval_Type.PERSON || form.approvalType===ECommon_Model_Workflow_Approval_Type.TEAM"></FieldCommonMultiLabel>
 			        <FieldCommonLabel style="width: 100%" v-model="form.approvalValue" type="field" :workflow-node-id="form.id" v-else-if="form.approvalType===ECommon_Model_Workflow_Approval_Type.FIELD"></FieldCommonLabel>
 		        </a-form-item>
-		        <a-form-item field="approvalExtra" label="choose member tag" v-if="form.approval && form.approvalType===ECommon_Model_Workflow_Approval_Type.TEAM">
+		        <a-form-item field="approvalExtra" :label="$t('util.chooseMemberTag')" v-if="form.approval && form.approvalType===ECommon_Model_Workflow_Approval_Type.TEAM">
 			        <FieldCommonLabel style="width: 100%" v-model="form.approvalExtra" type="tag"></FieldCommonLabel>
 		        </a-form-item>
 	        </template>
           <a-form-item>
             <a-space v-if="form.type=='node' || form.type=='approval'" size="medium">
-              <a-button html-type="submit" type="primary">Save</a-button>
-              <a-button html-type="button" type="primary" @click="onEditFields">Edit Fields</a-button>
+              <a-button html-type="submit" type="primary">{{$t("util.save")}}</a-button>
+              <a-button html-type="button" type="primary" @click="onEditFields">{{$t("controller.app.setting.issue.workflow.editFields")}}</a-button>
             </a-space>
-            <a-button html-type="submit" type="primary" v-else>Save</a-button>
+            <a-button html-type="submit" type="primary" v-else>{{$t("util.save")}}</a-button>
           </a-form-item>
         </a-form>
       </a-layout-sider>
@@ -73,6 +73,7 @@ import {flowApproval} from "@/business/common/component/flow/approval";
 import {ECommon_Model_Workflow_Approval_Type} from "../../../../../../../common/model/workflow_approval";
 import FieldCommonMultiLabel from "@/business/common/component/field/common/fieldCommonMultiLabel.vue";
 import FieldCommonLabel from "@/business/common/component/field/common/fieldCommonLabel.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   issueTypeId:string
@@ -81,6 +82,7 @@ const eleWorkflow=ref<HTMLElement>(null);
 const root=ref(null)
 const appContext=getCurrentInstance().appContext
 const navigator=getCurrentNavigator();
+const {t}=useI18n()
 navigator.register("fieldList",markRaw(FieldList))
 const form=reactive({
   id:"",
@@ -107,12 +109,12 @@ const onKeyDelete=async (event:KeyboardEvent)=>{
     name=(<any>elements.nodes[0].text).value;
     id=elements.nodes[0].id
 	  if(elements.nodes[0].properties.status===ECommon_Model_Workflow_Node_Status.NOTSTART) {
-			Message.error("not start node can't be removed !!!")
+			Message.error(t("tip.notStartNodeNotRemove"))
 		  return
 	  }
   }
   if(type) {
-    let ret=await Dialog.confirm(root.value,appContext,`Do you want to delete ${type} ${name}`)
+    let ret=await Dialog.confirm(root.value,appContext,`${t("tip.doYouWantToDelete")}${type} ${name}`)
     if(ret) {
       if(type=="transition") {
         lf.deleteEdge(id)
@@ -142,7 +144,7 @@ const onSubmit=async ()=>{
     description:form.description
   }))
   if(res?.code==0) {
-    Message.success("update success")
+    Message.success(t("tip.updateSuccess"))
     if(form.type=="node" || form.type=="approval") {
       let obj=lf.getNodeModelById(form.id)
       obj.updateText(form.name)
diff --git a/code/client/src/business/controller/app/setting/organization/index.vue b/code/client/src/business/controller/app/setting/organization/index.vue
index 30d2777..2a85c93 100644
--- a/code/client/src/business/controller/app/setting/organization/index.vue
+++ b/code/client/src/business/controller/app/setting/organization/index.vue
@@ -1,16 +1,16 @@
 <template>
   <a-form :model="data.form" style="width: 80%;margin-top: 20px" @submitSuccess="onSubmit">
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="data.form.name"></a-input>
     </a-form-item>
-    <a-form-item field="description" label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="data.form.description" allow-clear></a-textarea>
     </a-form-item>
-    <a-form-item field="photo" label="logo">
+    <a-form-item field="photo" :label="$t('util.logo')">
       <Upload types=".png,.jpg,.jpeg,.gif,.bmp,.svg" :default-uri="data.form.photo" @upload="onUpload"></Upload>
     </a-form-item>
     <a-form-item>
-      <a-button html-type="submit" :loading="loading">Submit</a-button>
+      <a-button html-type="submit" :loading="loading">{{$t("util.submit")}}</a-button>
     </a-form-item>
   </a-form>
 </template>
@@ -22,6 +22,7 @@ import Upload from "../../../../common/component/upload.vue";
 import {Message} from "@arco-design/web-vue";
 import {useDesktopStore} from "../../../desktop/store/desktop";
 import {SessionStorage} from "../../../../common/storage/session";
+import {useI18n} from "vue-i18n";
 
 const storeDesktop=useDesktopStore()
 const data=reactive({
@@ -36,7 +37,7 @@ const onUpload=(id:string)=> {
   uploadUriId.value=id
 }
 const loading=ref(false)
-
+const {t}=useI18n()
 const onSubmit=async ()=>{
   let body={
     organizationId:SessionStorage.get("organizationId"),
@@ -48,7 +49,7 @@ const onSubmit=async ()=>{
   }
   let ret=await apiOrganization.update(body,loading)
   if(ret?.code==0) {
-    Message.success("update success")
+    Message.success(t("tip.updateSuccess"))
     storeDesktop.$update();
   } else {
     Message.error(ret?.msg??"unknown error")
diff --git a/code/client/src/business/controller/app/setting/project/editLabel.vue b/code/client/src/business/controller/app/setting/project/editLabel.vue
index 4c40ede..d0cbf59 100644
--- a/code/client/src/business/controller/app/setting/project/editLabel.vue
+++ b/code/client/src/business/controller/app/setting/project/editLabel.vue
@@ -1,6 +1,6 @@
 <template>
   <a-form :model="form" style="width: 80%" ref="eleForm">
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
   </a-form>
@@ -11,6 +11,7 @@ import {reactive, ref} from "vue";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {apiProject} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"add"|"edit",
@@ -23,6 +24,7 @@ const props=defineProps<{
 const form=reactive({
   name:props.type=="edit"?props.item.name:""
 })
+const {t}=useI18n()
 const eleForm=ref(null)
 onDialogOk(async ()=>{
   let isError=await eleForm.value.validate()
@@ -37,7 +39,7 @@ onDialogOk(async ()=>{
     name:form.name
   }))
   if(res?.code==0) {
-    Message.success("operation success")
+    Message.success(t("tip.operationSuccess"))
     return true
   } else {
     Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/setting/project/editProjectAccess.vue b/code/client/src/business/controller/app/setting/project/editProjectAccess.vue
index 1f49cdf..c8820c2 100644
--- a/code/client/src/business/controller/app/setting/project/editProjectAccess.vue
+++ b/code/client/src/business/controller/app/setting/project/editProjectAccess.vue
@@ -1,21 +1,21 @@
 <template>
   <div>
     <a-space size="medium">
-      <span>name</span>
+      <span>{{$t("controller.app.setting.project.editProjectAccess.name")}}</span>
       <a-input v-model="keyword"></a-input>
-      <span>member type</span>
+      <span>{{$t("controller.app.setting.project.editProjectAccess.memberType")}}</span>
       <a-select  v-model="memberType">
-        <a-option :value="ECommon_Model_Organization_Member_Type.DEFAULT">Default</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.USER">User</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.TEAM">Team</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.MEMBERTAG">Tag</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.DEFAULT">{{$t("util.default")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.USER">{{$t("util.user")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.TEAM">{{$t("util.team")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.MEMBERTAG">{{$t("util.tag")}}</a-option>
       </a-select>
-      <a-button type="primary" @click="onSearch">Search</a-button>
-      <a-button type="primary" @click="onAdd">Add</a-button>
+      <a-button type="primary" @click="onSearch">{{$t("util.search")}}</a-button>
+      <a-button type="primary" @click="onAdd">{{$t("util.add")}}</a-button>
     </a-space>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="pagination" @pageChange="onPageChange">
       <template #name="{record}">
-        <template v-if="record.memberType==ECommon_Model_Organization_Member_Type.DEFAULT">Default</template>
+        <template v-if="record.memberType==ECommon_Model_Organization_Member_Type.DEFAULT">{{$t("util.default")}}</template>
         <template v-else-if="record.memberType==ECommon_Model_Organization_Member_Type.USER">{{ record.member.nickname }}</template>
         <template v-else-if="record.memberType==ECommon_Model_Organization_Member_Type.TEAM">{{record.team.name}}</template>
         <template v-else-if="record.memberType==ECommon_Model_Organization_Member_Type.MEMBERTAG">{{record.tag.name}}</template>
@@ -25,8 +25,8 @@
       </template>
       <template #operation="{record}">
         <a-space wrap>
-          <a-button @click="onEditRole(record)" size="small">Role</a-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button @click="onEditRole(record)" size="small">{{$t("util.role")}}</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -42,21 +42,23 @@ import {Message} from "@arco-design/web-vue";
 import {Dialog} from "../../../../common/component/dialog/dialog";
 import EditProjectAccessRole from "./editProjectAccessRole.vue";
 import {getRootNavigatorRef} from "../../../../../teamOS/common/component/navigator/navigator";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectId:string
 }>()
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     slotName:"name"
   },
   {
-    title:"role",
+    title:t("util.role"),
     slotName:"role"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -112,7 +114,7 @@ const onEditRole=async (item:DCSType<ICommon_Route_Res_Role_Member_Item>)=>{
   }
 }
 const onDelete=async (item:DCSType<ICommon_Route_Res_Role_Member_Item>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this user from this organization?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.removeUser"))
   let memberId:string;
   if(item.memberType==ECommon_Model_Organization_Member_Type.USER)
   {
@@ -131,7 +133,7 @@ const onDelete=async (item:DCSType<ICommon_Route_Res_Role_Member_Item>)=>{
       })
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       search(pagination.current)
     }
   }
diff --git a/code/client/src/business/controller/app/setting/project/editProjectAccessRole.vue b/code/client/src/business/controller/app/setting/project/editProjectAccessRole.vue
index b443693..5fb3e45 100644
--- a/code/client/src/business/controller/app/setting/project/editProjectAccessRole.vue
+++ b/code/client/src/business/controller/app/setting/project/editProjectAccessRole.vue
@@ -1,20 +1,20 @@
 <template>
   <a-form :model="form" ref="eleForm" style="width: 80%">
-    <a-form-item field="type" label="type" required :disabled="type=='edit'" @change="onChangeType">
+    <a-form-item field="type" :label="$t('util.type')" required :disabled="type=='edit'" @change="onChangeType">
       <a-select  v-model="form.type">
-        <a-option :value="ECommon_Model_Organization_Member_Type.DEFAULT">Default</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.USER">User</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.TEAM">Team</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.MEMBERTAG">Tag</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.DEFAULT">{{$t("util.default")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.USER">{{$t("util.user")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.TEAM">{{$t("util.team")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.MEMBERTAG">{{$t("util.tag")}}</a-option>
       </a-select>
     </a-form-item>
-    <a-form-item field="memberId" label="name" required v-if="form.type!==ECommon_Model_Organization_Member_Type.DEFAULT">
+    <a-form-item field="memberId" :label="$t('util.name')" required v-if="form.type!==ECommon_Model_Organization_Member_Type.DEFAULT">
       <a-select @search="onSearch" v-model="form.memberId" allow-search v-if="type=='add'">
         <a-option v-for="item in userList" :value="item.value" :label="item.label"></a-option>
       </a-select>
       <template v-else>{{ getNameFromRoleMember(item) }}</template>
     </a-form-item>
-    <a-form-item field="roleId" label="role" required>
+    <a-form-item field="roleId" :label="$t('util.role')" required>
       <a-select v-model="form.roleId">
         <a-option v-for="item in roleList" :value="item.id" :label="item.name"></a-option>
       </a-select>
@@ -32,6 +32,7 @@ import {Message} from "@arco-design/web-vue";
 import {ECommon_Model_Organization_Member_Type} from "../../../../../../../common/model/organization";
 import {getMemberIdFromRoleMember, getNameFromRoleMember} from "../../../../common/util/helper";
 import {SessionStorage} from "../../../../common/storage/session";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"edit"|"add"
@@ -49,6 +50,7 @@ const userList=ref<{
   value:string,
   label:string
 }[]>([])
+const {t}=useI18n()
 const onSearch=async (value:string)=>{
   if(form.type==ECommon_Model_Organization_Member_Type.USER) {
     let res=await apiOrganization.listUser({
@@ -116,7 +118,7 @@ onDialogOk(async ()=>{
     ...form
   }))
   if(res?.code==0) {
-    Message.success("operation success")
+    Message.success(t("tip.operationSuccess"))
     return true
   } else {
     Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/setting/project/editProjectProfile.vue b/code/client/src/business/controller/app/setting/project/editProjectProfile.vue
index ccc5ff4..33cee1d 100644
--- a/code/client/src/business/controller/app/setting/project/editProjectProfile.vue
+++ b/code/client/src/business/controller/app/setting/project/editProjectProfile.vue
@@ -1,22 +1,22 @@
 <template>
   <a-form ref="eleForm" :model="form" auto-label-width>
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name" v-if="type=='add'"></a-input>
       <template v-else>{{form.name}}</template>
     </a-form-item>
-    <a-form-item field="keyword" label="keyword" required>
+    <a-form-item field="keyword" :label="$t('util.keyword')" required>
       <a-input v-model="form.keyword" v-if="type=='add'"></a-input>
       <template v-else>{{form.keyword}}</template>
     </a-form-item>
-    <a-form-item field="description" label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
-	  <a-form-item field="issueTypeSolutionId" label="issue solution" required v-if="type==='add'">
+	  <a-form-item field="issueTypeSolutionId" :label="$t('util.issueSolution')" required v-if="type==='add'">
 		  <a-select v-model="form.issueTypeSolutionId" allow-search>
 			  <a-option v-for="item in issueSolutionList" :label="item.name" :value="item.id"></a-option>
 		  </a-select>
 	  </a-form-item>
-    <a-form-item label="logo">
+    <a-form-item :label="$t('util.logo')">
       <Upload types=".png,.jpg,.jpeg,.gif,.bmp,.svg" :default-uri="type=='edit'?item.photo:''" @upload="onUpload"></Upload>
     </a-form-item>
   </a-form>
@@ -30,6 +30,7 @@ import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {apiIssueType, apiProject, DCSType} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
 import {ICommon_Model_Issue_Type_Solution} from "../../../../../../../common/model/issue_type_solution";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"edit"|"add",
@@ -43,6 +44,7 @@ const form=reactive({
 		issueTypeSolutionId:""
 	})
 })
+const {t}=useI18n()
 const issueSolutionList=ref<DCSType<ICommon_Model_Issue_Type_Solution>[]>([])
 const uploadUriId=ref("")
 const onUpload=(id:string)=> {
@@ -82,7 +84,7 @@ onDialogOk(async ()=>{
     }),
   }))
   if(res?.code==0){
-    Message.success("operation success");
+    Message.success(t("tip.operationSuccess"));
     return true;
   } else {
     Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/project/index.vue b/code/client/src/business/controller/app/setting/project/index.vue
index 44e89c4..7743cb8 100644
--- a/code/client/src/business/controller/app/setting/project/index.vue
+++ b/code/client/src/business/controller/app/setting/project/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="root">
     <a-space>
-      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button placeholder="please type project name"></a-input-search>
+      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button :placeholder="$t('placeholder.typeProjectName')"></a-input-search>
       <a-button type="primary" @click="onCreate">Create</a-button>
     </a-space>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="pagination" @pageChange="onPageChange">
@@ -14,18 +14,18 @@
       <template #operation="{record}">
         <a-space wrap>
           <a-dropdown-button size="small">
-            Edit
+	          {{$t("util.edit")}}
             <template #icon>
               <icon-down></icon-down>
             </template>
             <template #content>
-              <a-doption @click="onEditProfile(record)">Profile</a-doption>
-              <a-doption @click="onEditAccess(record)">Access</a-doption>
-              <a-doption @click="onEditLabel(record)">Label</a-doption>
-              <a-doption @click="onEditModule(record)">Module</a-doption>
+              <a-doption @click="onEditProfile(record)">{{$t("util.profile")}}</a-doption>
+              <a-doption @click="onEditAccess(record)">{{$t("util.access")}}</a-doption>
+              <a-doption @click="onEditLabel(record)">{{$t("util.label")}}</a-doption>
+              <a-doption @click="onEditModule(record)">{{$t("util.module")}}</a-doption>
             </template>
           </a-dropdown-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -43,14 +43,16 @@ import EditProjectProfile from "./editProjectProfile.vue";
 import EditProjectAccess from "./editProjectAccess.vue";
 import LabelList from "./labelList.vue";
 import ModuleList from "./moduleList.vue";
+import {useI18n} from "vue-i18n";
 
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     slotName:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
@@ -58,7 +60,7 @@ const columns=[
     dataIndex:"keyword"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -128,13 +130,13 @@ const onEditModule=async (item:DCSType<ICommon_Model_Project>)=>{
   },`${item.name} -> Module`)
 }
 const onDelete=async (item:DCSType<ICommon_Model_Project>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this user from this organization?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteProject"))
   if(ret) {
     let res=await apiProject.remove({
       projectId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       search(pagination.current)
     }
   }
diff --git a/code/client/src/business/controller/app/setting/project/labelList.vue b/code/client/src/business/controller/app/setting/project/labelList.vue
index 18ddf66..08096c7 100644
--- a/code/client/src/business/controller/app/setting/project/labelList.vue
+++ b/code/client/src/business/controller/app/setting/project/labelList.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <a-space>
-      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button placeholder="please type label name"></a-input-search>
-      <a-button type="primary" @click="onAdd">Add</a-button>
+      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button :placeholder="$t('placeholder.typeLabel')"></a-input-search>
+      <a-button type="primary" @click="onAdd">{{$t("util.add")}}</a-button>
     </a-space>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="pagination" @pageChange="onPageChange">
       <template #name="{record}">
@@ -10,8 +10,8 @@
       </template>
       <template #operation="{record}">
         <a-space wrap>
-          <a-button @click="onEdit(record)" size="small">Edit</a-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button @click="onEdit(record)" size="small">{{$t("util.edit")}}</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -25,18 +25,19 @@ import {Message} from "@arco-design/web-vue";
 import {Dialog} from "../../../../common/component/dialog/dialog";
 import EditLabel from "./editLabel.vue";
 import {getRootNavigatorRef} from "../../../../../teamOS/common/component/navigator/navigator";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectId:string
 }>()
-
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     slotName:"name"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -99,13 +100,13 @@ const onDelete=async (item:{
   id:string,
   name:string
 })=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this label from this project?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteLabel"))
   if(ret) {
     let res=await apiProject.removeLabel({
       labelId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       search(pagination.current)
     }
   }
diff --git a/code/client/src/business/controller/app/setting/project/moduleList.vue b/code/client/src/business/controller/app/setting/project/moduleList.vue
index 86eedd6..8fb5e4a 100644
--- a/code/client/src/business/controller/app/setting/project/moduleList.vue
+++ b/code/client/src/business/controller/app/setting/project/moduleList.vue
@@ -7,9 +7,9 @@
   }" ref="tree" draggable @drop="onDrop">
       <template #extra="node">
         <a-space style="margin-left: 20px">
-          <a-button type="outline" size="mini" @click="onAdd(node)">Add</a-button>
-          <a-button type="outline" size="mini" @click="onEdit(node)" v-if="node.id">Edit</a-button>
-          <a-button type="outline" status="danger" size="mini" v-if="node.id" @click="onRemove(node)">Remove</a-button>
+          <a-button type="outline" size="mini" @click="onAdd(node)">{{$t("util.add")}}</a-button>
+          <a-button type="outline" size="mini" @click="onEdit(node)" v-if="node.id">{{$t("util.edit")}}</a-button>
+          <a-button type="outline" status="danger" size="mini" v-if="node.id" @click="onRemove(node)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-tree>
@@ -22,12 +22,14 @@ import {ICommon_Route_Res_Project_CreateModule_Data} from "../../../../../../../
 import {apiProject} from "../../../../common/request/request";
 import {Dialog} from "../../../../common/component/dialog/dialog";
 import {getRootNavigatorRef} from "../../../../../teamOS/common/component/navigator/navigator";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectId:string
 }>()
 const data=ref<ICommon_Route_Res_Project_CreateModule_Data[]>([])
 const tree=ref(null)
+const {t}=useI18n()
 onBeforeMount(async ()=>{
   let res=await apiProject.listModule({
     projectId:props.projectId
@@ -46,7 +48,7 @@ onBeforeMount(async ()=>{
 const root=getRootNavigatorRef();
 const appContext=getCurrentInstance().appContext
 const onAdd=async (item:ICommon_Route_Res_Project_CreateModule_Data)=>{
-  let name=await Dialog.input(root.value,appContext,"please input module name")
+  let name=await Dialog.input(root.value,appContext,t("tip.typeModuleName"))
   if(name) {
     let res=await apiProject.createModule({
       projectId:props.projectId,
@@ -66,7 +68,7 @@ const onAdd=async (item:ICommon_Route_Res_Project_CreateModule_Data)=>{
   }
 }
 const onEdit=async (item:ICommon_Route_Res_Project_CreateModule_Data)=>{
-  let name=await Dialog.input(root.value,appContext,"please edit module name",item.name)
+  let name=await Dialog.input(root.value,appContext,t("tip.editModuleName"),item.name)
   if(name) {
     let res=await apiProject.editModule({
       moduleId:item.id,
@@ -78,7 +80,7 @@ const onEdit=async (item:ICommon_Route_Res_Project_CreateModule_Data)=>{
   }
 }
 const onRemove=async (item:ICommon_Route_Res_Project_CreateModule_Data)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this module?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteModule"))
   if(ret) {
     let res=await apiProject.removeModule({
       moduleId:item.id
diff --git a/code/client/src/business/controller/app/setting/role/organization/editOrganizationRole.vue b/code/client/src/business/controller/app/setting/role/organization/editOrganizationRole.vue
index ac09f51..a67af26 100644
--- a/code/client/src/business/controller/app/setting/role/organization/editOrganizationRole.vue
+++ b/code/client/src/business/controller/app/setting/role/organization/editOrganizationRole.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
     <a-form :model="form" style="width: 80%" ref="eleForm">
-      <a-form-item field="name" label="name" required>
+      <a-form-item field="name" :label="$t('util.name')" required>
         <a-input v-model="form.name"></a-input>
       </a-form-item>
-      <a-form-item field="description" label="description">
+      <a-form-item field="description" :label="$t('util.description')">
         <a-textarea v-model="form.description" allow-clear></a-textarea>
       </a-form-item>
-      <a-form-item field="permissions" label="permissions">
+      <a-form-item field="permissions" :label="$t('util.permissions')">
         <a-space :wrap="true">
           <a-tag v-for="(item,index) in form.permissions" bordered color="arcoblue" checkable :checked="item.checked" @check="item.checked=!item.checked">{{item.name}}</a-tag>
         </a-space>
@@ -20,14 +20,15 @@
 
 import {onDialogOk} from "../../../../../common/component/dialog/dialog";
 import {
-  getAllPermissions,
-  Permission_Base,
-  Permission_Types
+	getAllPermissions,
+	Permission_Base,
+	Permission_Types
 } from "../../../../../../../../common/permission/permission";
 import {reactive, ref} from "vue";
 import {apiOrganization} from "../../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
 import {SessionStorage} from "../../../../../common/storage/session";
+import {useI18n} from "vue-i18n";
 
 const eleForm=ref(null)
 const props=defineProps<{
@@ -39,6 +40,7 @@ const props=defineProps<{
     permissions:Permission_Base[]
   }
 }>()
+const {t}=useI18n()
 const form=reactive(props.type=="edit"?{
   name:props.item.name,
   description:props.item.description,
@@ -90,7 +92,7 @@ onDialogOk(async ()=>{
     value:value
   }))
   if(res?.code==0) {
-    Message.success("update success")
+    Message.success(t("tip.operationSuccess"))
     return true
   } else {
     Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/role/organization/organizationRoleList.vue b/code/client/src/business/controller/app/setting/role/organization/organizationRoleList.vue
index 7fc22b9..f1bc607 100644
--- a/code/client/src/business/controller/app/setting/role/organization/organizationRoleList.vue
+++ b/code/client/src/business/controller/app/setting/role/organization/organizationRoleList.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="root">
-    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">Add</a-button>
+    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">{{$t("util.add")}}</a-button>
     <a-table :columns="columns" :data="data" :pagination="false">
       <template #description="{record}">
         {{record.description}}
@@ -17,8 +17,8 @@
       <template #operation="{record}">
         <template v-if="!record.reserved">
           <a-space wrap>
-            <a-button type="primary" size="small" @click="onEdit(record)">manage</a-button>
-            <a-button status="danger" size="small" @click="onDelete(record)">delete</a-button>
+            <a-button type="primary" size="small" @click="onEdit(record)">{{$t("util.manage")}}</a-button>
+            <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.delete")}}</a-button>
           </a-space>
         </template>
       </template>
@@ -34,6 +34,7 @@ import EditOrganizationRole from "./editOrganizationRole.vue";
 import {Permission_Base, Permission_Types} from "../../../../../../../../common/permission/permission";
 import {Message} from "@arco-design/web-vue";
 import {SessionStorage} from "../../../../../common/storage/session";
+import {useI18n} from "vue-i18n";
 
 type Item={
   id:string,
@@ -42,25 +43,26 @@ type Item={
   description:string,
   permissions:Permission_Base[]
 }
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     slotName:"description"
   },
   {
-    title:"permission",
+    title:t("util.permission"),
     slotName:"permission"
   },
   {
-    title:"reserved",
+    title:t("util.reserved"),
     slotName: "reserved"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -90,13 +92,13 @@ const onEdit=async (item:Item) =>{
   }
 }
 const onDelete=async (item:Item)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this role?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRole"))
   if(ret) {
     let res=await apiOrganization.removeRole({
       roleId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       init()
     } else {
       Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/role/project/editProjectRole.vue b/code/client/src/business/controller/app/setting/role/project/editProjectRole.vue
index 3a0c890..dc32228 100644
--- a/code/client/src/business/controller/app/setting/role/project/editProjectRole.vue
+++ b/code/client/src/business/controller/app/setting/role/project/editProjectRole.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
     <a-form :model="form" style="width: 80%" ref="eleForm">
-      <a-form-item field="name" label="name" required>
+      <a-form-item field="name" :label="$t('util.name')" required>
         <a-input v-model="form.name"></a-input>
       </a-form-item>
-      <a-form-item field="description" label="description">
+      <a-form-item field="description" :label="$t('util.name')">
         <a-textarea v-model="form.description" allow-clear></a-textarea>
       </a-form-item>
-      <a-form-item field="permissions" label="permissions">
+      <a-form-item field="permissions" :label="$t('util.permissions')">
         <a-space :wrap="true">
           <a-tag v-for="(item,index) in form.permissions" bordered color="arcoblue" checkable :checked="item.checked" @check="item.checked=!item.checked">{{item.name}}</a-tag>
         </a-space>
@@ -20,13 +20,14 @@
 
 import {onDialogOk} from "../../../../../common/component/dialog/dialog";
 import {
-  getAllPermissions,
-  Permission_Base,
-  Permission_Types
+	getAllPermissions,
+	Permission_Base,
+	Permission_Types
 } from "../../../../../../../../common/permission/permission";
 import {reactive, ref} from "vue";
 import {apiProject} from "../../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const eleForm=ref(null)
 const props=defineProps<{
@@ -39,6 +40,7 @@ const props=defineProps<{
     permissions:Permission_Base[]
   }
 }>()
+const {t}=useI18n()
 const form=reactive(props.type=="edit"?{
   name:props.item.name,
   description:props.item.description,
@@ -92,7 +94,7 @@ onDialogOk(async ()=>{
     value:value
   }))
   if(res?.code==0) {
-    Message.success("update success")
+    Message.success(t("tip.updateSuccess"))
     return true
   } else {
     Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/role/project/projectList.vue b/code/client/src/business/controller/app/setting/role/project/projectList.vue
index 42f5f97..5303321 100644
--- a/code/client/src/business/controller/app/setting/role/project/projectList.vue
+++ b/code/client/src/business/controller/app/setting/role/project/projectList.vue
@@ -1,9 +1,9 @@
 <template>
   <div ref="root">
-    <a-input-search style="width: 300px;margin-bottom: 10px" placeholder="please type project name" @search="search" search-button></a-input-search>
+    <a-input-search style="width: 300px;margin-bottom: 10px" :placeholder="$t('placeholder.typeProjectName')" @search="search" search-button></a-input-search>
     <a-table :columns="columns" :data="data" @pageChange="onPageChange" :pagination="pagination">
       <template #operation="{record}">
-        <a-button type="primary" size="small" @click="onEdit(record)">manage role</a-button>
+        <a-button type="primary" size="small" @click="onEdit(record)">{{$t("controller.app.setting.role.project.projectList.manageRole")}}</a-button>
       </template>
     </a-table>
   </div>
@@ -14,14 +14,15 @@ import {reactive, ref} from "vue";
 import {ICommon_Model_Project} from "../../../../../../../../common/model/project";
 import {apiProject, DCSType} from "../../../../../common/request/request";
 import {getCurrentNavigator} from "../../../../../../teamOS/common/component/navigator/navigator";
-
+import {useI18n} from "vue-i18n";
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
@@ -29,7 +30,7 @@ const columns=[
     dataIndex:"keyword"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
diff --git a/code/client/src/business/controller/app/setting/role/project/projectRoleList.vue b/code/client/src/business/controller/app/setting/role/project/projectRoleList.vue
index 5e3d8cc..b600d43 100644
--- a/code/client/src/business/controller/app/setting/role/project/projectRoleList.vue
+++ b/code/client/src/business/controller/app/setting/role/project/projectRoleList.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="root">
-    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">Add</a-button>
+    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">{{$t("util.add")}}</a-button>
     <a-table :columns="columns" :data="data" :pagination="false">
       <template #description="{record}">
         {{record.description}}
@@ -17,8 +17,8 @@
       <template #operation="{record}">
         <template v-if="!record.reserved">
           <a-space wrap>
-            <a-button type="primary" size="small" @click="onEdit(record)">manage</a-button>
-            <a-button status="danger" size="small" @click="onDelete(record)">delete</a-button>
+            <a-button type="primary" size="small" @click="onEdit(record)">{{$t("util.manage")}}</a-button>
+            <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.delete")}}</a-button>
           </a-space>
         </template>
       </template>
@@ -33,6 +33,7 @@ import {Dialog} from "../../../../../common/component/dialog/dialog";
 import {Permission_Base, Permission_Types} from "../../../../../../../../common/permission/permission";
 import {Message} from "@arco-design/web-vue";
 import EditProjectRole from "./editProjectRole.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   projectId?:string
@@ -44,25 +45,26 @@ type Item={
   description:string,
   permissions:Permission_Base[]
 }
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     slotName:"description"
   },
   {
-    title:"permission",
+    title:t("util.permission"),
     slotName:"permission"
   },
   {
-    title:"reserved",
+    title:t("util.reserved"),
     slotName: "reserved"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -95,13 +97,13 @@ const onEdit=async (item:Item) =>{
   }
 }
 const onDelete=async (item:Item)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this role?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRole"))
   if(ret) {
     let res=await apiProject.removeRole({
       roleId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       init()
     } else {
       Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/role/team/editTeamRole.vue b/code/client/src/business/controller/app/setting/role/team/editTeamRole.vue
index 0c4e6f8..fccf537 100644
--- a/code/client/src/business/controller/app/setting/role/team/editTeamRole.vue
+++ b/code/client/src/business/controller/app/setting/role/team/editTeamRole.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
     <a-form :model="form" style="width: 80%" ref="eleForm">
-      <a-form-item field="name" label="name" required>
+      <a-form-item field="name" :label="$t('util.name')" required>
         <a-input v-model="form.name"></a-input>
       </a-form-item>
-      <a-form-item field="description" label="description">
+      <a-form-item field="description" :label="$t('util.description')">
         <a-textarea v-model="form.description" allow-clear></a-textarea>
       </a-form-item>
-      <a-form-item field="permissions" label="permissions">
+      <a-form-item field="permissions" :label="$t('util.permissions')">
         <a-space :wrap="true">
           <a-tag v-for="(item,index) in form.permissions" bordered color="arcoblue" checkable :checked="item.checked" @check="item.checked=!item.checked">{{item.name}}</a-tag>
         </a-space>
@@ -20,13 +20,14 @@
 
 import {onDialogOk} from "../../../../../common/component/dialog/dialog";
 import {
-  getAllPermissions,
-  Permission_Base,
-  Permission_Types
+	getAllPermissions,
+	Permission_Base,
+	Permission_Types
 } from "../../../../../../../../common/permission/permission";
 import {reactive, ref} from "vue";
 import {apiTeam} from "../../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const eleForm=ref(null)
 const props=defineProps<{
@@ -39,6 +40,7 @@ const props=defineProps<{
     permissions:Permission_Base[]
   }
 }>()
+const {t}=useI18n()
 const form=reactive(props.type=="edit"?{
   name:props.item.name,
   description:props.item.description,
@@ -92,7 +94,7 @@ onDialogOk(async ()=>{
     value:value
   }))
   if(res?.code==0) {
-    Message.success("update success")
+    Message.success(t("tip.updateSuccess"))
     return true
   } else {
     Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/role/team/teamList.vue b/code/client/src/business/controller/app/setting/role/team/teamList.vue
index 1530f1f..7dc8e05 100644
--- a/code/client/src/business/controller/app/setting/role/team/teamList.vue
+++ b/code/client/src/business/controller/app/setting/role/team/teamList.vue
@@ -1,9 +1,9 @@
 <template>
   <div ref="root">
-    <a-input-search style="width: 300px;margin-bottom: 10px" placeholder="please type team name" @search="search" search-button></a-input-search>
+    <a-input-search style="width: 300px;margin-bottom: 10px" :placeholder="$t('placeholder.typeTeamName')" @search="search" search-button></a-input-search>
     <a-table :columns="columns" :data="data" @pageChange="onPageChange" :pagination="pagination">
       <template #operation="{record}">
-        <a-button type="primary" size="small" @click="onEdit(record)">manage role</a-button>
+        <a-button type="primary" size="small" @click="onEdit(record)">{{$t("controller.app.setting.role.project.projectList.manageRole")}}</a-button>
       </template>
     </a-table>
   </div>
@@ -14,22 +14,19 @@ import {reactive, ref} from "vue";
 import {apiTeam, DCSType} from "../../../../../common/request/request";
 import {getCurrentNavigator} from "../../../../../../teamOS/common/component/navigator/navigator";
 import {ICommon_Model_Team} from "../../../../../../../../common/model/team";
-
+import {useI18n} from "vue-i18n";
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
-    title:"keyword",
-    dataIndex:"keyword"
-  },
-  {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
diff --git a/code/client/src/business/controller/app/setting/role/team/teamRoleList.vue b/code/client/src/business/controller/app/setting/role/team/teamRoleList.vue
index 06ccb95..93531f8 100644
--- a/code/client/src/business/controller/app/setting/role/team/teamRoleList.vue
+++ b/code/client/src/business/controller/app/setting/role/team/teamRoleList.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="root">
-    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">Add</a-button>
+    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">{{$t("util.add")}}</a-button>
     <a-table :columns="columns" :data="data" :pagination="false">
       <template #description="{record}">
         {{record.description}}
@@ -17,8 +17,8 @@
       <template #operation="{record}">
         <template v-if="!record.reserved">
           <a-space wrap>
-            <a-button type="primary" size="small" @click="onEdit(record)">manage</a-button>
-            <a-button status="danger" size="small" @click="onDelete(record)">delete</a-button>
+            <a-button type="primary" size="small" @click="onEdit(record)">{{$t("util.manage")}}</a-button>
+            <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.delete")}}</a-button>
           </a-space>
         </template>
       </template>
@@ -33,6 +33,7 @@ import {Dialog} from "../../../../../common/component/dialog/dialog";
 import {Permission_Base, Permission_Types} from "../../../../../../../../common/permission/permission";
 import {Message} from "@arco-design/web-vue";
 import EditTeamRole from "./editTeamRole.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   teamId?:string
@@ -44,25 +45,26 @@ type Item={
   description:string,
   permissions:Permission_Base[]
 }
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     slotName:"description"
   },
   {
-    title:"permission",
+    title:t("util.permission"),
     slotName:"permission"
   },
   {
-    title:"reserved",
+    title:t("util.reserved"),
     slotName: "reserved"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -95,13 +97,13 @@ const onEdit=async (item:Item) =>{
   }
 }
 const onDelete=async (item:Item)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this role?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRole"))
   if(ret) {
     let res=await apiTeam.removeRole({
       roleId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       init()
     } else {
       Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/role/wiki/editWikiRole.vue b/code/client/src/business/controller/app/setting/role/wiki/editWikiRole.vue
index 27e2bde..855607a 100644
--- a/code/client/src/business/controller/app/setting/role/wiki/editWikiRole.vue
+++ b/code/client/src/business/controller/app/setting/role/wiki/editWikiRole.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
     <a-form :model="form" style="width: 80%" ref="eleForm">
-      <a-form-item field="name" label="name" required>
+      <a-form-item field="name" :label="$t('util.name')" required>
         <a-input v-model="form.name"></a-input>
       </a-form-item>
-      <a-form-item field="description" label="description">
+      <a-form-item field="description" :label="$t('util.description')">
         <a-textarea v-model="form.description" allow-clear></a-textarea>
       </a-form-item>
-      <a-form-item field="permissions" label="permissions">
+      <a-form-item field="permissions" :label="$t('util.permissions')">
         <a-space :wrap="true">
           <a-tag v-for="(item,index) in form.permissions" bordered color="arcoblue" checkable :checked="item.checked" @check="item.checked=!item.checked">{{item.name}}</a-tag>
         </a-space>
@@ -20,15 +20,17 @@
 
 import {onDialogOk} from "../../../../../common/component/dialog/dialog";
 import {
-  getAllPermissions,
-  Permission_Base,
-  Permission_Types
+	getAllPermissions,
+	Permission_Base,
+	Permission_Types
 } from "../../../../../../../../common/permission/permission";
 import {reactive, ref} from "vue";
 import {apiWiki} from "../../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const eleForm=ref(null)
+const {t}=useI18n()
 const props=defineProps<{
   wikiId?:string
   type:"edit"|"add"
@@ -92,7 +94,7 @@ onDialogOk(async ()=>{
     value:value
   }))
   if(res?.code==0) {
-    Message.success("update success")
+    Message.success(t("tip.updateSuccess"))
     return true
   } else {
     Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/role/wiki/wikiList.vue b/code/client/src/business/controller/app/setting/role/wiki/wikiList.vue
index 58688b7..7d15dcb 100644
--- a/code/client/src/business/controller/app/setting/role/wiki/wikiList.vue
+++ b/code/client/src/business/controller/app/setting/role/wiki/wikiList.vue
@@ -1,9 +1,9 @@
 <template>
   <div ref="root">
-    <a-input-search style="width: 300px;margin-bottom: 10px" placeholder="please type wiki name" @search="search" search-button></a-input-search>
+    <a-input-search style="width: 300px;margin-bottom: 10px" :placeholder="$t('placeholder.typeWikiName')" @search="search" search-button></a-input-search>
     <a-table :columns="columns" :data="data" @pageChange="onPageChange" :pagination="pagination">
       <template #operation="{record}">
-        <a-button type="primary" size="small" @click="onEdit(record)">manage role</a-button>
+        <a-button type="primary" size="small" @click="onEdit(record)">{{$t("controller.app.setting.role.project.projectList.manageRole")}}</a-button>
       </template>
     </a-table>
   </div>
@@ -14,22 +14,19 @@ import {reactive, ref} from "vue";
 import {apiWiki, DCSType} from "../../../../../common/request/request";
 import {getCurrentNavigator} from "../../../../../../teamOS/common/component/navigator/navigator";
 import {ICommon_Model_Wiki} from "../../../../../../../../common/model/wiki";
-
+import {useI18n} from "vue-i18n";
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
-    title:"keyword",
-    dataIndex:"keyword"
-  },
-  {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
diff --git a/code/client/src/business/controller/app/setting/role/wiki/wikiRoleList.vue b/code/client/src/business/controller/app/setting/role/wiki/wikiRoleList.vue
index 164d745..becc281 100644
--- a/code/client/src/business/controller/app/setting/role/wiki/wikiRoleList.vue
+++ b/code/client/src/business/controller/app/setting/role/wiki/wikiRoleList.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="root">
-    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">Add</a-button>
+    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">{{$t("util.add")}}</a-button>
     <a-table :columns="columns" :data="data" :pagination="false">
       <template #description="{record}">
         {{record.description}}
@@ -17,8 +17,8 @@
       <template #operation="{record}">
         <template v-if="!record.reserved">
           <a-space wrap>
-            <a-button type="primary" size="small" @click="onEdit(record)">manage</a-button>
-            <a-button status="danger" size="small" @click="onDelete(record)">delete</a-button>
+            <a-button type="primary" size="small" @click="onEdit(record)">{{$t("util.manage")}}</a-button>
+            <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.delete")}}</a-button>
           </a-space>
         </template>
       </template>
@@ -33,6 +33,7 @@ import {Dialog} from "../../../../../common/component/dialog/dialog";
 import {Permission_Base, Permission_Types} from "../../../../../../../../common/permission/permission";
 import {Message} from "@arco-design/web-vue";
 import EditWikiRole from "./editWikiRole.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   wikiId?:string
@@ -44,25 +45,26 @@ type Item={
   description:string,
   permissions:Permission_Base[]
 }
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     slotName:"description"
   },
   {
-    title:"permission",
+    title:t("util.permission"),
     slotName:"permission"
   },
   {
-    title:"reserved",
+    title:t("util.reserved"),
     slotName: "reserved"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -95,13 +97,13 @@ const onEdit=async (item:Item) =>{
   }
 }
 const onDelete=async (item:Item)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this role?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRole"))
   if(ret) {
     let res=await apiWiki.removeRole({
       roleId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       init()
     } else {
       Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/setting.vue b/code/client/src/business/controller/app/setting/setting.vue
index 7b41061..4188191 100644
--- a/code/client/src/business/controller/app/setting/setting.vue
+++ b/code/client/src/business/controller/app/setting/setting.vue
@@ -6,98 +6,98 @@
 		      <template #icon>
 			      <icon-home></icon-home>
 		      </template>
-		      Home
+		      {{$t("util.home")}}
 	      </a-menu-item>
         <a-sub-menu key="organization">
           <template #icon>
             <sicon size="" color="" name="Ant" type="apartment"></sicon>
           </template>
-          <template #title>Organization</template>
+          <template #title>{{$t("util.organization")}}</template>
           <a-menu-item key="organizationEdit">
             <template #icon>
               <sicon size="" color="" name="Ant" type="edit"></sicon>
             </template>
-            Edit
+	          {{$t("util.edit")}}
           </a-menu-item>
         </a-sub-menu>
         <a-sub-menu key="userTeam">
           <template #icon>
             <sicon size="" color="" name="Ant" type="team"></sicon>
           </template>
-          <template #title>User & Team</template>
+          <template #title>{{$t("util.user")}} & {{$t("util.team")}}</template>
           <a-menu-item key="userManage">
             <template #icon>
               <sicon size="" color="" name="Ant" type="edit"></sicon>
             </template>
-            User Manage
+            {{$t("controller.app.setting.setting.userManage")}}
           </a-menu-item>
           <a-menu-item key="teamManage">
             <template #icon>
               <sicon size="" color="" name="Ant" type="edit"></sicon>
             </template>
-            Team Manage
+	          {{$t("controller.app.setting.setting.teamManage")}}
           </a-menu-item>
           <a-menu-item key="tagManage">
             <template #icon>
               <sicon size="" color="" name="Ant" type="edit"></sicon>
             </template>
-            Tag Manage
+	          {{$t("controller.app.setting.setting.tagManage")}}
           </a-menu-item>
         </a-sub-menu>
         <a-sub-menu key="role">
           <template #icon>
             <sicon size="" color="" name="Ant" type="index"></sicon>
           </template>
-          <template #title>Role</template>
+          <template #title>{{$t("util.role")}}</template>
           <a-menu-item key="organizationRole">
             <template #icon>
               <sicon size="" color="" name="Ant" type="edit"></sicon>
             </template>
-            Organization
+	          {{$t("util.organization")}}
           </a-menu-item>
           <a-sub-menu key="roleProject">
-            <template #title>Project</template>
+            <template #title>{{$t("util.project")}}</template>
             <a-menu-item key="projectGlobalRole">
               <template #icon>
                 <sicon size="" color="" name="Ant" type="edit"></sicon>
               </template>
-              Global
+	            {{$t("util.global")}}
             </a-menu-item>
             <a-menu-item key="projectSpecificRole">
               <template #icon>
                 <sicon size="" color="" name="Ant" type="edit"></sicon>
               </template>
-              Specific
+	            {{$t("util.specific")}}
             </a-menu-item>
           </a-sub-menu>
           <a-sub-menu key="roleTeam">
-            <template #title>Team</template>
+            <template #title>{{$t("util.team")}}</template>
             <a-menu-item key="teamGlobalRole">
               <template #icon>
                 <sicon size="" color="" name="Ant" type="edit"></sicon>
               </template>
-              Global
+	            {{$t("util.global")}}
             </a-menu-item>
             <a-menu-item key="teamSpecificRole">
               <template #icon>
                 <sicon size="" color="" name="Ant" type="edit"></sicon>
               </template>
-              Specific
+	            {{$t("util.specific")}}
             </a-menu-item>
           </a-sub-menu>
           <a-sub-menu key="roleWiki">
-            <template #title>Wiki</template>
+            <template #title>{{$t("util.wiki")}}</template>
             <a-menu-item key="wikiGlobalRole">
               <template #icon>
                 <sicon size="" color="" name="Ant" type="edit"></sicon>
               </template>
-              Global
+	            {{$t("util.global")}}
             </a-menu-item>
             <a-menu-item key="wikiSpecificRole">
               <template #icon>
                 <sicon size="" color="" name="Ant" type="edit"></sicon>
               </template>
-              Specific
+	            {{$t("util.specific")}}
             </a-menu-item>
           </a-sub-menu>
         </a-sub-menu>
@@ -105,36 +105,36 @@
           <template #icon>
             <sicon size="" color="" name="Ant" type="project"></sicon>
           </template>
-          <template #title>Project</template>
+          <template #title>{{$t("util.project")}}</template>
           <a-menu-item key="projectManage">
             <template #icon>
               <sicon size="" color="" name="Ant" type="edit"></sicon>
             </template>
-            Manage
+	          {{$t("util.manage")}}
           </a-menu-item>
         </a-sub-menu>
         <a-sub-menu key="issueSolution">
           <template #icon>
             <sicon size="" color="" name="Ant" type="solution"></sicon>
           </template>
-          <template #title>Issue Solution</template>
+          <template #title>{{$t("util.issueSolution")}}</template>
           <a-menu-item key="issueSolution">
             <template #icon>
               <sicon size="" color="" name="Ant" type="edit"></sicon>
             </template>
-            Manage
+	          {{$t("util.manage")}}
           </a-menu-item>
         </a-sub-menu>
         <a-sub-menu key="wiki">
           <template #icon>
             <sicon size="" color="" name="Ant" type="file"></sicon>
           </template>
-          <template #title>Wiki</template>
+          <template #title>{{$t("util.wiki")}}</template>
           <a-menu-item key="wikiManage">
             <template #icon>
               <sicon size="" color="" name="Ant" type="edit"></sicon>
             </template>
-            Manage
+	          {{$t("util.manage")}}
           </a-menu-item>
         </a-sub-menu>
       </a-menu>
diff --git a/code/client/src/business/controller/app/setting/user&team/bindRole.vue b/code/client/src/business/controller/app/setting/user&team/bindRole.vue
deleted file mode 100644
index b802c0a..0000000
--- a/code/client/src/business/controller/app/setting/user&team/bindRole.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-
-</template>
-
-<script setup lang="ts">
-
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/code/client/src/business/controller/app/setting/user&team/bindTag.vue b/code/client/src/business/controller/app/setting/user&team/bindTag.vue
index 01218fd..a392191 100644
--- a/code/client/src/business/controller/app/setting/user&team/bindTag.vue
+++ b/code/client/src/business/controller/app/setting/user&team/bindTag.vue
@@ -1,6 +1,6 @@
 <template>
   <a-form :model="{}">
-    <a-form-item label="tags">
+    <a-form-item :label="$t('util.tags')">
       <a-space wrap>
         <a-tag v-for="item in tagList" bordered color="arcoblue" checkable :checked="item.checked" @check="item.checked=!item.checked">{{item.name}}</a-tag>
       </a-space>
@@ -14,6 +14,7 @@ import {onBeforeMount, ref} from "vue";
 import {apiOrganization} from "../../../../common/request/request";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   tags:ICommon_Model_Member_Tag[],
@@ -24,6 +25,7 @@ const tagList=ref<{
   name:string,
   checked:boolean
 }[]>([])
+const {t}=useI18n()
 onBeforeMount(async ()=>{
   let res=await apiOrganization.listTag({});
   if(res?.code==0) {
@@ -43,7 +45,7 @@ onDialogOk(async ()=>{
     memberTagIds:tagList.value.filter(item=>item.checked).map(item=>item.id).join(",")
   })
   if(res?.code==0) {
-    Message.success("operation success")
+    Message.success(t("tip.operationSuccess"))
     return true
   } else {
     Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/setting/user&team/createUserProfileOffline.vue b/code/client/src/business/controller/app/setting/user&team/createUserProfileOffline.vue
index f6e55a7..078a9cd 100644
--- a/code/client/src/business/controller/app/setting/user&team/createUserProfileOffline.vue
+++ b/code/client/src/business/controller/app/setting/user&team/createUserProfileOffline.vue
@@ -1,38 +1,38 @@
 <template>
 	<div>
 		<a-form :model="form" ref="eleForm" style="width: 80%">
-			<a-form-item field="username" label="username" required>
+			<a-form-item field="username" :label="$t('util.username')" required>
 				<a-input v-model="form.username"></a-input>
 			</a-form-item>
-			<a-form-item field="password" label="password" required>
+			<a-form-item field="password" :label="$t('util.password')" required>
 				<a-input-password v-model="form.password"></a-input-password>
 			</a-form-item>
-			<a-form-item field="nickname" label="nickname" required>
+			<a-form-item field="nickname" :label="$t('util.nickname')" required>
 				<a-input v-model="form.nickname"></a-input>
 			</a-form-item>
-			<a-form-item field="job" label="job">
+			<a-form-item field="job" :label="$t('util.job')">
 				<a-input v-model="form.job"></a-input>
 			</a-form-item>
-			<a-form-item field="email" label="email">
+			<a-form-item field="email" :label="$t('util.email')">
 				<a-input v-model="form.email"></a-input>
 			</a-form-item>
-			<a-form-item field="location" label="location">
+			<a-form-item field="location" :label="$t('util.location')">
 				<a-input v-model="form.location"></a-input>
 			</a-form-item>
-			<a-form-item field="phone" label="phone">
+			<a-form-item field="phone" :label="$t('util.phone')">
 				<a-input v-model="form.phone"></a-input>
 			</a-form-item>
-			<a-form-item field="department" label="department">
+			<a-form-item field="department" :label="$t('util.department')">
 				<a-input v-model="form.department"></a-input>
 			</a-form-item>
-			<a-form-item field="active" label="active">
+			<a-form-item field="active" :label="$t('util.active')">
 				<a-switch v-model="form.active" :checked-value="1" :unchecked-value="0"></a-switch>
 			</a-form-item>
-			<a-form-item field="remark" label="remark">
+			<a-form-item field="remark" :label="$t('util.remark')">
 				<a-textarea v-model="form.remark" allow-clear></a-textarea>
 			</a-form-item>
-			<a-form-item field="roleId" label="role" required>
-				<a-select placeholder="select role" v-model="form.roleId">
+			<a-form-item field="roleId" :label="$t('util.role')" required>
+				<a-select :placeholder="$t('placeholder.pleaseSelect')" v-model="form.roleId">
 					<a-option v-for="item in roles" :value="item.id" :label="item.name"></a-option>
 				</a-select>
 			</a-form-item>
@@ -47,6 +47,7 @@ import {apiOrganization} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
 import {SessionStorage} from "../../../../common/storage/session";
 import md5 from "blueimp-md5";
+import {useI18n} from "vue-i18n";
 
 const eleForm=ref(null)
 const form=reactive({
@@ -66,6 +67,7 @@ const roles=ref<{
 	id:string,
 	name:string
 }[]>([])
+const {t}=useI18n()
 onBeforeMount(async ()=>{
 	let res=await apiOrganization.listRole({
 		organizationId:SessionStorage.get("organizationId")
@@ -90,7 +92,7 @@ onDialogOk(async ()=>{
 		password:md5(form.password)
 	})
 	if(res?.code==0) {
-		Message.success("operation success")
+		Message.success(t("tip.operationSuccess"))
 		return true
 	} else {
 		Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/setting/user&team/editTag.vue b/code/client/src/business/controller/app/setting/user&team/editTag.vue
index 2650f39..e7273d3 100644
--- a/code/client/src/business/controller/app/setting/user&team/editTag.vue
+++ b/code/client/src/business/controller/app/setting/user&team/editTag.vue
@@ -1,9 +1,9 @@
 <template>
   <a-form :model="form">
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
-    <a-form-item field="description" label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
   </a-form>
@@ -16,6 +16,7 @@ import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {apiOrganization} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
 import {SessionStorage} from "../../../../common/storage/session";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"edit"|"add"
@@ -26,6 +27,7 @@ let form=reactive<ICommon_Model_Member_Tag>(props.type=="edit"?JSON.parse(JSON.s
   description:"",
   organization_id:SessionStorage.get("organizationId")
 })
+const {t}=useI18n()
 onDialogOk(async ()=>{
   let ret=await (props.type=="edit"?apiOrganization.editTag({
     memberTagId:form.id,
@@ -36,7 +38,7 @@ onDialogOk(async ()=>{
     description:form.description
   }))
   if(ret?.code==0) {
-    Message.success("operation success")
+    Message.success(t("tip.operationSuccess"))
     return true
   } else {
     Message.error(ret.msg)
diff --git a/code/client/src/business/controller/app/setting/user&team/editTeamMember.vue b/code/client/src/business/controller/app/setting/user&team/editTeamMember.vue
index bca0235..fc909aa 100644
--- a/code/client/src/business/controller/app/setting/user&team/editTeamMember.vue
+++ b/code/client/src/business/controller/app/setting/user&team/editTeamMember.vue
@@ -1,8 +1,8 @@
 <template>
   <div ref="root">
     <a-space>
-      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button placeholder="please type username or nickname"></a-input-search>
-      <a-button type="primary" @click="onAdd">Add</a-button>
+      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button :placeholder="$t('placeholder.typeUsernameOrNickname')"></a-input-search>
+      <a-button type="primary" @click="onAdd">{{$t("util.add")}}</a-button>
     </a-space>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="pagination" @pageChange="onPageChange">
       <template #nickname="{record}">
@@ -13,8 +13,8 @@
       </template>
       <template #operation="{record}">
         <a-space wrap>
-          <a-button @click="onEditRole(record)" size="small">Role</a-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button @click="onEditRole(record)" size="small">{{$t("util.role")}}</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -28,22 +28,23 @@ import {ICommon_Route_Res_Organization_User_Item} from "../../../../../../../com
 import {Message} from "@arco-design/web-vue";
 import {Dialog} from "../../../../common/component/dialog/dialog";
 import EditTeamMemberRole from "./editTeamMemberRole.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   teamId:string
 }>()
-
+const {t}=useI18n()
 const columns=[
   {
-    title:"nickname",
+    title:t("util.nickname"),
     slotName:"nickname"
   },
   {
-    title:"role",
+    title:t("util.role"),
     slotName:"role"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -97,14 +98,14 @@ const onEditRole=async (item:DCSType<ICommon_Route_Res_Organization_User_Item>)=
   }
 }
 const onDelete=async (item:DCSType<ICommon_Route_Res_Organization_User_Item>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this user from this organization?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.removeUser"))
   if(ret) {
     let res=await apiTeam.removeMember({
       organizationUserId:item.organizationUser.id,
       teamId:props.teamId
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       search(pagination.current)
     } else {
       Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/setting/user&team/editTeamMemberRole.vue b/code/client/src/business/controller/app/setting/user&team/editTeamMemberRole.vue
index c46d7d2..209e2af 100644
--- a/code/client/src/business/controller/app/setting/user&team/editTeamMemberRole.vue
+++ b/code/client/src/business/controller/app/setting/user&team/editTeamMemberRole.vue
@@ -1,12 +1,12 @@
 <template>
   <a-form :model="form" ref="eleForm" style="width: 80%">
-    <a-form-item field="organizationUserId" label="username" required>
+    <a-form-item field="organizationUserId" :label="$t('util.username')" required>
       <a-select @search="onSearch" v-model="form.organizationUserId" allow-search v-if="type=='add'">
         <a-option v-for="item in userList" :value="item.value" :label="item.label"></a-option>
       </a-select>
       <template v-else>{{item.organizationUser.nickname}}</template>
     </a-form-item>
-    <a-form-item field="roleId" label="role" required>
+    <a-form-item field="roleId" :label="$t('util.role')" required>
       <a-select v-model="form.roleId">
         <a-option v-for="item in roleList" :value="item.id" :label="item.name"></a-option>
       </a-select>
@@ -22,6 +22,7 @@ import {ICommon_Route_Res_Organization_User_Item} from "../../../../../../../com
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {apiOrganization, apiTeam, DCSType} from "../../../../common/request/request";
 import {SessionStorage} from "../../../../common/storage/session";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"edit"|"add"
@@ -33,6 +34,7 @@ const form=reactive({
   organizationUserId:props.type=="edit"?props.item.organizationUser.id:"",
   roleId:props.type=="edit"?props.item.role.id:""
 })
+const {t}=useI18n()
 const roleList=ref<DCSType<ICommon_Model_Role[]>>([])
 const userList=ref<{
   value:string,
@@ -75,7 +77,7 @@ onDialogOk(async ()=>{
     ...form
   }))
   if(res?.code==0) {
-    Message.success("operation success")
+    Message.success(t("tip.operationSuccess"))
     return true
   } else {
     Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/setting/user&team/editTeamProfile.vue b/code/client/src/business/controller/app/setting/user&team/editTeamProfile.vue
index ce2e90f..58e14f1 100644
--- a/code/client/src/business/controller/app/setting/user&team/editTeamProfile.vue
+++ b/code/client/src/business/controller/app/setting/user&team/editTeamProfile.vue
@@ -1,12 +1,12 @@
 <template>
   <a-form :model="form" ref="eleForm" style="width: 80%">
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
-    <a-form-item field="description" label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
-    <a-form-item field="photo" label="photo">
+    <a-form-item field="photo" :label="$t('util.photo')">
       <Upload types=".png,.jpg,.jpeg,.gif,.bmp,.svg" :default-uri="type=='edit'?item.photo:''" @upload="onUpload"></Upload>
     </a-form-item>
   </a-form>
@@ -19,6 +19,7 @@ import {getCurrentInstance, reactive, ref} from "vue";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {apiTeam} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"edit"|"add"
@@ -28,6 +29,7 @@ const form=reactive({
   name:props.type=="edit"?props.item.name:"",
   description:props.type=="edit"?props.item.description:"",
 })
+const {t}=useI18n()
 const uploadUriId=ref("")
 const onUpload=(id:string)=> {
   uploadUriId.value=id
@@ -52,7 +54,7 @@ onDialogOk(async ()=>{
     })
   }))
   if(res?.code==0){
-    Message.success("operation success");
+    Message.success(t("tip.operationSuccess"));
     return true;
   } else {
     Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/user&team/editUserProfile.vue b/code/client/src/business/controller/app/setting/user&team/editUserProfile.vue
index fd4391c..8cb8147 100644
--- a/code/client/src/business/controller/app/setting/user&team/editUserProfile.vue
+++ b/code/client/src/business/controller/app/setting/user&team/editUserProfile.vue
@@ -1,36 +1,36 @@
 <template>
   <div>
     <a-form :model="form" ref="eleForm" style="width: 80%">
-      <a-form-item field="username" label="username" :required="type=='add'">
+      <a-form-item field="username" :label="$t('util.username')" :required="type=='add'">
         <a-input v-model="form.username" v-if="type=='add'"></a-input>
         <template v-else>{{username}}</template>
       </a-form-item>
-      <a-form-item field="nickname" label="nickname" required>
+      <a-form-item field="nickname" :label="$t('util.nickname')" required>
         <a-input v-model="form.nickname"></a-input>
       </a-form-item>
-      <a-form-item field="job" label="job">
+      <a-form-item field="job" :label="$t('util.job')">
         <a-input v-model="form.job"></a-input>
       </a-form-item>
-      <a-form-item field="email" label="email">
+      <a-form-item field="email" :label="$t('util.email')">
         <a-input v-model="form.email"></a-input>
       </a-form-item>
-      <a-form-item field="location" label="location">
+      <a-form-item field="location" :label="$t('util.location')">
         <a-input v-model="form.location"></a-input>
       </a-form-item>
-      <a-form-item field="phone" label="phone">
+      <a-form-item field="phone" :label="$t('util.phone')">
         <a-input v-model="form.phone"></a-input>
       </a-form-item>
-      <a-form-item field="department" label="department">
+      <a-form-item field="department" :label="$t('util.department')">
         <a-input v-model="form.department"></a-input>
       </a-form-item>
-      <a-form-item field="active" label="active">
+      <a-form-item field="active" :label="$t('util.active')">
         <a-switch v-model="form.active" :checked-value="1" :unchecked-value="0"></a-switch>
       </a-form-item>
-      <a-form-item field="remark" label="remark">
+      <a-form-item field="remark" :label="$t('util.remark')">
         <a-textarea v-model="form.remark" allow-clear></a-textarea>
       </a-form-item>
-      <a-form-item field="roleId" label="role" required>
-        <a-select placeholder="select role" v-model="form.roleId">
+      <a-form-item field="roleId" :label="$t('util.role')" required>
+        <a-select :placeholder="$t('placeholder.pleaseSelect')" v-model="form.roleId">
           <a-option v-for="item in roles" :value="item.id" :label="item.name"></a-option>
         </a-select>
       </a-form-item>
@@ -46,6 +46,7 @@ import {apiOrganization} from "../../../../common/request/request";
 import {ICommon_Model_Role} from "../../../../../../../common/model/role";
 import {Message} from "@arco-design/web-vue";
 import {SessionStorage} from "../../../../common/storage/session";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"edit"|"add",
@@ -70,6 +71,7 @@ const roles=ref<{
   id:string,
   name:string
 }[]>([])
+const {t}=useI18n()
 onBeforeMount(async ()=>{
   let res=await apiOrganization.listRole({
     organizationId:SessionStorage.get("organizationId")
@@ -96,7 +98,7 @@ onDialogOk(async ()=>{
     ...form
   }))
   if(res?.code==0) {
-    Message.success("operation success")
+    Message.success(t("tip.operationSuccess"))
     return true
   } else {
     Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/setting/user&team/tag.vue b/code/client/src/business/controller/app/setting/user&team/tag.vue
index 99bf4e1..623f20b 100644
--- a/code/client/src/business/controller/app/setting/user&team/tag.vue
+++ b/code/client/src/business/controller/app/setting/user&team/tag.vue
@@ -1,12 +1,12 @@
 <template>
   <div ref="root">
-    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">Add</a-button>
+    <a-button @click="onAdd" type="primary" style="margin-bottom: 10px">{{$t("util.add")}}</a-button>
     <a-table :columns="columns" :data="data" :pagination="false">
       <template #operation="{record}">
         <template v-if="!record.reserved">
           <a-space wrap>
-            <a-button type="primary" size="small" @click="onEdit(record)">manage</a-button>
-            <a-button status="danger" size="small" @click="onDelete(record)">delete</a-button>
+            <a-button type="primary" size="small" @click="onEdit(record)">{{$t("util.manage")}}</a-button>
+            <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.delete")}}</a-button>
           </a-space>
         </template>
       </template>
@@ -21,18 +21,20 @@ import {apiOrganization} from "../../../../common/request/request";
 import {Dialog} from "../../../../common/component/dialog/dialog";
 import EditTag from "./editTag.vue";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -63,13 +65,13 @@ const onEdit=async (item:ICommon_Model_Member_Tag)=>{
   }
 }
 const onDelete=async (item:ICommon_Model_Member_Tag)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this tag?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteTag"))
   if(ret) {
     let res=await apiOrganization.removeTag({
       memberTagId:item.id
     })
     if(res?.code==0) {
-      Message.success("delete success")
+      Message.success(t("tip.deleteSuccess"))
       search()
     } else {
       Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/user&team/team.vue b/code/client/src/business/controller/app/setting/user&team/team.vue
index c0fa3bc..3e526aa 100644
--- a/code/client/src/business/controller/app/setting/user&team/team.vue
+++ b/code/client/src/business/controller/app/setting/user&team/team.vue
@@ -1,8 +1,8 @@
 <template>
   <div ref="root">
     <a-space>
-      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button placeholder="please type username or nickname"></a-input-search>
-      <a-button type="primary" @click="onCreate">Create</a-button>
+      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button :placeholder="$t('placeholder.typeUsernameOrNickname')"></a-input-search>
+      <a-button type="primary" @click="onCreate">{{$t("util.create")}}</a-button>
     </a-space>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="pagination" @pageChange="onPageChange">
       <template #name="{record}">
@@ -17,16 +17,16 @@
       <template #operation="{record}">
         <a-space wrap>
           <a-dropdown-button size="small">
-            Edit
+	          {{$t("util.edit")}}
             <template #icon>
               <icon-down></icon-down>
             </template>
             <template #content>
-              <a-doption @click="onEditProfile(record)">Profile</a-doption>
-              <a-doption @click="onEditMember(record)">Member</a-doption>
+              <a-doption @click="onEditProfile(record)">{{$t("util.profile")}}</a-doption>
+              <a-doption @click="onEditMember(record)">{{$t("util.member")}}</a-doption>
             </template>
           </a-dropdown-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -42,22 +42,24 @@ import {ICommon_Model_Team} from "../../../../../../../common/model/team";
 import EditTeamProfile from "./editTeamProfile.vue";
 import {getCurrentNavigator} from "../../../../../teamOS/common/component/navigator/navigator";
 import EditTeamMember from "./editTeamMember.vue";
+import {useI18n} from "vue-i18n";
 
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     slotName:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
-    title:"creator",
+    title:t("util.creator"),
     slotName:"creator"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -115,13 +117,13 @@ const onEditMember=async (item:DCSType<ICommon_Model_Team>)=>{
   },`${item.name} -> Members`);
 }
 const onDelete=async (item:DCSType<ICommon_Model_Team>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this user from this organization?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteTeam"))
   if(ret) {
     let res=await apiTeam.remove({
       teamId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       search(pagination.current)
     }
   }
diff --git a/code/client/src/business/controller/app/setting/user&team/user.vue b/code/client/src/business/controller/app/setting/user&team/user.vue
index 1df8b15..2c75802 100644
--- a/code/client/src/business/controller/app/setting/user&team/user.vue
+++ b/code/client/src/business/controller/app/setting/user&team/user.vue
@@ -1,9 +1,9 @@
 <template>
   <div ref="root">
     <a-space>
-      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button placeholder="please type username or nickname"></a-input-search>
-      <a-button type="primary" @click="onInvite" v-if="$deployMode.value===ECommon_Application_Mode.ONLINE">Invite</a-button>
-	    <a-button type="primary" @click="onCreate" v-else>Create</a-button>
+      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button :placeholder="$t('placeholder.typeUsernameOrNickname')"></a-input-search>
+      <a-button type="primary" @click="onInvite" v-if="$deployMode.value===ECommon_Application_Mode.ONLINE">{{$t("util.invite")}}</a-button>
+	    <a-button type="primary" @click="onCreate" v-else>{{$t("util.create")}}</a-button>
     </a-space>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="pagination" @pageChange="onPageChange">
       <template #username="{record}">
@@ -30,17 +30,17 @@
       <template #operation="{record}">
         <a-space wrap>
           <a-dropdown-button size="small">
-            Edit
+	          {{$t("util.edit")}}
             <template #icon>
               <icon-down></icon-down>
             </template>
             <template #content>
-              <a-doption @click="onEditProfile(record)">Profile & Role</a-doption>
-              <a-doption @click="onEditTag(record)">Tag</a-doption>
-	            <a-doption v-if="$deployMode.value===ECommon_Application_Mode.OFFLINE" @click="onResetPassword(record)">Reset Password</a-doption>
+              <a-doption @click="onEditProfile(record)">{{$t("util.profile")}} & {{$t("util.role")}}</a-doption>
+              <a-doption @click="onEditTag(record)">{{$t("util.tag")}}</a-doption>
+	            <a-doption v-if="$deployMode.value===ECommon_Application_Mode.OFFLINE" @click="onResetPassword(record)">{{$t("controller.app.setting.userTeam.user.resetPassword")}}</a-doption>
             </template>
           </a-dropdown-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -59,34 +59,36 @@ import {SessionStorage} from "../../../../common/storage/session";
 import {ECommon_Application_Mode} from "../../../../../../../common/types";
 import CreateUserProfileOffline from "./createUserProfileOffline.vue";
 import moment from "moment";
+import {useI18n} from "vue-i18n";
 
+const {t}=useI18n()
 const columns=[
   {
-    title:"username",
+    title:t("util.username"),
     slotName:"username"
   },
   {
-    title:"nickname",
+    title:t("util.nickname"),
     slotName:"nickname"
   },
   {
-    title:"role",
+    title:t("util.role"),
     slotName:"role"
   },
   {
-    title:"enable",
+    title:t("util.enable"),
     slotName:"enable"
   },
   {
-    title:"join date",
+    title:t("util.joinDate"),
     slotName:"joinDate"
   },
   {
-    title:"tag",
+    title:t("util.tag"),
     slotName:"tag"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -149,7 +151,7 @@ const onEditTag=async (item:DCSType<ICommon_Route_Res_Organization_User_Item>)=>
   }
 }
 const onDelete=async (item:DCSType<ICommon_Route_Res_Organization_User_Item>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this user from this organization?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.removeUser"))
   if(ret) {
     let res=await (appContext.config.globalProperties.$deployMode.value===ECommon_Application_Mode.ONLINE?apiOrganization.deleteUser({
       organizationUserId:item.organizationUser.id
@@ -157,7 +159,7 @@ const onDelete=async (item:DCSType<ICommon_Route_Res_Organization_User_Item>)=>{
 	    organizationUserId:item.organizationUser.id
     }))
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       search(pagination.current)
     }
   }
@@ -171,14 +173,14 @@ const onCreate=async ()=>{
 }
 
 const onResetPassword=async (item:DCSType<ICommon_Route_Res_Organization_User_Item>)=>{
-	let ret=await Dialog.input(root.value,appContext,"type new password")
+	let ret=await Dialog.input(root.value,appContext,t("tip.typeNewPassword"))
 	if(ret) {
 		let res=await apiOrganization.resetUserPassword({
 			organizationUserId:item.organizationUser.id,
 			password:ret
 		})
 		if(res?.code==0) {
-			Message.info("reset success")
+			Message.info(t("tip.resetSuccess"))
 		}
 	}
 }
diff --git a/code/client/src/business/controller/app/setting/wiki/editWikiAccess.vue b/code/client/src/business/controller/app/setting/wiki/editWikiAccess.vue
index 789fae9..4a6c183 100644
--- a/code/client/src/business/controller/app/setting/wiki/editWikiAccess.vue
+++ b/code/client/src/business/controller/app/setting/wiki/editWikiAccess.vue
@@ -1,21 +1,21 @@
 <template>
   <div>
     <a-space size="medium">
-      <span>name</span>
+      <span>{{$t("controller.app.setting.project.editProjectAccess.name")}}</span>
       <a-input v-model="keyword"></a-input>
-      <span>member type</span>
+      <span>{{$t("controller.app.setting.project.editProjectAccess.memberType")}}</span>
       <a-select  v-model="memberType">
-        <a-option :value="ECommon_Model_Organization_Member_Type.DEFAULT">Default</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.USER">User</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.TEAM">Team</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.MEMBERTAG">Tag</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.DEFAULT">{{$t("util.default")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.USER">{{$t("util.user")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.TEAM">{{$t("util.team")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.MEMBERTAG">{{$t("util.tag")}}</a-option>
       </a-select>
-      <a-button type="primary" @click="onSearch">Search</a-button>
-      <a-button type="primary" @click="onAdd">Add</a-button>
+      <a-button type="primary" @click="onSearch">{{$t("util.search")}}</a-button>
+      <a-button type="primary" @click="onAdd">{{$t("util.add")}}</a-button>
     </a-space>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="pagination" @pageChange="onPageChange">
       <template #name="{record}">
-        <template v-if="record.memberType==ECommon_Model_Organization_Member_Type.DEFAULT">Default</template>
+        <template v-if="record.memberType==ECommon_Model_Organization_Member_Type.DEFAULT">{{$t("util.default")}}</template>
         <template v-else-if="record.memberType==ECommon_Model_Organization_Member_Type.USER">{{ record.member.nickname }}</template>
         <template v-else-if="record.memberType==ECommon_Model_Organization_Member_Type.TEAM">{{record.team.name}}</template>
         <template v-else-if="record.memberType==ECommon_Model_Organization_Member_Type.MEMBERTAG">{{record.tag.name}}</template>
@@ -25,8 +25,8 @@
       </template>
       <template #operation="{record}">
         <a-space wrap>
-          <a-button @click="onEditRole(record)" size="small">Role</a-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button @click="onEditRole(record)" size="small">{{$t("util.role")}}</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -42,21 +42,23 @@ import {Message} from "@arco-design/web-vue";
 import {Dialog} from "../../../../common/component/dialog/dialog";
 import EditWikiAccessRole from "./editWikiAccessRole.vue";
 import {getRootNavigatorRef} from "../../../../../teamOS/common/component/navigator/navigator";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   wikiId:string
 }>()
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     slotName:"name"
   },
   {
-    title:"role",
+    title:t("util.role"),
     slotName:"role"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -112,7 +114,7 @@ const onEditRole=async (item:DCSType<ICommon_Route_Res_Role_Member_Item>)=>{
   }
 }
 const onDelete=async (item:DCSType<ICommon_Route_Res_Role_Member_Item>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this user from this organization?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.removeUser"))
   let memberId:string;
   if(item.memberType==ECommon_Model_Organization_Member_Type.USER)
   {
@@ -131,7 +133,7 @@ const onDelete=async (item:DCSType<ICommon_Route_Res_Role_Member_Item>)=>{
       })
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       search(pagination.current)
     }
   }
diff --git a/code/client/src/business/controller/app/setting/wiki/editWikiAccessRole.vue b/code/client/src/business/controller/app/setting/wiki/editWikiAccessRole.vue
index 6efddaa..b092412 100644
--- a/code/client/src/business/controller/app/setting/wiki/editWikiAccessRole.vue
+++ b/code/client/src/business/controller/app/setting/wiki/editWikiAccessRole.vue
@@ -1,20 +1,20 @@
 <template>
   <a-form :model="form" ref="eleForm" style="width: 80%">
-    <a-form-item field="type" label="type" required :disabled="type=='edit'" @change="onChangeType">
+    <a-form-item field="type" :label="$t('util.type')" required :disabled="type=='edit'" @change="onChangeType">
       <a-select  v-model="form.type">
-        <a-option :value="ECommon_Model_Organization_Member_Type.DEFAULT">Default</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.USER">User</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.TEAM">Team</a-option>
-        <a-option :value="ECommon_Model_Organization_Member_Type.MEMBERTAG">Tag</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.DEFAULT">{{$t("util.default")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.USER">{{$t("util.user")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.TEAM">{{$t("util.team")}}</a-option>
+        <a-option :value="ECommon_Model_Organization_Member_Type.MEMBERTAG">{{$t("util.tag")}}</a-option>
       </a-select>
     </a-form-item>
-    <a-form-item field="memberId" label="name" required v-if="form.type!==ECommon_Model_Organization_Member_Type.DEFAULT">
+    <a-form-item field="memberId" :label="$t('util.name')" required v-if="form.type!==ECommon_Model_Organization_Member_Type.DEFAULT">
       <a-select @search="onSearch" v-model="form.memberId" allow-search v-if="type=='add'">
         <a-option v-for="item in userList" :value="item.value" :label="item.label"></a-option>
       </a-select>
       <template v-else>{{ getNameFromRoleMember(item) }}</template>
     </a-form-item>
-    <a-form-item field="roleId" label="role" required>
+    <a-form-item field="roleId" :label="$t('util.role')" required>
       <a-select v-model="form.roleId">
         <a-option v-for="item in roleList" :value="item.id" :label="item.name"></a-option>
       </a-select>
@@ -32,12 +32,14 @@ import {Message} from "@arco-design/web-vue";
 import {ECommon_Model_Organization_Member_Type} from "../../../../../../../common/model/organization";
 import {getMemberIdFromRoleMember, getNameFromRoleMember} from "../../../../common/util/helper";
 import {SessionStorage} from "../../../../common/storage/session";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"edit"|"add"
   wikiId:string,
   item?:ICommon_Route_Res_Role_Member_Item
 }>()
+const {t}=useI18n()
 const eleForm=ref(null)
 const form=reactive({
   type:props.type=="edit"?props.item.memberType:ECommon_Model_Organization_Member_Type.DEFAULT,
@@ -116,7 +118,7 @@ onDialogOk(async ()=>{
     ...form
   }))
   if(res?.code==0) {
-    Message.success("operation success")
+    Message.success(t("tip.operationSuccess"))
     return true
   } else {
     Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/setting/wiki/editWikiProfile.vue b/code/client/src/business/controller/app/setting/wiki/editWikiProfile.vue
index 6c3f97c..e74b45c 100644
--- a/code/client/src/business/controller/app/setting/wiki/editWikiProfile.vue
+++ b/code/client/src/business/controller/app/setting/wiki/editWikiProfile.vue
@@ -1,13 +1,13 @@
 <template>
   <a-form ref="eleForm" style="width: 80%" :model="form">
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name" v-if="type=='add'"></a-input>
       <template v-else>{{form.name}}</template>
     </a-form-item>
-    <a-form-item field="description" label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
-    <a-form-item label="logo">
+    <a-form-item :label="$t('util.logo')">
       <Upload types=".png,.jpg,.jpeg,.gif,.bmp,.svg" :default-uri="type=='edit'?item.photo:''" @upload="onUpload"></Upload>
     </a-form-item>
   </a-form>
@@ -20,6 +20,7 @@ import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {apiWiki, DCSType} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
 import {ICommon_Model_Wiki} from "../../../../../../../common/model/wiki";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   type:"edit"|"add",
@@ -29,6 +30,7 @@ const form=reactive({
   name:props.type=="edit"?props.item.name:"",
   description:props.type=="edit"?props.item.description:"",
 })
+const {t}=useI18n()
 const uploadUriId=ref("")
 const onUpload=(id:string)=> {
   uploadUriId.value=id
@@ -53,7 +55,7 @@ onDialogOk(async ()=>{
     })
   }))
   if(res?.code==0){
-    Message.success("operation success");
+    Message.success(t("tip.operationSuccess"));
     return true;
   } else {
     Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/setting/wiki/index.vue b/code/client/src/business/controller/app/setting/wiki/index.vue
index d8d3e0f..6b6aa4f 100644
--- a/code/client/src/business/controller/app/setting/wiki/index.vue
+++ b/code/client/src/business/controller/app/setting/wiki/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div ref="root">
     <a-space>
-      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button placeholder="please type wiki name"></a-input-search>
-      <a-button type="primary" @click="onCreate">Create</a-button>
+      <a-input-search @search="onSearch" v-model="keyword" style="width: 300px" search-button :placeholder="$t('placeholder.typeWikiName')"></a-input-search>
+      <a-button type="primary" @click="onCreate">{{$t("util.create")}}</a-button>
     </a-space>
     <a-table style="margin-top: 10px" :columns="columns" :data="data" :pagination="pagination" @pageChange="onPageChange">
       <template #name="{record}">
@@ -14,16 +14,16 @@
       <template #operation="{record}">
         <a-space wrap>
           <a-dropdown-button size="small">
-            Edit
+	          {{$t("util.edit")}}
             <template #icon>
               <icon-down></icon-down>
             </template>
             <template #content>
-              <a-doption @click="onEditProfile(record)">Profile</a-doption>
-              <a-doption @click="onEditAccess(record)">Access</a-doption>
+              <a-doption @click="onEditProfile(record)">{{$t("util.profile")}}</a-doption>
+              <a-doption @click="onEditAccess(record)">{{$t("util.access")}}</a-doption>
             </template>
           </a-dropdown-button>
-          <a-button status="danger" size="small" @click="onDelete(record)">Remove</a-button>
+          <a-button status="danger" size="small" @click="onDelete(record)">{{$t("util.remove")}}</a-button>
         </a-space>
       </template>
     </a-table>
@@ -39,22 +39,20 @@ import {getCurrentNavigator} from "../../../../../teamOS/common/component/naviga
 import EditWikiProfile from "./editWikiProfile.vue";
 import EditWikiAccess from "./editWikiAccess.vue";
 import {ICommon_Model_Wiki} from "../../../../../../../common/model/wiki";
+import {useI18n} from "vue-i18n";
 
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     slotName:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     dataIndex:"description"
   },
   {
-    title:"keyword",
-    dataIndex:"keyword"
-  },
-  {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -112,13 +110,13 @@ const onEditAccess=async (item:DCSType<ICommon_Model_Wiki>)=>{
   },`${item.name} -> Access`);
 }
 const onDelete=async (item:DCSType<ICommon_Model_Wiki>)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this user from this organization?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteWikiSpace"))
   if(ret) {
     let res=await apiWiki.deleteWiki({
       wikiId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       search(pagination.current)
     }
   }
diff --git a/code/client/src/business/controller/app/team/team.vue b/code/client/src/business/controller/app/team/team.vue
index 3bfdd3d..6ce6630 100644
--- a/code/client/src/business/controller/app/team/team.vue
+++ b/code/client/src/business/controller/app/team/team.vue
@@ -1,17 +1,17 @@
 <template>
   <div style="padding: 0px 10px" ref="root">
     <a-space>
-      <a-input-search placeholder="please type team name" v-model="keyword" style="width: 300px" @search="onSearch"></a-input-search>
-      <a-button type="primary" @click="onAddTeam" v-if="checkPermission(storeOrganization.organizationPermission,Permission_Types.Organization.CREATE_TEAM)">Create</a-button>
+      <a-input-search :placeholder="$t('placeholder.typeTeamName')" v-model="keyword" style="width: 300px" @search="onSearch"></a-input-search>
+      <a-button type="primary" @click="onAddTeam" v-if="checkPermission(storeOrganization.organizationPermission,Permission_Types.Organization.CREATE_TEAM)">{{$t("util.create")}}</a-button>
     </a-space>
     <a-collapse style="margin-top: 10px" :default-active-key="['manage','join']">
-      <a-collapse-item :header="`Managed Team(${info.manage.length})`" key="manage">
+      <a-collapse-item :header="`${$t('controller.app.team.team.managedTeam')}(${info.manage.length})`" key="manage">
         <a-space wrap style="margin-top: 20px" size="large" v-if="info.manage.length>0">
           <CardItem style="background-color: white" v-for="item in info.manage" :name="item.name" :photo="item.photo" :description="item.description" @click="onProfile(item.id)"></CardItem>
         </a-space>
         <a-empty v-else></a-empty>
       </a-collapse-item>
-      <a-collapse-item :header="`Joined Team(${info.join.length})`" key="join">
+      <a-collapse-item :header="`${$t('controller.app.team.team.joinedTeam')}(${info.join.length})`" key="join">
         <a-space wrap style="margin-top: 20px" size="large" v-if="info.join.length>0">
           <CardItem style="background-color: white" v-for="item in info.join" :name="item.name" :photo="item.photo" :description="item.description" @click="onProfile(item.id)"></CardItem>
         </a-space>
diff --git a/code/client/src/business/controller/app/team/teamProfile.vue b/code/client/src/business/controller/app/team/teamProfile.vue
index 9ea5f42..1f278f6 100644
--- a/code/client/src/business/controller/app/team/teamProfile.vue
+++ b/code/client/src/business/controller/app/team/teamProfile.vue
@@ -1,31 +1,31 @@
 <template>
   <div style="padding: 0px 10px;height: 100%;overflow-y: auto" ref="root">
     <a-collapse :default-active-key="['basic']">
-      <a-collapse-item header="Basic" key="basic">
+      <a-collapse-item :header="$t('util.basic')" key="basic">
         <template v-if="checkPermission(permission,Permission_Types.Team.EDIT)">
           <a-form :model="basic" style="width: 400px" @submitSuccess="onSave">
-            <a-form-item label="photo" field="photo">
+            <a-form-item :label="$t('util.photo')" field="photo">
               <Upload types=".png,.jpg,.jpeg,.gif,.bmp,.svg" :default-uri="basic.photo" @upload="onUpload"></Upload>
             </a-form-item>
-            <a-form-item label="name" field="name" required>
+            <a-form-item :label="$t('util.name')" field="name" required>
               <a-input v-model="basic.name" allow-clear></a-input>
             </a-form-item>
-            <a-form-item label="description" field="description">
+            <a-form-item :label="$t('util.description')" field="description">
               <a-textarea v-model="basic.description" allow-clear></a-textarea>
             </a-form-item>
-            <a-form-item label="creator">
+            <a-form-item :label="$t('util.creator')">
               <UserAvatar :organization-user-id="basic.created_by?.organizationUserId" :name="basic.created_by?.nickname" :photo="basic.created_by?.photo" v-if="basic.created_by"></UserAvatar>
             </a-form-item>
             <a-form-item>
               <a-space size="large">
-                <a-button type="primary" html-type="submit">Save</a-button>
-	              <a-button type="primary" status="danger" html-type="button" @click="onQuit">Quit</a-button>
-                <a-button status="danger" html-type="button" v-if="checkPermission(permission,Permission_Types.Team.DELETE)" @click="onDelete">Delete</a-button>
+                <a-button type="primary" html-type="submit">{{$t("util.save")}}</a-button>
+	              <a-button type="primary" status="danger" html-type="button" @click="onQuit">{{$t("util.quit")}}</a-button>
+                <a-button status="danger" html-type="button" v-if="checkPermission(permission,Permission_Types.Team.DELETE)" @click="onDelete">{{$t("util.delete")}}</a-button>
                 <a-button type="outline" size="small" html-type="button" @click="onMessage">
                   <template #icon>
                     <icon-message></icon-message>
                   </template>
-                  Message
+	                {{$t("util.message")}}
                 </a-button>
               </a-space>
             </a-form-item>
@@ -37,12 +37,12 @@
               <a-list-item-meta>
                 <template #title>
                   {{basic.name}}&nbsp;&nbsp;
-	                <a-button type="primary" status="danger" size="mini" html-type="button" @click="onQuit">Quit</a-button>&nbsp;&nbsp;
+	                <a-button type="primary" status="danger" size="mini" html-type="button" @click="onQuit">{{$t("util.quit")}}</a-button>&nbsp;&nbsp;
                   <a-button type="outline" size="mini" html-type="button" @click="onMessage">
                     <template #icon>
                       <icon-message></icon-message>
                     </template>
-                    Message
+	                  {{$t("util.message")}}
                   </a-button>
                 </template>
                 <template #description>
@@ -59,16 +59,16 @@
           </a-list>
         </template>
       </a-collapse-item>
-      <a-collapse-item header="Member" key="member">
+      <a-collapse-item :header="$t('util.member')" key="member">
         <a-row>
           <a-space>
-            <span>Role</span>
+            <span>{{$t("util.role")}}</span>
             <a-select v-model="roleId" style="min-width: 100px">
-              <a-option label="All" value="all"></a-option>
+              <a-option :label="$t('util.all')" value="all"></a-option>
               <a-option v-for="item in roleList" :label="item.name" :value="item.id"></a-option>
             </a-select>
-            <a-input-search placeholder="please type user name" v-model="keyword" @search="listUser(1)"></a-input-search>
-            <a-button type="primary" v-if="checkPermission(permission,Permission_Types.Team.ADMIN)" @click="onAddMember">Add</a-button>
+            <a-input-search :placeholder="$t('placeholder.typeUserName')" v-model="keyword" @search="listUser(1)"></a-input-search>
+            <a-button type="primary" v-if="checkPermission(permission,Permission_Types.Team.ADMIN)" @click="onAddMember">{{$t("util.add")}}</a-button>
           </a-space>
         </a-row>
         <a-space wrap style="margin-top: 20px" size="large">
@@ -76,8 +76,8 @@
         </a-space>
         <a-pagination :page-size="20" :total="pagination.total" style="margin-top: 10px" @change="onPageChange"></a-pagination>
       </a-collapse-item>
-      <a-collapse-item header="Role" key="role" v-if="checkPermission(permission,Permission_Types.Team.ADMIN)">
-        <a-button @click="onAddRole" type="primary" style="margin-bottom: 10px">Add</a-button>
+      <a-collapse-item :header="$t('util.role')" key="role" v-if="checkPermission(permission,Permission_Types.Team.ADMIN)">
+        <a-button @click="onAddRole" type="primary" style="margin-bottom: 10px">{{$t("util.add")}}</a-button>
         <a-table :columns="columns" :data="roleList" :pagination="false">
           <template #description="{record}">
             {{record.description}}
@@ -94,8 +94,8 @@
           <template #operation="{record}">
             <template v-if="!record.global">
               <a-space wrap>
-                <a-button type="primary" size="small" @click="onEditRole(record)">manage</a-button>
-                <a-button status="danger" size="small" @click="onDeleteRole(record)">delete</a-button>
+                <a-button type="primary" size="small" @click="onEditRole(record)">{{$t("util.manage")}}</a-button>
+                <a-button status="danger" size="small" @click="onDeleteRole(record)">{{$t("util.delete")}}</a-button>
               </a-space>
             </template>
           </template>
@@ -121,6 +121,7 @@ import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
 import EditTeamMemberRole from "../setting/user&team/editTeamMemberRole.vue";
 import EditTeamRole from "../setting/role/team/editTeamRole.vue";
 import {ECommon_IM_Message_EntityType} from "../../../../../../common/model/im_unread_message";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   teamId:string
@@ -140,25 +141,26 @@ type RoleItem={
   global:boolean,
   permissions:Permission_Base[]
 }
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     slotName:"description"
   },
   {
-    title:"permission",
+    title:t("util.permission"),
     slotName:"permission"
   },
   {
-    title:"global",
+    title:t("util.global"),
     slotName: "global"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -185,14 +187,14 @@ const action=(item:ICommon_Route_Res_Organization_User_Item)=>{
     {
       name:"remove",
       func:async ()=>{
-        let ret=await Dialog.confirm(root.value,appContext,"Do you want to remove this member?")
+        let ret=await Dialog.confirm(root.value,appContext,t("tip.removeMember"))
         if(ret) {
           let res=await apiTeam.removeMember({
             teamId:props.teamId,
             organizationUserId:item.organizationUser.id
           })
           if(res?.code==0) {
-            Message.success("remove success")
+            Message.success(t("tip.deleteSuccess"))
             listUser(1)
           } else {
             Message.error(res.msg)
@@ -230,13 +232,13 @@ const onEditRole=async (item:RoleItem) =>{
   }
 }
 const onDeleteRole=async (item:RoleItem)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this role?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRole"))
   if(ret) {
     let res=await apiTeam.removeRole({
       roleId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       listRole()
     } else {
       Message.error(res.msg);
@@ -335,7 +337,7 @@ const onSave=async ()=>{
     })
   })
   if(res?.code==0) {
-    Message.success("update success")
+    Message.success(t("tip.updateSuccess"))
     basic.value=res.data
     navigator.setCurrentPath(res.data.name)
   } else {
@@ -343,13 +345,13 @@ const onSave=async ()=>{
   }
 }
 const onDelete=async ()=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this team?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteTeam"))
   if(ret) {
     let res=await apiTeam.remove({
       teamId:props.teamId
     })
     if(res?.code==0){
-      Message.success("delete success")
+      Message.success(t("tip.deleteSuccess"))
       navigator.replaceRoot("team",null,"team");
     } else {
       Message.error(res.msg)
@@ -374,13 +376,13 @@ const onMessage=()=>{
 }
 
 const onQuit=async ()=>{
-	let ret=await Dialog.confirm(root.value,appContext,"Do you want to quit this team?")
+	let ret=await Dialog.confirm(root.value,appContext,t("tip.quitTeam"))
 	if(ret) {
 		let res=await apiTeam.quit({
 			teamId:props.teamId
 		})
 		if(res?.code==0){
-			Message.success("quit success")
+			Message.success(t("tip.quitSuccess"))
 			navigator.replaceRoot("team",null,"team");
 		} else {
 			Message.error(res.msg)
diff --git a/code/client/src/business/controller/app/wiki/popMenu/boardSprintFilter.vue b/code/client/src/business/controller/app/wiki/popMenu/boardSprintFilter.vue
index 08d4bd0..d77f6cf 100644
--- a/code/client/src/business/controller/app/wiki/popMenu/boardSprintFilter.vue
+++ b/code/client/src/business/controller/app/wiki/popMenu/boardSprintFilter.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="width: 100%;height: 100%">
 		<a-row>
-			<a-input-search size="small" style="width: 200px" placeholder="type project sprint name" @search="onSearch" v-model="keyword"></a-input-search>
+			<a-input-search size="small" style="width: 200px" :placeholder="$t('placeholder.typeSprintName')" @search="onSearch" v-model="keyword"></a-input-search>
 		</a-row>
 		<a-row style="margin-top: 10px">
 			<a-table style="width: 100%" :pagination="pagination" :row-selection="{
@@ -26,21 +26,24 @@ import {reactive, ref} from "vue";
 import {apiBoard, DCSType} from "../../../../common/request/request";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {ICommon_Route_Res_Board_Sprint_filter_Item} from "../../../../../../../common/routes/response";
+import project from "../../../../../../../common/routes/project";
+import {useI18n} from "vue-i18n";
 
 const data=ref<DCSType<ICommon_Route_Res_Board_Sprint_filter_Item>[]>([])
 const selectedKeys=ref([])
 const keyword=ref("")
+const {t}=useI18n()
 const columns=[
 	{
-		title:"Name",
+		title:t("util.name"),
 		slotName:"name"
 	},
 	{
-		title: "Board",
+		title: t("util.board"),
 		slotName: "board"
 	},
 	{
-		title: "Project",
+		title: t("util.project"),
 		slotName: "project"
 	}
 ]
diff --git a/code/client/src/business/controller/app/wiki/popMenu/calendarEventFilter.vue b/code/client/src/business/controller/app/wiki/popMenu/calendarEventFilter.vue
index 550fde2..0f2cd2f 100644
--- a/code/client/src/business/controller/app/wiki/popMenu/calendarEventFilter.vue
+++ b/code/client/src/business/controller/app/wiki/popMenu/calendarEventFilter.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="width: 100%;height: 100%">
 		<a-row>
-			<a-input-search size="small" style="width: 200px" placeholder="type wiki space name" @search="onSearch" v-model="keyword"></a-input-search>
+			<a-input-search size="small" style="width: 200px" :placeholder="$t('placeholder.typeWikiSpaceName')" @search="onSearch" v-model="keyword"></a-input-search>
 		</a-row>
 		<a-row style="margin-top: 10px">
 			<a-table style="width: 100%" :pagination="pagination" :row-selection="{
@@ -27,21 +27,23 @@ import {apiCalendar, DCSType} from "../../../../common/request/request";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {ICommon_Route_Res_Calendar_Event_Filter} from "../../../../../../../common/routes/response";
 import moment from "moment";
+import {useI18n} from "vue-i18n";
 
 const data=ref<DCSType<ICommon_Route_Res_Calendar_Event_Filter["data"]>>([])
 const selectedKeys=ref([])
 const keyword=ref("")
+const {t}=useI18n()
 const columns=[
 	{
-		title:"Name",
+		title:t("util.name"),
 		slotName:"name"
 	},
 	{
-		title: "Start Time",
+		title: t("util.startDate"),
 		slotName: "startTime"
 	},
 	{
-		title:"Calendar",
+		title:t("util.calendar"),
 		slotName: "calendar"
 	}
 ]
diff --git a/code/client/src/business/controller/app/wiki/popMenu/meetingRoomFilter.vue b/code/client/src/business/controller/app/wiki/popMenu/meetingRoomFilter.vue
index 9b8d048..e3e78a8 100644
--- a/code/client/src/business/controller/app/wiki/popMenu/meetingRoomFilter.vue
+++ b/code/client/src/business/controller/app/wiki/popMenu/meetingRoomFilter.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="width: 100%;height: 100%">
 		<a-row>
-			<a-input-search size="small" style="width: 200px" placeholder="type wiki space name" @search="onSearch" v-model="keyword"></a-input-search>
+			<a-input-search size="small" style="width: 200px" :placeholder="$t('placeholder.typeWikiSpaceName')" @search="onSearch" v-model="keyword"></a-input-search>
 		</a-row>
 		<a-row style="margin-top: 10px">
 			<a-table style="width: 100%" :pagination="pagination" :row-selection="{
@@ -24,17 +24,19 @@ import {apiMeeting, DCSType} from "../../../../common/request/request";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import moment from "moment";
 import {ICommon_Model_Meeting_Room} from "../../../../../../../common/model/meeting_room";
+import {useI18n} from "vue-i18n";
 
 const data=ref<DCSType<ICommon_Model_Meeting_Room[]>>([])
 const selectedKeys=ref([])
 const keyword=ref("")
+const {t}=useI18n()
 const columns=[
 	{
-		title:"Name",
+		title:t("util.name"),
 		slotName:"name"
 	},
 	{
-		title: "Start Time",
+		title: t("util.startDate"),
 		slotName: "startTime"
 	}
 ]
diff --git a/code/client/src/business/controller/app/wiki/popMenu/projectFilter.vue b/code/client/src/business/controller/app/wiki/popMenu/projectFilter.vue
index 2e54fac..fcf8264 100644
--- a/code/client/src/business/controller/app/wiki/popMenu/projectFilter.vue
+++ b/code/client/src/business/controller/app/wiki/popMenu/projectFilter.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="width: 100%;height: 100%">
 		<a-row>
-			<a-input-search size="small" style="width: 200px" placeholder="type project name" @search="onSearch" v-model="keyword"></a-input-search>
+			<a-input-search size="small" style="width: 200px" :placeholder="$t('placeholder.typeProjectName')" @search="onSearch" v-model="keyword"></a-input-search>
 		</a-row>
 		<a-row style="margin-top: 10px">
 			<a-table style="width: 100%" :pagination="pagination" :row-selection="{
@@ -24,6 +24,7 @@ import {apiProject} from "../../../../common/request/request";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {useDesktopStore} from "../../../desktop/store/desktop";
 import {checkPermission, Permission_Types} from "../../../../../../../common/permission/permission";
+import {useI18n} from "vue-i18n";
 
 const data=ref<{
 	id:string,
@@ -33,13 +34,14 @@ const data=ref<{
 const selectedKeys=ref([])
 const keyword=ref("")
 const store=useDesktopStore()
+const {t}=useI18n()
 const columns=[
 	{
-		title:"Name",
+		title:t("util.name"),
 		slotName:"name"
 	},
 	{
-		title:"UniqueId",
+		title:"Keyword",
 		slotName: "keyword"
 	}
 ]
diff --git a/code/client/src/business/controller/app/wiki/popMenu/projectIssueFilter.vue b/code/client/src/business/controller/app/wiki/popMenu/projectIssueFilter.vue
index 6310c8f..767a2d5 100644
--- a/code/client/src/business/controller/app/wiki/popMenu/projectIssueFilter.vue
+++ b/code/client/src/business/controller/app/wiki/popMenu/projectIssueFilter.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="width: 100%;height: 100%">
 		<a-row>
-			<a-input-search size="small" style="width: 200px" placeholder="type project issue name" @search="onSearch" v-model="keyword"></a-input-search>
+			<a-input-search size="small" style="width: 200px" :placeholder="$t('placeholder.typeProjectIssueName')" @search="onSearch" v-model="keyword"></a-input-search>
 		</a-row>
 		<a-row style="margin-top: 10px">
 			<a-table style="width: 100%" :pagination="pagination" :row-selection="{
@@ -20,9 +20,9 @@
 					{{record.issueType.name}}
 				</template>
 				<template #status="{record}">
-					<a-tag color="gray" v-if="record.status===ECommon_Model_Workflow_Node_Status.NOTSTART">Not Start</a-tag>
-					<a-tag color="blue" v-else-if="record.status===ECommon_Model_Workflow_Node_Status.INPROGRESS">InProgress</a-tag>
-					<a-tag color="green" v-else-if="record.status===ECommon_Model_Workflow_Node_Status.DONE">Done</a-tag>
+					<a-tag color="gray" v-if="record.status===ECommon_Model_Workflow_Node_Status.NOTSTART">{{$t("util.notStart")}}</a-tag>
+					<a-tag color="blue" v-else-if="record.status===ECommon_Model_Workflow_Node_Status.INPROGRESS">{{$t("util.inProgress")}}</a-tag>
+					<a-tag color="green" v-else-if="record.status===ECommon_Model_Workflow_Node_Status.DONE">{{$t("util.done")}}</a-tag>
 				</template>
 				<template #project="{record}">
 					{{record.project.name}}
@@ -39,33 +39,36 @@ import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import FieldPriority from "../../../../common/component/field/fieldPriority.vue";
 import {ICommon_Route_Res_Project_Issue_filter_Item} from "../../../../../../../common/routes/response";
 import {ECommon_Model_Workflow_Node_Status} from "../../../../../../../common/model/workflow_node";
+import project from "../../../../../../../common/routes/project";
+import {useI18n} from "vue-i18n";
 
 const data=ref<DCSType<ICommon_Route_Res_Project_Issue_filter_Item>[]>([])
 const selectedKeys=ref([])
 const keyword=ref("")
+const {t}=useI18n()
 const columns=[
 	{
-		title:"Name",
+		title:t("util.name"),
 		slotName:"name"
 	},
 	{
-		title:"UniqueId",
+		title:"Keyword",
 		slotName: "keyword"
 	},
 	{
-		title:"Priority",
+		title:t("util.priority"),
 		slotName: "priority"
 	},
 	{
-		title: "Issue Type",
+		title: t("util.issueType"),
 		slotName: "issueType"
 	},
 	{
-		title: "Status",
+		title: t("util.status"),
 		slotName: "status"
 	},
 	{
-		title: "Project",
+		title: t("util.project"),
 		slotName: "project"
 	}
 ]
diff --git a/code/client/src/business/controller/app/wiki/popMenu/projectReleaseFilter.vue b/code/client/src/business/controller/app/wiki/popMenu/projectReleaseFilter.vue
index 2506723..b7d7331 100644
--- a/code/client/src/business/controller/app/wiki/popMenu/projectReleaseFilter.vue
+++ b/code/client/src/business/controller/app/wiki/popMenu/projectReleaseFilter.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="width: 100%;height: 100%">
 		<a-row>
-			<a-input-search size="small" style="width: 200px" placeholder="type project release name" @search="onSearch" v-model="keyword"></a-input-search>
+			<a-input-search size="small" style="width: 200px" :placeholder="$t('placeholder.typeProjectReleaseName')" @search="onSearch" v-model="keyword"></a-input-search>
 		</a-row>
 		<a-row style="margin-top: 10px">
 			<a-table style="width: 100%" :pagination="pagination" :row-selection="{
@@ -11,9 +11,9 @@
 					{{record.name}}
 				</template>
 				<template #status="{record}">
-					<a-tag color="blue" v-if="record.status===ECommon_Model_Project_Release_Status.UNRELEASE">UNRELEASED</a-tag>
-					<a-tag color="green" v-else-if="record.status===ECommon_Model_Project_Release_Status.RELEASE">RELEASED</a-tag>
-					<a-tag v-else-if="record.status===ECommon_Model_Project_Release_Status.ARCHIVED">ARCHIVED</a-tag>
+					<a-tag color="blue" v-if="record.status===ECommon_Model_Project_Release_Status.UNRELEASE">{{$t("util.unReleased")}}</a-tag>
+					<a-tag color="green" v-else-if="record.status===ECommon_Model_Project_Release_Status.RELEASE">{{$t("util.released")}}</a-tag>
+					<a-tag v-else-if="record.status===ECommon_Model_Project_Release_Status.ARCHIVED">{{$t("util.archived")}}</a-tag>
 				</template>
 				<template #project="{record}">
 					{{record.project.name}}
@@ -29,21 +29,23 @@ import {apiRelease, DCSType} from "../../../../common/request/request";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {ICommon_Route_Res_Release_Item} from "../../../../../../../common/routes/response";
 import {ECommon_Model_Project_Release_Status} from "../../../../../../../common/model/project_release";
+import {useI18n} from "vue-i18n";
 
 const data=ref<DCSType<ICommon_Route_Res_Release_Item>[]>([])
 const selectedKeys=ref([])
 const keyword=ref("")
+const {t}=useI18n()
 const columns=[
 	{
-		title:"Name",
+		title:t("util.name"),
 		slotName:"name"
 	},
 	{
-		title: "Status",
+		title: t("util.status"),
 		slotName: "status"
 	},
 	{
-		title: "Project",
+		title: t("util.project"),
 		slotName: "project"
 	}
 ]
diff --git a/code/client/src/business/controller/app/wiki/popMenu/wikiFilter.vue b/code/client/src/business/controller/app/wiki/popMenu/wikiFilter.vue
index f5459f4..5aaca5f 100644
--- a/code/client/src/business/controller/app/wiki/popMenu/wikiFilter.vue
+++ b/code/client/src/business/controller/app/wiki/popMenu/wikiFilter.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="width: 100%;height: 100%">
 		<a-row>
-			<a-input-search size="small" style="width: 200px" placeholder="type wiki space name" @search="onSearch" v-model="keyword"></a-input-search>
+			<a-input-search size="small" style="width: 200px" :placeholder="$t('placeholder.typeWikiSpaceName')" @search="onSearch" v-model="keyword"></a-input-search>
 		</a-row>
 		<a-row style="margin-top: 10px">
 			<a-table style="width: 100%" :pagination="pagination" :row-selection="{
@@ -21,6 +21,7 @@ import {apiWiki} from "../../../../common/request/request";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {useDesktopStore} from "../../../desktop/store/desktop";
 import {checkPermission, Permission_Types} from "../../../../../../../common/permission/permission";
+import {useI18n} from "vue-i18n";
 
 const data=ref<{
 	id:string,
@@ -29,9 +30,10 @@ const data=ref<{
 const selectedKeys=ref([])
 const keyword=ref("")
 const store=useDesktopStore()
+const {t}=useI18n()
 const columns=[
 	{
-		title:"Name",
+		title:t("util.name"),
 		slotName:"name"
 	}
 ]
diff --git a/code/client/src/business/controller/app/wiki/popMenu/wikiItemFilter.vue b/code/client/src/business/controller/app/wiki/popMenu/wikiItemFilter.vue
index c61cb21..03a8b1e 100644
--- a/code/client/src/business/controller/app/wiki/popMenu/wikiItemFilter.vue
+++ b/code/client/src/business/controller/app/wiki/popMenu/wikiItemFilter.vue
@@ -1,7 +1,7 @@
 <template>
 	<div style="width: 100%;height: 100%">
 		<a-row>
-			<a-input-search size="small" style="width: 200px" placeholder="type wiki space name" @search="onSearch" v-model="keyword"></a-input-search>
+			<a-input-search size="small" style="width: 200px" :placeholder="$t('placeholder.typeWikiItemName')" @search="onSearch" v-model="keyword"></a-input-search>
 		</a-row>
 		<a-row style="margin-top: 10px">
 			<a-table style="width: 100%" :pagination="pagination" :row-selection="{
@@ -23,17 +23,20 @@ import {reactive, ref} from "vue";
 import {apiWiki, DCSType} from "../../../../common/request/request";
 import {onDialogOk} from "../../../../common/component/dialog/dialog";
 import {ICommon_Route_Res_Wiki_Item_Info} from "../../../../../../../common/routes/response";
+import wiki from "../../../../../../../common/routes/wiki";
+import {useI18n} from "vue-i18n";
 
 const data=ref<DCSType<ICommon_Route_Res_Wiki_Item_Info>[]>([])
 const selectedKeys=ref([])
 const keyword=ref("")
+const {t}=useI18n()
 const columns=[
 	{
-		title:"Name",
+		title:t("util.name"),
 		slotName:"name"
 	},
 	{
-		title: "Wiki Space",
+		title: t("util.wikiSpace"),
 		slotName: "wiki"
 	}
 ]
diff --git a/code/client/src/business/controller/app/wiki/setting/wikiSetting.vue b/code/client/src/business/controller/app/wiki/setting/wikiSetting.vue
index ef22a9a..f9014c0 100644
--- a/code/client/src/business/controller/app/wiki/setting/wikiSetting.vue
+++ b/code/client/src/business/controller/app/wiki/setting/wikiSetting.vue
@@ -1,12 +1,12 @@
 <template>
   <a-collapse :default-active-key="['basic']" accordion>
-    <a-collapse-item header="Basic" key="basic">
+    <a-collapse-item :header="$t('util.basic')" key="basic">
       <WikiSettingBasic :wiki-id="wikiId"></WikiSettingBasic>
     </a-collapse-item>
-    <a-collapse-item header="Access" key="access">
+    <a-collapse-item :header="$t('util.access')" key="access">
       <EditWikiAccess :wiki-id="wikiId"></EditWikiAccess>
     </a-collapse-item>
-    <a-collapse-item header="Role" key="role">
+    <a-collapse-item :header="$t('util.role')" key="role">
       <WikiSettingRole :wiki-id="wikiId"></WikiSettingRole>
     </a-collapse-item>
   </a-collapse>
@@ -16,6 +16,7 @@
 import WikiSettingBasic from "./wikiSettingBasic.vue";
 import EditWikiAccess from "../../setting/wiki/editWikiAccess.vue";
 import WikiSettingRole from "./wikiSettingRole.vue";
+import {Err} from "../../../../../../../common/status/error";
 
 const props=defineProps<{
   wikiId:string
diff --git a/code/client/src/business/controller/app/wiki/setting/wikiSettingBasic.vue b/code/client/src/business/controller/app/wiki/setting/wikiSettingBasic.vue
index 3e7451b..200aa84 100644
--- a/code/client/src/business/controller/app/wiki/setting/wikiSettingBasic.vue
+++ b/code/client/src/business/controller/app/wiki/setting/wikiSettingBasic.vue
@@ -1,16 +1,16 @@
 <template>
   <a-form ref="eleForm" style="width: 80%" :model="form" @submitSuccess="onSubmit">
-    <a-form-item field="name" label="name" required>
+    <a-form-item field="name" :label="$t('util.name')" required>
       <a-input v-model="form.name"></a-input>
     </a-form-item>
-    <a-form-item field="description" label="description">
+    <a-form-item field="description" :label="$t('util.description')">
       <a-textarea v-model="form.description" allow-clear></a-textarea>
     </a-form-item>
-    <a-form-item label="logo">
+    <a-form-item :label="$t('util.logo')">
       <Upload types=".png,.jpg,.jpeg,.gif,.bmp,.svg" :default-uri="photo" @upload="onUpload"></Upload>
     </a-form-item>
     <a-form-item>
-      <a-button html-type="submit" type="primary">Save</a-button>
+      <a-button html-type="submit" type="primary">{{$t("util.save")}}</a-button>
     </a-form-item>
   </a-form>
 </template>
@@ -21,6 +21,7 @@ import Upload from "../../../../common/component/upload.vue";
 import {getCurrentInstance, onBeforeMount, reactive, ref} from "vue";
 import {apiWiki} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   wikiId:string
@@ -31,6 +32,7 @@ const form = reactive({
   keyword: "",
   description: "",
 })
+const {t}=useI18n()
 const uploadUriId=ref("")
 const onUpload=(id:string)=> {
   uploadUriId.value=id
@@ -59,7 +61,7 @@ const onSubmit=async ()=>{
     })
   })
   if(res?.code==0) {
-    Message.success("save success")
+    Message.success(t("tip.saveSuccess"))
   } else {
     Message.error(res.msg)
   }
diff --git a/code/client/src/business/controller/app/wiki/setting/wikiSettingRole.vue b/code/client/src/business/controller/app/wiki/setting/wikiSettingRole.vue
index 521ba2e..4ad06ec 100644
--- a/code/client/src/business/controller/app/wiki/setting/wikiSettingRole.vue
+++ b/code/client/src/business/controller/app/wiki/setting/wikiSettingRole.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <a-button @click="onAddRole" type="primary" style="margin-bottom: 10px">Add</a-button>
+    <a-button @click="onAddRole" type="primary" style="margin-bottom: 10px">{{$t("util.add")}}</a-button>
     <a-table :columns="columns" :data="roleList" :pagination="false">
       <template #description="{record}">
         {{record.description}}
@@ -17,8 +17,8 @@
       <template #operation="{record}">
         <template v-if="!record.global">
           <a-space wrap>
-            <a-button type="primary" size="small" @click="onEditRole(record)">manage</a-button>
-            <a-button status="danger" size="small" @click="onDeleteRole(record)">delete</a-button>
+            <a-button type="primary" size="small" @click="onEditRole(record)">{{$t("util.manage")}}</a-button>
+            <a-button status="danger" size="small" @click="onDeleteRole(record)">{{$t("util.delete")}}</a-button>
           </a-space>
         </template>
       </template>
@@ -34,6 +34,7 @@ import {apiWiki} from "../../../../common/request/request";
 import {Message} from "@arco-design/web-vue";
 import {getRootNavigatorRef} from "../../../../../teamOS/common/component/navigator/navigator";
 import EditWikiRole from "../../setting/role/wiki/editWikiRole.vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   wikiId:string
@@ -49,25 +50,26 @@ type RoleItem={
   global:boolean,
   permissions:Permission_Base[]
 }
+const {t}=useI18n()
 const columns=[
   {
-    title:"name",
+    title:t("util.name"),
     dataIndex:"name"
   },
   {
-    title:"description",
+    title:t("util.description"),
     slotName:"description"
   },
   {
-    title:"permission",
+    title:t("util.permission"),
     slotName:"permission"
   },
   {
-    title:"global",
+    title:t("util.global"),
     slotName: "global"
   },
   {
-    title:"operation",
+    title:t("util.operation"),
     slotName: "operation"
   }
 ]
@@ -103,13 +105,13 @@ const onEditRole=async (item:RoleItem) =>{
   }
 }
 const onDeleteRole=async (item:RoleItem)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this role?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteRole"))
   if(ret) {
     let res=await apiWiki.removeRole({
       roleId:item.id
     })
     if(res?.code==0) {
-      Message.success("remove success")
+      Message.success(t("tip.deleteSuccess"))
       listRole()
     } else {
       Message.error(res.msg);
diff --git a/code/client/src/business/controller/app/wiki/wiki.vue b/code/client/src/business/controller/app/wiki/wiki.vue
index 017429b..b72be5a 100644
--- a/code/client/src/business/controller/app/wiki/wiki.vue
+++ b/code/client/src/business/controller/app/wiki/wiki.vue
@@ -1,8 +1,8 @@
 <template>
   <div style="height: 100%;overflow-y: auto;padding: 0px 10px" ref="root">
-    Your Work
+    {{$t("controller.app.project.project.yourWork")}}
     <a-collapse :default-active-key="['recent','all']" style="margin-top: 10px">
-      <a-collapse-item header="Recent Wiki List" key="recent">
+      <a-collapse-item :header="$t('controller.app.wiki.wiki.recentWikiList')" key="recent">
         <a-space wrap style="margin-top: 20px" size="large" v-if="recentList.length>0">
           <CardItem v-for="item in recentList" style="background-color: white" :name="item.name" :description="item.description" :key="item.id" :photo="item.photo" @click="onClickWikiItem(item.id,item.name)" v-drag.shortcut="{
 						shortcutType:ECommon_Model_Finder_Shortcut_Type.WIKI,
@@ -12,16 +12,16 @@
         </a-space>
         <a-empty v-else></a-empty>
       </a-collapse-item>
-      <a-collapse-item header="All Wiki List" key="all">
+      <a-collapse-item :header="$t('controller.app.wiki.wiki.allWikiList')" key="all">
         <a-row>
           <a-space>
-            Type
+	          {{$t("util.type")}}
             <a-select v-model="type" style="width: 100px">
-              <a-option label="All" value="all"></a-option>
-              <a-option label="Created" value="created"></a-option>
-              <a-option label="Joined" value="joined"></a-option>
+              <a-option :label="$t('util.name')" value="all"></a-option>
+              <a-option :label="$t('util.created')" value="created"></a-option>
+              <a-option :label="$t('util.joined')" value="joined"></a-option>
             </a-select>
-            <a-input-search style="width: 250px" v-model="keyword" placeholder="please type wiki name" @search="onSearch"></a-input-search>
+            <a-input-search style="width: 250px" v-model="keyword" :placeholder="$t('placeholder.typeWikiName')" @search="onSearch"></a-input-search>
             <a-button type="primary" @click="onAddWiki" v-if="checkPermission(storeOrganization.organizationPermission,Permission_Types.Organization.CREATE_WIKI)">Create</a-button>
           </a-space>
         </a-row>
@@ -56,8 +56,8 @@ import EditWikiProfile from "../setting/wiki/editWikiProfile.vue";
 import {vDrag} from "../../../../teamOS/common/directive/drag";
 import {ECommon_Model_Finder_Shortcut_Type} from "../../../../../../common/model/finder_item";
 
-const recentList=ref<DCSType<ICommon_Model_Wiki[]>>([])
-const list=ref<DCSType<ICommon_Model_Wiki[]>>([])
+const recentList=ref<DCSType<ICommon_Model_Wiki>[]>([])
+const list=ref<DCSType<ICommon_Model_Wiki>[]>([])
 const type=ref<"all"|"created"|"joined">("all")
 const keyword=ref("")
 const storeOrganization=useDesktopStore()
diff --git a/code/client/src/business/controller/app/wiki/wikiItemContent.vue b/code/client/src/business/controller/app/wiki/wikiItemContent.vue
index 8541b09..f44fc16 100644
--- a/code/client/src/business/controller/app/wiki/wikiItemContent.vue
+++ b/code/client/src/business/controller/app/wiki/wikiItemContent.vue
@@ -15,23 +15,23 @@
           </a-space>
         </a-row>
         <a-row style="color: gray;font-size: smaller;align-items: center">
-          last modified:{{moment(info?.modified_time).format('YYYY-MM-DD HH:mm:ss')}}&nbsp;&nbsp;&nbsp;
+          {{$t("controller.app.wiki.wikiItemContent.lastModified")}}:{{moment(info?.modified_time).format('YYYY-MM-DD HH:mm:ss')}}&nbsp;&nbsp;&nbsp;
           <UserAvatar :organization-user-id="info.modified_by.organizationUserId" :name="info.modified_by.nickname" :photo="info.modified_by.photo" v-if="info"></UserAvatar>
         </a-row>
       </a-row>
       <a-switch v-model="isWrite" v-if="checkPermission(permission,Permission_Types.Wiki.EDIT)">
         <template #checked>
-          Edit
+          {{$t("util.edit")}}
         </template>
         <template #unchecked>
-          Preview
+	        {{$t("util.preview")}}
         </template>
       </a-switch>
     </a-row>
     <a-row style="width: 100%;height: calc(100% - 45px)">
 	    <a-spin :loading="loading" style="width: 100%;height: 100%">
 		    <a-row style="width: 100%;height: 50px;justify-content: center">
-			    <a-input style="width: 80%;margin-top: 10px;border: 0px;background-color: transparent" autofocus placeholder="type you title" :input-attrs="{style:{fontSize:'20px'}}" v-model="title" :readonly="!isWrite"></a-input>
+			    <a-input style="width: 80%;margin-top: 10px;border: 0px;background-color: transparent" autofocus :placeholder="$t('placeholder.typeTitle')" :input-attrs="{style:{fontSize:'20px'}}" v-model="title" :readonly="!isWrite"></a-input>
 		    </a-row>
 		    <a-row style="width: 100%;height: calc(100% - 60px);margin-top: 10px;justify-content: center;overflow-y: auto" v-drop.file.shortcut.disk="onDrop">
 			    <RichEditor v-model="content" :readonly="!isWrite" style="width: 80%" @upload-file="onUploadFile" :pop-menu-list="popMenuList" @pop-menu-click="onPopMenuClick" @custom-anchor-click="onCustomAnchorClick" @quote-list="onQuoteList" ref="objEditor"></RichEditor>
@@ -45,10 +45,10 @@
 import {getCurrentInstance, onBeforeMount, ref, watch} from "vue";
 import {apiFile, apiWiki, DCSType} from "../../../common/request/request";
 import {
-	ECommon_Content_Line_Config_Type,
-	ICommon_Content_Line,
-	ICommon_Content_Line_Config,
-	ICommon_Model_Content
+  ECommon_Content_Line_Config_Type,
+  ICommon_Content_Line,
+  ICommon_Content_Line_Config,
+  ICommon_Model_Content
 } from "../../../../../../common/model/content";
 import UserAvatar from "../../../common/component/userAvatar.vue";
 import RichEditor from "../../../common/component/richEditor/richEditor.vue";
diff --git a/code/client/src/business/controller/app/wiki/wikiProfile.vue b/code/client/src/business/controller/app/wiki/wikiProfile.vue
index c7d92d9..0477d98 100644
--- a/code/client/src/business/controller/app/wiki/wikiProfile.vue
+++ b/code/client/src/business/controller/app/wiki/wikiProfile.vue
@@ -3,10 +3,10 @@
     <a-layout-sider :resize-directions="['right']">
       <div style="width: 100%;height:100%;overflow: auto;padding: 5px;box-sizing: border-box">
         <a-row>
-          <a-input-search placeholder="type wiki name" v-model="keyword" @search="onSearch"/>
+          <a-input-search :placeholder="$t('placeholder.typeWikiName')" v-model="keyword" @search="onSearch"/>
         </a-row>
         <a-row style="margin-top: 20px;color: gray;font-size: smaller;justify-content: space-between;align-items: center">
-          Workspace pages
+          {{$t("controller.app.wiki.wikiProfile.workspacePages")}}
           <a-space size="mini">
             <a-button size="mini" type="text" v-if="checkPermission(permission,Permission_Types.Wiki.EDIT)" @click="addWikiItem(null)">
               <template #icon>
@@ -41,8 +41,8 @@
                   <a-dropdown trigger="hover" position="bl">
                     <icon-more style="color: gray"></icon-more>
                     <template #content>
-                      <a-doption @click="onDelete(nodeData.id)">Delete</a-doption>
-                      <a-doption v-if="nodeData.data && nodeData.data.length>0" @click="onDeleteAll(nodeData.id)">Delete(Include Children)</a-doption>
+                      <a-doption @click="onDelete(nodeData.id)">{{$t("util.delete")}}</a-doption>
+                      <a-doption v-if="nodeData.data && nodeData.data.length>0" @click="onDeleteAll(nodeData.id)">{{$t("controller.app.wiki.wikiProfile.deleteIncludeChildren")}}</a-doption>
                     </template>
                   </a-dropdown>
                 </a-space>
@@ -73,6 +73,7 @@ import NavigatorContainer from "../../../../teamOS/common/component/navigator/na
 import WikiItemContent from "./wikiItemContent.vue";
 import WikiSetting from "./setting/wikiSetting.vue";
 import {Message} from "@arco-design/web-vue";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
   wikiId:string
@@ -88,6 +89,7 @@ let selectedIdList=[]
 let objMeta=getCurrentNavigatorMeta()?.data as {
   wikiItemId:string
 }
+const {t}=useI18n()
 const itemMap=ref<{
   [key:string]:ICommon_Route_Res_Wiki_Info_Item
 }>({})
@@ -139,7 +141,7 @@ const getPermission=async ()=>{
   }
 }
 const addWikiItem=async (parentWikiItemId:string)=>{
-  let ret=await Dialog.input(root.value,appContext,"type new wiki item name")
+  let ret=await Dialog.input(root.value,appContext,t("tip.typeNewWikiItemName"))
   if(ret) {
     let res=await apiWiki.addWikiItem({
       wikiId:props.wikiId,
@@ -167,7 +169,7 @@ const onItemMouseLeave=(event:MouseEvent)=>{
 }
 
 const onDelete=async (id:string)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this item(the sub items will be appended to current item's parent)?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteWikiItem"))
   if(ret) {
     let res=await apiWiki.deleteWikiItem({
       wikiItemId:id,
@@ -183,7 +185,7 @@ const onDelete=async (id:string)=>{
   }
 }
 const onDeleteAll=async (id:string)=>{
-  let ret=await Dialog.confirm(root.value,appContext,"Do you want to delete this item(the sub items will also be deleted)?")
+  let ret=await Dialog.confirm(root.value,appContext,t("tip.deleteAllWikiItem"))
   if(ret) {
     let res=await apiWiki.deleteWikiItem({
       wikiItemId:id,
diff --git a/code/client/src/business/controller/desktop/createOrganization.vue b/code/client/src/business/controller/desktop/createOrganization.vue
index fd5c55b..b7f1b9c 100644
--- a/code/client/src/business/controller/desktop/createOrganization.vue
+++ b/code/client/src/business/controller/desktop/createOrganization.vue
@@ -1,12 +1,12 @@
 <template>
 	<a-form :model="form" style="width: 80%;margin-top: 20px" ref="formEle">
-		<a-form-item field="name" label="name" required>
+		<a-form-item field="name" :label="$t('util.name')" required>
 			<a-input v-model="form.name"></a-input>
 		</a-form-item>
-		<a-form-item field="description" label="description">
+		<a-form-item field="description" :label="$t('util.description')">
 			<a-textarea v-model="form.description" allow-clear></a-textarea>
 		</a-form-item>
-		<a-form-item field="photo" label="logo">
+		<a-form-item field="photo" :label="$t('util.logo')">
 			<Upload types=".png,.jpg,.jpeg,.gif,.bmp,.svg" :default-uri="form.photo" @upload="onUpload"></Upload>
 		</a-form-item>
 	</a-form>
diff --git a/code/client/src/business/controller/desktop/desktop.vue b/code/client/src/business/controller/desktop/desktop.vue
index 35b387d..c10105f 100644
--- a/code/client/src/business/controller/desktop/desktop.vue
+++ b/code/client/src/business/controller/desktop/desktop.vue
@@ -13,35 +13,35 @@
         </a-avatar>
         <template #content>
           <a-dsubmenu trigger="hover" :disabled="store.status===ECommon_User_Online_Status.MEETING">
-            Status
+            {{$t("util.status")}}
             <template #content>
               <a-doption @click="onChangeStatus(ECommon_User_Online_Status.ONLINE)">
                 <template #icon v-if="store.status===ECommon_User_Online_Status.ONLINE">
                   <icon-check></icon-check>
                 </template>
-                online
+	              {{$t("util.online")}}
               </a-doption>
               <a-doption @click="onChangeStatus(ECommon_User_Online_Status.BUSY)">
                 <template #icon v-if="store.status===ECommon_User_Online_Status.BUSY">
                   <icon-check></icon-check>
                 </template>
-                busy
+	              {{$t("util.busy")}}
               </a-doption>
             </template>
           </a-dsubmenu>
 	        <a-dsubmenu trigger="hover">
-		        Tool
+		        {{$t("util.tool")}}
 		        <template #content>
 			        <a-doption @click="onAddNote">
-				        Sticky Note
+				        {{$t("util.stickyNote")}}
 			        </a-doption>
 			        <a-doption @click="onAddPhoto">
-				       Album
+				        {{$t("util.album")}}
 			        </a-doption>
 		        </template>
 	        </a-dsubmenu>
-          <a-doption @click="onAccount">Account</a-doption>
-          <a-doption @click="onLogout">Logout</a-doption>
+          <a-doption @click="onAccount">{{$t("util.account")}}</a-doption>
+          <a-doption @click="onLogout(false)">{{$t("util.logout")}}</a-doption>
         </template>
       </a-dropdown>
     </template>
@@ -51,20 +51,20 @@
 				  <img :src="store.organizationInfo.photo" style="height: 36px;width:80px;object-fit: cover;object-position: 50% 50%;" v-if="store.organizationInfo?.photo"/>
 			  </a-col>
 			  <a-col :flex="menuValue?'100px':'120px'">
-				  <a-select style="max-width: 170px;color: white" placeholder="organization" :bordered="false" @change="onMenuClick" v-model:model-value="menuValue" v-if="menu.length>0">
+				  <a-select style="max-width: 170px;color: white" :placeholder="$t('placeholder.organization')" :bordered="false" @change="onMenuClick" v-model:model-value="menuValue" v-if="menu.length>0">
 					  <a-optgroup v-for="(item,index) in menu" :label="item.group">
 						  <a-option v-for="(item1,index1) in item.data" :label="item1.name" :value="item1.value"></a-option>
 					  </a-optgroup>
 					  <template #footer v-if="$deployMode.value===ECommon_Application_Mode.ONLINE">
 						  <a-row style="width: 100%;height: 30px;display: flex;justify-content: center;align-items: center">
 							  <a-button type="text" style="width: 100%;color: black" @click="onCreate">
-								  Create
+								  {{$t("util.create")}}
 							  </a-button>
 						  </a-row>
 					  </template>
 				  </a-select>
 				  <a-button type="primary" status="success" style="float: right;margin-right: 5px" @click="onCreate" v-else>
-					  Create Organization
+					  {{$t("controller.desktop.desktop.createOrganization")}}
 				  </a-button>
 			  </a-col>
 			  <a-col :flex="menuValue?'30px':'45px'" style="justify-content: center;display: flex">
@@ -145,6 +145,7 @@ import MissCallShow from "./missCallShow.vue";
 import Search from "@/business/controller/desktop/search/search.vue";
 import StickyNote from "@/business/controller/desktop/tool/stickyNote/stickyNote.vue";
 import Photo from "@/business/controller/desktop/tool/photo/photo.vue";
+import {useI18n} from "vue-i18n";
 
 interface ITeamOS_Desktop_Menu {
 	group:string,
@@ -153,6 +154,7 @@ interface ITeamOS_Desktop_Menu {
 		value:string
 	}[]
 }
+const {t}=useI18n()
 const isSearch=ref(false)
 const imgUri=ref("")
 const imgVisible=ref(false)
@@ -249,12 +251,12 @@ const onAccount=()=>{
   windowManager.open(win);
 }
 
-const onLogout=async ()=>{
-  let ret=await Dialog.confirm(document.body,appContext,"Do you want to log out?")
+const onLogout=async (isDirect?:boolean)=>{
+  let ret=isDirect?isDirect:await Dialog.confirm(document.body,appContext,t("tip.logout"))
   if(ret) {
-    let res=await store.logout();
+    let res=await store.logout(isDirect);
     if(res) {
-      Message.success("logout success")
+      Message.success(t("tip.logoutSuccess"))
       watchStop();
       desktop.clear()
       iconManager.clear()
@@ -277,7 +279,7 @@ const onHandleStatus=(organizationUserId:string,status:ECommon_User_Online_Statu
 }
 
 const onMenuClick=async (value)=>{
-	windowManager.clear()
+	windowManager.clear(["finder"])
 	await store.enterOrganization(value);
 }
 
@@ -310,7 +312,7 @@ const onFileDbClick=async (item:DCSType<ICommon_Model_Finder_Item>)=>{
 
 const onAddNote=async ()=>{
 	let res=await apiTool.addNote({
-		height:"10%",
+		height:"30%",
 		width:"20%",
 		x:60+Math.floor(Math.random() * (-5 - 5)) + 5+"%",
 		y:50+Math.floor(Math.random() * (-5 - 5)) + 5+"%"
@@ -403,6 +405,7 @@ onBeforeMount(async ()=>{
   }
   eventBus.on(EClient_EVENTBUS_TYPE.UPDATE_ORGANIZATION_USER_STATUS,onHandleStatus)
 	eventBus.on(EClient_EVENTBUS_TYPE.REFRESH_ORGANIZATION_LIST,store.getOrganizationList)
+	eventBus.on(EClient_EVENTBUS_TYPE.USER_LOGIN_EXPIRED,onLogout.bind(null,true))
 	loading.value=false
 })
 
@@ -410,6 +413,7 @@ onBeforeUnmount(()=>{
 	objFinderHandle.unRegisterEvents()
   eventBus.off(EClient_EVENTBUS_TYPE.UPDATE_ORGANIZATION_USER_STATUS,onHandleStatus)
 	eventBus.off(EClient_EVENTBUS_TYPE.REFRESH_ORGANIZATION_LIST,store.getOrganizationList)
+	eventBus.off(EClient_EVENTBUS_TYPE.USER_LOGIN_EXPIRED,onLogout.bind(null,true))
 })
 
 
diff --git a/code/client/src/business/controller/desktop/icon/calendar.ts b/code/client/src/business/controller/desktop/icon/calendar.ts
index 4cc9fa1..449e13e 100644
--- a/code/client/src/business/controller/desktop/icon/calendar.ts
+++ b/code/client/src/business/controller/desktop/icon/calendar.ts
@@ -7,14 +7,16 @@ import {markRaw} from "vue";
 import Calendar from "../../app/calendar/calendar.vue";
 import {SessionStorage} from "../../../common/storage/session";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
+import i18n from "@/business/common/i18n/i18n";
 
-export const iconCalendar=new Icon("Calendar",iconGroupMap["calendar"])
+const {t}=i18n.global
+export const iconCalendar=new Icon(t("util.calendar"),iconGroupMap["calendar"])
 iconCalendar.addEventListener("dbClick",item => {
     if(!SessionStorage.get("organizationId")) {
-        Message.error("you must choose organization")
+        Message.error(t("tip.switchToSpecificOrganization"))
         return;
     }
-    const win=new Window("calendar",ETeamOS_Window_Type.SIMPLE, "calendar",false,[
+    const win=new Window(t("util.calendar"),ETeamOS_Window_Type.SIMPLE, "calendar",false,[
         {
             id:v4(),
             meta:{
@@ -27,11 +29,11 @@ iconCalendar.addEventListener("dbClick",item => {
                 name:"calendar"
             }
         }
-    ],"Calendar");
+    ],t("util.calendar"));
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_CALENDAR_EVENT,(calendarEventId) => {
-    const win=new Window("calendar",ETeamOS_Window_Type.SIMPLE, "calendar",false,[
+    const win=new Window(t("util.calendar"),ETeamOS_Window_Type.SIMPLE, "calendar",false,[
         {
             id:v4(),
             meta:{
@@ -47,6 +49,6 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_CALENDAR_EVENT,(calendarEventId) => {
                 }
             }
         }
-    ],"Calendar");
+    ],t("util.calendar"));
     windowManager.open(win);
 })
\ No newline at end of file
diff --git a/code/client/src/business/controller/desktop/icon/finder.ts b/code/client/src/business/controller/desktop/icon/finder.ts
index 031f7ae..2b4a872 100644
--- a/code/client/src/business/controller/desktop/icon/finder.ts
+++ b/code/client/src/business/controller/desktop/icon/finder.ts
@@ -5,10 +5,12 @@ import {windowManager} from "../../../../teamOS/window/windowManager";
 import {markRaw} from "vue";
 import Finder from "../../app/finder/finder.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
+import i18n from "@/business/common/i18n/i18n";
 
-export const iconFinder=new Icon("Finder",iconGroupMap["finder"])
+const {t}=i18n.global
+export const iconFinder=new Icon(t("util.finder"),iconGroupMap["finder"])
 iconFinder.addEventListener("dbClick",item => {
-    const win=new Window("finder",ETeamOS_Window_Type.SIMPLE, "finder",false,[
+    const win=new Window(t("util.finder"),ETeamOS_Window_Type.SIMPLE, "finder",false,[
         {
             id:v4(),
             meta:{
@@ -21,11 +23,11 @@ iconFinder.addEventListener("dbClick",item => {
                 name:"finder"
             }
         }
-    ],"Finder");
+    ],t("util.finder"));
     windowManager.open(win,true);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.FINDER_OPEN_WINDOW,(folderId) => {
-    const win=new Window("finder",ETeamOS_Window_Type.SIMPLE, "finder",false,[
+    const win=new Window(t("util.finder"),ETeamOS_Window_Type.SIMPLE, "finder",false,[
         {
             id:v4(),
             meta:{
@@ -41,6 +43,6 @@ eventBus.on(EClient_EVENTBUS_TYPE.FINDER_OPEN_WINDOW,(folderId) => {
                 }
             }
         }
-    ],"Finder");
+    ],t("util.finder"));
     windowManager.open(win,true);
 })
\ No newline at end of file
diff --git a/code/client/src/business/controller/desktop/icon/im.ts b/code/client/src/business/controller/desktop/icon/im.ts
index 0db9bb0..1536056 100644
--- a/code/client/src/business/controller/desktop/icon/im.ts
+++ b/code/client/src/business/controller/desktop/icon/im.ts
@@ -7,14 +7,16 @@ import {markRaw} from "vue";
 import Im from "../../../controller/app/im/im.vue";
 import {SessionStorage} from "../../../common/storage/session";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
+import i18n from "@/business/common/i18n/i18n";
 
-export const iconIM=new Icon("IM",iconGroupMap["im"])
+const {t}=i18n.global
+export const iconIM=new Icon(t("util.im"),iconGroupMap["im"])
 iconIM.addEventListener("dbClick",item => {
     if(!SessionStorage.get("organizationId")) {
-        Message.error("you must choose organization")
+        Message.error(t("tip.switchToSpecificOrganization"))
         return;
     }
-    const win=new Window("im",ETeamOS_Window_Type.SIMPLE, "im",false,[
+    const win=new Window(t("util.im"),ETeamOS_Window_Type.SIMPLE, "im",false,[
         {
             id:v4(),
             meta:{
@@ -27,11 +29,11 @@ iconIM.addEventListener("dbClick",item => {
                 name:"im"
             }
         }
-    ],"IM");
+    ],t("util.im"));
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_IM_CHAT,(id, chatType) => {
-    const win=new Window("im",ETeamOS_Window_Type.SIMPLE, "im",false,[
+    const win=new Window(t("util.im"),ETeamOS_Window_Type.SIMPLE, "im",false,[
         {
             id:v4(),
             meta:{
@@ -48,6 +50,6 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_IM_CHAT,(id, chatType) => {
                 }
             }
         }
-    ],"IM");
+    ],t("util.im"));
     windowManager.open(win);
 })
\ No newline at end of file
diff --git a/code/client/src/business/controller/desktop/icon/meeting.ts b/code/client/src/business/controller/desktop/icon/meeting.ts
index 6a6d16f..f1c422d 100644
--- a/code/client/src/business/controller/desktop/icon/meeting.ts
+++ b/code/client/src/business/controller/desktop/icon/meeting.ts
@@ -8,14 +8,16 @@ import {SessionStorage} from "../../../common/storage/session";
 import Meeting from "../../app/meeting/meeting.vue";
 import MeetingProfile from "../../app/meeting/meetingProfile.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
+import i18n from "@/business/common/i18n/i18n";
 
-export const iconMeeting=new Icon("Meeting",iconGroupMap["meeting"])
+const {t}=i18n.global
+export const iconMeeting=new Icon(t("util.meeting"),iconGroupMap["meeting"])
 iconMeeting.addEventListener("dbClick",item => {
     if(!SessionStorage.get("organizationId")) {
-        Message.error("you must choose organization")
+        Message.error(t("tip.switchToSpecificOrganization"))
         return;
     }
-    const win=new Window("meeting",ETeamOS_Window_Type.SIMPLE, "meeting",false,[
+    const win=new Window(t("util.meeting"),ETeamOS_Window_Type.SIMPLE, "meeting",false,[
         {
             id:v4(),
             meta:{
@@ -29,11 +31,11 @@ iconMeeting.addEventListener("dbClick",item => {
                 name:"meeting"
             }
         }
-    ],"Meeting");
+    ],t("util.meeting"));
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_MEETING,(meetingId, password,inviteBusinessIds) => {
-    const win=new Window("meeting",ETeamOS_Window_Type.SIMPLE, "meeting",false,[
+    const win=new Window(t("util.meeting"),ETeamOS_Window_Type.SIMPLE, "meeting",false,[
         {
             id:v4(),
             meta:{
@@ -54,6 +56,6 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_MEETING,(meetingId, password,inviteBusine
                 }
             }
         }
-    ],"Meeting");
+    ],t("util.meeting"));
     windowManager.open(win);
 })
\ No newline at end of file
diff --git a/code/client/src/business/controller/desktop/icon/people.ts b/code/client/src/business/controller/desktop/icon/people.ts
index 64e563c..530ed4d 100644
--- a/code/client/src/business/controller/desktop/icon/people.ts
+++ b/code/client/src/business/controller/desktop/icon/people.ts
@@ -8,14 +8,16 @@ import People from "../../app/people/people.vue";
 import PeopleProfile from "../../app/people/peopleProfile.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
 import {SessionStorage} from "../../../common/storage/session";
+import i18n from "@/business/common/i18n/i18n";
 
-export const iconPeople=new Icon("People",iconGroupMap["people"])
+const {t}=i18n.global
+export const iconPeople=new Icon(t("util.people"),iconGroupMap["people"])
 iconPeople.addEventListener("dbClick", item => {
     if(!SessionStorage.get("organizationId")) {
-        Message.error("you must choose organization")
+        Message.error(t("tip.switchToSpecificOrganization"))
         return;
     }
-    const win=new Window("people",ETeamOS_Window_Type.TAB, "people",true,[
+    const win=new Window(t("util.people"),ETeamOS_Window_Type.TAB, "people",true,[
         {
             id:v4(),
             meta:{
@@ -27,10 +29,10 @@ iconPeople.addEventListener("dbClick", item => {
             },
             default:{
                 name:"people",
-                title: "people"
+                title: t("util.people")
             }
         }
-    ],"People");
+    ],t("util.people"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -43,14 +45,14 @@ iconPeople.addEventListener("dbClick", item => {
             },
             default:{
                 name:"people",
-                title: "people"
+                title: t("util.people")
             }
         }
     })
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PEOPLE_PROFILE,organizationUserId => {
-    const win=new Window("people",ETeamOS_Window_Type.TAB, "people",true,[
+    const win=new Window(t("util.people"),ETeamOS_Window_Type.TAB, "people",true,[
         {
             id:v4(),
             meta:{
@@ -62,13 +64,13 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PEOPLE_PROFILE,organizationUserId => {
             },
             default:{
                 name:"profile",
-                title: "profile",
+                title: t("util.profile"),
                 props:{
                     organizationUserId:organizationUserId
                 }
             }
         }
-    ],"People");
+    ],t("util.people"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -81,7 +83,7 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PEOPLE_PROFILE,organizationUserId => {
             },
             default:{
                 name:"people",
-                title: "people"
+                title: t("util.people")
             }
         }
     })
diff --git a/code/client/src/business/controller/desktop/icon/project.ts b/code/client/src/business/controller/desktop/icon/project.ts
index 098d3e6..c0ea29a 100644
--- a/code/client/src/business/controller/desktop/icon/project.ts
+++ b/code/client/src/business/controller/desktop/icon/project.ts
@@ -8,14 +8,16 @@ import Project from "../../app/project/project.vue";
 import ProjectProfile from "../../app/project/projectProfile.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
 import {SessionStorage} from "../../../common/storage/session";
+import i18n from "@/business/common/i18n/i18n";
 
-export const iconProject=new Icon("Project",iconGroupMap["project"])
+const {t}=i18n.global
+export const iconProject=new Icon(t("util.project"),iconGroupMap["project"])
 iconProject.addEventListener("dbClick",item => {
     if(!SessionStorage.get("organizationId")) {
-        Message.error("you must choose organization")
+        Message.error(t("tip.switchToSpecificOrganization"))
         return;
     }
-    const win=new Window("project",ETeamOS_Window_Type.TAB, "project",true,[
+    const win=new Window(t("util.project"),ETeamOS_Window_Type.TAB, "project",true,[
         {
             id:v4(),
             meta:{
@@ -27,10 +29,10 @@ iconProject.addEventListener("dbClick",item => {
             },
             default:{
                 name:"project",
-                title:"project"
+                title:t("util.project")
             }
         }
-    ],"Project");
+    ],t("util.project"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -50,7 +52,7 @@ iconProject.addEventListener("dbClick",item => {
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_PROFILE,projectId => {
-    const win=new Window("project",ETeamOS_Window_Type.TAB, "project",true,[
+    const win=new Window(t("util.project"),ETeamOS_Window_Type.TAB, "project",true,[
         {
             id:v4(),
             meta:{
@@ -62,13 +64,13 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_PROFILE,projectId => {
             },
             default:{
                 name:"profile",
-                title: "profile",
+                title: t("util.profile"),
                 props:{
                     projectId:projectId
                 }
             }
         }
-    ],"Project");
+    ],t("util.project"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -81,14 +83,14 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_PROFILE,projectId => {
             },
             default:{
                 name:"project",
-                title: "project"
+                title: t("util.project")
             }
         }
     })
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_ISSUE_PROFILE,(projectId,projectIssueId) => {
-    const win=new Window("project",ETeamOS_Window_Type.TAB, "project",true,[
+    const win=new Window(t("util.project"),ETeamOS_Window_Type.TAB, "project",true,[
         {
             id:v4(),
             meta:{
@@ -103,13 +105,13 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_ISSUE_PROFILE,(projectId,projectI
             },
             default:{
                 name:"profile",
-                title: "profile",
+                title: t("util.profile"),
                 props:{
                     projectId:projectId
                 }
             }
         }
-    ],"Project");
+    ],t("util.project"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -122,14 +124,14 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_ISSUE_PROFILE,(projectId,projectI
             },
             default:{
                 name:"project",
-                title: "project"
+                title: t("util.project")
             }
         }
     })
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_RELEASE_PROFILE,(projectId,projectReleaseId) => {
-    const win=new Window("project",ETeamOS_Window_Type.TAB, "project",true,[
+    const win=new Window(t("util.project"),ETeamOS_Window_Type.TAB, "project",true,[
         {
             id:v4(),
             meta:{
@@ -144,13 +146,13 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_RELEASE_PROFILE,(projectId,projec
             },
             default:{
                 name:"profile",
-                title: "profile",
+                title: t("util.profile"),
                 props:{
                     projectId:projectId
                 }
             }
         }
-    ],"Project");
+    ],t("util.project"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -163,14 +165,14 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_RELEASE_PROFILE,(projectId,projec
             },
             default:{
                 name:"project",
-                title: "project"
+                title: t("util.project")
             }
         }
     })
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_SPRINT_KANBAN_PROFILE,(projectId,boardId, boardSprintId) => {
-    const win=new Window("project",ETeamOS_Window_Type.TAB, "project",true,[
+    const win=new Window(t("util.project"),ETeamOS_Window_Type.TAB, "project",true,[
         {
             id:v4(),
             meta:{
@@ -186,13 +188,13 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_SPRINT_KANBAN_PROFILE,(projectId,
             },
             default:{
                 name:"profile",
-                title: "profile",
+                title: t("util.profile"),
                 props:{
                     projectId:projectId
                 }
             }
         }
-    ],"Project");
+    ],t("util.project"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -205,14 +207,14 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_SPRINT_KANBAN_PROFILE,(projectId,
             },
             default:{
                 name:"project",
-                title: "project"
+                title: t("util.project")
             }
         }
     })
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_BOARD_PROFILE,(projectId, boardId) => {
-    const win=new Window("project",ETeamOS_Window_Type.TAB, "project",true,[
+    const win=new Window(t("util.project"),ETeamOS_Window_Type.TAB, "project",true,[
         {
             id:v4(),
             meta:{
@@ -227,13 +229,13 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_BOARD_PROFILE,(projectId, boardId
             },
             default:{
                 name:"profile",
-                title: "profile",
+                title: t("util.profile"),
                 props:{
                     projectId:projectId
                 }
             }
         }
-    ],"Project");
+    ],t("util.project"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -246,7 +248,7 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_PROJECT_BOARD_PROFILE,(projectId, boardId
             },
             default:{
                 name:"project",
-                title: "project"
+                title: t("util.project")
             }
         }
     })
diff --git a/code/client/src/business/controller/desktop/icon/setting.ts b/code/client/src/business/controller/desktop/icon/setting.ts
index 085d8f5..2e52f07 100644
--- a/code/client/src/business/controller/desktop/icon/setting.ts
+++ b/code/client/src/business/controller/desktop/icon/setting.ts
@@ -6,14 +6,16 @@ import {Message} from "@arco-design/web-vue";
 import {windowManager} from "../../../../teamOS/window/windowManager";
 import {markRaw} from "vue";
 import {SessionStorage} from "../../../common/storage/session";
+import i18n from "@/business/common/i18n/i18n";
 
-export const iconSetting=new Icon("Setting",iconGroupMap["setting"])
+const {t}=i18n.global
+export const iconSetting=new Icon(t("util.setting"),iconGroupMap["setting"])
 iconSetting.addEventListener("dbClick",item => {
     if(!SessionStorage.get("organizationId")) {
-        Message.error("you must choose organization")
+        Message.error(t("tip.switchToSpecificOrganization"))
         return;
     }
-    const win=new Window("setting",ETeamOS_Window_Type.SIMPLE, "setting",true,[
+    const win=new Window(t("util.setting"),ETeamOS_Window_Type.SIMPLE, "setting",true,[
         {
             id:v4(),
             meta:{
@@ -26,6 +28,6 @@ iconSetting.addEventListener("dbClick",item => {
                 name:"setting"
             }
         }
-    ],"Setting");
+    ],t("util.setting"));
     windowManager.open(win);
 })
\ No newline at end of file
diff --git a/code/client/src/business/controller/desktop/icon/team.ts b/code/client/src/business/controller/desktop/icon/team.ts
index 88c5514..03fb679 100644
--- a/code/client/src/business/controller/desktop/icon/team.ts
+++ b/code/client/src/business/controller/desktop/icon/team.ts
@@ -8,14 +8,16 @@ import Team from "../../app/team/team.vue";
 import TeamProfile from "../../app/team/teamProfile.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
 import {SessionStorage} from "../../../common/storage/session";
+import i18n from "@/business/common/i18n/i18n";
 
-export const iconTeam=new Icon("Team",iconGroupMap["team"])
+const {t}=i18n.global
+export const iconTeam=new Icon(t("util.team"),iconGroupMap["team"])
 iconTeam.addEventListener("dbClick", item => {
     if(!SessionStorage.get("organizationId")) {
-        Message.error("you must choose organization")
+        Message.error(t("tip.switchToSpecificOrganization"))
         return;
     }
-    const win=new Window("team",ETeamOS_Window_Type.TAB, "team",true,[
+    const win=new Window(t("util.team"),ETeamOS_Window_Type.TAB, "team",true,[
         {
             id:v4(),
             meta:{
@@ -27,10 +29,10 @@ iconTeam.addEventListener("dbClick", item => {
             },
             default:{
                 name:"team",
-                title: "team"
+                title: t("util.team")
             }
         }
-    ],"Team");
+    ],t("util.team"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -43,14 +45,14 @@ iconTeam.addEventListener("dbClick", item => {
             },
             default:{
                 name:"team",
-                title: "team"
+                title: t("util.team")
             }
         }
     })
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_TEAM_PROFILE,teamId => {
-    const win=new Window("team",ETeamOS_Window_Type.TAB, "team",true,[
+    const win=new Window(t("util.team"),ETeamOS_Window_Type.TAB, "team",true,[
         {
             id:v4(),
             meta:{
@@ -62,13 +64,13 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_TEAM_PROFILE,teamId => {
             },
             default:{
                 name:"profile",
-                title: "profile",
+                title:t("util.profile"),
                 props:{
                     teamId:teamId
                 }
             }
         }
-    ],"Team");
+    ],t("util.team"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -81,7 +83,7 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_TEAM_PROFILE,teamId => {
             },
             default:{
                 name:"team",
-                title: "team"
+                title: t("util.team")
             }
         }
     })
diff --git a/code/client/src/business/controller/desktop/icon/wiki.ts b/code/client/src/business/controller/desktop/icon/wiki.ts
index 3c6a229..5eb30f8 100644
--- a/code/client/src/business/controller/desktop/icon/wiki.ts
+++ b/code/client/src/business/controller/desktop/icon/wiki.ts
@@ -8,14 +8,16 @@ import Wiki from "../../app/wiki/wiki.vue";
 import WikiProfile from "../../app/wiki/wikiProfile.vue";
 import {EClient_EVENTBUS_TYPE, eventBus} from "../../../common/event/event";
 import {SessionStorage} from "../../../common/storage/session";
+import i18n from "@/business/common/i18n/i18n";
 
-export const iconWiki=new Icon("Wiki",iconGroupMap["wiki"])
+const {t}=i18n.global
+export const iconWiki=new Icon(t("util.wiki"),iconGroupMap["wiki"])
 iconWiki.addEventListener("dbClick",item => {
     if(!SessionStorage.get("organizationId")) {
-        Message.error("you must choose organization")
+        Message.error(t("tip.switchToSpecificOrganization"))
         return;
     }
-    const win=new Window("wiki",ETeamOS_Window_Type.TAB, "wiki",true,[
+    const win=new Window(t("util.wiki"),ETeamOS_Window_Type.TAB, "wiki",true,[
         {
             id:v4(),
             meta:{
@@ -27,10 +29,10 @@ iconWiki.addEventListener("dbClick",item => {
             },
             default:{
                 name:"wiki",
-                title:"wiki"
+                title:t("util.wiki")
             }
         }
-    ],"Wiki");
+    ],t("util.wiki"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -43,14 +45,14 @@ iconWiki.addEventListener("dbClick",item => {
             },
             default:{
                 name:"wiki",
-                title:"wiki"
+                title:t("util.wiki")
             }
         }
     })
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_WIKI_PROFILE,wikiId => {
-    const win=new Window("wiki",ETeamOS_Window_Type.TAB, "wiki",true,[
+    const win=new Window(t("util.wiki"),ETeamOS_Window_Type.TAB, "wiki",true,[
         {
             id:v4(),
             meta:{
@@ -62,13 +64,13 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_WIKI_PROFILE,wikiId => {
             },
             default:{
                 name:"profile",
-                title:"wiki",
+                title:t("util.wiki"),
                 props:{
                     wikiId:wikiId
                 }
             }
         }
-    ],"Wiki");
+    ],t("util.wiki"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -81,14 +83,14 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_WIKI_PROFILE,wikiId => {
             },
             default:{
                 name:"wiki",
-                title:"wiki"
+                title:t("util.wiki")
             }
         }
     })
     windowManager.open(win);
 })
 eventBus.on(EClient_EVENTBUS_TYPE.OPEN_WIKI_ITEM,(wikiId, wikiItemId) => {
-    const win=new Window("wiki",ETeamOS_Window_Type.TAB, "wiki",true,[
+    const win=new Window(t("util.wiki"),ETeamOS_Window_Type.TAB, "wiki",true,[
         {
             id:v4(),
             meta:{
@@ -103,13 +105,13 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_WIKI_ITEM,(wikiId, wikiItemId) => {
             },
             default:{
                 name:"profile",
-                title:"wiki",
+                title:t("util.wiki"),
                 props:{
                     wikiId:wikiId
                 }
             }
         }
-    ],"Wiki");
+    ],t("util.wiki"));
     win.addEventListener("newTab", async item => {
         return {
             id:v4(),
@@ -122,7 +124,7 @@ eventBus.on(EClient_EVENTBUS_TYPE.OPEN_WIKI_ITEM,(wikiId, wikiItemId) => {
             },
             default:{
                 name:"wiki",
-                title:"wiki"
+                title:t("util.wiki")
             }
         }
     })
diff --git a/code/client/src/business/controller/desktop/missCallShow.vue b/code/client/src/business/controller/desktop/missCallShow.vue
index 0d1f14f..c6aca96 100644
--- a/code/client/src/business/controller/desktop/missCallShow.vue
+++ b/code/client/src/business/controller/desktop/missCallShow.vue
@@ -7,7 +7,7 @@
 			<a-list :loading="loading" :max-height="240">
 				<a-list-item v-for="item in list" :key="item.id">
 					<div style="color: gray;font-size: small;">{{moment(item.created_time).format("MM-DD HH:mm")}}</div>
-					<div style="display: flex;align-items: center">{{item.organizationUser.nickname}} invited you
+					<div style="display: flex;align-items: center">{{item.organizationUser.nickname}} {{$t("controller.desktop.missCallShow.invitedYou")}}
 					<a-button type="text" size="small" @click="onMeeting(item)">
 						<template #icon>
 							<icon-video-camera style="color: red"></icon-video-camera>
diff --git a/code/client/src/business/controller/desktop/notificationShow.vue b/code/client/src/business/controller/desktop/notificationShow.vue
index f88e15e..d766784 100644
--- a/code/client/src/business/controller/desktop/notificationShow.vue
+++ b/code/client/src/business/controller/desktop/notificationShow.vue
@@ -5,14 +5,14 @@
 		</a-badge>
 		<template #content>
 			<a-space style="margin-bottom: 10px">
-				Type:
+				{{$t("util.type")}}:
 				<a-select style="width: 200px" size="small" v-model="type" @change="onChange">
-					<a-option value="all">All</a-option>
-					<a-option value="organization">Organization</a-option>
-					<a-option value="team">Team</a-option>
-					<a-option value="issue">Project Issue</a-option>
-					<a-option value="wiki">Wiki</a-option>
-					<a-option value="calendar">Calendar</a-option>
+					<a-option value="all">{{$t("util.all")}}</a-option>
+					<a-option value="organization">{{$t("util.organization")}}</a-option>
+					<a-option value="team">{{$t("util.team")}}</a-option>
+					<a-option value="issue">{{$t("util.projectIssue")}}</a-option>
+					<a-option value="wiki">{{$t("util.wiki")}}</a-option>
+					<a-option value="calendar">{{$t("util.calendar")}}</a-option>
 				</a-select>
 			</a-space>
 			<a-list @reach-bottom="onReachBottom" :max-height="240" :key="type">
diff --git a/code/client/src/business/controller/desktop/search/search.vue b/code/client/src/business/controller/desktop/search/search.vue
index 5540b67..0fbb14f 100644
--- a/code/client/src/business/controller/desktop/search/search.vue
+++ b/code/client/src/business/controller/desktop/search/search.vue
@@ -1,11 +1,11 @@
 <template>
 	<div style="width: 100%;height: 100%;z-index: 10000;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top:0" @click="onClose">
 		 <a-row style="width: 500px;border-radius: 5px;background-color: rgb(241,241,241);justify-content: center;box-shadow: 0px 0px 2px 2px rgba(169, 169, 169, 0.2)">
-			 <a-input-search placeholder="type whatever you want" size="large" v-model="keyword" autofocus></a-input-search>
+			 <a-input-search :placeholder="$t('placeholder.search')" size="large" v-model="keyword" autofocus></a-input-search>
 			 <a-row style="width: 500px;max-height: 800px;overflow-y: auto" class="searchList">
 				 <a-empty v-if="isEmpty"></a-empty>
 				 <a-collapse v-else v-model:active-key="expandKeys" style="width: 100%">
-					 <a-collapse-item header="Project" key="project" v-if="data.projectList.length>0">
+					 <a-collapse-item :header="$t('util.project')" key="project" v-if="data.projectList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.projectList" :key="item.id">
 								 <a-link @click="onClickProject(item)">
@@ -14,7 +14,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Project Issue" key="issue" v-if="data.projectIssueList.length>0">
+					 <a-collapse-item :header="$t('util.projectIssue')" key="issue" v-if="data.projectIssueList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.projectIssueList" :key="item.id">
 								 <FieldPriority :priority="item.priority" only-icon></FieldPriority>&nbsp;
@@ -24,7 +24,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Project Release" key="release" v-if="data.projectReleaseList.length>0">
+					 <a-collapse-item :header="$t('util.projectRelease')" key="release" v-if="data.projectReleaseList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.projectReleaseList" :key="item.id">
 								 <a-link @click="onClickProjectRelease(item)">
@@ -36,7 +36,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Project Board" key="board" v-if="data.boardList.length>0">
+					 <a-collapse-item :header="$t('util.projectBoard')" key="board" v-if="data.boardList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.boardList" :key="item.id">
 								 <a-link @click="onClickProjectBoard(item)">
@@ -45,7 +45,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Project Board Sprint" key="sprint" v-if="data.boardSprintList.length>0">
+					 <a-collapse-item :header="$t('util.projectBoardSprint')" key="sprint" v-if="data.boardSprintList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.boardSprintList" :key="item.id">
 								 <a-link @click="onClickProjectBoardSprint(item)">
@@ -57,7 +57,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Wiki Space" key="wiki" v-if="data.wikiSpaceList.length>0">
+					 <a-collapse-item :header="$t('util.wikiSpace')" key="wiki" v-if="data.wikiSpaceList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.wikiSpaceList" :key="item.id">
 								 <a-link @click="onClickWikiSpace(item)">
@@ -66,7 +66,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Wiki Item" key="wikiItem" v-if="data.wikiItemList.length>0">
+					 <a-collapse-item :header="$t('util.wikiItem')" key="wikiItem" v-if="data.wikiItemList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.wikiItemList" :key="item.id">
 								 <a-link @click="onClickWikiItem(item)">
@@ -75,7 +75,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Calendar Event" key="calendarEvent" v-if="data.calendarEventList.length>0">
+					 <a-collapse-item :header="$t('util.calendarEvent')" key="calendarEvent" v-if="data.calendarEventList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.calendarEventList" :key="item.id">
 								 <a-link @click="onClickCalendarEvent(item)">
@@ -84,7 +84,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Meeting Room" key="meetingRoom" v-if="data.meetingRoomList.length>0">
+					 <a-collapse-item :header="$t('util.meetingRoom')" key="meetingRoom" v-if="data.meetingRoomList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.meetingRoomList" :key="item.id">
 								 <a-link @click="onClickMeetingRoom(item)">
@@ -93,7 +93,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="User" key="user" v-if="data.userList.length>0">
+					 <a-collapse-item :header="$t('util.user')" key="user" v-if="data.userList.length>0">
 						 <a-list :bordered="false" size="small" style="width: 100%;">
 							 <a-list-item v-for="item in data.userList" :key="item.organizationUser.id">
 								 <a-space>
@@ -105,7 +105,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Team" key="team" v-if="data.teamList.length>0">
+					 <a-collapse-item :header="$t('util.team')" key="team" v-if="data.teamList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.teamList" :key="item.id">
 								 <a-space>
@@ -117,7 +117,7 @@
 							 </a-list-item>
 						 </a-list>
 					 </a-collapse-item>
-					 <a-collapse-item header="Finder" key="finder" v-if="data.finderList.length>0">
+					 <a-collapse-item :header="$t('util.finder')" key="finder" v-if="data.finderList.length>0">
 						 <a-list :bordered="false" size="small">
 							 <a-list-item v-for="item in data.finderList" :key="item.id">
 								 <a-link @click="onClickFinder(item)">
diff --git a/code/client/src/business/controller/desktop/store/desktop.ts b/code/client/src/business/controller/desktop/store/desktop.ts
index 4fc0fbd..eeeea80 100644
--- a/code/client/src/business/controller/desktop/store/desktop.ts
+++ b/code/client/src/business/controller/desktop/store/desktop.ts
@@ -50,6 +50,15 @@ export const useDesktopStore=defineStore("desktop",{
             objSocketNotification.getSocket().on("notification_new",notificationId => {
                 eventBus.emit(EClient_EVENTBUS_TYPE.REFRESH_NOTIFICATION_UNREAD)
             })
+            if(this.heartbeatInterval) {
+                clearInterval(this.heartbeatInterval)
+            }
+            this.heartbeatInterval=setInterval(async ()=>{
+                let ret=await objSocketNotification.getSocket().emitWithAck("notification_heartbeat",SessionStorage.get("userToken"))
+                if(!ret) {
+                    eventBus.emit(EClient_EVENTBUS_TYPE.USER_LOGIN_EXPIRED)
+                }
+            },1000*60)
         },
         async getOrganizationList() {
             let ret=await apiOrganization.list()
@@ -115,12 +124,6 @@ export const useDesktopStore=defineStore("desktop",{
             SocketIOClient.getSocket(ECommon_Socket_Type.IM)?.close()
             let objSocketIM=SocketIOClient.create(ECommon_Socket_Type.IM)
             handleIMEvent(objSocketIM.getSocket(),this.status)
-            if(this.heartbeatInterval) {
-                clearInterval(this.heartbeatInterval)
-            }
-            this.heartbeatInterval=setInterval(()=>{
-                objSocketIM.getSocket().emit("im_heartbeat")
-            },1000*60*20)
             SocketIOClient.getSocket(ECommon_Socket_Type.MEETING)?.close()
             let objSocketMeeting=SocketIOClient.create(ECommon_Socket_Type.MEETING)
             handleMeetingEvent(objSocketMeeting.getSocket())
@@ -138,9 +141,8 @@ export const useDesktopStore=defineStore("desktop",{
                 return true
             }
         },
-        async logout() {
-            let res=await apiUser.logout()
-            if(res?.code==0) {
+        async logout(isDirect?:boolean) {
+            if(isDirect || (await apiUser.logout())?.code==0) {
                 SessionStorage.clear();
                 SocketIOClient.clear()
                 clearInterval(this.heartbeatInterval)
diff --git a/code/client/src/business/controller/desktop/tool/photo/photo.vue b/code/client/src/business/controller/desktop/tool/photo/photo.vue
index 71b009c..f1bb15c 100644
--- a/code/client/src/business/controller/desktop/tool/photo/photo.vue
+++ b/code/client/src/business/controller/desktop/tool/photo/photo.vue
@@ -36,6 +36,7 @@ import {v4} from "uuid";
 import {vDrag} from "@/teamOS/common/directive/drag";
 import {ICommon_Route_Res_Photo_item} from "../../../../../../../common/routes/response";
 import {Dialog} from "@/business/common/component/dialog/dialog";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	item:DCSType<ICommon_Route_Res_Photo_item & {
@@ -51,6 +52,7 @@ const appContext=getCurrentInstance().appContext
 const isReadOnly=ref(props.item.isReadOnly)
 const uploadUriId=ref("")
 const id=v4()
+const {t}=useI18n()
 const rect=ref<{
 	left:string,
 	top:string,
@@ -110,7 +112,7 @@ const onUpdate=(id:string)=>{
 }
 
 const onDelete=async ()=>{
-	let ret=await Dialog.confirm(topEle.value.offsetParent as HTMLElement,appContext,"Do you want to delete this album?")
+	let ret=await Dialog.confirm(topEle.value.offsetParent as HTMLElement,appContext,t("tip.deleteAlbum"))
 	if(ret) {
 		let res=await apiTool.removePhoto({
 			photoId:props.item.id
diff --git a/code/client/src/business/controller/desktop/tool/stickyNote/stickyNote.vue b/code/client/src/business/controller/desktop/tool/stickyNote/stickyNote.vue
index 18aec84..a0404fe 100644
--- a/code/client/src/business/controller/desktop/tool/stickyNote/stickyNote.vue
+++ b/code/client/src/business/controller/desktop/tool/stickyNote/stickyNote.vue
@@ -40,6 +40,7 @@ import {RichEditorEventHandle} from "@/business/common/component/richEditorEvent
 import {ECommon_Content_Line_Config_Type, ICommon_Content_Line_Config} from "../../../../../../../common/model/content";
 import {DropParam, vDrop} from "@/teamOS/common/directive/drop";
 import {useDesktopStore} from "@/business/controller/desktop/store/desktop";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	item:DCSType<ICommon_Route_Res_Sticky_Note_Item & {
@@ -57,6 +58,7 @@ const rect=ref<{
 	height:string
 }>()
 const id=v4()
+const {t}=useI18n()
 const loading=ref(false)
 const objEditorUser=ref<InstanceType<typeof RichEditor>>()
 const content=ref(props.item.content.content?JSON.parse(props.item.content.content):[])
@@ -120,7 +122,7 @@ watch(isReadOnly,async ()=>{
 })
 
 const onDelete=async ()=>{
-	let ret=await Dialog.confirm(topEle.value.offsetParent as HTMLElement,appContext,"Do you want to delete this sticky note?")
+	let ret=await Dialog.confirm(topEle.value.offsetParent as HTMLElement,appContext,t("tip.deleteNote"))
 	if(ret) {
 		let res=await apiTool.removeNote({
 			noteId:props.item.id
diff --git a/code/client/src/business/controller/login/login.vue b/code/client/src/business/controller/login/login.vue
index 0acac6f..2a64900 100644
--- a/code/client/src/business/controller/login/login.vue
+++ b/code/client/src/business/controller/login/login.vue
@@ -4,18 +4,18 @@
     <router-link :to="{name:'index'}" style="text-decoration: none;">
 	    <h3 style="text-align: center;margin-bottom: 50px">Teamlinker</h3>
     </router-link>
-    <a-form-item field="username" label="username" required>
-      <a-input v-model="form.username" placeholder="please enter username"></a-input>
+    <a-form-item field="username" :label="$t('util.username')" required>
+      <a-input v-model="form.username" :placeholder="$t('placeholder.enterUsername')"></a-input>
     </a-form-item>
-    <a-form-item field="password" label="password" required>
-      <a-input v-model="form.password" type="password" placeholder="please enter password"></a-input>
+    <a-form-item field="password" :label="$t('util.password')" required>
+      <a-input v-model="form.password" type="password" :placeholder="$t('placeholder.typePassword')"></a-input>
     </a-form-item>
     <a-form-item>
 	    <a-row style="justify-content: space-between;width: 100%">
-		    <a-button html-type="submit" type="primary">Submit</a-button>
+		    <a-button html-type="submit" type="primary">{{$t("util.submit")}}</a-button>
 		    <a-space v-if="$deployMode.value===ECommon_Application_Mode.ONLINE">
-			    <a-button html-type="button" type="primary" status="success"  @click="onRegister">Register</a-button>
-			    <a-button html-type="button" type="primary" status="warning"  @click="onReset">Reset</a-button>
+			    <a-button html-type="button" type="primary" status="success"  @click="onRegister">{{$t("util.register")}}</a-button>
+			    <a-button html-type="button" type="primary" status="warning"  @click="onReset">{{$t("util.reset")}}</a-button>
 		    </a-space>
 	    </a-row>
     </a-form-item>
diff --git a/code/client/src/business/controller/login/register.vue b/code/client/src/business/controller/login/register.vue
index bc305dc..53ce2f1 100644
--- a/code/client/src/business/controller/login/register.vue
+++ b/code/client/src/business/controller/login/register.vue
@@ -4,17 +4,17 @@
 			<router-link :to="{name:'index'}" style="text-decoration: none;">
 				<h3 style="text-align: center;margin-bottom: 50px">Teamlinker</h3>
 			</router-link>
-			<a-form-item field="username" label="email" required>
-				<a-input v-model="form.username" placeholder="please enter email"></a-input>
+			<a-form-item field="username" :label="$t('util.email')" required>
+				<a-input v-model="form.username" :placeholder="$t('placeholder.typeEmail')"></a-input>
 			</a-form-item>
-			<a-form-item field="password" label="password" required>
-				<a-input v-model="form.password" type="password" placeholder="please enter password"></a-input>
+			<a-form-item field="password" :label="$t('util.password')" required>
+				<a-input v-model="form.password" type="password" :placeholder="$t('placeholder.typePassword')"></a-input>
 			</a-form-item>
-			<a-form-item field="passwordRepeat" label="password confirm" required>
-				<a-input v-model="form.passwordRepeat" type="password" placeholder="please enter password again"></a-input>
+			<a-form-item field="passwordRepeat" :label="$t('util.passwordConfirm')" required>
+				<a-input v-model="form.passwordRepeat" type="password" :placeholder="$t('placeholder.typePasswordAgain')"></a-input>
 			</a-form-item>
 			<a-form-item>
-				<a-button html-type="submit" type="primary">Register</a-button>
+				<a-button html-type="submit" type="primary">{{$t("util.register")}}</a-button>
 			</a-form-item>
 		</a-form>
 	</a-row>
@@ -28,6 +28,7 @@ import {apiUser} from "../../common/request/request";
 import {useRouter} from "vue-router";
 import {Message} from "@arco-design/web-vue";
 import md5 from "blueimp-md5";
+import {useI18n} from "vue-i18n";
 
 let form=reactive({
 	username:"",
@@ -35,16 +36,16 @@ let form=reactive({
 	passwordRepeat:""
 })
 const router=useRouter()
-
+const {t}=useI18n()
 const onSubmit=async ()=>{
 	if(!form.username) {
-		Message.error("please type username")
+		Message.error(t("tip.typeUsername"))
 		return
 	} else if(!form.password) {
-		Message.error("please type password")
+		Message.error(t("tip.typePassword"))
 		return
 	} else if(form.password!==form.passwordRepeat) {
-		Message.error("twice password not match")
+		Message.error(t("tip.passwordNotMatch"))
 		return
 	}
 	let res=await apiUser.register({
diff --git a/code/client/src/business/controller/login/registerCode.vue b/code/client/src/business/controller/login/registerCode.vue
index 9aa8c21..c3212a4 100644
--- a/code/client/src/business/controller/login/registerCode.vue
+++ b/code/client/src/business/controller/login/registerCode.vue
@@ -4,14 +4,14 @@
 			<router-link :to="{name:'index'}" style="text-decoration: none;">
 				<h3 style="text-align: center;margin-bottom: 50px">Teamlinker</h3>
 			</router-link>
-			<a-form-item field="code" label="code">
+			<a-form-item field="code" :label="$t('util.code')">
 				<template #extra>
-					if you don't receive verification code email,you can <a href="javascript:void(0)" style="text-decoration: none" @click="onResend">resend</a>
+					{{$t("controller.login.registerCode.receiveCode")}} <a href="javascript:void(0)" style="text-decoration: none" @click="onResend">{{$t("util.resend")}}</a>
 				</template>
 				<a-input v-model="form.code"></a-input>
 			</a-form-item>
 			<a-form-item>
-				<a-button html-type="submit" type="primary">Submit</a-button>
+				<a-button html-type="submit" type="primary">{{$t("util.submit")}}</a-button>
 			</a-form-item>
 		</a-form>
 	</a-row>
@@ -24,6 +24,7 @@ import {reactive} from "vue";
 import {apiUser} from "../../common/request/request";
 import {Message} from "@arco-design/web-vue";
 import {useRouter} from "vue-router";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	username:string
@@ -32,13 +33,14 @@ const props=defineProps<{
 const form=reactive({
 	code:""
 })
+const {t}=useI18n()
 const router=useRouter()
 const onResend=async ()=>{
 	let res=await apiUser.resendCode({
 		username:props.username
 	})
 	if(res?.code==0) {
-		Message.info("send success")
+		Message.info(t("tip.sendSuccess"))
 	} else {
 		Message.error(res.msg)
 	}
@@ -53,7 +55,7 @@ const onSubmit=async()=>{
 		code:form.code
 	})
 	if(res?.code==0) {
-		Message.info("register success")
+		Message.info(t("tip.registerSuccess"))
 		await router.replace("login")
 	} else {
 		Message.error(res.msg)
diff --git a/code/client/src/business/controller/login/reset.vue b/code/client/src/business/controller/login/reset.vue
index d372643..41521f8 100644
--- a/code/client/src/business/controller/login/reset.vue
+++ b/code/client/src/business/controller/login/reset.vue
@@ -4,11 +4,11 @@
 			<router-link :to="{name:'index'}" style="text-decoration: none;">
 				<h3 style="text-align: center;margin-bottom: 50px">Teamlinker</h3>
 			</router-link>
-			<a-form-item field="username" label="username">
+			<a-form-item field="username" :label="$t('util.username')">
 				<a-input v-model="form.username"></a-input>
 			</a-form-item>
 			<a-form-item>
-				<a-button html-type="submit" type="primary">Submit</a-button>
+				<a-button html-type="submit" type="primary">{{$t("util.submit")}}</a-button>
 			</a-form-item>
 		</a-form>
 	</a-row>
diff --git a/code/client/src/business/controller/login/resetCode.vue b/code/client/src/business/controller/login/resetCode.vue
index d5fbb9e..35e896b 100644
--- a/code/client/src/business/controller/login/resetCode.vue
+++ b/code/client/src/business/controller/login/resetCode.vue
@@ -4,17 +4,17 @@
 			<router-link :to="{name:'index'}" style="text-decoration: none;">
 				<h3 style="text-align: center;margin-bottom: 50px">Teamlinker</h3>
 			</router-link>
-			<a-form-item field="code" label="code">
+			<a-form-item field="code" :label="$t('util.code')">
 				<a-input v-model="form.code"></a-input>
 			</a-form-item>
-			<a-form-item field="password" label="password">
+			<a-form-item field="password" :label="$t('util.password')">
 				<a-input v-model="form.password"></a-input>
 			</a-form-item>
-			<a-form-item field="passwordRepeat" label="password confirm">
+			<a-form-item field="passwordRepeat" :label="$t('util.passwordConfirm')">
 				<a-input v-model="form.passwordRepeat"></a-input>
 			</a-form-item>
 			<a-form-item>
-				<a-button html-type="submit" type="primary">Submit</a-button>
+				<a-button html-type="submit" type="primary">{{$t("util.submit")}}</a-button>
 			</a-form-item>
 		</a-form>
 	</a-row>
@@ -28,6 +28,7 @@ import {Message} from "@arco-design/web-vue";
 import {apiUser} from "../../common/request/request";
 import md5 from "blueimp-md5";
 import {useRouter} from "vue-router";
+import {useI18n} from "vue-i18n";
 
 const props=defineProps<{
 	username:string
@@ -38,16 +39,17 @@ const form=reactive({
 	password:"",
 	passwordRepeat:""
 })
+const {t}=useI18n()
 const router=useRouter()
 const onSubmit=async ()=>{
 	if(!form.code) {
-		Message.error("please type code")
+		Message.error(t("tip.typeCode"))
 		return
 	} else if(!form.password) {
-		Message.error("please type password")
+		Message.error(t("tip.typePassword"))
 		return
 	} else if(form.password!==form.passwordRepeat) {
-		Message.error("twice password not match")
+		Message.error(t("tip.passwordNotMatch"))
 		return
 	}
 	let res=await apiUser.reset({
@@ -56,7 +58,7 @@ const onSubmit=async ()=>{
 		password:md5(form.password)
 	})
 	if(res?.code==0) {
-		Message.info("reset success")
+		Message.info(t("tip.resetSuccess"))
 		await router.replace("login")
 	}
 }
diff --git a/code/client/src/main.ts b/code/client/src/main.ts
index 49f4a6a..f60e7f5 100644
--- a/code/client/src/main.ts
+++ b/code/client/src/main.ts
@@ -18,6 +18,7 @@ import ResetCode from "./business/controller/login/resetCode.vue";
 import {ECommon_Application_Mode} from "../../common/types";
 import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome'
 import 'virtual:svg-icons-register'
+import i18n from "@/business/common/i18n/i18n";
 
 const Desktop =()=>import("./business/controller/desktop/desktop.vue")
 const routes=[
@@ -70,6 +71,7 @@ app.use(ArcoVue)
 app.use(ArcoVueIcon)
 app.use(createPinia())
 app.use(router);
+app.use(i18n)
 app.component("sicon",sicon)
 app.component("icon",FontAwesomeIcon)
 app.mount('#app')
diff --git a/code/client/src/teamOS/common/directive/drop.ts b/code/client/src/teamOS/common/directive/drop.ts
index 8ccfe30..a374f3a 100644
--- a/code/client/src/teamOS/common/directive/drop.ts
+++ b/code/client/src/teamOS/common/directive/drop.ts
@@ -93,6 +93,9 @@ export const vDrop:Directive= {
                             if(!allowTypeList.includes(EClient_Drag_Type.DISK)) {
                                 isDrop=false
                                 return
+                            } else {
+                                isDrop=true
+                                break
                             }
                         } else if(item.kind=="string") {
                             if(item.type=="free") {
diff --git a/code/client/src/teamOS/window/windowManager.ts b/code/client/src/teamOS/window/windowManager.ts
index f34b0b3..24d4a55 100644
--- a/code/client/src/teamOS/window/windowManager.ts
+++ b/code/client/src/teamOS/window/windowManager.ts
@@ -142,8 +142,18 @@ export class WindowManager extends Base{
         }
         return arr;
     }
-    clear() {
-        this.windowList.splice(0,this.windowList.length)
+    clear(exceptGroups?:string[]) {
+        if(exceptGroups?.length>0) {
+            for(let i=0;i<this.windowList.length;i++) {
+                let win=this.windowList[i]
+                if(!exceptGroups.includes(win.group)) {
+                    this.windowList.splice(i,1)
+                    i--;
+                }
+            }
+        } else {
+            this.windowList.splice(0,this.windowList.length)
+        }
     }
 }
 
diff --git a/code/common/i18n/en.ts b/code/common/i18n/en.ts
new file mode 100644
index 0000000..486fd63
--- /dev/null
+++ b/code/common/i18n/en.ts
@@ -0,0 +1,575 @@
+export default {
+    tip:{
+        acceptInvitation:"Do you want accept this invitation?",
+        rejectInvitation:"Do you want reject this invitation?",
+        deleteCalendar:"Do you want to delete this calendar?",
+        deleteEvent:"Do you want to delete this event?",
+        deleteFolder:"do you want to delete this folder?",
+        deleteItems:"Do you want to delete these items?",
+        deleteFavorite:"Do you want delete this favorite?",
+        deleteMeeting:"Do you want to delete this meeting?",
+        leaveMeeting:"Do you leave this meeting?",
+        endMeeting:"Do you end this meeting?",
+        kick:"Do you want to kick ",
+        doYouWant:"Do you want to ",
+        promote:"promote ",
+        toPresenter:" to presenter",
+        demote:"demote ",
+        toNormalMember:"to normal member",
+        deleteColumn:"Do you want to delete column?",
+        removeIssueType:"Do you want to remove this issue type?",
+        deleteSwimLane:"Do you want to delete this swim lane?",
+        deleteBoard:"Do you want to delete this board?",
+        deleteSprint:"Do you want to delete this sprint?",
+        startSprint:"Do you want to start this sprint?",
+        completeSprint:"Do you want to complete this sprint?",
+        removeIssueFromSprint:"Do you want to remove this issue from this sprint?",
+        deleteComment:"Do you want to delete this comment?",
+        deleteIssue:"Do you want to delete this issue?",
+        deleteParentIssue:"Do you want to remove parent issue?",
+        deleteChildIssue:"Do you want to remove child issue?",
+        deleteRelatedIssue:"Do you want to remove related issue?",
+        deleteRelease:"Do you want to delete this release?",
+        removeIssue:"Do you want to remove this issue?",
+        switchIssueSolution:"Do you want to switch to this issue type solution?",
+        deleteRole:"Do you want to delete this role?",
+        unbindProjectFromIssueSolution:"Do you want to unbind this project with this issue type solution?",
+        deleteField:"Do you want to delete this field?",
+        copyIssueSolution:"Do you want to copy this issue type solution?",
+        deleteIssueSolution:"Do you want to remove this solution from this organization?",
+        copyIssueType:"Do you want to copy this issue type?",
+        deleteIssueType:"Do you want to remove this issue type from this issue type solution?",
+        doYouWantToDelete:"Do you want to delete ",
+        removeUser:"Do you want to remove this user from this organization?",
+        deleteProject:"Do you want to delete this project?",
+        deleteLabel:"Do you want to remove this label from this project?",
+        deleteModule:"Do you want to remove this module?",
+        deleteTag:"Do you want to delete this tag?",
+        deleteWikiSpace:"Do you want to delete this wiki space",
+        deleteTeam:"Do you want to delete this team?",
+        removeMember:"Do you want to remove this member?",
+        quitTeam:"Do you want to quit this team?",
+        deleteWikiItem:"Do you want to delete this item(the sub items will be appended to current item's parent)?",
+        deleteAllWikiItem:"Do you want to delete this item(the sub items will also be deleted)?",
+        logout:"Do you want to log out?",
+        deleteAlbum:"Do you want to delete this album?",
+        deleteNote:"Do you want to delete this sticky note?",
+        typeFolderName:"please type folder name",
+        typeNewFolderName:"please type new folder name",
+        editColumnName:"Edit Column Name",
+        newColumnTitle:"New Column Title",
+        rejectReason:"Reject Reason",
+        typeIssueName:"type the issue's name",
+        typeNewIssueSolutionName:"type new issue type solution name",
+        typeModuleName:"please input module name",
+        editModuleName:"please edit module name",
+        typeNewPassword:"type new password",
+        typeNewWikiItemName:"type new wiki item name",
+        accepted:"Accepted",
+        rejected:"Rejected",
+        operationSuccess:"operation success",
+        updateSuccess:"update success",
+        deleteSuccess:"delete success",
+        releaseSuccess:"release success",
+        unReleaseSuccess:"unRelease success",
+        addSuccess:"add success",
+        saveSuccess:"save success",
+        bindSuccess:"bind success",
+        copySuccess:"copy success",
+        quitSuccess:"quit success",
+        logoutSuccess:"logout success",
+        resetSuccess:"reset success",
+        favoriteSuccess:"favorite success",
+        sendSuccess:"send success",
+        registerSuccess:"register success",
+        switchToSpecificOrganization:"you should switch to the specific organization",
+        passwordNotMatch:"password not match",
+        endDateLess:"end date can't less than start date",
+        operationFailed:"operation failed",
+        cannotShare:"can't share now",
+        issueTypeCannotBeEmpty:"issue type can not be empty!",
+        selectSprint:"you should select a sprint!",
+        notMoveToColumn:"this issue can not move to this column!",
+        issueShouldNotBeEmpty:"issue should not be empty",
+        contentNotEmpty:"content can not be empty",
+        selectBothDate:"you must select both date!",
+        notStartNodeNotRemove:"not start node can't be removed !!!",
+        typeCode:"type code"
+    },
+    placeholder:{
+        pleaseSelect:"Please Select",
+        typeName:"Type Name",
+        richText:"type / for command,{'@'} for quote person or drop what you want",
+        typeEventName:"Type Event Name",
+        newEventTitle:"New Event Title",
+        location:"Location",
+        typeUserName:"Type User Name",
+        typeUsername:"Type Username",
+        typeUserOrTeam:"Type User Or Team",
+        imMessageSearch:"type your message and at least two characters",
+        typeMeetingName:"Type Meeting Name",
+        meetingPreview:"if you don't choose,we will pick up default",
+        typeProjectName:"Type Project Name",
+        typeBoardName:"Type Board Name",
+        typeSprintName:"Type Sprint Name",
+        typeNameOrUniqueId:"Type Name Or Unique Id",
+        typeLabel:"Type Label",
+        typeAssigner:"Type Assigner",
+        typeReporter:"Type Reporter",
+        typeReleaseName:"Type Release Name",
+        typeTeamName:"Type Team Name",
+        typeWikiName:"Type Wiki Name",
+        typeUsernameOrNickname:"Type Username or Nickname",
+        typeTitle:"Type Title",
+        typeWikiSpaceName:"Type Wiki Space Name",
+        typeProjectIssueName:"Type Project Issue Name",
+        typeWikiItemName:"Type Wiki Item Name",
+        organization:"Organization",
+        search:"type whatever you want",
+        enterUsername:"Enter Username",
+        typePassword:"Type Password",
+        typeEmail:"Type Email",
+        typePasswordAgain:"Type Password Again"
+    },
+    "util":{
+        "ok":"Ok",
+        "cancel":"Cancel",
+        save:"Save",
+        clear:"Clear",
+        all:"All",
+        none:"None",
+        rename:"Rename",
+        refresh:"Refresh",
+        remove:"Remove",
+        file:"File",
+        folder:"Folder",
+        shortcut:"Shortcut",
+        project:"Project",
+        projectIssue:"Project Issue",
+        projectRelease:"Project Release",
+        wikiProject:"Wiki Project",
+        wikiItem:"Wiki Item",
+        calendarEvent:"Calendar Event",
+        meeting:"Meeting",
+        profile:"Profile",
+        close:"Close",
+        invite:"Invite",
+        leave:"Leave",
+        end:"End",
+        message:"Message",
+        issueType:"Issue Type",
+        fields:"Fields",
+        go:"Go",
+        create:"Create",
+        edit:"Edit",
+        delete:"Delete",
+        status:"Status",
+        start:"Start",
+        complete:"Complete",
+        issues:"Issues",
+        low:"Low",
+        medium:"Medium",
+        high:"High",
+        urgent:"Urgent",
+        import:"Import",
+        filter:"Filter",
+        priority:"Priority",
+        label:"Label",
+        assigner:"Assigner",
+        reporter:"Reporter",
+        notStart:"Not Start",
+        inProgress:"InProgress",
+        done:"Done",
+        copy:"Copy",
+        convert:"Convert",
+        description:"Description",
+        startDate:"Start Date",
+        releaseDate:"Release Date",
+        endDate:"End Date",
+        archived:"Archived",
+        released:"Released",
+        unReleased:"UnReleased",
+        action:"Action",
+        release:"Release",
+        unRelease:"UnRelease",
+        archive:"Archive",
+        add:"Add",
+        manage:"Manage",
+        type:"Type",
+        home:"Home",
+        issue:"Issue",
+        board:"Board",
+        setting:"Setting",
+        yes:"Yes",
+        no:"No",
+        upload:"Upload",
+        bind:"Bind",
+        revoke:"Revoke",
+        workflow:"Workflow",
+        person:"Person",
+        team:"Team",
+        filed:"Field",
+        submit:"Submit",
+        search:"Search",
+        default:"Default",
+        tag:"Tag",
+        role:"Role",
+        user:"User",
+        access:"Access",
+        module:"Module",
+        member:"Member",
+        organization:"Organization",
+        global:"Global",
+        specific:"Specific",
+        wiki:"Wiki",
+        issueSolution:"Issue Solution",
+        quit:"Quit",
+        preview:"Preview",
+        calendar:"Calendar",
+        finder:"Finder",
+        im:"IM",
+        people:"People",
+        tool:"Tool",
+        stickyNote:"Sticky Note",
+        album:"Album",
+        account:"Account",
+        login:"Login",
+        logout:"Logout",
+        input:"Input",
+        alert:"Alert",
+        register:"Register",
+        reset:"Reset",
+        resend:"resend",
+        wallpaper:"Wallpaper",
+        members:"Members",
+        detail:"Detail",
+        more:"More",
+        basic:"Basic",
+        projectBoard:"Project Board",
+        projectBoardSprint:"Project Board Sprint",
+        wikiSpace:"Wiki Space",
+        meetingRoom:"Meeting Room",
+        info:"Info",
+        participant:"Participant",
+        sprint:"Sprint",
+        kanban:"Kanban",
+        config:"Config",
+        comments:"Comments",
+        history:"History",
+        avatar:"Avatar",
+        username:"Username",
+        password:"Password",
+        sign:"Sign",
+        repeatPassword:"Repeat Password",
+        location:"Location",
+        timeZone:"TimeZone",
+        name:"Name",
+        color:"Color",
+        size:"Size",
+        date:"Date",
+        path:"Path",
+        category:"Category",
+        key:"Key",
+        swimLanes:"Swim Lanes",
+        swimLane:"Swim Lane",
+        wikiCount:"Wiki Count",
+        meetingId:"Meeting Id",
+        meetingPassword:"Meeting Password",
+        users:"Users",
+        selectCamera:"Select Camera",
+        videoOn:"Video On",
+        audioOn:"Audio On",
+        created:"Created",
+        joined:"Joined",
+        issueTypes:"Issue Types",
+        dateRange:"Date Range",
+        fixVersions:"Fix Versions",
+        keyword:"Keyword",
+        logo:"Logo",
+        fieldType:"Field Type",
+        optional:"Optional",
+        labelType:"Label Type",
+        options:"Options",
+        approval:"Approval",
+        allowAllConnections:"Allow All Connections",
+        approvalType:"Approval Type",
+        chooseMemberTag:"Choose Member Tag",
+        permissions:"Permissions",
+        tags:"Tags",
+        nickname:"Nickname",
+        job:"Job",
+        email:"Email",
+        phone:"Phone",
+        department:"Department",
+        active:"Active",
+        remark:"Remark",
+        photo:"Photo",
+        creator:"Creator",
+        passwordConfirm:"Password Confirm",
+        code:"Code",
+        online:"Online",
+        busy:"Busy",
+        operation:"Operation",
+        progress:"Progress",
+        permission:"Permission",
+        reserved:"Reserved",
+        enable:"Enable",
+        joinDate:"Join Date",
+        starting:"Starting",
+        completed:"Completed",
+    },
+    "common":{
+        "component":{
+            field:{
+                basic:{
+                    fieldEditBasicAssigner:{
+                        noUser:"No User"
+                    }
+                }
+            }
+        }
+    },
+    "controller":{
+        "app":{
+            "account":{
+                "account":{
+                    "profile":"Profile",
+                    "accountSetting":"Account Setting"
+                }
+            },
+            calendar:{
+                calendar:{
+                    myCalendars:"My Calendars",
+                    today:"Today",
+                    day:"Day",
+                    week:"Week",
+                    month:"Month",
+                    calendarGlobalSetting:"Calendar Global Setting",
+                    followDeviceTimeZone:"Follow Device TimeZone",
+                    startWeekDay:"Start Week Day"
+                },
+                calendarEventAddSimple:{
+                    moreOption:"More Option"
+                },
+                calendarEventDateEdit:{
+                    allDay:"ALL Day",
+                    repeat:"Repeat",
+                    selectWeekday:"Select Weekday",
+                    inputDay:"Input Day"
+                },
+                calendarEventEdit:{
+                    advanced:"Advanced",
+                    noReminder:"No Reminder",
+                    fiveMinBefore:"5 Min Before",
+                    fifteenMinBefore:"15 Min Before",
+                    thirtyMinBefore:"30 Min Before",
+                    oneHourBefore:"1 Hour Before",
+                    sixHourBefore:"6 Hour Before",
+                    startMeeting:"Start Meeting",
+                    joinMeeting:"Join Meeting",
+                },
+                calendarEventShortView:{
+                    invitedYou:"invited you"
+                }
+            },
+            finder:{
+                finder:{
+                    searchResult:"SEARCH RESULT"
+                },
+                finderFolderTree:{
+                    addFolder:"Add Folder"
+                }
+            },
+            im:{
+                im:{
+                    favorites:"Favorites",
+                    messages:"Messages",
+                    recent:"Recent"
+                }
+            },
+            meeting:{
+                meeting:{
+                    startMeeting:"Start Meeting",
+                    personMeetingSetting:"Person Meeting Setting",
+                    joinMeeting:"Join Meeting",
+                    scheduleMeeting:"Schedule Meeting",
+                    meetingList:"Meeting List"
+                },
+                meetingProfile:{
+                    chat:"chat"
+                },
+                meetingOperation:{
+                    meetingInfo:"Meeting Info"
+                },
+                meetingParticipant:{
+                    presenter:"Presenter"
+                }
+            },
+            people:{
+                peopleProfile:{
+                    recentTeams:"Recent Teams"
+                }
+            },
+            project:{
+                home:{
+                    projectHome:{
+                        issueTotal:"Issue Total",
+                        unResolvedIssueTotal:"UnResolved Issue Total",
+                        releaseTotal:"Release Total",
+                        sprintTotal:"Sprint Total",
+                        statics:"Statics",
+                        myRecentIssueList:"My Recent Working Issue List",
+                        userIssueList:"Users' Issue Chart",
+                        userUnDoneIssueList:"User's UnResolved Issue Chart",
+                        recentReleaseList:"Recent Release List"
+                    }
+                },
+                board:{
+                    boardConfig:{
+                        addColumn:"Add Column"
+                    },
+                    boardSprintList:{
+                        notStart:"Not Start",
+                        starting:"Starting",
+                        completed:"Completed",
+                        swimLanes:"Swim Lanes"
+                    }
+                },
+                issue:{
+                    projectIssueConvert:{
+                        convertFields:"Convert Fields"
+                    },
+                    projectIssueHistory:{
+                        createdTheIssue:"created th issue",
+                        resolvedYourApproval:"resolved your approval",
+                        rejectedYourApproval:"rejected your approval",
+                        updatedTheField:"updated the field",
+                        newValue:"new value",
+                        updatedTheWorkflow:"updated the workflow",
+                        newWorkflow:"new workflow",
+                        convertTheIssue:"convert the issue"
+                    },
+                    projectIssueList:{
+                        remark:"If you wanna open in a new tab,hold command(Mac) or control(Win) Key,click the link below"
+                    },
+                    projectIssueProfile:{
+                        related:"Related",
+                        child:"Child",
+                        parent:"Parent",
+                        quickMeeting:"Quick Meeting",
+                        createChildIssue:"Create Child Issue",
+                        linkIssue:"Link Issue"
+                    },
+                    projectIssueRelated:{
+                        parentIssue:"Parent Issue",
+                        childIssues:"Child Issues",
+                        relatedIssues:"Related Issues"
+                    }
+                },
+                release:{
+                    projectReleaseIfCan:{
+                        thereAreStill:"there are still",
+                        unresolvedIssues:"unresolved issues",
+                        continueToRelease:"Do you Still continue to Release"
+                    },
+                    projectReleaseList:{
+                        noIssues:"No Issues"
+                    },
+                    projectReleaseProfile:{
+                        addIssue:"Add Issue"
+                    }
+                },
+                project:{
+                    yourWork:"Your Work",
+                    recentProjectList:"Recent Project List",
+                    allProjectList:"All Project List"
+                }
+            },
+            setting:{
+                home:{
+                    settingHome:{
+                        projectTotal:"Project Total",
+                        issueTotal:"Issue Total",
+                        wikiSpaceTotal:"Wiki Space Total",
+                        wikiItemTotal:"Wiki Item Total",
+                        userTotal:"User Total",
+                        teamTotal:"Team Total",
+                        statics:"Statics",
+                        projectWithIssueList:"Projects With Issues Chart",
+                        projectWithUnDoneIssueList:"Project With UnResolved Issues Chart",
+                        wikiSpaceWithWikiItemList:"Wiki Space Chart",
+                        teamWithUserList:"Team Chart"
+                    }
+                },
+                issue:{
+                    filedList:{
+                        copyFrom:"Copy From"
+                    },
+                    issueSolutionList:{
+                        bindProject:"Bind Project"
+                    },
+                    workflow:{
+                        addNode:"Add Node",
+                        editFields:"Edit Fields"
+                    }
+                },
+                project:{
+                    editProjectAccess:{
+                        name:"name",
+                        memberType:"member type"
+                    }
+                },
+                role:{
+                    project:{
+                        projectList:{
+                            manageRole:"Manage Role"
+                        }
+                    }
+                },
+                userTeam:{
+                    user:{
+                        resetPassword:"Reset Password"
+                    }
+                },
+                setting:{
+                    userManage:"User Manage",
+                    teamManage:"Team Manage",
+                    tagManage:"Tag Manage"
+                }
+            },
+            wiki:{
+                wikiItemContent:{
+                    lastModified:"last modified"
+                },
+                wikiProfile:{
+                    workspacePages:"Workspace Pages",
+                    deleteIncludeChildren:"Delete(Include Children)"
+                },
+                wiki:{
+                    recentWikiList:"Recent Wiki List",
+                    allWikiList:"All Wiki List"
+                }
+            },
+            team:{
+                team:{
+                    managedTeam:"Managed Team",
+                    joinedTeam:"Joined Team"
+                }
+            }
+        },
+        "desktop":{
+            desktop:{
+                createOrganization:"Create Organization"
+            },
+            missCallShow:{
+                invitedYou:"invited you"
+            }
+        },
+        "index":{},
+        "login":{
+            registerCode:{
+                receiveCode:"if you don't receive verification code email,you can"
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/code/common/i18n/zh.ts b/code/common/i18n/zh.ts
new file mode 100644
index 0000000..e359fdb
--- /dev/null
+++ b/code/common/i18n/zh.ts
@@ -0,0 +1,573 @@
+export default {
+    tip:{
+        acceptInvitation:"你是否接受邀请?",
+        rejectInvitation:"你是否拒绝邀请?",
+        deleteCalendar:"你要删除这个日历吗?",
+        deleteEvent:"你要删除这个日历事件吗?",
+        deleteFolder:"你要删除这个文件夹吗?",
+        deleteItems:"你要删除这些项目吗?",
+        deleteFavorite:"你要删除这个会议吗?",
+        leaveMeeting:"你要离开这个会议吗?",
+        endMeeting:"你要结束这个会议吗?",
+        kick:"你要踢出",
+        doYouWant:"你想要",
+        promote:"提升",
+        toPresenter:"为主持人",
+        demote:"降级",
+        toNormalMember:"为普通成员",
+        deleteColumn:"你打算删除这个列吗?",
+        removeIssueType:"你要删除这个事务类型吗?",
+        deleteSwimLane:"你要删除这个泳道吗?",
+        deleteBoard:"你要删除这个面板吗?",
+        deleteSprint:"你要删除这个冲刺吗?",
+        startSprint:"你要开始这个冲刺吗?",
+        completeSprint:"你要完成这个冲刺吗?",
+        removeIssueFromSprint:"你要把该事务从冲刺中移除吗?",
+        deleteComment:"你要删除这个评论吗?",
+        deleteIssue:"你要删除这个事务吗?",
+        deleteParentIssue:"你要删除这个父事务吗?",
+        deleteChildIssue:"你要删除这个子事务吗?",
+        deleteRelatedIssue:"你要删除这个关联事务吗?",
+        deleteRelease:"你要删除这个发布吗?",
+        removeIssue:"你要移除这个事务吗?",
+        switchIssueSolution:"你要切换事务类型方案吗?",
+        deleteRole:"你要删除这个角色吗?",
+        unbindProjectFromIssueSolution:"你要把该项目和该事务类型方案解除绑定吗?",
+        deleteField:"你要删除这个字段吗?",
+        copyIssueSolution:"你要复制这个事务类型方案吗?",
+        deleteIssueSolution:"你要删除这个事务类型方案吗?",
+        copyIssueType:"你要复制这个事务类型吗?",
+        deleteIssueType:"你要删除这个事务类型吗?",
+        doYouWantToDelete:"你要删除",
+        removeUser:"你要移除这个用户吗?",
+        deleteProject:"你要删除这个项目吗?",
+        deleteLabel:"你要删除这个标签吗?",
+        deleteModule:"你要删除这个模块吗?",
+        deleteTag:"你要删除这个用户标签吗?",
+        deleteWikiSpace:"你要删除这个文档集合吗？",
+        deleteTeam:"你要删除这个团队吗?",
+        removeMember:"你要移除这个成员吗?",
+        quitTeam:"你要退出这个团队吗?",
+        deleteWikiItem:"你要删除这个文档吗(子文档会附加到当前文档的父文档下)?",
+        deleteAllWikiItem:"你要删除这个文档吗(子文档会被全部删除)?",
+        logout:"你要退出登录吗?",
+        deleteAlbum:"你要删除相册吗?",
+        deleteNote:"你要删除便签吗?",
+        typeFolderName:"输入文件夹名称",
+        typeNewFolderName:"输入新文件夹名称",
+        editColumnName:"编辑列名称",
+        newColumnTitle:"新列的名称",
+        rejectReason:"拒绝原因",
+        typeIssueName:"输入事务名称",
+        typeNewIssueSolutionName:"输入新事务类型方案名称",
+        typeModuleName:"输入模块名称",
+        editModuleName:"编辑模块名称",
+        typeNewPassword:"输入新密码",
+        typeNewWikiItemName:"输入新文档名称",
+        accepted:"已接收",
+        rejected:"已拒绝",
+        operationSuccess:"操作成功",
+        updateSuccess:"更新成功",
+        deleteSuccess:"删除成功",
+        releaseSuccess:"发布成功",
+        unReleaseSuccess:"取消发布成功",
+        addSuccess:"添加成功",
+        saveSuccess:"保存成功",
+        bindSuccess:"绑定成功",
+        copySuccess:"复制成功",
+        quitSuccess:"退出成功",
+        logoutSuccess:"登出成功",
+        resetSuccess:"重置成功",
+        favoriteSuccess:"收藏成功",
+        sendSuccess:"发送成功",
+        registerSuccess:"注册成功",
+        switchToSpecificOrganization:"你需要选择组织",
+        passwordNotMatch:"密码不匹配",
+        endDateLess:"结束时间不能小于开始时间",
+        operationFailed:"操作失败",
+        cannotShare:"现在不能分享",
+        issueTypeCannotBeEmpty:"事务类型不能为空!",
+        selectSprint:"需要选择冲刺!",
+        notMoveToColumn:"这个事务不能移动到该列!",
+        issueShouldNotBeEmpty:"事务不能为空",
+        contentNotEmpty:"内容不能为空",
+        selectBothDate:"日期都需要选择!",
+        notStartNodeNotRemove:"未开始节点不能被删除!!!",
+        typeCode:"输入验证码"
+    },
+    placeholder:{
+        pleaseSelect:"请选择",
+        typeName:"输入名称",
+        richText:"输入 / 获取命令,可以{'@'}别人,引用他人以及拖拽放置",
+        typeEventName:"输入事件名称",
+        newEventTitle:"新的事件名称",
+        location:"位置",
+        typeUserName:"输入用户名称",
+        typeUserOrTeam:"输入用户或者团队名称",
+        imMessageSearch:"输入你要搜索的消息（至少两个字）",
+        typeMeetingName:"输入会议名称",
+        meetingPreview:"如果你不选择，系统选择默认设备",
+        typeProjectName:"输入项目名称",
+        typeBoardName:"输入面板名称",
+        typeSprintName:"输入冲刺名称",
+        typeNameOrUniqueId:"输入名称或者唯一ID",
+        typeLabel:"输入标签",
+        typeAssigner:"输入Assigner",
+        typeReporter:"输入Reporter",
+        typeReleaseName:"输入发布名称",
+        typeTeamName:"输入团队名称",
+        typeWikiName:"输入文档名称",
+        typeUsernameOrNickname:"输入用户名或者昵称",
+        typeTitle:"输入标题",
+        typeWikiSpaceName:"输入文档集合名称",
+        typeProjectIssueName:"输入事务名称",
+        typeWikiItemName:"输入文档名称",
+        organization:"组织",
+        search:"输入任何你想要的",
+        enterUsername:"输入用户名",
+        typePassword:"输入密码",
+        typeEmail:"输入Email",
+        typePasswordAgain:"再次输入密码"
+    },
+    "util":{
+        "ok":"确认",
+        "cancel":"取消",
+        save:"保存",
+        clear:"清除",
+        all:"全部",
+        none:"无",
+        rename:"重命名",
+        refresh:"刷新",
+        remove:"删除",
+        file:"文件",
+        folder:"文件夹",
+        shortcut:"快捷项目",
+        project:"项目",
+        projectIssue:"项目事务",
+        projectRelease:"项目发布",
+        wikiProject:"文档集合",
+        wikiItem:"文档",
+        calendarEvent:"日历事件",
+        meeting:"会议",
+        profile:"主页",
+        close:"关闭",
+        invite:"邀请",
+        leave:"离开",
+        end:"结束",
+        message:"消息",
+        issueType:"事务类型",
+        fields:"字段",
+        go:"确定",
+        create:"创建",
+        edit:"编辑",
+        delete:"删除",
+        status:"状态",
+        start:"开始",
+        complete:"完成",
+        issues:"事务",
+        low:"低",
+        medium:"中等",
+        high:"高",
+        urgent:"紧急",
+        import:"导入",
+        filter:"过滤",
+        priority:"优先级",
+        label:"标签",
+        assigner:"Assigner",
+        reporter:"Reporter",
+        notStart:"未开始",
+        inProgress:"进行中",
+        done:"已完成",
+        copy:"复制",
+        convert:"转换",
+        description:"描述",
+        startDate:"开始日期",
+        releaseDate:"发布日期",
+        endDate:"结束日期",
+        archived:"已归档",
+        released:"已发布",
+        unReleased:"未发布",
+        action:"操作",
+        release:"发布",
+        unRelease:"未发布",
+        archive:"归档",
+        add:"新增",
+        manage:"管理",
+        type:"类型",
+        home:"主页",
+        issue:"事务",
+        board:"面板",
+        setting:"设置",
+        yes:"是",
+        no:"否",
+        upload:"上传",
+        bind:"绑定",
+        revoke:"撤销",
+        workflow:"工作流",
+        person:"个人",
+        team:"团队",
+        field:"字段",
+        submit:"提交",
+        search:"搜索",
+        default:"默认",
+        tag:"用户标签",
+        role:"角色",
+        user:"用户",
+        access:"访问",
+        module:"模块",
+        member:"成员",
+        organization:"组织",
+        global:"全局",
+        specific:"指定",
+        wiki:"文档",
+        issueSolution:"事务类型方案",
+        quit:"退出",
+        preview:"预览",
+        calendar:"日历",
+        finder:"文件管理",
+        im:"聊天",
+        people:"个人",
+        tool:"工具",
+        stickyNote:"便签",
+        album:"相册",
+        account:"账户",
+        login:"登录",
+        logout:"登出",
+        input:"输入",
+        alert:"警告",
+        register:"注册",
+        reset:"重置",
+        resend:"重发",
+        wallpaper:"壁纸",
+        members:"成员",
+        detail:"描述",
+        more:"更多",
+        basic:"基本信息",
+        projectBoard:"项目面板",
+        projectBoardSprint:"项目面板冲刺",
+        wikiSpace:"文档集合",
+        meetingRoom:"会议房间",
+        info:"详情",
+        participant:"参与者",
+        sprint:"冲刺",
+        kanban:"看板",
+        config:"配置",
+        comments:"评论",
+        history:"历史",
+        avatar:"头像",
+        username:"用户名",
+        password:"密码",
+        sign:"签名",
+        repeatPassword:"重复密码",
+        location:"位置",
+        timeZone:"时区",
+        name:"名称",
+        color:"颜色",
+        size:"大小",
+        date:"日期",
+        path:"路径",
+        category:"分类",
+        key:"Key",
+        swimLanes:"泳道",
+        swimLane:"泳道",
+        wikiCount:"文档数目",
+        meetingId:"会议Id",
+        meetingPassword:"会议密码",
+        users:"用户",
+        selectCamera:"选择相机",
+        videoOn:"视频开启",
+        audioOn:"声音开启",
+        created:"已创建",
+        joined:"已加入",
+        issueTypes:"事务类型",
+        dateRange:"日期范围",
+        fixVersions:"修复版本",
+        keyword:"关键词",
+        logo:"Logo",
+        fieldType:"字段类型",
+        optional:"可选",
+        labelType:"标签类型",
+        options:"选项",
+        approval:"批准",
+        allowAllConnections:"允许所有连接",
+        approvalType:"批准类型",
+        chooseMemberTag:"选择用户成员标签",
+        permissions:"权限",
+        tags:"用户标签",
+        nickname:"昵称",
+        job:"工作",
+        email:"Email",
+        phone:"电话",
+        department:"部门",
+        active:"激活",
+        remark:"备注",
+        photo:"照片",
+        creator:"创建者",
+        passwordConfirm:"密码确认",
+        code:"验证码",
+        online:"在线",
+        busy:"忙碌",
+        operation:"操作",
+        progress:"进度",
+        permission:"权限",
+        reserved:"保留项",
+        enable:"启用",
+        joinDate:"加入日期",
+        starting:"进行中",
+        completed:"已完成",
+    },
+    "common":{
+        "component":{
+            field:{
+                basic:{
+                    fieldEditBasicAssigner:{
+                        noUser:"无"
+                    }
+                }
+            }
+        }
+    },
+    "controller":{
+        "app":{
+            "account":{
+                "account":{
+                    "profile":"主页",
+                    "accountSetting":"账户设置"
+                }
+            },
+            calendar:{
+                calendar:{
+                    myCalendars:"我的日历",
+                    today:"今天",
+                    day:"天",
+                    week:"周",
+                    month:"月",
+                    calendarGlobalSetting:"日历全局设置",
+                    followDeviceTimeZone:"跟随当前时区",
+                    startWeekDay:"开始于周几"
+                },
+                calendarEventAddSimple:{
+                    moreOption:"更多选项"
+                },
+                calendarEventDateEdit:{
+                    allDay:"全天",
+                    repeat:"重复",
+                    selectWeekday:"选择周几",
+                    inputDay:"日期"
+                },
+                calendarEventEdit:{
+                    advanced:"高级选项",
+                    noReminder:"无提醒",
+                    fiveMinBefore:"5分钟",
+                    fifteenMinBefore:"15分钟",
+                    thirtyMinBefore:"30分钟",
+                    oneHourBefore:"1小时",
+                    sixHourBefore:"6小时",
+                    startMeeting:"开始会议",
+                    joinMeeting:"加入会议",
+                },
+                calendarEventShortView:{
+                    invitedYou:"邀请了你"
+                }
+            },
+            finder:{
+                finder:{
+                    searchResult:"搜索结果"
+                },
+                finderFolderTree:{
+                    addFolder:"新建文件夹"
+                }
+            },
+            im:{
+                im:{
+                    favorites:"收藏",
+                    messages:"消息",
+                    recent:"最近"
+                }
+            },
+            meeting:{
+                meeting:{
+                    startMeeting:"开始会议",
+                    personMeetingSetting:"个人会议设置",
+                    joinMeeting:"加入会议",
+                    scheduleMeeting:"安排会议",
+                    meetingList:"会议列表"
+                },
+                meetingProfile:{
+                    chat:"聊天"
+                },
+                meetingOperation:{
+                    meetingInfo:"会议信息"
+                },
+                meetingParticipant:{
+                    presenter:"主持人"
+                }
+            },
+            people:{
+                peopleProfile:{
+                    recentTeams:"最近团队"
+                }
+            },
+            project:{
+                home:{
+                    projectHome:{
+                        issueTotal:"事务总数",
+                        unResolvedIssueTotal:"未完成事务总数",
+                        releaseTotal:"发布总数",
+                        sprintTotal:"冲刺总数",
+                        statics:"统计",
+                        myRecentIssueList:"我最近处理的事务列表",
+                        userIssueList:"用户事务统计",
+                        userUnDoneIssueList:"用户未完成事务统计",
+                        recentReleaseList:"最近发布列表"
+                    }
+                },
+                board:{
+                    boardConfig:{
+                        addColumn:"添加列"
+                    },
+                    boardSprintList:{
+                        notStart:"未开始",
+                        starting:"进行中",
+                        completed:"已完成",
+                        swimLanes:"泳道"
+                    }
+                },
+                issue:{
+                    projectIssueConvert:{
+                        convertFields:"转换字段"
+                    },
+                    projectIssueHistory:{
+                        createdTheIssue:"创建了事务",
+                        resolvedYourApproval:"通过了审批",
+                        rejectedYourApproval:"拒绝了审批",
+                        updatedTheField:"更新了字段",
+                        newValue:"新值",
+                        updatedTheWorkflow:"更新了工作流",
+                        newWorkflow:"新工作流",
+                        convertTheIssue:"转换了事务"
+                    },
+                    projectIssueList:{
+                        remark:"如果你想再新标签页中打开事务，点击链接的同时，按下command（mac）或者control（win）键"
+                    },
+                    projectIssueProfile:{
+                        related:"关联事务",
+                        child:"子事务",
+                        parent:"父事务",
+                        quickMeeting:"快速会议",
+                        createChildIssue:"创建子事务",
+                        linkIssue:"关联事务"
+                    },
+                    projectIssueRelated:{
+                        parentIssue:"父事务",
+                        childIssues:"子事务",
+                        relatedIssues:"关联事务"
+                    }
+                },
+                release:{
+                    projectReleaseIfCan:{
+                        thereAreStill:"仍然有",
+                        unresolvedIssues:"未完成事务",
+                        continueToRelease:"你仍然想继续发布"
+                    },
+                    projectReleaseList:{
+                        noIssues:"无事务"
+                    },
+                    projectReleaseProfile:{
+                        addIssue:"添加事务"
+                    }
+                },
+                project:{
+                    yourWork:"你的工作",
+                    recentProjectList:"最近项目列表",
+                    allProjectList:"所有项目列表"
+                }
+            },
+            setting:{
+                home:{
+                    settingHome:{
+                        projectTotal:"项目总数",
+                        issueTotal:"事务总数",
+                        wikiSpaceTotal:"文档集合总数",
+                        wikiItemTotal:"文档总数",
+                        userTotal:"用户总数",
+                        teamTotal:"团队总数",
+                        statics:"统计",
+                        projectWithIssueList:"项目事务统计",
+                        projectWithUnDoneIssueList:"项目未完成事务统计",
+                        wikiSpaceWithWikiItemList:"文档集合文档统计",
+                        teamWithUserList:"团队用户统计"
+                    }
+                },
+                issue:{
+                    filedList:{
+                        copyFrom:"从其他工作流复制"
+                    },
+                    issueSolutionList:{
+                        bindProject:"绑定项目"
+                    },
+                    workflow:{
+                        addNode:"添加节点",
+                        editFields:"编辑字段"
+                    }
+                },
+                project:{
+                    editProjectAccess:{
+                        name:"名称",
+                        memberType:"成员类型"
+                    }
+                },
+                role:{
+                    project:{
+                        projectList:{
+                            manageRole:"管理角色"
+                        }
+                    }
+                },
+                userTeam:{
+                    user:{
+                        resetPassword:"重置密码"
+                    }
+                },
+                setting:{
+                    userManage:"用户管理",
+                    teamManage:"团队管理",
+                    tagManage:"用户标签管理"
+                }
+            },
+            wiki:{
+                wikiItemContent:{
+                    lastModified:"最近更新"
+                },
+                wikiProfile:{
+                    workspacePages:"页面",
+                    deleteIncludeChildren:"删除（包含子页面）"
+                },
+                wiki:{
+                    recentWikiList:"最近文档集合列表",
+                    allWikiList:"所有文档集合列表"
+                }
+            },
+            team:{
+                team:{
+                    managedTeam:"管理的团队",
+                    joinedTeam:"加入的团队"
+                }
+            }
+        },
+        "desktop":{
+            desktop:{
+                createOrganization:"创建组织"
+            },
+            missCallShow:{
+                invitedYou:"邀请了你"
+            }
+        },
+        "index":{},
+        "login":{
+            registerCode:{
+                receiveCode:"如果你没有收到验证码邮件，你可以"
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/code/common/socket/types.ts b/code/common/socket/types.ts
index 5bfc5bb..4854571 100644
--- a/code/common/socket/types.ts
+++ b/code/common/socket/types.ts
@@ -78,7 +78,6 @@ export interface ICommon_Socket_ClientToServerEvents {
         all:boolean,
         [param:string]:boolean
     })=>void
-    im_heartbeat:()=>void
     im_favorite_message_list:(organizationUserId:string,size:number,lastTime:number,callback:(list:ICommon_Model_IM_Favorite_Message[])=>void)=>void
     im_favorite_message_add:(organizationUserId:string,type:ECommon_IM_Message_EntityType,entityId:string)=>void
     im_favorite_message_delete:(favoriteMessageId:string)=>void
@@ -95,7 +94,8 @@ export interface ICommon_Socket_ClientToServerEvents {
         type:ECommon_Model_Organization_Member_Type
     }[])=>void
     meeting_message_list:(lastMessageId:string,callback:(list:DCSType<ICommon_Model_Content[]>)=>void)=>void
-    meeting_reject:(fromOrganizationUserId:string,roomId:string)=>void
+    meeting_reject:(fromOrganizationUserId:string,roomId:string)=>void,
+    notification_heartbeat:(token:string,callback:(success:boolean)=>void)=>void
 }
 
 export interface ICommon_Socket_InterServerEvents {
diff --git a/code/server/common/mail/mail.ts b/code/server/common/mail/mail.ts
index 12318e0..ee8ed48 100644
--- a/code/server/common/mail/mail.ts
+++ b/code/server/common/mail/mail.ts
@@ -23,7 +23,21 @@ export class Mail {
             from:this.config.user,
             to,
             subject,
-            html:content
+            html:`
+<html>
+    <body>
+        <div style="display: flex;flex-direction: column;margin-bottom: 10px">
+             <h2>
+                <a href="https://team-linker.com" target="_blank">
+                    TeamLinker
+                </a>
+             </h2>
+            <span style="font-weight: bold">teamlinker is the connected cloud desktop where better work,faster collaboration</span>
+        </div>
+        ${content}
+    </body>
+</html>
+`
         })
     }
 }
diff --git a/code/server/gateway/app/app.ts b/code/server/gateway/app/app.ts
index c9e4059..8c5af75 100644
--- a/code/server/gateway/app/app.ts
+++ b/code/server/gateway/app/app.ts
@@ -173,9 +173,6 @@ export default class GateWay extends Application {
                     } else {
                         ctx.body = ret.data;
                     }
-                    if(!ignoreValidate) {
-                        userRpcApi.keepAlive(obj.user.userId)
-                    }
                     await next()
                 } else {
                     await next()
diff --git a/code/server/im/socket/socket.ts b/code/server/im/socket/socket.ts
index b43b0f2..f82e5f0 100644
--- a/code/server/im/socket/socket.ts
+++ b/code/server/im/socket/socket.ts
@@ -29,13 +29,6 @@ export async function handleImConnection() {
                 })
             }
         })
-        socket.on("im_heartbeat",()=>{
-            try {
-                rpcUserApi.keepAlive(socket.data.userId)
-            } catch(err) {
-                console.log(err)
-            }
-        })
         socket.on("disconnect",(reason, description) => {
             emitServiceEvent("organizationUserStatusChange",socket.data.organizationId,socket.data.organizationUserId,ECommon_User_Online_Status.OFFLINE)
         })
diff --git a/code/server/notification/socket/socket.ts b/code/server/notification/socket/socket.ts
index 5ca1128..1395bb0 100644
--- a/code/server/notification/socket/socket.ts
+++ b/code/server/notification/socket/socket.ts
@@ -1,10 +1,19 @@
 import {getSocketEmitterInstance, getSocketIOInstance, SocketIO} from "../../common/socket/socket";
 import {ECommon_Socket_Type} from "../../../common/socket/types";
+import rpcUserApi from "../../user/rpc/user";
 
 export async function handleNotificationConnection() {
     let io=getSocketIOInstance().of("/"+ECommon_Socket_Type.NOTIFICATION)
     let emit=getSocketEmitterInstance().of("/"+ECommon_Socket_Type.NOTIFICATION);
     SocketIO.initSocket(io,async socket => {
-
+        socket.on("notification_heartbeat",async (token,callback)=>{
+            try {
+                await rpcUserApi.keepAlive(token)
+                callback(true)
+            } catch(err) {
+                console.log(err)
+                callback(false)
+            }
+        })
     })
 }
\ No newline at end of file
diff --git a/code/server/user/rpc/user.ts b/code/server/user/rpc/user.ts
index 488c326..5fd7f30 100644
--- a/code/server/user/rpc/user.ts
+++ b/code/server/user/rpc/user.ts
@@ -259,8 +259,12 @@ class RpcUserApi {
         return ret;
     }
 
-    async keepAlive(userId:string) {
-        let objUser=await UserService.getItemById(userId)
+    async keepAlive(token:string) {
+        let check=await this.checkSession(token)
+        if(!check) {
+            throw Err.User.notAuth
+        }
+        let objUser=await UserService.getItemById(check.userId)
         if(!objUser) {
             throw Err.User.userNotFound
         }
diff --git a/code/server/user/service/user.ts b/code/server/user/service/user.ts
index d4c67ba..717a5e6 100644
--- a/code/server/user/service/user.ts
+++ b/code/server/user/service/user.ts
@@ -37,7 +37,7 @@ export class UserService extends Entity<typeof userModel,typeof userMapper> {
             sendTime:Date.now()
         })
         let mail=getMailInstance()
-        mail.send(username,"Teamlinker Verification Code",code)
+        mail.send(username,"Teamlinker Verification Code","code: "+code)
     }
 
     static async resendCode(username:string) {
@@ -55,7 +55,7 @@ export class UserService extends Entity<typeof userModel,typeof userMapper> {
         content.sendTime=Date.now()
         await objRedis.set(content)
         let mail=getMailInstance()
-        mail.send(username,"Teamlinker Verification Code",code)
+        mail.send(username,"Teamlinker Verification Code","code: "+code)
     }
 
     static async conformRegister(username:string,code:string) {