From af9cd398ff3d87110e71a8abfa740ac9f07b7c84 Mon Sep 17 00:00:00 2001
From: Hoa Le <huuhoa.it.vn@gmail.com>
Date: Sat, 17 May 2025 20:40:34 +0700
Subject: [PATCH 1/3] i18n

---
 .../SimpleProcessDesignerV2/src/consts.ts     | 236 ++++++++--------
 .../package/designer/ProcessDesigner.vue      | 111 ++------
 .../designer/plugins/palette/CustomPalette.js |   4 +-
 .../package/designer/plugins/translate/en.js  | 152 +++++++++++
 .../package/penal/PropertiesPanel.vue         |  59 ++--
 .../package/penal/base/ElementBaseInfo.vue    |  17 +-
 .../package/penal/form/ElementForm.vue        |   8 +-
 .../penal/listeners/ElementListeners.vue      |  34 +--
 .../multi-instance/ElementMultiInstance.vue   |  24 +-
 .../penal/other/ElementOtherConfig.vue        |   2 +-
 .../penal/properties/ElementProperties.vue    |  24 +-
 .../penal/signal-message/SignalAndMessage.vue |  34 +--
 .../package/penal/task/ElementTask.vue        |  17 +-
 .../package/penal/task/data.ts                |  10 +-
 .../task/task-components/ServiceTask.vue      |  14 +-
 .../penal/task/task-components/UserTask.vue   |  24 +-
 src/locales/en.ts                             | 257 +++++++++++++++++-
 src/locales/zh-CN.ts                          | 257 +++++++++++++++++-
 src/views/bpm/category/CategoryForm.vue       |  30 +-
 .../bpm/model/CategoryDraggableModel.vue      |  93 +++----
 src/views/bpm/model/definition/index.vue      |  30 +-
 src/views/bpm/model/form/BasicInfo.vue        |  57 ++--
 src/views/bpm/model/form/ExtraSettings.vue    | 105 +++----
 src/views/bpm/model/form/FormDesign.vue       |  55 ++--
 src/views/bpm/model/form/index.vue            |  10 +-
 25 files changed, 1147 insertions(+), 517 deletions(-)
 create mode 100644 src/components/bpmnProcessDesigner/package/designer/plugins/translate/en.js

diff --git a/src/components/SimpleProcessDesignerV2/src/consts.ts b/src/components/SimpleProcessDesignerV2/src/consts.ts
index 8cdc99651..75dad2d22 100644
--- a/src/components/SimpleProcessDesignerV2/src/consts.ts
+++ b/src/components/SimpleProcessDesignerV2/src/consts.ts
@@ -515,176 +515,175 @@ export type Condition = {
 }
 
 export const NODE_DEFAULT_TEXT = new Map<number, string>()
-NODE_DEFAULT_TEXT.set(NodeType.USER_TASK_NODE, '请配置审批人')
-NODE_DEFAULT_TEXT.set(NodeType.COPY_TASK_NODE, '请配置抄送人')
-NODE_DEFAULT_TEXT.set(NodeType.CONDITION_NODE, '请设置条件')
-NODE_DEFAULT_TEXT.set(NodeType.START_USER_NODE, '请设置发起人')
-NODE_DEFAULT_TEXT.set(NodeType.DELAY_TIMER_NODE, '请设置延迟器')
-NODE_DEFAULT_TEXT.set(NodeType.ROUTER_BRANCH_NODE, '请设置路由节点')
-NODE_DEFAULT_TEXT.set(NodeType.TRIGGER_NODE, '请设置触发器')
-NODE_DEFAULT_TEXT.set(NodeType.TRANSACTOR_NODE, '请设置办理人')
-NODE_DEFAULT_TEXT.set(NodeType.CHILD_PROCESS_NODE, '请设置子流程')
+NODE_DEFAULT_TEXT.set(NodeType.USER_TASK_NODE, 'Please configure approver')
+NODE_DEFAULT_TEXT.set(NodeType.COPY_TASK_NODE, 'Please configure CC user')
+NODE_DEFAULT_TEXT.set(NodeType.CONDITION_NODE, 'Please set condition')
+NODE_DEFAULT_TEXT.set(NodeType.START_USER_NODE, 'Please set initiator')
+NODE_DEFAULT_TEXT.set(NodeType.DELAY_TIMER_NODE, 'Please set timer')
+NODE_DEFAULT_TEXT.set(NodeType.ROUTER_BRANCH_NODE, 'Please set router node')
+NODE_DEFAULT_TEXT.set(NodeType.TRIGGER_NODE, 'Please set trigger')
+NODE_DEFAULT_TEXT.set(NodeType.TRANSACTOR_NODE, 'Please set transactor')
+NODE_DEFAULT_TEXT.set(NodeType.CHILD_PROCESS_NODE, 'Please set sub-process')
 
 export const NODE_DEFAULT_NAME = new Map<number, string>()
-NODE_DEFAULT_NAME.set(NodeType.USER_TASK_NODE, '审批人')
-NODE_DEFAULT_NAME.set(NodeType.COPY_TASK_NODE, '抄送人')
-NODE_DEFAULT_NAME.set(NodeType.CONDITION_NODE, '条件')
-NODE_DEFAULT_NAME.set(NodeType.START_USER_NODE, '发起人')
-NODE_DEFAULT_NAME.set(NodeType.DELAY_TIMER_NODE, '延迟器')
-NODE_DEFAULT_NAME.set(NodeType.ROUTER_BRANCH_NODE, '路由分支')
-NODE_DEFAULT_NAME.set(NodeType.TRIGGER_NODE, '触发器')
-NODE_DEFAULT_NAME.set(NodeType.TRANSACTOR_NODE, '办理人')
-NODE_DEFAULT_NAME.set(NodeType.CHILD_PROCESS_NODE, '子流程')
+NODE_DEFAULT_NAME.set(NodeType.USER_TASK_NODE, 'Approver')
+NODE_DEFAULT_NAME.set(NodeType.COPY_TASK_NODE, 'CC User')
+NODE_DEFAULT_NAME.set(NodeType.CONDITION_NODE, 'Condition')
+NODE_DEFAULT_NAME.set(NodeType.START_USER_NODE, 'Initiator')
+NODE_DEFAULT_NAME.set(NodeType.DELAY_TIMER_NODE, 'Timer')
+NODE_DEFAULT_NAME.set(NodeType.ROUTER_BRANCH_NODE, 'Router Branch')
+NODE_DEFAULT_NAME.set(NodeType.TRIGGER_NODE, 'Trigger')
+NODE_DEFAULT_NAME.set(NodeType.TRANSACTOR_NODE, 'Transactor')
+NODE_DEFAULT_NAME.set(NodeType.CHILD_PROCESS_NODE, 'Sub-process')
 
 // 候选人策略。暂时不从字典中取。 后续可能调整。控制显示顺序
 export const CANDIDATE_STRATEGY: DictDataVO[] = [
-  { label: '指定成员', value: CandidateStrategy.USER },
-  { label: '指定角色', value: CandidateStrategy.ROLE },
-  { label: '指定岗位', value: CandidateStrategy.POST },
-  { label: '部门成员', value: CandidateStrategy.DEPT_MEMBER },
-  { label: '部门负责人', value: CandidateStrategy.DEPT_LEADER },
-  { label: '连续多级部门负责人', value: CandidateStrategy.MULTI_LEVEL_DEPT_LEADER },
-  { label: '发起人自选', value: CandidateStrategy.START_USER_SELECT },
-  { label: '审批人自选', value: CandidateStrategy.APPROVE_USER_SELECT },
-  { label: '发起人本人', value: CandidateStrategy.START_USER },
-  { label: '发起人部门负责人', value: CandidateStrategy.START_USER_DEPT_LEADER },
-  { label: '发起人连续部门负责人', value: CandidateStrategy.START_USER_MULTI_LEVEL_DEPT_LEADER },
-  { label: '用户组', value: CandidateStrategy.USER_GROUP },
-  { label: '表单内用户字段', value: CandidateStrategy.FORM_USER },
-  { label: '表单内部门负责人', value: CandidateStrategy.FORM_DEPT_LEADER },
-  { label: '流程表达式', value: CandidateStrategy.EXPRESSION }
+  { label: 'Specify User', value: CandidateStrategy.USER },
+  { label: 'Specify Role', value: CandidateStrategy.ROLE },
+  { label: 'Specify Post', value: CandidateStrategy.POST },
+  { label: 'Department Member', value: CandidateStrategy.DEPT_MEMBER },
+  { label: 'Department Leader', value: CandidateStrategy.DEPT_LEADER },
+  { label: 'Multi-level Department Leader', value: CandidateStrategy.MULTI_LEVEL_DEPT_LEADER },
+  { label: 'Initiator Select', value: CandidateStrategy.START_USER_SELECT },
+  { label: 'Approver Select', value: CandidateStrategy.APPROVE_USER_SELECT },
+  { label: 'Initiator', value: CandidateStrategy.START_USER },
+  { label: 'Initiator Department Leader', value: CandidateStrategy.START_USER_DEPT_LEADER },
+  { label: 'Initiator Multi-level Department Leader', value: CandidateStrategy.START_USER_MULTI_LEVEL_DEPT_LEADER },
+  { label: 'User Group', value: CandidateStrategy.USER_GROUP },
+  { label: 'Form User Field', value: CandidateStrategy.FORM_USER },
+  { label: 'Form Department Leader', value: CandidateStrategy.FORM_DEPT_LEADER },
+  { label: 'Process Expression', value: CandidateStrategy.EXPRESSION }
 ]
 // 审批节点 的审批类型
 export const APPROVE_TYPE: DictDataVO[] = [
-  { label: '人工审批', value: ApproveType.USER },
-  { label: '自动通过', value: ApproveType.AUTO_APPROVE },
-  { label: '自动拒绝', value: ApproveType.AUTO_REJECT }
+  { label: 'Manual Approval', value: ApproveType.USER },
+  { label: 'Auto Approve', value: ApproveType.AUTO_APPROVE },
+  { label: 'Auto Reject', value: ApproveType.AUTO_REJECT }
 ]
 
 export const APPROVE_METHODS: DictDataVO[] = [
-  { label: '按顺序依次审批', value: ApproveMethodType.SEQUENTIAL_APPROVE },
-  { label: '会签（可同时审批，至少 % 人必须审批通过）', value: ApproveMethodType.APPROVE_BY_RATIO },
-  { label: '或签(可同时审批，有一人通过即可)', value: ApproveMethodType.ANY_APPROVE },
-  { label: '随机挑选一人审批', value: ApproveMethodType.RANDOM_SELECT_ONE_APPROVE }
+  { label: 'Sequential Approval', value: ApproveMethodType.SEQUENTIAL_APPROVE },
+  { label: 'Countersign (at least % must approve)', value: ApproveMethodType.APPROVE_BY_RATIO },
+  { label: 'Or-sign (anyone can approve)', value: ApproveMethodType.ANY_APPROVE },
+  { label: 'Randomly Select One to Approve', value: ApproveMethodType.RANDOM_SELECT_ONE_APPROVE }
 ]
 
 export const CONDITION_CONFIG_TYPES: DictDataVO[] = [
-  { label: '条件规则', value: ConditionType.RULE },
-  { label: '条件表达式', value: ConditionType.EXPRESSION }
+  { label: 'Condition Rule', value: ConditionType.RULE },
+  { label: 'Condition Expression', value: ConditionType.EXPRESSION }
 ]
 
 // 时间单位类型
 export const TIME_UNIT_TYPES: DictDataVO[] = [
-  { label: '分钟', value: TimeUnitType.MINUTE },
-  { label: '小时', value: TimeUnitType.HOUR },
-  { label: '天', value: TimeUnitType.DAY }
+  { label: 'Minute', value: TimeUnitType.MINUTE },
+  { label: 'Hour', value: TimeUnitType.HOUR },
+  { label: 'Day', value: TimeUnitType.DAY }
 ]
 // 超时处理执行动作类型
 export const TIMEOUT_HANDLER_TYPES: DictDataVO[] = [
-  { label: '自动提醒', value: 1 },
-  { label: '自动同意', value: 2 },
-  { label: '自动拒绝', value: 3 }
+  { label: 'Auto Reminder', value: 1 },
+  { label: 'Auto Approve', value: 2 },
+  { label: 'Auto Reject', value: 3 }
 ]
 export const REJECT_HANDLER_TYPES: DictDataVO[] = [
-  { label: '终止流程', value: RejectHandlerType.FINISH_PROCESS },
-  { label: '驳回到指定节点', value: RejectHandlerType.RETURN_USER_TASK }
-  // { label: '结束任务', value: RejectHandlerType.FINISH_TASK }
+  { label: 'Terminate Process', value: RejectHandlerType.FINISH_PROCESS },
+  { label: 'Reject to Specified Node', value: RejectHandlerType.RETURN_USER_TASK }
 ]
 export const ASSIGN_EMPTY_HANDLER_TYPES: DictDataVO[] = [
-  { label: '自动通过', value: 1 },
-  { label: '自动拒绝', value: 2 },
-  { label: '指定成员审批', value: 3 },
-  { label: '转交给流程管理员', value: 4 }
+  { label: 'Auto Approve', value: 1 },
+  { label: 'Auto Reject', value: 2 },
+  { label: 'Specify User Approval', value: 3 },
+  { label: 'Transfer to Process Admin', value: 4 }
 ]
 export const ASSIGN_START_USER_HANDLER_TYPES: DictDataVO[] = [
-  { label: '由发起人对自己审批', value: 1 },
-  { label: '自动跳过', value: 2 },
-  { label: '转交给部门负责人审批', value: 3 }
+  { label: 'Initiator Approves Self', value: 1 },
+  { label: 'Auto Skip', value: 2 },
+  { label: 'Transfer to Department Leader', value: 3 }
 ]
 
 // 比较运算符
 export const COMPARISON_OPERATORS: DictDataVO = [
   {
     value: '==',
-    label: '等于'
+    label: 'Equals'
   },
   {
     value: '!=',
-    label: '不等于'
+    label: 'Not Equals'
   },
   {
     value: '>',
-    label: '大于'
+    label: 'Greater'
   },
   {
     value: '>=',
-    label: '大于等于'
+    label: 'Greater or Equal'
   },
   {
     value: '<',
-    label: '小于'
+    label: 'Less'
   },
   {
     value: '<=',
-    label: '小于等于'
+    label: 'Less or Equal'
   }
 ]
 // 审批操作按钮名称
 export const OPERATION_BUTTON_NAME = new Map<number, string>()
-OPERATION_BUTTON_NAME.set(OperationButtonType.APPROVE, '通过')
-OPERATION_BUTTON_NAME.set(OperationButtonType.REJECT, '拒绝')
-OPERATION_BUTTON_NAME.set(OperationButtonType.TRANSFER, '转办')
-OPERATION_BUTTON_NAME.set(OperationButtonType.DELEGATE, '委派')
-OPERATION_BUTTON_NAME.set(OperationButtonType.ADD_SIGN, '加签')
-OPERATION_BUTTON_NAME.set(OperationButtonType.RETURN, '退回')
-OPERATION_BUTTON_NAME.set(OperationButtonType.COPY, '抄送')
+OPERATION_BUTTON_NAME.set(OperationButtonType.APPROVE, 'Approve')
+OPERATION_BUTTON_NAME.set(OperationButtonType.REJECT, 'Reject')
+OPERATION_BUTTON_NAME.set(OperationButtonType.TRANSFER, 'Transfer')
+OPERATION_BUTTON_NAME.set(OperationButtonType.DELEGATE, 'Delegate')
+OPERATION_BUTTON_NAME.set(OperationButtonType.ADD_SIGN, 'Add Sign')
+OPERATION_BUTTON_NAME.set(OperationButtonType.RETURN, 'Return')
+OPERATION_BUTTON_NAME.set(OperationButtonType.COPY, 'CC')
 
 // 默认的按钮权限设置
 export const DEFAULT_BUTTON_SETTING: ButtonSetting[] = [
-  { id: OperationButtonType.APPROVE, displayName: '通过', enable: true },
-  { id: OperationButtonType.REJECT, displayName: '拒绝', enable: true },
-  { id: OperationButtonType.TRANSFER, displayName: '转办', enable: true },
-  { id: OperationButtonType.DELEGATE, displayName: '委派', enable: true },
-  { id: OperationButtonType.ADD_SIGN, displayName: '加签', enable: true },
-  { id: OperationButtonType.RETURN, displayName: '退回', enable: true }
+  { id: OperationButtonType.APPROVE, displayName: 'Approve', enable: true },
+  { id: OperationButtonType.REJECT, displayName: 'Reject', enable: true },
+  { id: OperationButtonType.TRANSFER, displayName: 'Transfer', enable: true },
+  { id: OperationButtonType.DELEGATE, displayName: 'Delegate', enable: true },
+  { id: OperationButtonType.ADD_SIGN, displayName: 'Add Sign', enable: true },
+  { id: OperationButtonType.RETURN, displayName: 'Return', enable: true }
 ]
 
 // 办理人默认的按钮权限设置
 export const TRANSACTOR_DEFAULT_BUTTON_SETTING: ButtonSetting[] = [
-  { id: OperationButtonType.APPROVE, displayName: '办理', enable: true },
-  { id: OperationButtonType.REJECT, displayName: '拒绝', enable: false },
-  { id: OperationButtonType.TRANSFER, displayName: '转办', enable: false },
-  { id: OperationButtonType.DELEGATE, displayName: '委派', enable: false },
-  { id: OperationButtonType.ADD_SIGN, displayName: '加签', enable: false },
-  { id: OperationButtonType.RETURN, displayName: '退回', enable: false }
+  { id: OperationButtonType.APPROVE, displayName: 'Process', enable: true },
+  { id: OperationButtonType.REJECT, displayName: 'Reject', enable: false },
+  { id: OperationButtonType.TRANSFER, displayName: 'Transfer', enable: false },
+  { id: OperationButtonType.DELEGATE, displayName: 'Delegate', enable: false },
+  { id: OperationButtonType.ADD_SIGN, displayName: 'Add Sign', enable: false },
+  { id: OperationButtonType.RETURN, displayName: 'Return', enable: false }
 ]
 
 // 发起人的按钮权限。暂时定死，不可以编辑
 export const START_USER_BUTTON_SETTING: ButtonSetting[] = [
-  { id: OperationButtonType.APPROVE, displayName: '提交', enable: true },
-  { id: OperationButtonType.REJECT, displayName: '拒绝', enable: false },
-  { id: OperationButtonType.TRANSFER, displayName: '转办', enable: false },
-  { id: OperationButtonType.DELEGATE, displayName: '委派', enable: false },
-  { id: OperationButtonType.ADD_SIGN, displayName: '加签', enable: false },
-  { id: OperationButtonType.RETURN, displayName: '退回', enable: false }
+  { id: OperationButtonType.APPROVE, displayName: 'Submit', enable: true },
+  { id: OperationButtonType.REJECT, displayName: 'Reject', enable: false },
+  { id: OperationButtonType.TRANSFER, displayName: 'Transfer', enable: false },
+  { id: OperationButtonType.DELEGATE, displayName: 'Delegate', enable: false },
+  { id: OperationButtonType.ADD_SIGN, displayName: 'Add Sign', enable: false },
+  { id: OperationButtonType.RETURN, displayName: 'Return', enable: false }
 ]
 
 export const MULTI_LEVEL_DEPT: DictDataVO = [
-  { label: '第 1 级部门', value: 1 },
-  { label: '第 2 级部门', value: 2 },
-  { label: '第 3 级部门', value: 3 },
-  { label: '第 4 级部门', value: 4 },
-  { label: '第 5 级部门', value: 5 },
-  { label: '第 6 级部门', value: 6 },
-  { label: '第 7 级部门', value: 7 },
-  { label: '第 8 级部门', value: 8 },
-  { label: '第 9 级部门', value: 9 },
-  { label: '第 10 级部门', value: 10 },
-  { label: '第 11 级部门', value: 11 },
-  { label: '第 12 级部门', value: 12 },
-  { label: '第 13 级部门', value: 13 },
-  { label: '第 14 级部门', value: 14 },
-  { label: '第 15 级部门', value: 15 }
+  { label: 'Level 1 Department', value: 1 },
+  { label: 'Level 2 Department', value: 2 },
+  { label: 'Level 3 Department', value: 3 },
+  { label: 'Level 4 Department', value: 4 },
+  { label: 'Level 5 Department', value: 5 },
+  { label: 'Level 6 Department', value: 6 },
+  { label: 'Level 7 Department', value: 7 },
+  { label: 'Level 8 Department', value: 8 },
+  { label: 'Level 9 Department', value: 9 },
+  { label: 'Level 10 Department', value: 10 },
+  { label: 'Level 11 Department', value: 11 },
+  { label: 'Level 12 Department', value: 12 },
+  { label: 'Level 13 Department', value: 13 },
+  { label: 'Level 14 Department', value: 14 },
+  { label: 'Level 15 Department', value: 15 }
 ]
 
 /**
@@ -727,9 +726,10 @@ export enum DelayTypeEnum {
    */
   FIXED_DATE_TIME = 2
 }
+
 export const DELAY_TYPE = [
-  { label: '固定时长', value: DelayTypeEnum.FIXED_TIME_DURATION },
-  { label: '固定日期', value: DelayTypeEnum.FIXED_DATE_TIME }
+  { label: 'Fixed Duration', value: DelayTypeEnum.FIXED_TIME_DURATION },
+  { label: 'Fixed Date', value: DelayTypeEnum.FIXED_DATE_TIME }
 ]
 
 /**
@@ -805,10 +805,10 @@ export type FormTriggerSetting = {
 }
 
 export const TRIGGER_TYPES: DictDataVO[] = [
-  { label: '发送 HTTP 请求', value: TriggerTypeEnum.HTTP_REQUEST },
-  { label: '接收 HTTP 回调', value: TriggerTypeEnum.HTTP_CALLBACK },
-  { label: '修改表单数据', value: TriggerTypeEnum.FORM_UPDATE },
-  { label: '删除表单数据', value: TriggerTypeEnum.FORM_DELETE }
+  { label: 'Send HTTP Request', value: TriggerTypeEnum.HTTP_REQUEST },
+  { label: 'Receive HTTP Callback', value: TriggerTypeEnum.HTTP_CALLBACK },
+  { label: 'Update Form Data', value: TriggerTypeEnum.FORM_UPDATE },
+  { label: 'Delete Form Data', value: TriggerTypeEnum.FORM_DELETE }
 ]
 
 /**
@@ -857,8 +857,8 @@ export enum ChildProcessStartUserTypeEnum {
   FROM_FORM = 2
 }
 export const CHILD_PROCESS_START_USER_TYPE = [
-  { label: '同主流程发起人', value: ChildProcessStartUserTypeEnum.MAIN_PROCESS_START_USER },
-  { label: '表单', value: ChildProcessStartUserTypeEnum.FROM_FORM }
+  { label: 'Same as Main Process Initiator', value: ChildProcessStartUserTypeEnum.MAIN_PROCESS_START_USER },
+  { label: 'Form', value: ChildProcessStartUserTypeEnum.FROM_FORM }
 ]
 export enum ChildProcessStartUserEmptyTypeEnum {
   /**
@@ -875,9 +875,9 @@ export enum ChildProcessStartUserEmptyTypeEnum {
   MAIN_PROCESS_ADMIN = 3
 }
 export const CHILD_PROCESS_START_USER_EMPTY_TYPE = [
-  { label: '同主流程发起人', value: ChildProcessStartUserEmptyTypeEnum.MAIN_PROCESS_START_USER },
-  { label: '子流程管理员', value: ChildProcessStartUserEmptyTypeEnum.CHILD_PROCESS_ADMIN },
-  { label: '主流程管理员', value: ChildProcessStartUserEmptyTypeEnum.MAIN_PROCESS_ADMIN }
+  { label: 'Same as Main Process Initiator', value: ChildProcessStartUserEmptyTypeEnum.MAIN_PROCESS_START_USER },
+  { label: 'Sub-process Admin', value: ChildProcessStartUserEmptyTypeEnum.CHILD_PROCESS_ADMIN },
+  { label: 'Main Process Admin', value: ChildProcessStartUserEmptyTypeEnum.MAIN_PROCESS_ADMIN }
 ]
 export enum ChildProcessMultiInstanceSourceTypeEnum {
   /**
@@ -894,7 +894,7 @@ export enum ChildProcessMultiInstanceSourceTypeEnum {
   MULTIPLE_FORM = 3
 }
 export const CHILD_PROCESS_MULTI_INSTANCE_SOURCE_TYPE = [
-  { label: '固定数量', value: ChildProcessMultiInstanceSourceTypeEnum.FIXED_QUANTITY },
-  { label: '数字表单', value: ChildProcessMultiInstanceSourceTypeEnum.NUMBER_FORM },
-  { label: '多选表单', value: ChildProcessMultiInstanceSourceTypeEnum.MULTIPLE_FORM }
+  { label: 'Fixed Quantity', value: ChildProcessMultiInstanceSourceTypeEnum.FIXED_QUANTITY },
+  { label: 'Number Form', value: ChildProcessMultiInstanceSourceTypeEnum.NUMBER_FORM },
+  { label: 'Multiple Choice Form', value: ChildProcessMultiInstanceSourceTypeEnum.MULTIPLE_FORM }
 ]
diff --git a/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue b/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
index 00e887cb5..463546e8f 100644
--- a/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
+++ b/src/components/bpmnProcessDesigner/package/designer/ProcessDesigner.vue
@@ -4,110 +4,72 @@
       <slot name="control-header"></slot>
       <template v-if="!$slots['control-header']">
         <ElButtonGroup key="file-control">
-          <XButton preIcon="ep:folder-opened" title="打开文件" @click="refFile.click()" />
+          <XButton preIcon="ep:folder-opened" :title="$t('bpm.design.openFile')" @click="refFile.click()" />
           <el-tooltip effect="light" placement="bottom">
             <template #content>
               <div style="color: #409eff">
-                <!-- <el-button link @click="downloadProcessAsXml()">下载为XML文件</el-button> -->
-                <XTextButton title="下载为XML文件" @click="downloadProcessAsXml()" />
+                <XTextButton :title="$t('bpm.design.downloadXml')" @click="downloadProcessAsXml()" />
                 <br />
-
-                <!-- <el-button link @click="downloadProcessAsSvg()">下载为SVG文件</el-button> -->
-                <XTextButton title="下载为SVG文件" @click="downloadProcessAsSvg()" />
+                <XTextButton :title="$t('bpm.design.downloadSvg')" @click="downloadProcessAsSvg()" />
                 <br />
-
-                <!-- <el-button link @click="downloadProcessAsBpmn()">下载为BPMN文件</el-button> -->
-                <XTextButton title="下载为BPMN文件" @click="downloadProcessAsBpmn()" />
+                <XTextButton :title="$t('bpm.design.downloadBpmn')" @click="downloadProcessAsBpmn()" />
               </div>
             </template>
-            <XButton title="下载文件" preIcon="ep:download" />
+            <XButton :title="$t('bpm.design.downloadFile')" preIcon="ep:download" />
           </el-tooltip>
           <el-tooltip effect="light">
-            <XButton preIcon="ep:view" title="浏览" />
+            <XButton preIcon="ep:view" :title="$t('bpm.design.preview')" />
             <template #content>
-              <!-- <el-button link @click="previewProcessXML">预览XML</el-button> -->
-              <XTextButton title="预览XML" @click="previewProcessXML" />
+              <XTextButton :title="$t('bpm.design.previewXml')" @click="previewProcessXML" />
               <br />
-              <!-- <el-button link @click="previewProcessJson">预览JSON</el-button> -->
-              <XTextButton title="预览JSON" @click="previewProcessJson" />
+              <XTextButton :title="$t('bpm.design.previewJson')" @click="previewProcessJson" />
             </template>
           </el-tooltip>
           <el-tooltip
             v-if="props.simulation"
             effect="light"
-            :content="simulationStatus ? '退出模拟' : '开启模拟'"
+            :content="simulationStatus ? $t('bpm.design.exitSimulation') : $t('bpm.design.startSimulation')"
           >
-            <XButton preIcon="ep:cpu" title="模拟" @click="processSimulation" />
+            <XButton preIcon="ep:cpu" :title="$t('bpm.design.simulation')" @click="processSimulation" />
           </el-tooltip>
         </ElButtonGroup>
         <ElButtonGroup key="align-control">
-          <el-tooltip effect="light" content="向左对齐">
-            <!-- <el-button
-              class="align align-left"
-              icon="el-icon-s-data"
-              @click="elementsAlign('left')"
-            /> -->
+          <el-tooltip effect="light" content="Align Left">
             <XButton
               preIcon="fa:align-left"
               class="align align-bottom"
               @click="elementsAlign('left')"
             />
           </el-tooltip>
-          <el-tooltip effect="light" content="向右对齐">
-            <!-- <el-button
-              class="align align-right"
-              icon="el-icon-s-data"
-              @click="elementsAlign('right')"
-            /> -->
+          <el-tooltip effect="light" content="Align Right">
             <XButton
               preIcon="fa:align-left"
               class="align align-top"
               @click="elementsAlign('right')"
             />
           </el-tooltip>
-          <el-tooltip effect="light" content="向上对齐">
-            <!-- <el-button
-              class="align align-top"
-              icon="el-icon-s-data"
-              @click="elementsAlign('top')"
-            /> -->
+          <el-tooltip effect="light" content="Align Top">
             <XButton
               preIcon="fa:align-left"
               class="align align-left"
               @click="elementsAlign('top')"
             />
           </el-tooltip>
-          <el-tooltip effect="light" content="向下对齐">
-            <!-- <el-button
-              class="align align-bottom"
-              icon="el-icon-s-data"
-              @click="elementsAlign('bottom')"
-            /> -->
+          <el-tooltip effect="light" content="Align Bottom">
             <XButton
               preIcon="fa:align-left"
               class="align align-right"
               @click="elementsAlign('bottom')"
             />
           </el-tooltip>
-          <el-tooltip effect="light" content="水平居中">
-            <!-- <el-button
-              class="align align-center"
-              icon="el-icon-s-data"
-              @click="elementsAlign('center')"
-            /> -->
-            <!-- class="align align-center" -->
+          <el-tooltip effect="light" content="Center Horizontally">
             <XButton
               preIcon="fa:align-left"
               class="align align-center"
               @click="elementsAlign('center')"
             />
           </el-tooltip>
-          <el-tooltip effect="light" content="垂直居中">
-            <!-- <el-button
-              class="align align-middle"
-              icon="el-icon-s-data"
-              @click="elementsAlign('middle')"
-            /> -->
+          <el-tooltip effect="light" content="Center Vertically">
             <XButton
               preIcon="fa:align-left"
               class="align align-middle"
@@ -116,12 +78,7 @@
           </el-tooltip>
         </ElButtonGroup>
         <ElButtonGroup key="scale-control">
-          <el-tooltip effect="light" content="缩小视图">
-            <!-- <el-button
-              :disabled="defaultZoom < 0.2"
-              icon="el-icon-zoom-out"
-              @click="processZoomOut()"
-            /> -->
+          <el-tooltip effect="light" content="Zoom Out">
             <XButton
               preIcon="ep:zoom-out"
               @click="processZoomOut()"
@@ -129,34 +86,21 @@
             />
           </el-tooltip>
           <el-button>{{ Math.floor(defaultZoom * 10 * 10) + '%' }}</el-button>
-          <el-tooltip effect="light" content="放大视图">
-            <!-- <el-button
-              :disabled="defaultZoom > 4"
-              icon="el-icon-zoom-in"
-              @click="processZoomIn()"
-            /> -->
+          <el-tooltip effect="light" content="Zoom In">
             <XButton preIcon="ep:zoom-in" @click="processZoomIn()" :disabled="defaultZoom > 4" />
           </el-tooltip>
-          <el-tooltip effect="light" content="重置视图并居中">
-            <!-- <el-button icon="el-icon-c-scale-to-original" @click="processReZoom()" /> -->
+          <el-tooltip effect="light" content="Reset View and Center">
             <XButton preIcon="ep:scale-to-original" @click="processReZoom()" />
           </el-tooltip>
         </ElButtonGroup>
         <ElButtonGroup key="stack-control">
-          <el-tooltip effect="light" content="撤销">
-            <!-- <el-button :disabled="!revocable" icon="el-icon-refresh-left" @click="processUndo()" /> -->
+          <el-tooltip effect="light" content="Undo">
             <XButton preIcon="ep:refresh-left" @click="processUndo()" :disabled="!revocable" />
           </el-tooltip>
-          <el-tooltip effect="light" content="恢复">
-            <!-- <el-button
-              :disabled="!recoverable"
-              icon="el-icon-refresh-right"
-              @click="processRedo()"
-            /> -->
+          <el-tooltip effect="light" content="Redo">
             <XButton preIcon="ep:refresh-right" @click="processRedo()" :disabled="!recoverable" />
           </el-tooltip>
-          <el-tooltip effect="light" content="重新绘制">
-            <!-- <el-button icon="el-icon-refresh" @click="processRestart" /> -->
+          <el-tooltip effect="light" content="Reset">
             <XButton preIcon="ep:refresh" @click="processRestart()" />
           </el-tooltip>
         </ElButtonGroup>
@@ -206,7 +150,7 @@ import BpmnModeler from 'bpmn-js/lib/Modeler'
 import DefaultEmptyXML from './plugins/defaultEmpty'
 // 翻译方法
 import customTranslate from './plugins/translate/customTranslate'
-import translationsCN from './plugins/translate/zh'
+import translationsCN from './plugins/translate/en'
 // 模拟流转流程
 import tokenSimulation from 'bpmn-js-token-simulation'
 // 标签解析构建器
@@ -611,13 +555,12 @@ const elementsAlign = (align) => {
   const Selection = bpmnModeler.get('selection')
   const SelectedElements = Selection.get()
   if (!SelectedElements || SelectedElements.length <= 1) {
-    ElMessage.warning('请按住 Shift 键选择多个元素对齐')
-    // alert('请按住 Ctrl 键选择多个元素对齐
+    ElMessage.warning('Please hold Shift key to select multiple elements for alignment')
     return
   }
-  ElMessageBox.confirm('自动对齐可能造成图形变形，是否继续？', '警告', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
+  ElMessageBox.confirm('Automatic alignment may cause shape distortion. Continue?', 'Warning', {
+    confirmButtonText: 'Confirm',
+    cancelButtonText: 'Cancel',
     type: 'warning'
   }).then(() => {
     Align.trigger(SelectedElements, align)
diff --git a/src/components/bpmnProcessDesigner/package/designer/plugins/palette/CustomPalette.js b/src/components/bpmnProcessDesigner/package/designer/plugins/palette/CustomPalette.js
index 788e4d163..9a109890c 100644
--- a/src/components/bpmnProcessDesigner/package/designer/plugins/palette/CustomPalette.js
+++ b/src/components/bpmnProcessDesigner/package/designer/plugins/palette/CustomPalette.js
@@ -93,8 +93,8 @@ F.prototype.getPaletteEntries = function () {
     'hand-tool': {
       group: 'tools',
       className: 'bpmn-icon-hand-tool',
-      title: '激活抓手工具',
-      // title: translate("Activate the hand tool"),
+     // title: '激活抓手工具',
+       title: translate("Activate the hand tool"),
       action: {
         click: function (event) {
           handTool.activateHand(event)
diff --git a/src/components/bpmnProcessDesigner/package/designer/plugins/translate/en.js b/src/components/bpmnProcessDesigner/package/designer/plugins/translate/en.js
new file mode 100644
index 000000000..e6f581f15
--- /dev/null
+++ b/src/components/bpmnProcessDesigner/package/designer/plugins/translate/en.js
@@ -0,0 +1,152 @@
+export default {
+  "Activate create/remove space tool": "Activate create/remove space tool",
+  "Activate global connect tool": "Activate global connect tool",
+  "Activate hand tool": "Activate hand tool",
+  "Activate lasso tool": "Activate lasso tool",
+  "Ad-hoc": "Ad-hoc",
+  "Ad-hoc sub-process (collapsed)": "Ad-hoc sub-process (collapsed)",
+  "Ad-hoc sub-process (expanded)": "Ad-hoc sub-process (expanded)",
+  "Add lane above": "Add lane above",
+  "Add lane below": "Add lane below",
+  "Add text annotation": "Add text annotation",
+  "Align elements": "Align elements",
+  "Align elements bottom": "Align elements bottom",
+  "Align elements center": "Align elements center",
+  "Align elements left": "Align elements left",
+  "Align elements middle": "Align elements middle",
+  "Align elements right": "Align elements right",
+  "Align elements top": "Align elements top",
+  "Append compensation activity": "Append compensation activity",
+  "Append conditional intermediate catch event": "Append conditional intermediate catch event",
+  "Append end event": "Append end event",
+  "Append gateway": "Append gateway",
+  "Append intermediate/boundary event": "Append intermediate/boundary event",
+  "Append message intermediate catch event": "Append message intermediate catch event",
+  "Append receive task": "Append receive task",
+  "Append signal intermediate catch event": "Append signal intermediate catch event",
+  "Append task": "Append task",
+  "Append text annotation": "Append text annotation",
+  "Append timer intermediate catch event": "Append timer intermediate catch event",
+  "Business rule task": "Business rule task",
+  "Call activity": "Call activity",
+  "Cancel boundary event": "Cancel boundary event",
+  "Cancel end event": "Cancel end event",
+  "Change element": "Change element",
+  "Change type": "Change type",
+  "Collection": "Collection",
+  "Compensation boundary event": "Compensation boundary event",
+  "Compensation end event": "Compensation end event",
+  "Compensation intermediate throw event": "Compensation intermediate throw event",
+  "Compensation start event": "Compensation start event",
+  "Complex gateway": "Complex gateway",
+  "Conditional boundary event": "Conditional boundary event",
+  "Conditional boundary event (non-interrupting)": "Conditional boundary event (non-interrupting)",
+  "Conditional flow": "Conditional flow",
+  "Conditional intermediate catch event": "Conditional intermediate catch event",
+  "Conditional start event": "Conditional start event",
+  "Conditional start event (non-interrupting)": "Conditional start event (non-interrupting)",
+  "Connect to other element": "Connect to other element",
+  "Connect using association": "Connect using association",
+  "Connect using data input association": "Connect using data input association",
+  "Connect using sequence/message flow or association": "Connect using sequence/message flow or association",
+  "Create data object reference": "Create data object reference",
+  "Create data store reference": "Create data store reference",
+  "Create end event": "Create end event",
+  "Create expanded sub-process": "Create expanded sub-process",
+  "Create gateway": "Create gateway",
+  "Create group": "Create group",
+  "Create intermediate/boundary event": "Create intermediate/boundary event",
+  "Create pool/participant": "Create pool/participant",
+  "Create start event": "Create start event",
+  "Create task": "Create task",
+  "Data object reference": "Data object reference",
+  "Data store reference": "Data store reference",
+  "Default flow": "Default flow",
+  "Delete": "Delete",
+  "Distribute elements horizontally": "Distribute elements horizontally",
+  "Distribute elements vertically": "Distribute elements vertically",
+  "Divide into three lanes": "Divide into three lanes",
+  "Divide into two lanes": "Divide into two lanes",
+  "Empty pool/participant": "Empty pool/participant",
+  "Empty pool/participant (removes content)": "Empty pool/participant (removes content)",
+  "End event": "End event",
+  "Error boundary event": "Error boundary event",
+  "Error end event": "Error end event",
+  "Error start event": "Error start event",
+  "Escalation boundary event": "Escalation boundary event",
+  "Escalation boundary event (non-interrupting)": "Escalation boundary event (non-interrupting)",
+  "Escalation end event": "Escalation end event",
+  "Escalation intermediate throw event": "Escalation intermediate throw event",
+  "Escalation start event": "Escalation start event",
+  "Escalation start event (non-interrupting)": "Escalation start event (non-interrupting)",
+  "Event sub-process": "Event sub-process",
+  "Event-based gateway": "Event-based gateway",
+  "Exclusive gateway": "Exclusive gateway",
+  "Inclusive gateway": "Inclusive gateway",
+  "Intermediate throw event": "Intermediate throw event",
+  "Link intermediate catch event": "Link intermediate catch event",
+  "Link intermediate throw event": "Link intermediate throw event",
+  "Loop": "Loop",
+  "Manual task": "Manual task",
+  "Message boundary event": "Message boundary event",
+  "Message boundary event (non-interrupting)": "Message boundary event (non-interrupting)",
+  "Message end event": "Message end event",
+  "Message intermediate catch event": "Message intermediate catch event",
+  "Message intermediate throw event": "Message intermediate throw event",
+  "Message start event": "Message start event",
+  "Message start event (non-interrupting)": "Message start event (non-interrupting)",
+  "Open {element}": "Open {element}",
+  "Parallel gateway": "Parallel gateway",
+  "Parallel multi-instance": "Parallel multi-instance",
+  "Participant multiplicity": "Participant multiplicity",
+  "Receive task": "Receive task",
+  "Remove": "Remove",
+  "Script task": "Script task",
+  "Search in diagram": "Search in diagram",
+  "Send task": "Send task",
+  "Sequence flow": "Sequence flow",
+  "Sequential multi-instance": "Sequential multi-instance",
+  "Service task": "Service task",
+  "Signal boundary event": "Signal boundary event",
+  "Signal boundary event (non-interrupting)": "Signal boundary event (non-interrupting)",
+  "Signal end event": "Signal end event",
+  "Signal intermediate catch event": "Signal intermediate catch event",
+  "Signal intermediate throw event": "Signal intermediate throw event",
+  "Signal start event": "Signal start event",
+  "Signal start event (non-interrupting)": "Signal start event (non-interrupting)",
+  "Start event": "Start event",
+  "Sub-process": "Sub-process",
+  "Sub-process (collapsed)": "Sub-process (collapsed)",
+  "Sub-process (expanded)": "Sub-process (expanded)",
+  "Task": "Task",
+  "Terminate end event": "Terminate end event",
+  "Timer boundary event": "Timer boundary event",
+  "Timer boundary event (non-interrupting)": "Timer boundary event (non-interrupting)",
+  "Timer intermediate catch event": "Timer intermediate catch event",
+  "Timer start event": "Timer start event",
+  "Timer start event (non-interrupting)": "Timer start event (non-interrupting)",
+  "Toggle non-interrupting": "Toggle non-interrupting",
+  "Transaction": "Transaction",
+  "User task": "User task",
+  "already rendered {element}": "already rendered {element}",
+  "correcting missing bpmnElement on {plane} to {rootElement}": "correcting missing bpmnElement on {plane} to {rootElement}",
+  "diagram not part of bpmn:Definitions": "diagram not part of bpmn:Definitions",
+  "element required": "element required",
+  "element {element} referenced by {referenced}#{property} not yet drawn": "element {element} referenced by {referenced}#{property} not yet drawn",
+  "failed to import {element}": "failed to import {element}",
+  "flow elements must be children of pools/participants": "flow elements must be children of pools/participants",
+  "missing {semantic}#attachedToRef": "missing {semantic}#attachedToRef",
+  "more than {count} child lanes": "more than {count} child lanes",
+  "multiple DI elements defined for {element}": "multiple DI elements defined for {element}",
+  "no bpmnElement referenced in {element}": "no bpmnElement referenced in {element}",
+  "no diagram to display": "no diagram to display",
+  "no parent for {element} in {parent}": "no parent for {element} in {parent}",
+  "no plane for {element}": "no plane for {element}",
+  "no process or collaboration to display": "no process or collaboration to display",
+  "no shape type specified": "no shape type specified",
+  "out of bounds release": "out of bounds release",
+  "unknown di {di} for element {semantic}": "unknown di {di} for element {semantic}",
+  "unrecognized flowElement {element} in context {context}": "unrecognized flowElement {element} in context {context}",
+  "unsupported bpmnElement for {plane}: {rootElement}": "unsupported bpmnElement for {plane}: {rootElement}",
+  "{semantic}#{side} Ref not specified": "{semantic}#{side} Ref not specified"
+};
\ No newline at end of file
diff --git a/src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue b/src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue
index ff08dd33d..1995485d9 100644
--- a/src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/PropertiesPanel.vue
@@ -5,31 +5,34 @@
         <!-- class="panel-tab__title" -->
         <template #title>
           <Icon icon="ep:info-filled" />
-          常规</template
-        >
+          {{ $t('bpm.design.general') }}
+        </template>
         <ElementBaseInfo
-          :id-edit-disabled="idEditDisabled"
-          :business-object="elementBusinessObject"
-          :type="elementType"
-          :model="model"
-        />
+:id-edit-disabled="idEditDisabled" :business-object="elementBusinessObject" :type="elementType"
+          :model="model" />
       </el-collapse-item>
       <el-collapse-item name="condition" v-if="elementType === 'Process'" key="message">
-        <template #title><Icon icon="ep:comment" />消息与信号</template>
+        <template #title>
+          <Icon icon="ep:comment" />{{ $t('bpm.design.messageAndSignal') }}
+        </template>
         <signal-and-massage />
       </el-collapse-item>
       <el-collapse-item name="condition" v-if="conditionFormVisible" key="condition">
-        <template #title><Icon icon="ep:promotion" />流转条件</template>
+        <template #title>
+          <Icon icon="ep:promotion" />{{ $t('bpm.design.flowCondition') }}
+        </template>
         <flow-condition :business-object="elementBusinessObject" :type="elementType" />
       </el-collapse-item>
       <el-collapse-item name="condition" v-if="formVisible" key="form">
-        <template #title><Icon icon="ep:list" />表单</template>
+        <template #title>
+          <Icon icon="ep:list" />{{ $t('bpm.design.form') }}
+        </template>
         <element-form :id="elementId" :type="elementType" />
       </el-collapse-item>
       <el-collapse-item name="task" v-if="isTaskCollapseItemShow(elementType)" key="task">
-        <template #title
-          ><Icon icon="ep:checked" />{{ getTaskCollapseItemName(elementType) }}</template
-        >
+        <template #title>
+          <Icon icon="ep:checked" />{{ getTaskCollapseItemName(elementType) }}
+        </template>
         <element-task :id="elementId" :type="elementType" />
       </el-collapse-item>
       <el-collapse-item
@@ -37,7 +40,7 @@
         v-if="elementType.indexOf('Task') !== -1"
         key="multiInstance"
       >
-        <template #title><Icon icon="ep:help-filled" />多人审批方式</template>
+        <template #title><Icon icon="ep:help-filled" />{{ $t('bpm.design.multiInstance') }}</template>
         <element-multi-instance
           :id="elementId"
           :business-object="elementBusinessObject"
@@ -45,28 +48,34 @@
         />
       </el-collapse-item>
       <el-collapse-item name="listeners" key="listeners">
-        <template #title><Icon icon="ep:bell-filled" />执行监听器</template>
+        <template #title>
+          <Icon icon="ep:bell-filled" />{{ $t('bpm.design.executionListener') }}
+        </template>
         <element-listeners :id="elementId" :type="elementType" />
       </el-collapse-item>
       <el-collapse-item name="taskListeners" v-if="elementType === 'UserTask'" key="taskListeners">
-        <template #title><Icon icon="ep:bell-filled" />任务监听器</template>
+        <template #title>
+          <Icon icon="ep:bell-filled" />{{ $t('bpm.design.taskListener') }}
+        </template>
         <user-task-listeners :id="elementId" :type="elementType" />
       </el-collapse-item>
       <el-collapse-item name="extensions" key="extensions">
-        <template #title><Icon icon="ep:circle-plus-filled" />扩展属性</template>
+        <template #title>
+          <Icon icon="ep:circle-plus-filled" />{{ $t('bpm.design.extensionProperties') }}
+        </template>
         <element-properties :id="elementId" :type="elementType" />
       </el-collapse-item>
       <el-collapse-item name="other" key="other">
-        <template #title><Icon icon="ep:promotion" />其他</template>
+        <template #title>
+          <Icon icon="ep:promotion" />{{ $t('bpm.design.other') }}
+        </template>
         <element-other-config :id="elementId" />
       </el-collapse-item>
       <el-collapse-item name="customConfig" key="customConfig">
-        <template #title><Icon icon="ep:tools" />自定义配置</template>
-        <element-custom-config
-          :id="elementId"
-          :type="elementType"
-          :business-object="elementBusinessObject"
-        />
+        <template #title>
+          <Icon icon="ep:tools" />{{ $t('bpm.design.customConfig') }}
+        </template>
+        <element-custom-config :id="elementId" :type="elementType" :business-object="elementBusinessObject" />
       </el-collapse-item>
     </el-collapse>
   </div>
@@ -95,7 +104,7 @@ defineOptions({ name: 'MyPropertiesPanel' })
 const props = defineProps({
   bpmnModeler: {
     type: Object,
-    default: () => {}
+    default: () => { }
   },
   prefix: {
     type: String,
diff --git a/src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue b/src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue
index 3172338d9..2bad250ca 100644
--- a/src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/base/ElementBaseInfo.vue
@@ -3,28 +3,28 @@
     <el-form label-width="90px" :model="needProps" :rules="rules">
       <div v-if="needProps.type == 'bpmn:Process'">
         <!-- 如果是 Process 信息的时候，使用自定义表单 -->
-        <el-form-item label="流程标识" prop="id">
+        <el-form-item :label="$t('bpm.design.processId')" prop="id">
           <el-input
             v-model="needProps.id"
-            placeholder="请输入流标标识"
+            :placeholder="$t('bpm.design.enterProcessId')"
             :disabled="needProps.id !== undefined && needProps.id.length > 0"
             @change="handleKeyUpdate"
           />
         </el-form-item>
-        <el-form-item label="流程名称" prop="name">
+        <el-form-item :label="$t('bpm.design.processName')" prop="name">
           <el-input
             v-model="needProps.name"
-            placeholder="请输入流程名称"
+            :placeholder="$t('bpm.design.enterProcessName')"
             clearable
             @change="handleNameUpdate"
           />
         </el-form-item>
       </div>
       <div v-else>
-        <el-form-item label="ID">
+        <el-form-item :label="$t('bpm.design.id')">
           <el-input v-model="elementBaseInfo.id" clearable @change="updateBaseInfo('id')" />
         </el-form-item>
-        <el-form-item label="名称">
+        <el-form-item :label="$t('bpm.design.name')">
           <el-input v-model="elementBaseInfo.name" clearable @change="updateBaseInfo('name')" />
         </el-form-item>
       </div>
@@ -47,12 +47,13 @@ const props = defineProps({
 const needProps = ref<any>({})
 const bpmnElement = ref()
 const elementBaseInfo = ref<any>({})
+const { t } = useI18n()
 // 流程表单的下拉框的数据
 // const forms = ref([])
 // 流程模型的校验
 const rules = reactive({
-  id: [{ required: true, message: '流程标识不能为空', trigger: 'blur' }],
-  name: [{ required: true, message: '流程名称不能为空', trigger: 'blur' }]
+  id: [{ required: true, message: t('bpm.design.processIdRequired'), trigger: 'blur' }],
+  name: [{ required: true, message: useI18n().t('bpm.design.processNameRequired'), trigger: 'blur' }]
 })
 
 const bpmnInstances = () => (window as any)?.bpmnInstances
diff --git a/src/components/bpmnProcessDesigner/package/penal/form/ElementForm.vue b/src/components/bpmnProcessDesigner/package/penal/form/ElementForm.vue
index 2359aff67..d4352e9ce 100644
--- a/src/components/bpmnProcessDesigner/package/penal/form/ElementForm.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/form/ElementForm.vue
@@ -1,16 +1,16 @@
 <template>
   <div class="panel-tab__content">
     <el-form label-width="80px">
-      <el-form-item label="流程表单">
+      <el-form-item :label="$t('bpm.design.processForm')">
         <!--        <el-input v-model="formKey" clearable @change="updateElementFormKey" />-->
         <el-select v-model="formKey" clearable @change="updateElementFormKey">
           <el-option v-for="form in formList" :key="form.id" :label="form.name" :value="form.id" />
         </el-select>
       </el-form-item>
-      <!--      <el-form-item label="业务标识">-->
+      <!--      <el-form-item :label="$t('bpm.design.businessKey')">-->
       <!--        <el-select v-model="businessKey" @change="updateElementBusinessKey">-->
       <!--          <el-option v-for="i in fieldList" :key="i.id" :value="i.id" :label="i.label" />-->
-      <!--          <el-option label="无" value="" />-->
+      <!--          <el-option :label="$t('bpm.design.none')" value="" />-->
       <!--        </el-select>-->
       <!--      </el-form-item>-->
     </el-form>
@@ -237,7 +237,7 @@ const props = defineProps({
 const prefix = inject('prefix')
 const width = inject('width')
 
-const formKey = ref(undefined)
+const formKey = ref('')
 const businessKey = ref('')
 const optionModelTitle = ref('')
 const fieldList = ref<any[]>([])
diff --git a/src/components/bpmnProcessDesigner/package/penal/listeners/ElementListeners.vue b/src/components/bpmnProcessDesigner/package/penal/listeners/ElementListeners.vue
index a161205aa..445b5e61d 100644
--- a/src/components/bpmnProcessDesigner/package/penal/listeners/ElementListeners.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/listeners/ElementListeners.vue
@@ -1,23 +1,23 @@
 <template>
   <div class="panel-tab__content">
     <el-table :data="elementListenersList" size="small" border>
-      <el-table-column label="序号" width="50px" type="index" />
-      <el-table-column label="事件类型" min-width="100px" prop="event" />
+      <el-table-column :label="$t('bpm.design.serialNumber')" width="50px" type="index" />
+      <el-table-column :label="$t('bpm.design.eventType')" min-width="100px" prop="event" />
       <el-table-column
-        label="监听器类型"
+        :label="$t('bpm.design.listenerType')"
         min-width="100px"
         show-overflow-tooltip
         :formatter="(row) => listenerTypeObject[row.listenerType]"
       />
-      <el-table-column label="操作" width="100px">
+      <el-table-column :label="$t('bpm.design.action')" width="100px">
         <template #default="scope">
-          <el-button size="small" link @click="openListenerForm(scope.row, scope.$index)"
-            >编辑</el-button
-          >
+          <el-button size="small" link @click="openListenerForm(scope.row, scope.$index)">
+            {{ $t('bpm.design.edit') }}
+          </el-button>
           <el-divider direction="vertical" />
-          <el-button size="small" link style="color: #ff4d4f" @click="removeListener(scope.$index)"
-            >移除</el-button
-          >
+          <el-button size="small" link style="color: #ff4d4f" @click="removeListener(scope.$index)">
+            {{ $t('bpm.design.remove') }}
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -25,14 +25,14 @@
       <XButton
         type="primary"
         preIcon="ep:plus"
-        title="添加监听器"
+        :title="$t('bpm.design.addListener')"
         size="small"
         @click="openListenerForm(null)"
       />
       <XButton
         type="success"
         preIcon="ep:select"
-        title="选择监听器"
+        :title="$t('bpm.design.selectListener')"
         size="small"
         @click="openProcessListenerDialog"
       />
@@ -41,14 +41,14 @@
     <!-- 监听器 编辑/创建 部分 -->
     <el-drawer
       v-model="listenerFormModelVisible"
-      title="执行监听器"
+      :title="$t('bpm.design.executionListener')"
       :size="`${width}px`"
       append-to-body
       destroy-on-close
     >
       <el-form :model="listenerForm" label-width="96px" ref="listenerFormRef">
         <el-form-item
-          label="事件类型"
+          :label="$t('bpm.design.eventType')"
           prop="event"
           :rules="{ required: true, trigger: ['blur', 'change'] }"
         >
@@ -58,7 +58,7 @@
           </el-select>
         </el-form-item>
         <el-form-item
-          label="监听器类型"
+          :label="$t('bpm.design.listenerType')"
           prop="listenerType"
           :rules="{ required: true, trigger: ['blur', 'change'] }"
         >
@@ -73,7 +73,7 @@
         </el-form-item>
         <el-form-item
           v-if="listenerForm.listenerType === 'classListener'"
-          label="Java类"
+          :label="$t('bpm.design.javaClass')"
           prop="class"
           key="listener-class"
           :rules="{ required: true, trigger: ['blur', 'change'] }"
@@ -82,7 +82,7 @@
         </el-form-item>
         <el-form-item
           v-if="listenerForm.listenerType === 'expressionListener'"
-          label="表达式"
+          :label="$t('bpm.design.expression')"
           prop="expression"
           key="listener-expression"
           :rules="{ required: true, trigger: ['blur', 'change'] }"
diff --git a/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue b/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
index 99ee6f888..ae23c6135 100644
--- a/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
@@ -8,7 +8,7 @@
       <div class="flex-col">
         <div v-for="(item, index) in APPROVE_METHODS" :key="index">
           <el-radio :value="item.value" :label="item.value">
-            {{ item.label }}
+            {{ $t('bpm.design.' + item.label) }}
           </el-radio>
           <el-form-item prop="approveRatio">
             <el-input-number
@@ -28,20 +28,20 @@
       </div>
     </el-radio-group>
     <div v-else>
-      除了UserTask以外节点的多实例待实现
+      {{ $t('bpm.design.multiInstanceNotImplemented') }}
     </div>
     <!-- 与Simple设计器配置合并，保留以前的代码 -->
-    <el-form label-width="90px" style="display: none">
-      <el-form-item label="快捷配置">
-        <el-button size="small" @click="changeConfig('依次审批')">依次审批</el-button>
-        <el-button size="small" @click="changeConfig('会签')">会签</el-button>
-        <el-button size="small" @click="changeConfig('或签')">或签</el-button>
+    <el-form label-width="90px">
+      <el-form-item :label="$t('bpm.design.quickConfig')">
+        <el-button size="small" @click="changeConfig($t('bpm.design.sequentialApproval'))">{{ $t('bpm.design.sequentialApproval') }}</el-button>
+        <el-button size="small" @click="changeConfig($t('bpm.design.countersign'))">{{ $t('bpm.design.countersign') }}</el-button>
+        <el-button size="small" @click="changeConfig($t('bpm.design.orSign'))">{{ $t('bpm.design.orSign') }}</el-button>
       </el-form-item>
-      <el-form-item label="会签类型">
+      <el-form-item :label="$t('bpm.design.countersignType')">
         <el-select v-model="loopCharacteristics" @change="changeLoopCharacteristicsType">
-          <el-option label="并行多重事件" value="ParallelMultiInstance" />
-          <el-option label="时序多重事件" value="SequentialMultiInstance" />
-          <el-option label="无" value="Null" />
+          <el-option :label="$t('bpm.design.parallelMultiInstance')" value="ParallelMultiInstance" />
+          <el-option :label="$t('bpm.design.sequentialMultiInstance')" value="SequentialMultiInstance" />
+          <el-option :label="$t('bpm.design.none')" value="Null" />
         </el-select>
       </el-form-item>
       <template
@@ -418,4 +418,4 @@ watch(
   },
   { immediate: true }
 )
-</script>
+</script>
\ No newline at end of file
diff --git a/src/components/bpmnProcessDesigner/package/penal/other/ElementOtherConfig.vue b/src/components/bpmnProcessDesigner/package/penal/other/ElementOtherConfig.vue
index 05532c69c..f6d07b85e 100644
--- a/src/components/bpmnProcessDesigner/package/penal/other/ElementOtherConfig.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/other/ElementOtherConfig.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="panel-tab__content">
     <div class="element-property input-property">
-      <div class="element-property__label">元素文档：</div>
+      <div class="element-property__label">{{ $t('bpm.design.elementDocumentation') }}</div>
       <div class="element-property__value">
         <el-input
           type="textarea"
diff --git a/src/components/bpmnProcessDesigner/package/penal/properties/ElementProperties.vue b/src/components/bpmnProcessDesigner/package/penal/properties/ElementProperties.vue
index 7bf4f0ea1..945a4db5f 100644
--- a/src/components/bpmnProcessDesigner/package/penal/properties/ElementProperties.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/properties/ElementProperties.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="panel-tab__content">
     <el-table :data="elementPropertyList" max-height="240" fit border>
-      <el-table-column label="序号" width="50px" type="index" />
-      <el-table-column label="属性名" prop="name" min-width="100px" show-overflow-tooltip />
-      <el-table-column label="属性值" prop="value" min-width="100px" show-overflow-tooltip />
-      <el-table-column label="操作" width="110px">
+      <el-table-column :label="$t('bpm.design.index')" width="50px" type="index" />
+      <el-table-column :label="$t('bpm.design.propertyName')" prop="name" min-width="100px" show-overflow-tooltip />
+      <el-table-column :label="$t('bpm.design.propertyValue')" prop="value" min-width="100px" show-overflow-tooltip />
+      <el-table-column :label="$t('bpm.design.action')" width="110px">
         <template #default="scope">
           <el-button link @click="openAttributesForm(scope.row, scope.$index)" size="small">
-            编辑
+            {{ $t('bpm.design.edit') }}
           </el-button>
           <el-divider direction="vertical" />
           <el-button
@@ -16,7 +16,7 @@
             style="color: #ff4d4f"
             @click="removeAttributes(scope.row, scope.$index)"
           >
-            移除
+            {{ $t('bpm.design.remove') }}
           </el-button>
         </template>
       </el-table-column>
@@ -25,29 +25,29 @@
       <XButton
         type="primary"
         preIcon="ep:plus"
-        title="添加属性"
+        :title="$t('bpm.design.addProperty')"
         @click="openAttributesForm(null, -1)"
       />
     </div>
 
     <el-dialog
       v-model="propertyFormModelVisible"
-      title="属性配置"
+      :title="$t('bpm.design.propertyConfig')"
       width="600px"
       append-to-body
       destroy-on-close
     >
       <el-form :model="propertyForm" label-width="80px" ref="attributeFormRef">
-        <el-form-item label="属性名：" prop="name">
+        <el-form-item :label="$t('bpm.design.propertyNameLabel')" prop="name">
           <el-input v-model="propertyForm.name" clearable />
         </el-form-item>
-        <el-form-item label="属性值：" prop="value">
+        <el-form-item :label="$t('bpm.design.propertyValueLabel')" prop="value">
           <el-input v-model="propertyForm.value" clearable />
         </el-form-item>
       </el-form>
       <template #footer>
-        <el-button @click="propertyFormModelVisible = false">取 消</el-button>
-        <el-button type="primary" @click="saveAttribute">确 定</el-button>
+        <el-button @click="propertyFormModelVisible = false">{{ $t('bpm.design.cancel') }}</el-button>
+        <el-button type="primary" @click="saveAttribute">{{ $t('bpm.design.confirm') }}</el-button>
       </template>
     </el-dialog>
   </div>
diff --git a/src/components/bpmnProcessDesigner/package/penal/signal-message/SignalAndMessage.vue b/src/components/bpmnProcessDesigner/package/penal/signal-message/SignalAndMessage.vue
index f38f31c65..dcd43ebd3 100644
--- a/src/components/bpmnProcessDesigner/package/penal/signal-message/SignalAndMessage.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/signal-message/SignalAndMessage.vue
@@ -1,25 +1,25 @@
 <template>
   <div class="panel-tab__content">
     <div class="panel-tab__content--title">
-      <span><Icon icon="ep:menu" style="margin-right: 8px; color: #555" />消息列表</span>
-      <XButton type="primary" title="创建新消息" preIcon="ep:plus" @click="openModel('message')" />
+      <span><Icon icon="ep:menu" style="margin-right: 8px; color: #555" />{{ $t('bpm.design.messageList') }}</span>
+      <XButton type="primary" :title="$t('bpm.design.createNewMessage')" preIcon="ep:plus" @click="openModel('message')" />
     </div>
     <el-table :data="messageList" border>
-      <el-table-column type="index" label="序号" width="60px" />
-      <el-table-column label="消息ID" prop="id" max-width="300px" show-overflow-tooltip />
-      <el-table-column label="消息名称" prop="name" max-width="300px" show-overflow-tooltip />
+      <el-table-column type="index" :label="$t('bpm.design.serialNumber')" width="60px" />
+      <el-table-column :label="$t('bpm.design.messageId')" prop="id" max-width="300px" show-overflow-tooltip />
+      <el-table-column :label="$t('bpm.design.messageName')" prop="name" max-width="300px" show-overflow-tooltip />
     </el-table>
     <div
       class="panel-tab__content--title"
       style="padding-top: 8px; margin-top: 8px; border-top: 1px solid #eee"
     >
-      <span><Icon icon="ep:menu" style="margin-right: 8px; color: #555" />信号列表</span>
-      <XButton type="primary" title="创建新信号" preIcon="ep:plus" @click="openModel('signal')" />
+      <span><Icon icon="ep:menu" style="margin-right: 8px; color: #555" />{{ $t('bpm.design.signalList') }}</span>
+      <XButton type="primary" :title="$t('bpm.design.createNewSignal')" preIcon="ep:plus" @click="openModel('signal')" />
     </div>
     <el-table :data="signalList" border>
-      <el-table-column type="index" label="序号" width="60px" />
-      <el-table-column label="信号ID" prop="id" max-width="300px" show-overflow-tooltip />
-      <el-table-column label="信号名称" prop="name" max-width="300px" show-overflow-tooltip />
+      <el-table-column type="index" :label="$t('bpm.design.serialNumber')" width="60px" />
+      <el-table-column :label="$t('bpm.design.signalId')" prop="id" max-width="300px" show-overflow-tooltip />
+      <el-table-column :label="$t('bpm.design.signalName')" prop="name" max-width="300px" show-overflow-tooltip />
     </el-table>
 
     <el-dialog
@@ -39,15 +39,15 @@
         </el-form-item>
       </el-form>
       <template #footer>
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="addNewObject">保 存</el-button>
+        <el-button @click="dialogVisible = false">{{ $t('bpm.design.cancel') }}</el-button>
+        <el-button type="primary" @click="addNewObject">{{ $t('bpm.design.save') }}</el-button>
       </template>
     </el-dialog>
   </div>
 </template>
 <script lang="ts" setup>
 defineOptions({ name: 'SignalAndMassage' })
-
+const { t } = useI18n()
 const message = useMessage()
 const signalList = ref<any[]>([])
 const messageList = ref<any[]>([])
@@ -59,9 +59,9 @@ const messageIdMap = ref()
 const signalIdMap = ref()
 const modelConfig = computed(() => {
   if (modelType.value === 'message') {
-    return { title: '创建消息', idLabel: '消息ID', nameLabel: '消息名称' }
+    return { title: t('bpm.design.createMessage'), idLabel: t('bpm.design.messageId'), nameLabel: t('bpm.design.messageName') }
   } else {
-    return { title: '创建信号', idLabel: '信号ID', nameLabel: '信号名称' }
+    return { title: t('bpm.design.createSignal'), idLabel: t('bpm.design.signalId'), nameLabel: t('bpm.design.signalName') }
   }
 })
 const bpmnInstances = () => (window as any)?.bpmnInstances
@@ -92,13 +92,13 @@ const openModel = (type) => {
 const addNewObject = () => {
   if (modelType.value === 'message') {
     if (messageIdMap.value[modelObjectForm.value.id]) {
-      message.error('该消息已存在，请修改id后重新保存')
+      message.error(t('bpm.design.messageExists'))
     }
     const messageRef = bpmnInstances().moddle.create('bpmn:Message', modelObjectForm.value)
     rootElements.value.push(messageRef)
   } else {
     if (signalIdMap.value[modelObjectForm.value.id]) {
-      message.error('该信号已存在，请修改id后重新保存')
+      message.error(t('bpm.design.signalExists'))
     }
     const signalRef = bpmnInstances().moddle.create('bpmn:Signal', modelObjectForm.value)
     rootElements.value.push(signalRef)
diff --git a/src/components/bpmnProcessDesigner/package/penal/task/ElementTask.vue b/src/components/bpmnProcessDesigner/package/penal/task/ElementTask.vue
index 3a71b4c77..dc192977c 100644
--- a/src/components/bpmnProcessDesigner/package/penal/task/ElementTask.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/task/ElementTask.vue
@@ -2,24 +2,24 @@
   <div class="panel-tab__content">
     <el-form size="small" label-width="90px">
       <!-- add by 芋艿：由于「异步延续」暂时用不到，所以这里 display 为 none -->
-      <el-form-item label="异步延续" style="display: none">
+      <el-form-item :label="t('bpm.design.asyncContinuation')" style="display: none">
         <el-checkbox
           v-model="taskConfigForm.asyncBefore"
-          label="异步前"
-          value="异步前"
+          :label="t('bpm.design.asyncBefore')"
+          :value="t('bpm.design.asyncBefore')"
           @change="changeTaskAsync"
         />
         <el-checkbox
           v-model="taskConfigForm.asyncAfter"
-          label="异步后"
-          value="异步后"
+          :label="t('bpm.design.asyncAfter')"
+          :value="t('bpm.design.asyncAfter')"
           @change="changeTaskAsync"
         />
         <el-checkbox
           v-model="taskConfigForm.exclusive"
           v-if="taskConfigForm.asyncAfter || taskConfigForm.asyncBefore"
-          label="排除"
-          value="排除"
+          :label="t('bpm.design.exclusive')"
+          :value="t('bpm.design.exclusive')"
           @change="changeTaskAsync"
         />
       </el-form-item>
@@ -30,9 +30,12 @@
 
 <script lang="ts" setup>
 import { installedComponent } from './data'
+import { useI18n } from 'vue-i18n'
 
 defineOptions({ name: 'ElementTaskConfig' })
 
+const { t } = useI18n()
+
 const props = defineProps({
   id: String,
   type: String
diff --git a/src/components/bpmnProcessDesigner/package/penal/task/data.ts b/src/components/bpmnProcessDesigner/package/penal/task/data.ts
index 805c9ac56..0728a5117 100644
--- a/src/components/bpmnProcessDesigner/package/penal/task/data.ts
+++ b/src/components/bpmnProcessDesigner/package/penal/task/data.ts
@@ -6,23 +6,23 @@ import CallActivity from './task-components/CallActivity.vue'
 
 export const installedComponent = {
   UserTask: {
-    name: '用户任务',
+    name: 'User Task',
     component: UserTask
   },
   ServiceTask: {
-    name: '服务任务',
+    name: 'ServiceTask',
     component: ServiceTask
   },
   ScriptTask: {
-    name: '脚本任务',
+    name: 'ScriptTask',
     component: ScriptTask
   },
   ReceiveTask: {
-    name: '接收任务',
+    name: 'ReceiveTask',
     component: ReceiveTask
   },
   CallActivity: {
-    name: '调用活动',
+    name: 'CallActivity',
     component: CallActivity
   }
 }
diff --git a/src/components/bpmnProcessDesigner/package/penal/task/task-components/ServiceTask.vue b/src/components/bpmnProcessDesigner/package/penal/task/task-components/ServiceTask.vue
index 2f9c535ee..75232712d 100644
--- a/src/components/bpmnProcessDesigner/package/penal/task/task-components/ServiceTask.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/task/task-components/ServiceTask.vue
@@ -1,15 +1,15 @@
 <template>
   <div>
-    <el-form-item label="执行类型" key="executeType">
+    <el-form-item :label="$t('bpm.design.executeType')" key="executeType">
       <el-select v-model="serviceTaskForm.executeType">
-        <el-option label="Java类" value="class" />
-        <el-option label="表达式" value="expression" />
-        <el-option label="代理表达式" value="delegateExpression" />
+        <el-option :label="$t('bpm.design.javaClass')" value="class" />
+        <el-option :label="$t('bpm.design.expression')" value="expression" />
+        <el-option :label="$t('bpm.design.delegateExpression')" value="delegateExpression" />
       </el-select>
     </el-form-item>
     <el-form-item
       v-if="serviceTaskForm.executeType === 'class'"
-      label="Java类"
+      :label="$t('bpm.design.javaClass')"
       prop="class"
       key="execute-class"
     >
@@ -17,7 +17,7 @@
     </el-form-item>
     <el-form-item
       v-if="serviceTaskForm.executeType === 'expression'"
-      label="表达式"
+      :label="$t('bpm.design.expression')"
       prop="expression"
       key="execute-expression"
     >
@@ -25,7 +25,7 @@
     </el-form-item>
     <el-form-item
       v-if="serviceTaskForm.executeType === 'delegateExpression'"
-      label="代理表达式"
+      :label="$t('bpm.design.delegateExpression')"
       prop="delegateExpression"
       key="execute-delegate"
     >
diff --git a/src/components/bpmnProcessDesigner/package/penal/task/task-components/UserTask.vue b/src/components/bpmnProcessDesigner/package/penal/task/task-components/UserTask.vue
index 81088ccc3..e7f2d14db 100644
--- a/src/components/bpmnProcessDesigner/package/penal/task/task-components/UserTask.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/task/task-components/UserTask.vue
@@ -1,6 +1,6 @@
 <template>
   <el-form label-width="120px">
-    <el-form-item label="规则类型" prop="candidateStrategy">
+    <el-form-item :label="$t('bpm.design.candidateStrategy')" prop="candidateStrategy">
       <el-select
         v-model="userTaskForm.candidateStrategy"
         clearable
@@ -17,7 +17,7 @@
     </el-form-item>
     <el-form-item
       v-if="userTaskForm.candidateStrategy == CandidateStrategy.ROLE"
-      label="指定角色"
+      :label="$t('bpm.design.role')"
       prop="candidateParam"
     >
       <el-select
@@ -36,7 +36,7 @@
         userTaskForm.candidateStrategy == CandidateStrategy.DEPT_LEADER ||
         userTaskForm.candidateStrategy == CandidateStrategy.MULTI_LEVEL_DEPT_LEADER
       "
-      label="指定部门"
+      :label="$t('bpm.design.dept')"
       prop="candidateParam"
       span="24"
     >
@@ -45,7 +45,7 @@
         v-model="userTaskForm.candidateParam"
         :data="deptTreeOptions"
         :props="defaultProps"
-        empty-text="加载中，请稍后"
+        :empty-text="$t('bpm.design.loading')"
         multiple
         node-key="id"
         show-checkbox
@@ -54,7 +54,7 @@
     </el-form-item>
     <el-form-item
       v-if="userTaskForm.candidateStrategy == CandidateStrategy.POST"
-      label="指定岗位"
+      :label="$t('bpm.design.post')"
       prop="candidateParam"
       span="24"
     >
@@ -70,7 +70,7 @@
     </el-form-item>
     <el-form-item
       v-if="userTaskForm.candidateStrategy == CandidateStrategy.USER"
-      label="指定用户"
+      :label="$t('bpm.design.user')"
       prop="candidateParam"
       span="24"
     >
@@ -91,7 +91,7 @@
     </el-form-item>
     <el-form-item
       v-if="userTaskForm.candidateStrategy === CandidateStrategy.USER_GROUP"
-      label="指定用户组"
+      :label="$t('bpm.design.userGroup')"
       prop="candidateParam"
     >
       <el-select
@@ -111,7 +111,7 @@
     </el-form-item>
     <el-form-item
       v-if="userTaskForm.candidateStrategy === CandidateStrategy.FORM_USER"
-      label="表单内用户字段"
+      :label="$t('bpm.design.formUser')"
       prop="formUser"
     >
       <el-select
@@ -131,7 +131,7 @@
     </el-form-item>
     <el-form-item
       v-if="userTaskForm.candidateStrategy === CandidateStrategy.FORM_DEPT_LEADER"
-      label="表单内部门字段"
+      :label="$t('bpm.design.formDept')"
       prop="formDept"
     >
       <el-select
@@ -156,7 +156,7 @@
         userTaskForm.candidateStrategy == CandidateStrategy.START_USER_MULTI_LEVEL_DEPT_LEADER ||
         userTaskForm.candidateStrategy == CandidateStrategy.FORM_DEPT_LEADER
       "
-      :label="deptLevelLabel!"
+      :label="$t('bpm.design.deptLevel')"
       prop="deptLevel"
       span="24"
     >
@@ -171,7 +171,7 @@
     </el-form-item>
     <el-form-item
       v-if="userTaskForm.candidateStrategy === CandidateStrategy.EXPRESSION"
-      label="流程表达式"
+      :label="$t('bpm.design.expression')"
       prop="candidateParam"
     >
       <el-input
@@ -193,7 +193,7 @@
       <ProcessExpressionDialog ref="processExpressionDialogRef" @select="selectProcessExpression" />
     </el-form-item>
 
-    <el-form-item label="跳过表达式" prop="skipExpression">
+    <el-form-item :label="$t('bpm.design.skipExpression')" prop="skipExpression">
       <el-input
         type="textarea"
         v-model="userTaskForm.skipExpression"
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 505cfd80d..19d01b90d 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -54,7 +54,9 @@ export default {
     updateTime: 'Update Time',
     copy: 'Copy',
     copySuccess: 'Copy Success',
-    copyError: 'Copy Error'
+    copyError: 'Copy Error',
+    confirm: 'Confirm',
+    operation: 'Operation',
   },
   lock: {
     lockScreen: 'Lock screen',
@@ -456,5 +458,256 @@ export default {
     btn_zoom_in: 'Zoom in',
     btn_zoom_out: 'Zoom out',
     preview: 'Preivew'
+  },
+  bpm: {
+    category: {
+      name: 'Category Name',
+      namePlaceholder: 'Please enter category name',
+      nameRequired: 'Category name cannot be empty',
+      code: 'Category Code',
+      codePlaceholder: 'Please enter category code',
+      codeRequired: 'Category code cannot be empty',
+      description: 'Category Description',
+      descriptionPlaceholder: 'Please enter category description',
+      status: 'Category Status',
+      statusRequired: 'Category status cannot be empty',
+      sort: 'Category Sort',
+      sortPlaceholder: 'Please enter category sort',
+      sortRequired: 'Category sort cannot be empty'
+    },
+    definition: {
+      id: 'Definition ID',
+      name: 'Process Name',
+      icon: 'Process Icon',
+      visibleRange: 'Visible Range',
+      type: 'Process Type',
+      formInfo: 'Form Information',
+      version: 'Process Version',
+      deployTime: 'Deployment Time',
+      allVisible: 'All Visible',
+      etc: 'etc.',
+      peopleVisible: 'people visible',
+      noForm: 'No Form',
+      restore: 'Restore',
+      formDetail: 'Form Detail',
+      manual: 'Workflow Manual'
+    },
+    model: {
+      dragToSort: 'Drag to sort',
+      sort: 'Sort',
+      create: 'Create',
+      category: 'Category',
+      rename: 'Rename',
+      deleteCategory: 'Delete Category',
+      saveSort: 'Save Sort',
+      processName: 'Process Name',
+      visibleRange: 'Visible Range',
+      allVisible: 'All Visible',
+      etc: ' etc.',
+      deptVisible: 'departments visible',
+      peopleVisible: 'people visible',
+      processType: 'Process Type',
+      formInfo: 'Form Information',
+      noForm: 'No Form',
+      lastDeploy: 'Last Deployment',
+      notDeployed: 'Not Deployed',
+      disabled: 'Disabled',
+      copy: 'Copy',
+      deploy: 'Deploy',
+      history: 'History',
+      report: 'Report',
+      disable: 'Disable',
+      enable: 'Enable',
+      clean: 'Clean',
+      renameCategory: 'Rename Category',
+      formDetail: 'Form Detail',
+      confirmClean: 'Are you sure to clean the process named "{name}"?',
+      cleanSuccess: 'Clean successful',
+      confirmChangeState: 'Are you sure to {state} the process named "{name}"?',
+      confirmDeploy: 'Are you sure to deploy this process?',
+      deploySuccess: 'Deploy successful',
+      sortSuccess: 'Sort models successful',
+      pleaseEnterName: 'Please enter a name',
+      renameSuccess: 'Rename successful',
+      categoryNotEmpty: 'This category still has process definitions, deletion is not allowed',
+      confirmDeleteCategory: 'Are you sure to delete this category?',
+      form: {
+        processIdentifier: 'Process Identifier',
+        enterProcessIdentifier: 'Please enter process identifier, start with letter or underscore',
+        identifierNotModifiable: 'Process identifier cannot be modified!',
+        identifierNotModifiableAfterCreation: 'After creation, process identifier cannot be modified!',
+        processName: 'Process Name',
+        enterProcessName: 'Please enter process name',
+        processCategory: 'Process Category',
+        selectProcessCategory: 'Please select process category',
+        processIcon: 'Process Icon',
+        processDescription: 'Process Description',
+        processType: 'Process Type',
+        isVisible: 'Is Visible',
+        whoCanInitiate: 'Who Can Initiate',
+        selectWhoCanInitiate: 'Please select who can initiate',
+        allMembers: 'All Members',
+        specificPersons: 'Specific Persons',
+        specificDepartments: 'Specific Departments',
+        selectPerson: 'Select Person',
+        selectDepartment: 'Select Department',
+        processAdmin: 'Process Administrator',
+        processNameRequired: 'Process name cannot be empty',
+        processIdentifierRequired: 'Process identifier cannot be empty',
+        processCategoryRequired: 'Process category cannot be empty',
+        processTypeRequired: 'Process type cannot be empty',
+        visibilityRequired: 'Visibility cannot be empty',
+        processAdminRequired: 'Process administrator cannot be empty',
+        submitterPermissions: 'Submitter Permissions',
+        allowCancelRunning: 'Allow cancellation of running applications',
+        cancelRunningTip: 'After the first approval node passes, the submitter can still cancel the application',
+        processCode: 'Process Code',
+        prefix: 'Prefix',
+        infix: 'Infix',
+        postfix: 'Postfix',
+        codeExample: 'Code example: {example}',
+        autoDeduplicate: 'Auto Deduplicate',
+        duplicateApproverTip: 'When the same approver appears multiple times in the process:',
+        noAutoApproval: 'No automatic approval',
+        approveOnce: 'Approve once only, subsequent duplicate approval nodes automatically pass',
+        approveConsecutive: 'Only automatically pass consecutive approval nodes',
+        titleSettings: 'Title Settings',
+        systemDefault: 'System Default',
+        showProcessName: 'Show Process Name',
+        customTitle: 'Custom Title',
+        insertFieldTip: 'Enter "{" to insert form field',
+        insertFieldPlaceholder: 'Please insert form fields (enter "{" to select form field) or enter text',
+        summarySettings: 'Summary Settings',
+        showFirstThreeFields: 'Show first 3 form fields',
+        customSummary: 'Custom Summary',
+        selectDisplayFields: 'Please select form fields to display',
+        processPreNotification: 'Process Pre-notification',
+        processPostNotification: 'Process Post-notification',
+        taskPreNotification: 'Task Pre-notification',
+        taskPostNotification: 'Task Post-notification',
+        notifyAfterStart: 'Notify after process starts',
+        notifyAfterEnd: 'Notify after process ends',
+        notifyDuringTask: 'Notify during task execution',
+        notifyAfterTask: 'Notify after task ends',
+        basicInfo: 'Basic Information',
+        formDesign: 'Form Design',
+        processDesign: 'Process Design',
+        extraSettings: 'Extra Settings',
+        formType: 'Form Type',
+        processForm: 'Process Form',
+        formSubmitPath: 'Form Submit Path',
+        formViewPath: 'Form View Path',
+        enterFormSubmitPath: 'Please enter form submit path',
+        enterFormViewPath: 'Please enter form view path',
+        customFormSubmitPathTip: 'Custom form submit path using Vue route address, e.g.: bpm/oa/leave/create.vue',
+        customFormViewPathTip: 'Custom form view component path using Vue component address, e.g.: bpm/oa/leave/detail.vue',
+        formPreview: 'Form Preview',
+        formTypeRequired: 'Form type cannot be empty',
+        processFormRequired: 'Process form cannot be empty',
+        formSubmitPathRequired: 'Form submit path cannot be empty',
+        formViewPathRequired: 'Form view path cannot be empty'
+
+      },
+    },
+    design: {
+      messageList: "Message List",
+      createNewMessage: "Create New Message",
+      serialNumber: "No.",
+      messageId: "Message ID",
+      messageName: "Message Name",
+      signalList: "Signal List",
+      createNewSignal: "Create New Signal",
+      signalId: "Signal ID",
+      signalName: "Signal Name",
+      createMessage: "Create Message",
+      createSignal: "Create Signal",
+      cancel: "Cancel",
+      save: "Save",
+      asyncBefore: "Async Before",
+      asyncAfter: "Async After",
+      exclusive: "Exclusive",
+      eventType: 'Event Type',
+      listenerType: 'Listener Type',
+      addListener: 'Add Listener',
+      selectListener: 'Select Listener',
+      executionListener: 'Execution Listener',
+      javaClass: 'Java Class',
+      expression: 'Expression',
+      action: 'Action',
+      edit: 'Edit',
+      remove: 'Remove',
+      index: 'Index',
+      propertyName: 'Property Name',
+      propertyValue: 'Property Value',
+      
+      addProperty: 'Add Property',
+      propertyConfig: 'Property Config',
+      propertyNameLabel: 'Property Name:',
+      propertyValueLabel: 'Property Value:',
+    
+      confirm: 'Confirm',
+      general: 'General',
+      messageAndSignal: 'Message & Signal',
+      flowCondition: 'Flow Condition',
+      form: 'Form',
+      multiApprovalType: 'Multi-approval Type',
+      multiInstance: 'Multi Instance',
+   
+      taskListener: 'Task Listener',
+      extensionProperties: 'Extension Properties',
+      other: 'Other',
+      customConfig: 'Custom Config',
+      processId: "Process ID",
+      enterProcessId: "Please enter process ID",
+      processName: "Process Name",
+      enterProcessName: "Please enter process name",
+      id: "ID",
+      name: "Name",
+      processIdRequired: "Process ID is required",
+      processNameRequired: "Process name is required",
+      elementDocumentation: 'Element Documentation:',
+      executeType: 'Execute Type',
+
+      delegateExpression: 'Delegate Expression',
+      processForm: 'Process Form',
+      businessKey: 'Business Key',
+      none: 'None',
+      candidateStrategy: "Rule Type",
+      role: "Role",
+      dept: "Department",
+      loading: "Loading, please wait",
+
+      post: "Post",
+      user: "User", 
+      userGroup: "User Group", 
+      formUser: "Form Dept Field", 
+      formDept: "Form Dept Field", 
+      deptLevel: "Department Level", 
+     
+      skipExpression: "Skip Expression" ,
+      openFile: 'Open File',
+      downloadXml: 'Download as XML',
+      downloadSvg: 'Download as SVG',
+      downloadBpmn: 'Download as BPMN',
+      downloadFile: 'Download File',
+      preview: 'Preview',
+      previewXml: 'Preview XML',
+      previewJson: 'Preview JSON',
+      simulation: 'Simulation',
+      exitSimulation: 'Exit Simulation',
+      startSimulation: 'Start Simulation',
+
+      multiInstanceNotImplemented: 'Multi-instance for nodes other than UserTask is not implemented yet',
+    quickConfig: 'Quick Configuration',
+    sequentialApproval: 'Sequential Approval',
+    countersign: 'Countersign',
+    orSign: 'Or-sign',
+    countersignType: 'Countersign Type',
+    parallelMultiInstance: 'Parallel Multi-instance',
+    sequentialMultiInstance: 'Sequential Multi-instance',
+
+    }
+  
+    
+  }
   }
-}
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index 768b5879a..567af1764 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -54,7 +54,10 @@ export default {
     updateTime: '更新时间',
     copy: '复制',
     copySuccess: '复制成功',
-    copyError: '复制失败'
+    copyError: '复制失败',
+    confirm: '确 定',
+    operation: '操作',
+    
   },
   lock: {
     lockScreen: '锁定屏幕',
@@ -142,9 +145,9 @@ export default {
     qrcode: '扫描二维码登录',
     btnRegister: '注册',
     SmsSendMsg: '验证码已发送',
-    resetPassword: '重置密码',
-    resetPasswordSuccess: '重置密码成功',
-    invalidTenantName: '无效的租户名称'
+    resetPassword: "重置密码",
+    resetPasswordSuccess: "重置密码成功",
+    invalidTenantName: "无效的租户名称"
   },
   captcha: {
     verification: '请完成安全验证',
@@ -416,9 +419,9 @@ export default {
     },
     info: {
       title: '基本信息',
-      basicInfo: '基本设置',
-      resetPwd: '密码设置',
-      userSocial: '社交绑定'
+      basicInfo: '基本资料',
+      resetPwd: '修改密码',
+      userSocial: '社交信息'
     },
     rules: {
       nickname: '请输入用户昵称',
@@ -452,5 +455,241 @@ export default {
     btn_zoom_out: '缩小',
     preview: '预览'
   },
-  'OAuth 2.0': 'OAuth 2.0' // 避免菜单名是 OAuth 2.0 时，一直 warn 报错
-}
+  'OAuth 2.0': 'OAuth 2.0',
+  bpm: {
+    category: {
+      name: '分类名',
+      namePlaceholder: '请输入分类名',
+      nameRequired: '分类名不能为空',
+      code: '分类标志',
+      codePlaceholder: '请输入分类标志',
+      codeRequired: '分类标志不能为空',
+      description: '分类描述',
+      descriptionPlaceholder: '请输入分类描述',
+      status: '分类状态',
+      statusRequired: '分类状态不能为空',
+      sort: '分类排序',
+      sortPlaceholder: '请输入分类排序',
+      sortRequired: '分类排序不能为空'
+    },
+    definition: {
+      id: '定义编号',
+      name: '流程名称',
+      icon: '流程图标',
+      visibleRange: '可见范围',
+      type: '流程类型',
+      formInfo: '表单信息',
+      version: '流程版本',
+      deployTime: '部署时间',
+      allVisible: '全部可见',
+      etc: '等',
+      peopleVisible: '人可见',
+      noForm: '暂无表单',
+      restore: '恢复',
+      formDetail: '表单详情',
+      manual: '工作流手册'
+    },
+     model: {
+      dragToSort: '拖动排序',
+      sort: '排序',
+      create: '新建',
+      category: '分类',
+      rename: '重命名',
+      deleteCategory: '删除该类',
+      saveSort: '保存排序',
+      processName: '流程名',
+      visibleRange: '可见范围',
+      allVisible: '全部可见',
+      etc: '等',
+      deptVisible: '个部门可见',
+      peopleVisible: '人可见',
+      processType: '流程类型',
+      formInfo: '表单信息',
+      noForm: '暂无表单',
+      lastDeploy: '最后发布',
+      notDeployed: '未部署',
+      disabled: '已停用',
+      copy: '复制',
+      deploy: '发布',
+      history: '历史',
+      report: '报表',
+      disable: '停用',
+      enable: '启用',
+      clean: '清理',
+      renameCategory: '重命名分类',
+      formDetail: '表单详情',
+      confirmClean: '是否确认清理流程名字为"{name}"的数据项?',
+      cleanSuccess: '清理成功',
+      confirmChangeState: '是否确认{state}流程名字为"{name}"的数据项?',
+      confirmDeploy: '是否确认发布该流程？',
+      deploySuccess: '发布成功',
+      sortSuccess: '排序模型成功',
+      pleaseEnterName: '请输入名称',
+      renameSuccess: '重命名成功',
+      categoryNotEmpty: '该分类下仍有流程定义,不允许删除',
+      confirmDeleteCategory: '确认删除分类吗?',
+    
+      form: {
+        processIdentifier: '流程标识',
+        enterProcessIdentifier: '请输入流程标识，以字母或下划线开头',
+        identifierNotModifiable: '流程标识不可修改！',
+        identifierNotModifiableAfterCreation: '新建后，流程标识不可修改！',
+        processName: '流程名称',
+        enterProcessName: '请输入流程名称',
+        processCategory: '流程分类',
+        selectProcessCategory: '请选择流程分类',
+        processIcon: '流程图标',
+        processDescription: '流程描述',
+        processType: '流程类型',
+        isVisible: '是否可见',
+        whoCanInitiate: '谁可以发起',
+        selectWhoCanInitiate: '请选择谁可以发起',
+        allMembers: '全员',
+        specificPersons: '指定人员',
+        specificDepartments: '指定部门',
+        selectPerson: '选择人员',
+        selectDepartment: '选择部门',
+        processAdmin: '流程管理员',
+        processNameRequired: '流程名称不能为空',
+        processIdentifierRequired: '流程标识不能为空',
+        processCategoryRequired: '流程分类不能为空',
+        processTypeRequired: '流程类型不能为空',
+        visibilityRequired: '是否可见不能为空',
+        processAdminRequired: '流程管理员不能为空',
+        submitterPermissions: '提交人权限',
+        allowCancelRunning: '允许撤销审批中的申请',
+        cancelRunningTip: '第一个审批节点通过后，提交人仍可撤销申请',
+        processCode: '流程编码',
+        prefix: '前缀',
+        infix: '中缀',
+        postfix: '后缀',
+        codeExample: '编码示例：{example}',
+        autoDeduplicate: '自动去重',
+        duplicateApproverTip: '同一审批人在流程中重复出现时：',
+        noAutoApproval: '不自动通过',
+        approveOnce: '仅审批一次，后续重复的审批节点均自动通过',
+        approveConsecutive: '仅针对连续审批的节点自动通过',
+        titleSettings: '标题设置',
+        systemDefault: '系统默认',
+        showProcessName: '展示流程名称',
+        customTitle: '自定义标题',
+        insertFieldTip: '输入字符 "{" 即可插入表单字段',
+        insertFieldPlaceholder: '请插入表单字段（输入 "{" 可以选择表单字段）或输入文本',
+        summarySettings: '摘要设置',
+        showFirstThreeFields: '展示表单前 3 个字段',
+        customSummary: '自定义摘要',
+        selectDisplayFields: '请选择要展示的表单字段',
+        processPreNotification: '流程前置通知',
+        processPostNotification: '流程后置通知',
+        taskPreNotification: '任务前置通知',
+        taskPostNotification: '任务后置通知',
+        notifyAfterStart: '流程启动后通知',
+        notifyAfterEnd: '流程结束后通知',
+        notifyDuringTask: '任务执行时通知',
+        notifyAfterTask: '任务结束后通知',
+        basicInfo: '基本信息',
+        formDesign: '表单设计',
+        processDesign: '流程设计',
+        extraSettings: '更多设置'
+      }
+    },
+    design: {
+      messageList: "消息列表",
+      createNewMessage: "创建新消息",
+      serialNumber: "序号",
+      messageId: "消息ID",
+      messageName: "消息名称",
+      signalList: "信号列表",
+      createNewSignal: "创建新信号",
+      signalId: "信号ID",
+      signalName: "信号名称",
+      createMessage: "创建消息",
+      createSignal: "创建信号",
+      cancel: "取 消",
+      save: "保 存",
+      asyncContinuation: "异步延续",
+      asyncBefore: "异步前",
+      asyncAfter: "异步后",
+      exclusive: "排除",
+      eventType: '事件类型',
+      listenerType: '监听器类型',
+      addListener: '添加监听器',
+      selectListener: '选择监听器',
+      executionListener: '执行监听器',
+      javaClass: 'Java类',
+      expression: '表达式',
+      action: '操作',
+      remove: '移除',
+      edit: '编辑',
+      index: '序号',
+      propertyName: '属性名',
+      propertyValue: '属性值',
+      
+      addProperty: '添加属性',
+      propertyConfig: '属性配置',
+      propertyNameLabel: '属性名：',
+      propertyValueLabel: '属性值：',
+    
+      confirm: '确 定',
+      general: '常规',
+      messageAndSignal: '消息与信号',
+      flowCondition: '流转条件',
+      form: '表单',
+      multiApprovalType: '多人审批方式',
+      multiInstance:'多人审批方式',
+      taskListener: '任务监听器',
+      extensionProperties: '扩展属性',
+      other: '其他',
+      customConfig: '自定义配置',
+      processId: "流程标识",
+      enterProcessId: "请输入流程标识",
+      processName: "流程名称",
+      enterProcessName: "请输入流程名称",
+      id: "ID",
+      name: "名称",
+      processIdRequired: "流程标识不能为空",
+      processNameRequired: "流程名称不能为空",
+      elementDocumentation: '元素文档：',
+      executeType: '执行类型',
+      delegateExpression: '代理表达式',
+      processForm: '流程表单',
+      businessKey: '业务标识',
+      none: '无',
+      candidateStrategy: "规则类型",
+      role: "指定角色",
+      dept: "指定部门",
+      loading: "加载中，请稍后",
+     
+      post: "指定岗位",
+      user: "指定用户",
+      userGroup: "指定用户组",
+      formUser: "表单内用户字段",
+      formDept: "表单内部门字段",
+      deptLevel: "部门层级",
+     
+      skipExpression: "跳过表达式",
+      openFile: '打开文件',
+      downloadXml: '下载为XML文件',
+      downloadSvg: '下载为SVG文件',
+      downloadBpmn: '下载为BPMN文件',
+      downloadFile: '下载文件',
+      preview: '浏览',
+      previewXml: '预览XML',
+      previewJson: '预览JSON',
+      simulation: '模拟',
+      exitSimulation: '退出模拟',
+      startSimulation: '开启模拟',
+      multiInstanceNotImplemented: '除了UserTask以外节点的多实例待实现',
+      quickConfig: '快捷配置',
+      sequentialApproval: '依次审批',
+      countersign: '会签',
+      orSign: '或签',
+      countersignType: '会签类型',
+      parallelMultiInstance: '并行多重事件',
+      sequentialMultiInstance: '时序多重事件',
+      
+    }
+
+     
+    }
+    }
diff --git a/src/views/bpm/category/CategoryForm.vue b/src/views/bpm/category/CategoryForm.vue
index defd76077..140a0b90e 100644
--- a/src/views/bpm/category/CategoryForm.vue
+++ b/src/views/bpm/category/CategoryForm.vue
@@ -7,16 +7,16 @@
       label-width="100px"
       v-loading="formLoading"
     >
-      <el-form-item label="分类名" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入分类名" />
+      <el-form-item :label="t('bpm.category.name')" prop="name">
+        <el-input v-model="formData.name" :placeholder="t('bpm.category.namePlaceholder')" />
       </el-form-item>
-      <el-form-item label="分类标志" prop="code">
-        <el-input v-model="formData.code" placeholder="请输入分类标志" />
+      <el-form-item :label="t('bpm.category.code')" prop="code">
+        <el-input v-model="formData.code" :placeholder="t('bpm.category.codePlaceholder')" />
       </el-form-item>
-      <el-form-item label="分类描述" prop="description">
-        <el-input v-model="formData.description" type="textarea" placeholder="请输入分类描述" />
+      <el-form-item :label="t('bpm.category.description')" prop="description">
+        <el-input v-model="formData.description" type="textarea" :placeholder="t('bpm.category.descriptionPlaceholder')" />
       </el-form-item>
-      <el-form-item label="分类状态" prop="status">
+      <el-form-item :label="t('bpm.category.status')" prop="status">
         <el-radio-group v-model="formData.status">
           <el-radio
             v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
@@ -27,18 +27,18 @@
           </el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item label="分类排序" prop="sort">
+      <el-form-item :label="t('bpm.category.sort')" prop="sort">
         <el-input-number
           v-model="formData.sort"
-          placeholder="请输入分类排序"
+          :placeholder="t('bpm.category.sortPlaceholder')"
           class="!w-1/1"
           :precision="0"
         />
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
-      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">{{ t('common.confirm') }}</el-button>
+      <el-button @click="dialogVisible = false">{{ t('common.cancel') }}</el-button>
     </template>
   </Dialog>
 </template>
@@ -66,10 +66,10 @@ const formData = ref({
   sort: undefined
 })
 const formRules = reactive({
-  name: [{ required: true, message: '分类名不能为空', trigger: 'blur' }],
-  code: [{ required: true, message: '分类标志不能为空', trigger: 'blur' }],
-  status: [{ required: true, message: '分类状态不能为空', trigger: 'blur' }],
-  sort: [{ required: true, message: '分类排序不能为空', trigger: 'blur' }]
+  name: [{ required: true, message: t('bpm.category.nameRequired'), trigger: 'blur' }],
+  code: [{ required: true, message: t('bpm.category.codeRequired'), trigger: 'blur' }],
+  status: [{ required: true, message: t('bpm.category.statusRequired'), trigger: 'blur' }],
+  sort: [{ required: true, message: t('bpm.category.sortRequired'), trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
 
diff --git a/src/views/bpm/model/CategoryDraggableModel.vue b/src/views/bpm/model/CategoryDraggableModel.vue
index 0c6f36897..37e728e58 100644
--- a/src/views/bpm/model/CategoryDraggableModel.vue
+++ b/src/views/bpm/model/CategoryDraggableModel.vue
@@ -2,7 +2,7 @@
   <div class="flex items-center h-50px" v-memo="[categoryInfo.name, isCategorySorting]">
     <!-- 头部：分类名 -->
     <div class="flex items-center">
-      <el-tooltip content="拖动排序" v-if="isCategorySorting">
+      <el-tooltip :content="t('bpm.model.dragToSort')" v-if="isCategorySorting">
         <Icon
           :size="22"
           icon="ic:round-drag-indicator"
@@ -35,11 +35,11 @@
             @click.stop="handleModelSort"
           >
             <Icon icon="fa:sort-amount-desc" class="mr-5px" />
-            排序
+            {{ t('bpm.model.sort') }}
           </el-button>
           <el-button v-else link type="info" class="mr-20px" @click.stop="openModelForm('create')">
             <Icon icon="fa:plus" class="mr-5px" />
-            新建
+            {{ t('bpm.model.create') }}
           </el-button>
           <el-dropdown
             @command="(command) => handleCategoryCommand(command, categoryInfo)"
@@ -47,19 +47,19 @@
           >
             <el-button link type="info">
               <Icon icon="ep:setting" class="mr-5px" />
-              分类
+              {{ t('bpm.model.category') }}
             </el-button>
             <template #dropdown>
               <el-dropdown-menu>
-                <el-dropdown-item command="handleRename"> 重命名 </el-dropdown-item>
-                <el-dropdown-item command="handleDeleteCategory"> 删除该类 </el-dropdown-item>
+                <el-dropdown-item command="handleRename"> {{ t('bpm.model.rename') }} </el-dropdown-item>
+                <el-dropdown-item command="handleDeleteCategory"> {{ t('bpm.model.deleteCategory') }} </el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
         </template>
         <template v-else>
-          <el-button @click.stop="handleModelSortCancel"> 取 消 </el-button>
-          <el-button type="primary" @click.stop="handleModelSortSubmit"> 保存排序 </el-button>
+          <el-button @click.stop="handleModelSortCancel"> {{ t('common.cancel') }} </el-button>
+          <el-button type="primary" @click.stop="handleModelSortSubmit"> {{ t('bpm.model.saveSort') }} </el-button>
         </template>
       </div>
     </div>
@@ -78,10 +78,10 @@
         :cell-style="tableCellStyle"
         :row-style="{ height: '68px' }"
       >
-        <el-table-column label="流程名" prop="name" min-width="150">
+        <el-table-column :label="t('bpm.model.processName')" prop="name" min-width="150">
           <template #default="{ row }">
             <div class="flex items-center">
-              <el-tooltip content="拖动排序" v-if="isModelSorting">
+              <el-tooltip :content="t('bpm.model.dragToSort')" v-if="isModelSorting">
                 <Icon
                   icon="ic:round-drag-indicator"
                   class="drag-icon cursor-move text-#8a909c mr-10px"
@@ -95,9 +95,9 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="可见范围" prop="startUserIds" min-width="150">
+        <el-table-column :label="t('bpm.model.visibleRange')" prop="startUserIds" min-width="150">
           <template #default="{ row }">
-            <el-text v-if="!row.startUsers?.length && !row.startDepts?.length"> 全部可见 </el-text>
+            <el-text v-if="!row.startUsers?.length && !row.startDepts?.length"> {{ t('bpm.model.allVisible') }} </el-text>
             <el-text v-else-if="row.startUsers.length === 1">
               {{ row.startUsers[0].nickname }}
             </el-text>
@@ -111,7 +111,7 @@
                 placement="top"
                 :content="row.startDepts.map((dept: any) => dept.name).join('、')"
               >
-                {{ row.startDepts[0].name }}等 {{ row.startDepts.length }} 个部门可见
+                {{ row.startDepts[0].name }}{{ t('bpm.model.etc') }} {{ row.startDepts.length }} {{ t('bpm.model.deptVisible') }}
               </el-tooltip>
             </el-text>
             <el-text v-else>
@@ -121,17 +121,17 @@
                 placement="top"
                 :content="row.startUsers.map((user: any) => user.nickname).join('、')"
               >
-                {{ row.startUsers[0].nickname }}等 {{ row.startUsers.length }} 人可见
+                {{ row.startUsers[0].nickname }}{{ t('bpm.model.etc') }} {{ row.startUsers.length }} {{ t('bpm.model.peopleVisible') }}
               </el-tooltip>
             </el-text>
           </template>
         </el-table-column>
-        <el-table-column label="流程类型" prop="type" min-width="120">
+        <el-table-column :label="t('bpm.model.processType')" prop="type" min-width="120">
           <template #default="{ row }">
             <dict-tag :value="row.type" :type="DICT_TYPE.BPM_MODEL_TYPE" />
           </template>
         </el-table-column>
-        <el-table-column label="表单信息" prop="formType" min-width="150">
+        <el-table-column :label="t('bpm.model.formInfo')" prop="formType" min-width="150">
           <template #default="scope">
             <el-button
               v-if="scope.row.formType === BpmModelFormType.NORMAL"
@@ -149,10 +149,10 @@
             >
               <span>{{ scope.row.formCustomCreatePath }}</span>
             </el-button>
-            <label v-else>暂无表单</label>
+            <label v-else>{{ t('bpm.model.noForm') }}</label>
           </template>
         </el-table-column>
-        <el-table-column label="最后发布" prop="deploymentTime" min-width="250">
+        <el-table-column :label="t('bpm.model.lastDeploy')" prop="deploymentTime" min-width="250">
           <template #default="scope">
             <div class="flex items-center">
               <span v-if="scope.row.processDefinition" class="w-150px">
@@ -161,18 +161,18 @@
               <el-tag v-if="scope.row.processDefinition">
                 v{{ scope.row.processDefinition.version }}
               </el-tag>
-              <el-tag v-else type="warning">未部署</el-tag>
+              <el-tag v-else type="warning">{{ t('bpm.model.notDeployed') }}</el-tag>
               <el-tag
                 v-if="scope.row.processDefinition?.suspensionState === 2"
                 type="warning"
                 class="ml-10px"
               >
-                已停用
+                {{ t('bpm.model.disabled') }}
               </el-tag>
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="200" fixed="right">
+        <el-table-column :label="t('common.operation')" width="200" fixed="right">
           <template #default="scope">
             <el-button
               link
@@ -181,7 +181,7 @@
               v-if="hasPermiUpdate"
               :disabled="!isManagerUser(scope.row)"
             >
-              修改
+              {{ t('action.edit') }}
             </el-button>
             <el-button
               link
@@ -190,7 +190,7 @@
               v-if="hasPermiUpdate"
               :disabled="!isManagerUser(scope.row)"
             >
-              复制
+              {{ t('bpm.model.copy') }}
             </el-button>
             <el-button
               link
@@ -200,18 +200,18 @@
               v-if="hasPermiDeploy"
               :disabled="!isManagerUser(scope.row)"
             >
-              发布
+              {{ t('bpm.model.deploy') }}
             </el-button>
             <el-dropdown
               class="!align-middle ml-5px"
               @command="(command) => handleModelCommand(command, scope.row)"
               v-if="hasPermiMore"
             >
-              <el-button type="primary" link>更多</el-button>
+              <el-button type="primary" link>{{ t('action.more') }}</el-button>
               <template #dropdown>
                 <el-dropdown-menu>
                   <el-dropdown-item command="handleDefinitionList" v-if="hasPermiPdQuery">
-                    历史
+                    {{ t('bpm.model.history') }}
                   </el-dropdown-item>
                   <el-dropdown-item
                     command="handleReport"
@@ -221,14 +221,14 @@
                     "
                     :disabled="!isManagerUser(scope.row)"
                   >
-                    报表
+                    {{ t('bpm.model.report') }}
                   </el-dropdown-item>
                   <el-dropdown-item
                     command="handleChangeState"
                     v-if="hasPermiUpdate && scope.row.processDefinition"
                     :disabled="!isManagerUser(scope.row)"
                   >
-                    {{ scope.row.processDefinition.suspensionState === 1 ? '停用' : '启用' }}
+                    {{ scope.row.processDefinition.suspensionState === 1 ? t('bpm.model.disable') : t('bpm.model.enable') }}
                   </el-dropdown-item>
                   <el-dropdown-item
                     type="danger"
@@ -236,7 +236,7 @@
                     v-if="checkPermi(['bpm:model:clean'])"
                     :disabled="!isManagerUser(scope.row)"
                   >
-                    清理
+                    {{ t('bpm.model.clean') }}
                   </el-dropdown-item>
                   <el-dropdown-item
                     type="danger"
@@ -244,7 +244,7 @@
                     v-if="hasPermiDelete"
                     :disabled="!isManagerUser(scope.row)"
                   >
-                    删除
+                    {{ t('action.delete') }}
                   </el-dropdown-item>
                 </el-dropdown-menu>
               </template>
@@ -258,21 +258,21 @@
   <!-- 弹窗：重命名分类 -->
   <Dialog :fullscreen="false" class="rename-dialog" v-model="renameCategoryVisible" width="400">
     <template #title>
-      <div class="pl-10px font-bold text-18px"> 重命名分类 </div>
+      <div class="pl-10px font-bold text-18px"> {{ t('bpm.model.renameCategory') }} </div>
     </template>
     <div class="px-30px">
       <el-input v-model="renameCategoryForm.name" />
     </div>
     <template #footer>
       <div class="pr-25px pb-25px">
-        <el-button @click="renameCategoryVisible = false">取 消</el-button>
-        <el-button type="primary" @click="handleRenameConfirm">确 定</el-button>
+        <el-button @click="renameCategoryVisible = false">{{ t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="handleRenameConfirm">{{ t('common.confirm') }}</el-button>
       </div>
     </template>
   </Dialog>
 
   <!-- 弹窗：表单详情 -->
-  <Dialog title="表单详情" :fullscreen="true" v-model="formDetailVisible">
+  <Dialog :title="t('bpm.model.formDetail')" :fullscreen="true" v-model="formDetailVisible">
     <form-create :rule="formDetailPreview.rule" :option="formDetailPreview.option" />
   </Dialog>
 </template>
@@ -292,6 +292,7 @@ import { useAppStore } from '@/store/modules/app'
 import { cloneDeep, isEqual } from 'lodash-es'
 import { useDebounceFn } from '@vueuse/core'
 import { subString } from '@/utils/index'
+import { useI18n } from 'vue-i18n'
 
 defineOptions({ name: 'BpmModel' })
 
@@ -433,10 +434,10 @@ const handleDelete = async (row: any) => {
 const handleClean = async (row: any) => {
   try {
     // 清理的二次确认
-    await message.confirm('是否确认清理流程名字为"' + row.name + '"的数据项?')
+    await message.confirm(t('bpm.model.confirmClean', { name: row.name }))
     // 发起清理
     await ModelApi.cleanModel(row.id)
-    message.success('清理成功')
+    message.success(t('bpm.model.cleanSuccess'))
     // 刷新列表
     emit('success')
   } catch {}
@@ -449,12 +450,12 @@ const handleChangeState = async (row: any) => {
   try {
     // 修改状态的二次确认
     const id = row.id
-    const statusState = state === 1 ? '停用' : '启用'
-    const content = '是否确认' + statusState + '流程名字为"' + row.name + '"的数据项?'
+    const statusState = state === 1 ? t('bpm.model.disable') : t('bpm.model.enable')
+    const content = t('bpm.model.confirmChangeState', { state: statusState, name: row.name })
     await message.confirm(content)
     // 发起修改状态
     await ModelApi.updateModelState(id, newState)
-    message.success(statusState + '成功')
+    message.success(statusState + t('common.success'))
     // 刷新列表
     emit('success')
   } catch {}
@@ -463,10 +464,10 @@ const handleChangeState = async (row: any) => {
 /** 发布流程 */
 const handleDeploy = async (row: any) => {
   try {
-    await message.confirm('是否确认发布该流程？')
+    await message.confirm(t('bpm.model.confirmDeploy'))
     // 发起部署
     await ModelApi.deployModel(row.id)
-    message.success(t('发布成功'))
+    message.success(t('bpm.model.deploySuccess'))
     // 刷新列表
     emit('success')
   } catch {}
@@ -523,7 +524,7 @@ const handleModelSortSubmit = async () => {
   await ModelApi.updateModelSortBatch(ids)
   // 刷新列表
   isModelSorting.value = false
-  message.success('排序模型成功')
+  message.success(t('bpm.model.sortSuccess'))
   emit('success')
 }
 
@@ -575,11 +576,11 @@ const renameCategoryForm = ref({
 })
 const handleRenameConfirm = async () => {
   if (renameCategoryForm.value?.name.length === 0) {
-    return message.warning('请输入名称')
+    return message.warning(t('bpm.model.pleaseEnterName'))
   }
   // 发起修改
   await CategoryApi.updateCategory(renameCategoryForm.value as CategoryVO)
-  message.success('重命名成功')
+  message.success(t('bpm.model.renameSuccess'))
   // 刷新列表
   renameCategoryVisible.value = false
   emit('success')
@@ -589,9 +590,9 @@ const handleRenameConfirm = async () => {
 const handleDeleteCategory = async () => {
   try {
     if (props.categoryInfo.modelList.length > 0) {
-      return message.warning('该分类下仍有流程定义,不允许删除')
+      return message.warning(t('bpm.model.categoryNotEmpty'))
     }
-    await message.confirm('确认删除分类吗?')
+    await message.confirm(t('bpm.model.confirmDeleteCategory'))
     // 发起删除
     await CategoryApi.deleteCategory(props.categoryInfo.id)
     message.success(t('common.delSuccess'))
diff --git a/src/views/bpm/model/definition/index.vue b/src/views/bpm/model/definition/index.vue
index 2b061f434..022be94d4 100644
--- a/src/views/bpm/model/definition/index.vue
+++ b/src/views/bpm/model/definition/index.vue
@@ -3,16 +3,16 @@
 
   <ContentWrap>
     <el-table v-loading="loading" :data="list">
-      <el-table-column label="定义编号" align="center" prop="id" min-width="250" />
-      <el-table-column label="流程名称" align="center" prop="name" min-width="150" />
-      <el-table-column label="流程图标" align="center" min-width="50">
+      <el-table-column :label="t('bpm.definition.id')" align="center" prop="id" min-width="250" />
+      <el-table-column :label="t('bpm.definition.name')" align="center" prop="name" min-width="150" />
+      <el-table-column :label="t('bpm.definition.icon')" align="center" min-width="50">
         <template #default="{ row }">
           <el-image v-if="row.icon" :src="row.icon" class="h-24px w-24pxrounded" />
         </template>
       </el-table-column>
-      <el-table-column label="可见范围" prop="startUserIds" min-width="100">
+      <el-table-column :label="t('bpm.definition.visibleRange')" prop="startUserIds" min-width="100">
         <template #default="{ row }">
-          <el-text v-if="!row.startUsers?.length"> 全部可见 </el-text>
+          <el-text v-if="!row.startUsers?.length"> {{ t('bpm.definition.allVisible') }} </el-text>
           <el-text v-else-if="row.startUsers.length === 1">
             {{ row.startUsers[0].nickname }}
           </el-text>
@@ -23,17 +23,17 @@
               placement="top"
               :content="row.startUsers.map((user: any) => user.nickname).join('、')"
             >
-              {{ row.startUsers[0].nickname }}等 {{ row.startUsers.length }} 人可见
+              {{ row.startUsers[0].nickname }}{{ t('bpm.definition.etc') }} {{ row.startUsers.length }} {{ t('bpm.definition.peopleVisible') }}
             </el-tooltip>
           </el-text>
         </template>
       </el-table-column>
-      <el-table-column label="流程类型" prop="modelType" min-width="120">
+      <el-table-column :label="t('bpm.definition.type')" prop="modelType" min-width="120">
         <template #default="{ row }">
           <dict-tag :value="row.modelType" :type="DICT_TYPE.BPM_MODEL_TYPE" />
         </template>
       </el-table-column>
-      <el-table-column label="表单信息" prop="formType" min-width="150">
+      <el-table-column :label="t('bpm.definition.formInfo')" prop="formType" min-width="150">
         <template #default="scope">
           <el-button
             v-if="scope.row.formType === BpmModelFormType.NORMAL"
@@ -51,22 +51,22 @@
           >
             <span>{{ scope.row.formCustomCreatePath }}</span>
           </el-button>
-          <label v-else>暂无表单</label>
+          <label v-else>{{ t('bpm.definition.noForm') }}</label>
         </template>
       </el-table-column>
-      <el-table-column label="流程版本" align="center" min-width="80">
+      <el-table-column :label="t('bpm.definition.version')" align="center" min-width="80">
         <template #default="scope">
           <el-tag>v{{ scope.row.version }}</el-tag>
         </template>
       </el-table-column>
       <el-table-column
-        label="部署时间"
+        :label="t('bpm.definition.deployTime')"
         align="center"
         prop="deploymentTime"
         width="180"
         :formatter="dateFormatter"
       />
-      <el-table-column label="操作" align="center">
+      <el-table-column :label="t('common.operation')" align="center">
         <template #default="scope">
           <el-button
             link
@@ -74,7 +74,7 @@
             @click="openModelForm(scope.row.id)"
             v-hasPermi="['bpm:model:update']"
           >
-            恢复
+            {{ t('bpm.definition.restore') }}
           </el-button>
         </template>
       </el-table-column>
@@ -89,7 +89,7 @@
   </ContentWrap>
 
   <!-- 弹窗：表单详情 -->
-  <Dialog title="表单详情" v-model="formDetailVisible" width="800">
+  <Dialog :title="t('bpm.definition.formDetail')" v-model="formDetailVisible" width="800">
     <form-create :rule="formDetailPreview.rule" :option="formDetailPreview.option" />
   </Dialog>
 </template>
@@ -100,9 +100,11 @@ import * as DefinitionApi from '@/api/bpm/definition'
 import { setConfAndFields2 } from '@/utils/formCreate'
 import { DICT_TYPE } from '@/utils/dict'
 import { BpmModelFormType } from '@/utils/constants'
+import { useI18n } from 'vue-i18n'
 
 defineOptions({ name: 'BpmProcessDefinition' })
 
+const { t } = useI18n() // i18n
 const { push } = useRouter() // 路由
 const { query } = useRoute() // 查询参数
 
diff --git a/src/views/bpm/model/form/BasicInfo.vue b/src/views/bpm/model/form/BasicInfo.vue
index 03513f41e..e912693ef 100644
--- a/src/views/bpm/model/form/BasicInfo.vue
+++ b/src/views/bpm/model/form/BasicInfo.vue
@@ -1,16 +1,16 @@
 <template>
-  <el-form ref="formRef" :model="modelData" :rules="rules" label-width="120px" class="mt-20px">
-    <el-form-item label="流程标识" prop="key" class="mb-20px">
+  <el-form ref="formRef" :model="modelData" :rules="rules" label-width="180px" class="mt-20px">
+    <el-form-item :label="t('bpm.model.form.processIdentifier')" prop="key" class="mb-20px">
       <div class="flex items-center">
         <el-input
           class="!w-440px"
           v-model="modelData.key"
           :disabled="!!modelData.id"
-          placeholder="请输入流程标识，以字母或下划线开头"
+          :placeholder="t('bpm.model.form.enterProcessIdentifier')"
         />
         <el-tooltip
           class="item"
-          :content="modelData.id ? '流程标识不可修改！' : '新建后，流程标识不可修改！'"
+          :content="modelData.id ? t('bpm.model.form.identifierNotModifiable') : t('bpm.model.form.identifierNotModifiableAfterCreation')"
           effect="light"
           placement="top"
         >
@@ -18,20 +18,20 @@
         </el-tooltip>
       </div>
     </el-form-item>
-    <el-form-item label="流程名称" prop="name" class="mb-20px">
+    <el-form-item :label="t('bpm.model.form.processName')" prop="name" class="mb-20px">
       <el-input
         v-model="modelData.name"
         :disabled="!!modelData.id"
         clearable
-        placeholder="请输入流程名称"
+        :placeholder="t('bpm.model.form.enterProcessName')"
       />
     </el-form-item>
-    <el-form-item label="流程分类" prop="category" class="mb-20px">
+    <el-form-item :label="t('bpm.model.form.processCategory')" prop="category" class="mb-20px">
       <el-select
         class="!w-full"
         v-model="modelData.category"
         clearable
-        placeholder="请选择流程分类"
+        :placeholder="t('bpm.model.form.selectProcessCategory')"
       >
         <el-option
           v-for="category in categoryList"
@@ -41,13 +41,13 @@
         />
       </el-select>
     </el-form-item>
-    <el-form-item label="流程图标" class="mb-20px">
+    <el-form-item :label="t('bpm.model.form.processIcon')" class="mb-20px">
       <UploadImg v-model="modelData.icon" :limit="1" height="64px" width="64px" />
     </el-form-item>
-    <el-form-item label="流程描述" prop="description" class="mb-20px">
+    <el-form-item :label="t('bpm.model.form.processDescription')" prop="description" class="mb-20px">
       <el-input v-model="modelData.description" clearable type="textarea" />
     </el-form-item>
-    <el-form-item label="流程类型" prop="type" class="mb-20px">
+    <el-form-item :label="t('bpm.model.form.processType')" prop="type" class="mb-20px">
       <el-radio-group v-model="modelData.type">
         <el-radio
           v-for="dict in getIntDictOptions(DICT_TYPE.BPM_MODEL_TYPE)"
@@ -58,7 +58,7 @@
         </el-radio>
       </el-radio-group>
     </el-form-item>
-    <el-form-item label="是否可见" prop="visible" class="mb-20px">
+    <el-form-item :label="t('bpm.model.form.isVisible')" prop="visible" class="mb-20px">
       <el-radio-group v-model="modelData.visible">
         <el-radio
           v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
@@ -69,15 +69,15 @@
         </el-radio>
       </el-radio-group>
     </el-form-item>
-    <el-form-item label="谁可以发起" prop="startUserType" class="mb-20px">
+    <el-form-item :label="t('bpm.model.form.whoCanInitiate')" prop="startUserType" class="mb-20px">
       <el-select
         v-model="modelData.startUserType"
-        placeholder="请选择谁可以发起"
+        :placeholder="t('bpm.model.form.selectWhoCanInitiate')"
         @change="handleStartUserTypeChange"
       >
-        <el-option label="全员" :value="0" />
-        <el-option label="指定人员" :value="1" />
-        <el-option label="指定部门" :value="2" />
+        <el-option :label="t('bpm.model.form.allMembers')" :value="0" />
+        <el-option :label="t('bpm.model.form.specificPersons')" :value="1" />
+        <el-option :label="t('bpm.model.form.specificDepartments')" :value="2" />
       </el-select>
       <div v-if="modelData.startUserType === 1" class="mt-2 flex flex-wrap gap-2">
         <div
@@ -97,7 +97,7 @@
           />
         </div>
         <el-button type="primary" link @click="openStartUserSelect">
-          <Icon icon="ep:plus" /> 选择人员
+          <Icon icon="ep:plus" /> {{ t('bpm.model.form.selectPerson') }}
         </el-button>
       </div>
       <div v-if="modelData.startUserType === 2" class="mt-2 flex flex-wrap gap-2">
@@ -115,11 +115,11 @@
           />
         </div>
         <el-button type="primary" link @click="openStartDeptSelect">
-          <Icon icon="ep:plus" /> 选择部门
+          <Icon icon="ep:plus" /> {{ t('bpm.model.form.selectDepartment') }}
         </el-button>
       </div>
     </el-form-item>
-    <el-form-item label="流程管理员" prop="managerUserIds" class="mb-20px">
+    <el-form-item :label="t('bpm.model.form.processAdmin')" prop="managerUserIds" class="mb-20px">
       <div class="flex flex-wrap gap-2">
         <div
           v-for="user in selectedManagerUsers"
@@ -138,7 +138,7 @@
           />
         </div>
         <el-button type="primary" link @click="openManagerUserSelect">
-          <Icon icon="ep:plus" />选择人员
+          <Icon icon="ep:plus" />{{ t('bpm.model.form.selectPerson') }}
         </el-button>
       </div>
     </el-form-item>
@@ -160,6 +160,9 @@ import { DICT_TYPE, getBoolDictOptions, getIntDictOptions } from '@/utils/dict'
 import { UserVO } from '@/api/system/user'
 import { DeptVO } from '@/api/system/dept'
 import { CategoryVO } from '@/api/bpm/category'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n() // Add i18n support
 
 const props = defineProps({
   categoryList: {
@@ -185,12 +188,12 @@ const deptSelectFormRef = ref()
 const currentSelectType = ref<'start' | 'manager'>('start')
 
 const rules = {
-  name: [{ required: true, message: '流程名称不能为空', trigger: 'blur' }],
-  key: [{ required: true, message: '流程标识不能为空', trigger: 'blur' }],
-  category: [{ required: true, message: '流程分类不能为空', trigger: 'blur' }],
-  type: [{ required: true, message: '是否可见不能为空', trigger: 'blur' }],
-  visible: [{ required: true, message: '是否可见不能为空', trigger: 'blur' }],
-  managerUserIds: [{ required: true, message: '流程管理员不能为空', trigger: 'blur' }]
+  name: [{ required: true, message: t('bpm.model.form.processNameRequired'), trigger: 'blur' }],
+  key: [{ required: true, message: t('bpm.model.form.processIdentifierRequired'), trigger: 'blur' }],
+  category: [{ required: true, message: t('bpm.model.form.processCategoryRequired'), trigger: 'blur' }],
+  type: [{ required: true, message: t('bpm.model.form.processTypeRequired'), trigger: 'blur' }],
+  visible: [{ required: true, message: t('bpm.model.form.visibilityRequired'), trigger: 'blur' }],
+  managerUserIds: [{ required: true, message: t('bpm.model.form.processAdminRequired'), trigger: 'blur' }]
 }
 
 // 创建本地数据副本
diff --git a/src/views/bpm/model/form/ExtraSettings.vue b/src/views/bpm/model/form/ExtraSettings.vue
index fa6947d44..7f7505ba6 100644
--- a/src/views/bpm/model/form/ExtraSettings.vue
+++ b/src/views/bpm/model/form/ExtraSettings.vue
@@ -2,25 +2,25 @@
   <el-form ref="formRef" :model="modelData" label-width="120px" class="mt-20px">
     <el-form-item class="mb-20px">
       <template #label>
-        <el-text size="large" tag="b">提交人权限</el-text>
+        <el-text size="large" tag="b">{{ t('bpm.model.form.submitterPermissions') }}</el-text>
       </template>
       <div class="flex flex-col">
-        <el-checkbox v-model="modelData.allowCancelRunningProcess" label="允许撤销审批中的申请" />
+        <el-checkbox v-model="modelData.allowCancelRunningProcess" label="'bpm.model.form.allowCancelRunning'" />
         <div class="ml-22px">
-          <el-text type="info"> 第一个审批节点通过后，提交人仍可撤销申请 </el-text>
+          <el-text type="info">{{ t('bpm.model.form.cancelRunningTip') }}</el-text>
         </div>
       </div>
     </el-form-item>
     <el-form-item v-if="modelData.processIdRule" class="mb-20px">
       <template #label>
-        <el-text size="large" tag="b">流程编码</el-text>
+        <el-text size="large" tag="b">{{ t('bpm.model.form.processCode') }}</el-text>
       </template>
       <div class="flex flex-col">
         <div>
           <el-input
             v-model="modelData.processIdRule.prefix"
             class="w-130px!"
-            placeholder="前缀"
+            :placeholder="t('bpm.model.form.prefix')"
             :disabled="!modelData.processIdRule.enable"
           >
             <template #prepend>
@@ -30,7 +30,7 @@
           <el-select
             v-model="modelData.processIdRule.infix"
             class="w-130px! ml-5px"
-            placeholder="中缀"
+            :placeholder="t('bpm.model.form.infix')"
             :disabled="!modelData.processIdRule.enable"
           >
             <el-option
@@ -43,7 +43,7 @@
           <el-input
             v-model="modelData.processIdRule.postfix"
             class="w-80px! ml-5px"
-            placeholder="后缀"
+            :placeholder="t('bpm.model.form.postfix')"
             :disabled="!modelData.processIdRule.enable"
           />
           <el-input-number
@@ -54,41 +54,42 @@
           />
         </div>
         <div class="ml-22px" v-if="modelData.processIdRule.enable">
-          <el-text type="info"> 编码示例：{{ numberExample }} </el-text>
+          <el-text type="info">{{ t('bpm.model.form.codeExample', { example: numberExample }) }}</el-text>
         </div>
       </div>
     </el-form-item>
     <el-form-item class="mb-20px">
       <template #label>
-        <el-text size="large" tag="b">自动去重</el-text>
+        <el-text size="large" tag="b">{{ t('bpm.model.form.autoDeduplicate') }}</el-text>
       </template>
       <div class="flex flex-col">
         <div>
-          <el-text> 同一审批人在流程中重复出现时： </el-text>
+          <el-text>{{ t('bpm.model.form.duplicateApproverTip') }}</el-text>
         </div>
         <el-radio-group v-model="modelData.autoApprovalType">
           <div class="flex flex-col">
-            <el-radio :value="0">不自动通过</el-radio>
-            <el-radio :value="1">仅审批一次，后续重复的审批节点均自动通过</el-radio>
-            <el-radio :value="2">仅针对连续审批的节点自动通过</el-radio>
+            <el-radio :value="0">{{ t('bpm.model.form.noAutoApproval') }}</el-radio>
+            <el-radio :value="1">{{ t('bpm.model.form.approveOnce') }}</el-radio>
+            <el-radio :value="2">{{ t('bpm.model.form.approveConsecutive') }}</el-radio>
           </div>
         </el-radio-group>
       </div>
     </el-form-item>
     <el-form-item v-if="modelData.titleSetting" class="mb-20px">
       <template #label>
-        <el-text size="large" tag="b">标题设置</el-text>
+        <el-text size="large" tag="b">{{ t('bpm.model.form.titleSettings') }}</el-text>
       </template>
       <div class="flex flex-col">
         <el-radio-group v-model="modelData.titleSetting.enable">
           <div class="flex flex-col">
-            <el-radio :value="false"
-              >系统默认 <el-text type="info"> 展示流程名称 </el-text></el-radio
-            >
+            <el-radio :value="false">
+              {{ t('bpm.model.form.systemDefault') }}
+              <el-text type="info">{{ t('bpm.model.form.showProcessName') }}</el-text>
+            </el-radio>
             <el-radio :value="true">
-              自定义标题
+              {{ t('bpm.model.form.customTitle') }}
               <el-text>
-                <el-tooltip content="输入字符 '{' 即可插入表单字段" effect="light" placement="top">
+                <el-tooltip content="t('bpm.model.form.insertFieldTip')" effect="light" placement="top">
                   <Icon icon="ep:question-filled" class="ml-5px" />
                 </el-tooltip>
               </el-text>
@@ -103,7 +104,7 @@
           split="}"
           whole
           :options="formFieldOptions4Title"
-          placeholder="请插入表单字段（输入 '{' 可以选择表单字段）或输入文本"
+          :placeholder="t('bpm.model.form.insertFieldPlaceholder')"
           class="w-600px!"
         />
       </div>
@@ -113,15 +114,16 @@
       class="mb-20px"
     >
       <template #label>
-        <el-text size="large" tag="b">摘要设置</el-text>
+        <el-text size="large" tag="b">{{ t('bpm.model.form.summarySettings') }}</el-text>
       </template>
       <div class="flex flex-col">
         <el-radio-group v-model="modelData.summarySetting.enable">
           <div class="flex flex-col">
             <el-radio :value="false">
-              系统默认 <el-text type="info"> 展示表单前 3 个字段 </el-text>
+              {{ t('bpm.model.form.systemDefault') }}
+              <el-text type="info">{{ t('bpm.model.form.showFirstThreeFields') }}</el-text>
             </el-radio>
-            <el-radio :value="true"> 自定义摘要 </el-radio>
+            <el-radio :value="true">{{ t('bpm.model.form.customSummary') }}</el-radio>
           </div>
         </el-radio-group>
         <el-select
@@ -129,7 +131,7 @@
           v-if="modelData.summarySetting.enable"
           v-model="modelData.summarySetting.summary"
           multiple
-          placeholder="请选择要展示的表单字段"
+          :placeholder="t('bpm.model.form.selectDisplayFields')"
         >
           <el-option
             v-for="item in formFieldOptions4Summary"
@@ -142,7 +144,7 @@
     </el-form-item>
     <el-form-item class="mb-20px">
       <template #label>
-        <el-text size="large" tag="b">流程前置通知</el-text>
+        <el-text size="large" tag="b">{{ t('bpm.model.form.processPreNotification') }}</el-text>
       </template>
       <div class="flex flex-col w-100%">
         <div class="flex">
@@ -150,7 +152,7 @@
             v-model="processBeforeTriggerEnable"
             @change="handleProcessBeforeTriggerEnableChange"
           />
-          <div class="ml-80px">流程启动后通知</div>
+          <div class="ml-80px">{{ t('bpm.model.form.notifyAfterStart') }}</div>
         </div>
         <HttpRequestSetting
           v-if="processBeforeTriggerEnable"
@@ -162,7 +164,7 @@
     </el-form-item>
     <el-form-item class="mb-20px">
       <template #label>
-        <el-text size="large" tag="b">流程后置通知</el-text>
+        <el-text size="large" tag="b">{{ t('bpm.model.form.processPostNotification') }}</el-text>
       </template>
       <div class="flex flex-col w-100%">
         <div class="flex">
@@ -170,7 +172,7 @@
             v-model="processAfterTriggerEnable"
             @change="handleProcessAfterTriggerEnableChange"
           />
-          <div class="ml-80px">流程结束后通知</div>
+          <div class="ml-80px">{{ t('bpm.model.form.notifyAfterEnd') }}</div>
         </div>
         <HttpRequestSetting
           v-if="processAfterTriggerEnable"
@@ -182,7 +184,7 @@
     </el-form-item>
     <el-form-item class="mb-20px">
       <template #label>
-        <el-text size="large" tag="b">任务前置通知</el-text>
+        <el-text size="large" tag="b">{{ t('bpm.model.form.taskPreNotification') }}</el-text>
       </template>
       <div class="flex flex-col w-100%">
         <div class="flex">
@@ -190,7 +192,7 @@
             v-model="taskBeforeTriggerEnable"
             @change="handleTaskBeforeTriggerEnableChange"
           />
-          <div class="ml-80px">任务执行时通知</div>
+          <div class="ml-80px">{{ t('bpm.model.form.notifyDuringTask') }}</div>
         </div>
         <HttpRequestSetting
           v-if="taskBeforeTriggerEnable"
@@ -202,7 +204,7 @@
     </el-form-item>
     <el-form-item class="mb-20px">
       <template #label>
-        <el-text size="large" tag="b">任务后置通知</el-text>
+        <el-text size="large" tag="b">{{ t('bpm.model.form.taskPostNotification') }}</el-text>
       </template>
       <div class="flex flex-col w-100%">
         <div class="flex">
@@ -210,7 +212,7 @@
             v-model="taskAfterTriggerEnable"
             @change="handleTaskAfterTriggerEnableChange"
           />
-          <div class="ml-80px">任务结束后通知</div>
+          <div class="ml-80px">{{ t('bpm.model.form.notifyAfterTask') }}</div>
         </div>
         <HttpRequestSetting
           v-if="taskAfterTriggerEnable"
@@ -224,6 +226,8 @@
 </template>
 
 <script setup lang="ts">
+const { t } = useI18n() // Initialize i18n translation function
+import { useI18n } from 'vue-i18n'
 import dayjs from 'dayjs'
 import { BpmAutoApproveType, BpmModelFormType } from '@/utils/constants'
 import * as FormApi from '@/api/bpm/form'
@@ -233,29 +237,31 @@ import HttpRequestSetting from '@/components/SimpleProcessDesignerV2/src/nodes-c
 
 const modelData = defineModel<any>()
 
-/** 自定义 ID 流程编码 */
+/** Time options for process ID code */
 const timeOptions = ref([
   {
     value: '',
-    label: '无'
+    label: 'None'
   },
   {
     value: 'DAY',
-    label: '精确到日'
+    label: 'Accurate to day'
   },
   {
     value: 'HOUR',
-    label: '精确到时'
+    label: 'Accurate to hour'
   },
   {
     value: 'MINUTE',
-    label: '精确到分'
+    label: 'Accurate to minute'
   },
   {
     value: 'SECOND',
-    label: '精确到秒'
+    label: 'Accurate to second'
   }
 ])
+
+/** Calculate example number based on process ID rule */
 const numberExample = computed(() => {
   if (modelData.value.processIdRule.enable) {
     let infix = ''
@@ -286,7 +292,7 @@ const numberExample = computed(() => {
   }
 })
 
-/** 是否开启流程前置通知 */
+/** Process pre-notification trigger enable flag */
 const processBeforeTriggerEnable = ref(false)
 const handleProcessBeforeTriggerEnableChange = (val: boolean | string | number) => {
   if (val) {
@@ -301,7 +307,7 @@ const handleProcessBeforeTriggerEnableChange = (val: boolean | string | number)
   }
 }
 
-/** 是否开启流程后置通知 */
+/** Process post-notification trigger enable flag */
 const processAfterTriggerEnable = ref(false)
 const handleProcessAfterTriggerEnableChange = (val: boolean | string | number) => {
   if (val) {
@@ -316,7 +322,7 @@ const handleProcessAfterTriggerEnableChange = (val: boolean | string | number) =
   }
 }
 
-/** 是否开启任务前置通知 */
+/** Task pre-notification trigger enable flag */
 const taskBeforeTriggerEnable = ref(false)
 const handleTaskBeforeTriggerEnableChange = (val: boolean | string | number) => {
   if (val) {
@@ -331,7 +337,7 @@ const handleTaskBeforeTriggerEnableChange = (val: boolean | string | number) =>
   }
 }
 
-/** 是否开启任务后置通知 */
+/** Task post-notification trigger enable flag */
 const taskAfterTriggerEnable = ref(false)
 const handleTaskAfterTriggerEnableChange = (val: boolean | string | number) => {
   if (val) {
@@ -346,7 +352,7 @@ const handleTaskAfterTriggerEnableChange = (val: boolean | string | number) => {
   }
 }
 
-/** 表单选项 */
+/** Form field options */
 const formField = ref<Array<{ field: string; title: string }>>([])
 const formFieldOptions4Title = computed(() => {
   let cloneFormField = formField.value.map((item) => {
@@ -355,21 +361,22 @@ const formFieldOptions4Title = computed(() => {
       value: item.field
     }
   })
-  // 固定添加发起人 ID 字段
+  // Add fixed process initiator ID field
   cloneFormField.unshift({
-    label: '流程名称',
+    label: 'Process Name',
     value: ProcessVariableEnum.PROCESS_DEFINITION_NAME
   })
   cloneFormField.unshift({
-    label: '发起时间',
+    label: 'Start Time',
     value: ProcessVariableEnum.START_TIME
   })
   cloneFormField.unshift({
-    label: '发起人',
+    label: 'Initiator',
     value: ProcessVariableEnum.START_USER_ID
   })
   return cloneFormField
 })
+
 const formFieldOptions4Summary = computed(() => {
   return formField.value.map((item) => {
     return {
@@ -379,7 +386,7 @@ const formFieldOptions4Summary = computed(() => {
   })
 })
 
-/** 兼容以前未配置更多设置的流程 */
+/** Initialize data for compatibility with older processes without extra settings */
 const initData = () => {
   if (!modelData.value.processIdRule) {
     modelData.value.processIdRule = {
@@ -420,7 +427,7 @@ const initData = () => {
 }
 defineExpose({ initData })
 
-/** 监听表单 ID 变化，加载表单数据 */
+/** Watch form ID changes to load form data */
 watch(
   () => modelData.value.formId,
   async (newFormId) => {
diff --git a/src/views/bpm/model/form/FormDesign.vue b/src/views/bpm/model/form/FormDesign.vue
index e1ca27f20..44d99d99d 100644
--- a/src/views/bpm/model/form/FormDesign.vue
+++ b/src/views/bpm/model/form/FormDesign.vue
@@ -1,6 +1,6 @@
 <template>
   <el-form ref="formRef" :model="modelData" :rules="rules" label-width="120px" class="mt-20px">
-    <el-form-item label="表单类型" prop="formType" class="mb-20px">
+    <el-form-item :label="t('bpm.model.form.formType')" prop="formType" class="mb-20px">
       <el-radio-group v-model="modelData.formType">
         <el-radio
           v-for="dict in getIntDictOptions(DICT_TYPE.BPM_MODEL_FORM_TYPE)"
@@ -11,49 +11,61 @@
         </el-radio>
       </el-radio-group>
     </el-form-item>
-    <el-form-item v-if="modelData.formType === BpmModelFormType.NORMAL" label="流程表单" prop="formId">
+    <el-form-item 
+      v-if="modelData.formType === BpmModelFormType.NORMAL" 
+      :label="t('bpm.model.form.processForm')" 
+      prop="formId"
+    >
       <el-select v-model="modelData.formId" clearable style="width: 100%">
-        <el-option v-for="form in formList" :key="form.id" :label="form.name" :value="form.id" />
+        <el-option v-for="formItem in formList" :key="formItem.id" :label="formItem.name" :value="formItem.id" />
       </el-select>
     </el-form-item>
-    <el-form-item v-if="modelData.formType === BpmModelFormType.CUSTOM" label="表单提交路由" prop="formCustomCreatePath">
+    <el-form-item 
+      v-if="modelData.formType === BpmModelFormType.CUSTOM" 
+      :label="t('bpm.model.form.formSubmitPath')" 
+      prop="formCustomCreatePath"
+    >
       <el-input
         v-model="modelData.formCustomCreatePath"
-        placeholder="请输入表单提交路由"
+        :placeholder="t('bpm.model.form.enterFormSubmitPath')"
         style="width: 330px"
       />
       <el-tooltip
         class="item"
-        content="自定义表单的提交路径，使用 Vue 的路由地址，例如说：bpm/oa/leave/create.vue"
+        :content="t('bpm.model.form.customFormSubmitPathTip')"
         effect="light"
         placement="top"
       >
         <Icon icon="ep:question" class="ml-5px" />
       </el-tooltip>
     </el-form-item>
-    <el-form-item v-if="modelData.formType === BpmModelFormType.CUSTOM" label="表单查看地址" prop="formCustomViewPath">
+    <el-form-item 
+      v-if="modelData.formType === BpmModelFormType.CUSTOM" 
+      :label="t('bpm.model.form.formViewPath')" 
+      prop="formCustomViewPath"
+    >
       <el-input
         v-model="modelData.formCustomViewPath"
-        placeholder="请输入表单查看的组件地址"
+        :placeholder="t('bpm.model.form.enterFormViewPath')"
         style="width: 330px"
       />
       <el-tooltip
         class="item"
-        content="自定义表单的查看组件地址，使用 Vue 的组件地址，例如说：bpm/oa/leave/detail.vue"
+        :content="t('bpm.model.form.customFormViewPathTip')"
         effect="light"
         placement="top"
       >
         <Icon icon="ep:question" class="ml-5px" />
       </el-tooltip>
     </el-form-item>
-    <!-- 表单预览 -->
+    <!-- Form Preview -->
     <div
       v-if="modelData.formType === BpmModelFormType.NORMAL && modelData.formId && formPreview.rule.length > 0"
       class="mt-20px"
     >
       <div class="flex items-center mb-15px">
         <div class="h-15px w-4px bg-[#1890ff] mr-10px"></div>
-        <span class="text-15px font-bold">表单预览</span>
+        <span class="text-15px font-bold">{{ t('bpm.model.form.formPreview') }}</span>
       </div>
       <form-create
         v-model="formPreview.formData"
@@ -65,11 +77,14 @@
 </template>
 
 <script lang="ts" setup>
+import { useI18n } from 'vue-i18n'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import * as FormApi from '@/api/bpm/form'
 import { setConfAndFields2 } from '@/utils/formCreate'
 import { BpmModelFormType } from '@/utils/constants'
 
+const { t } = useI18n() // Initialize i18n translation function
+
 const props = defineProps({
   formList: {
     type: Array,
@@ -79,10 +94,10 @@ const props = defineProps({
 
 const formRef = ref()
 
-// 创建本地数据副本
+// Create local data copy
 const modelData = defineModel<any>()
 
-// 表单预览数据
+// Form preview data
 const formPreview = ref({
   formData: {},
   rule: [],
@@ -93,14 +108,14 @@ const formPreview = ref({
   }
 })
 
-// 监听表单ID变化，加载表单数据
+// Watch form ID changes to load form data
 watch(
   () => modelData.value.formId,
   async (newFormId) => {
     if (newFormId && modelData.value.formType === BpmModelFormType.NORMAL) {
       const data = await FormApi.getForm(newFormId)
       setConfAndFields2(formPreview.value, data.conf, data.fields)
-      // 设置只读
+      // Set readonly
       formPreview.value.rule.forEach((item: any) => {
         item.props = { ...item.props, disabled: true }
       })
@@ -112,13 +127,13 @@ watch(
 )
 
 const rules = {
-  formType: [{ required: true, message: '表单类型不能为空', trigger: 'blur' }],
-  formId: [{ required: true, message: '流程表单不能为空', trigger: 'blur' }],
-  formCustomCreatePath: [{ required: true, message: '表单提交路由不能为空', trigger: 'blur' }],
-  formCustomViewPath: [{ required: true, message: '表单查看地址不能为空', trigger: 'blur' }]
+  formType: [{ required: true, message: t('bpm.model.form.formTypeRequired'), trigger: 'blur' }],
+  formId: [{ required: true, message: t('bpm.model.form.processFormRequired'), trigger: 'blur' }],
+  formCustomCreatePath: [{ required: true, message: t('bpm.model.form.formSubmitPathRequired'), trigger: 'blur' }],
+  formCustomViewPath: [{ required: true, message: t('bpm.model.form.formViewPathRequired'), trigger: 'blur' }]
 }
 
-/** 表单校验 */
+/** Form validation */
 const validate = async () => {
   await formRef.value?.validate()
 }
diff --git a/src/views/bpm/model/form/index.vue b/src/views/bpm/model/form/index.vue
index 42183e4d4..485d723b2 100644
--- a/src/views/bpm/model/form/index.vue
+++ b/src/views/bpm/model/form/index.vue
@@ -85,6 +85,8 @@
 </template>
 
 <script lang="ts" setup>
+const { t } = useI18n() // Initialize i18n translation function
+import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useTagsViewStore } from '@/store/modules/tagsView'
@@ -133,10 +135,10 @@ const validateProcess = async () => {
 const currentStep = ref(-1) // 步骤控制。-1 用于，一开始全部不展示等当前页面数据初始化完成
 
 const steps = [
-  { title: '基本信息', validator: validateBasic },
-  { title: '表单设计', validator: validateForm },
-  { title: '流程设计', validator: validateProcess },
-  { title: '更多设置', validator: null }
+  { title: t('bpm.model.form.basicInfo'), validator: validateBasic },
+  { title: t('bpm.model.form.formDesign'), validator: validateForm },
+  { title: t('bpm.model.form.processDesign'), validator: validateProcess },
+  { title: t('bpm.model.form.extraSettings'), validator: null }
 ]
 
 // 表单数据

From a6299d686781d30372135fa37074cf4d154a8696 Mon Sep 17 00:00:00 2001
From: Hoa Le <huuhoa.it.vn@gmail.com>
Date: Sat, 17 May 2025 21:56:04 +0700
Subject: [PATCH 2/3] refactor(locales): update translations and improve code
 formatting

Standardize translation keys and improve code readability by fixing formatting issues in locale files. This ensures consistency across the application and enhances maintainability.
---
 .../multi-instance/ElementMultiInstance.vue   |  52 ++++---
 src/locales/en.ts                             | 135 ++++++++++--------
 src/locales/zh-CN.ts                          | 111 +++++++-------
 src/views/bpm/model/form/index.vue            |   6 +-
 4 files changed, 168 insertions(+), 136 deletions(-)

diff --git a/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue b/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
index ae23c6135..e062bedae 100644
--- a/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/multi-instance/ElementMultiInstance.vue
@@ -33,14 +33,26 @@
     <!-- 与Simple设计器配置合并，保留以前的代码 -->
     <el-form label-width="90px">
       <el-form-item :label="$t('bpm.design.quickConfig')">
-        <el-button size="small" @click="changeConfig($t('bpm.design.sequentialApproval'))">{{ $t('bpm.design.sequentialApproval') }}</el-button>
-        <el-button size="small" @click="changeConfig($t('bpm.design.countersign'))">{{ $t('bpm.design.countersign') }}</el-button>
-        <el-button size="small" @click="changeConfig($t('bpm.design.orSign'))">{{ $t('bpm.design.orSign') }}</el-button>
+        <el-button size="small" @click="changeConfig($t('bpm.design.sequentialApproval'))">{{
+          $t('bpm.design.sequentialApproval')
+        }}</el-button>
+        <el-button size="small" @click="changeConfig($t('bpm.design.countersign'))">{{
+          $t('bpm.design.countersign')
+        }}</el-button>
+        <el-button size="small" @click="changeConfig($t('bpm.design.orSign'))">{{
+          $t('bpm.design.orSign')
+        }}</el-button>
       </el-form-item>
       <el-form-item :label="$t('bpm.design.countersignType')">
         <el-select v-model="loopCharacteristics" @change="changeLoopCharacteristicsType">
-          <el-option :label="$t('bpm.design.parallelMultiInstance')" value="ParallelMultiInstance" />
-          <el-option :label="$t('bpm.design.sequentialMultiInstance')" value="SequentialMultiInstance" />
+          <el-option
+            :label="$t('bpm.design.parallelMultiInstance')"
+            value="ParallelMultiInstance"
+          />
+          <el-option
+            :label="$t('bpm.design.sequentialMultiInstance')"
+            value="SequentialMultiInstance"
+          />
           <el-option :label="$t('bpm.design.none')" value="Null" />
         </el-select>
       </el-form-item>
@@ -50,21 +62,25 @@
           loopCharacteristics === 'SequentialMultiInstance'
         "
       >
-        <el-form-item label="循环数量" key="loopCardinality">
+        <el-form-item :label="$t('bpm.design.loopCardinality')" key="loopCardinality">
           <el-input
             v-model="loopInstanceForm.loopCardinality"
             clearable
             @change="updateLoopCardinality"
           />
         </el-form-item>
-        <el-form-item label="集合" key="collection" v-show="false">
+        <el-form-item :label="$t('bpm.design.collection')" key="collection" v-show="false">
           <el-input v-model="loopInstanceForm.collection" clearable @change="updateLoopBase" />
         </el-form-item>
         <!-- add by 芋艿：由于「元素变量」暂时用不到，所以这里 display 为 none -->
-        <el-form-item label="元素变量" key="elementVariable" style="display: none">
+        <el-form-item
+          :label="$t('bpm.design.elementVariable')"
+          key="elementVariable"
+          style="display: none"
+        >
           <el-input v-model="loopInstanceForm.elementVariable" clearable @change="updateLoopBase" />
         </el-form-item>
-        <el-form-item label="完成条件" key="completionCondition">
+        <el-form-item :label="$t('bpm.design.completionCondition')" key="completionCondition">
           <el-input
             v-model="loopInstanceForm.completionCondition"
             clearable
@@ -72,29 +88,29 @@
           />
         </el-form-item>
         <!-- add by 芋艿：由于「异步状态」暂时用不到，所以这里 display 为 none -->
-        <el-form-item label="异步状态" key="async" style="display: none">
+        <el-form-item :label="$t('bpm.design.asyncState')" key="async" style="display: none">
           <el-checkbox
             v-model="loopInstanceForm.asyncBefore"
-            label="异步前"
-            value="异步前"
+            :label="$t('bpm.design.asyncBefore')"
+            :value="$t('bpm.design.asyncBefore')"
             @change="updateLoopAsync('asyncBefore')"
           />
           <el-checkbox
             v-model="loopInstanceForm.asyncAfter"
-            label="异步后"
-            value="异步后"
+            :label="$t('bpm.design.asyncAfter')"
+            :value="$t('bpm.design.asyncAfter')"
             @change="updateLoopAsync('asyncAfter')"
           />
           <el-checkbox
             v-model="loopInstanceForm.exclusive"
             v-if="loopInstanceForm.asyncAfter || loopInstanceForm.asyncBefore"
-            label="排除"
-            value="排除"
+            :label="$t('bpm.design.exclusive')"
+            :value="$t('bpm.design.exclusive')"
             @change="updateLoopAsync('exclusive')"
           />
         </el-form-item>
         <el-form-item
-          label="重试周期"
+          :label="$t('bpm.design.timeCycle')"
           prop="timeCycle"
           v-if="loopInstanceForm.asyncAfter || loopInstanceForm.asyncBefore"
           key="timeCycle"
@@ -418,4 +434,4 @@ watch(
   },
   { immediate: true }
 )
-</script>
\ No newline at end of file
+</script>
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 19d01b90d..aa668e07f 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -56,7 +56,7 @@ export default {
     copySuccess: 'Copy Success',
     copyError: 'Copy Error',
     confirm: 'Confirm',
-    operation: 'Operation',
+    operation: 'Operation'
   },
   lock: {
     lockScreen: 'Lock screen',
@@ -143,9 +143,9 @@ export default {
     qrcode: 'Scan the QR code to log in',
     btnRegister: 'Sign up',
     SmsSendMsg: 'code has been sent',
-    resetPassword: "Reset Password",
-    resetPasswordSuccess: "Reset Password Success",
-    invalidTenantName:"Invalid Tenant Name"
+    resetPassword: 'Reset Password',
+    resetPasswordSuccess: 'Reset Password Success',
+    invalidTenantName: 'Invalid Tenant Name'
   },
   captcha: {
     verification: 'Please complete security verification',
@@ -532,10 +532,14 @@ export default {
       categoryNotEmpty: 'This category still has process definitions, deletion is not allowed',
       confirmDeleteCategory: 'Are you sure to delete this category?',
       form: {
+        publish: 'Publish',
+        restore: 'Restore',
+        save: 'Save',
         processIdentifier: 'Process Identifier',
         enterProcessIdentifier: 'Please enter process identifier, start with letter or underscore',
         identifierNotModifiable: 'Process identifier cannot be modified!',
-        identifierNotModifiableAfterCreation: 'After creation, process identifier cannot be modified!',
+        identifierNotModifiableAfterCreation:
+          'After creation, process identifier cannot be modified!',
         processName: 'Process Name',
         enterProcessName: 'Please enter process name',
         processCategory: 'Process Category',
@@ -560,7 +564,8 @@ export default {
         processAdminRequired: 'Process administrator cannot be empty',
         submitterPermissions: 'Submitter Permissions',
         allowCancelRunning: 'Allow cancellation of running applications',
-        cancelRunningTip: 'After the first approval node passes, the submitter can still cancel the application',
+        cancelRunningTip:
+          'After the first approval node passes, the submitter can still cancel the application',
         processCode: 'Process Code',
         prefix: 'Prefix',
         infix: 'Infix',
@@ -576,7 +581,8 @@ export default {
         showProcessName: 'Show Process Name',
         customTitle: 'Custom Title',
         insertFieldTip: 'Enter "{" to insert form field',
-        insertFieldPlaceholder: 'Please insert form fields (enter "{" to select form field) or enter text',
+        insertFieldPlaceholder:
+          'Please insert form fields (enter "{" to select form field) or enter text',
         summarySettings: 'Summary Settings',
         showFirstThreeFields: 'Show first 3 form fields',
         customSummary: 'Custom Summary',
@@ -599,33 +605,34 @@ export default {
         formViewPath: 'Form View Path',
         enterFormSubmitPath: 'Please enter form submit path',
         enterFormViewPath: 'Please enter form view path',
-        customFormSubmitPathTip: 'Custom form submit path using Vue route address, e.g.: bpm/oa/leave/create.vue',
-        customFormViewPathTip: 'Custom form view component path using Vue component address, e.g.: bpm/oa/leave/detail.vue',
+        customFormSubmitPathTip:
+          'Custom form submit path using Vue route address, e.g.: bpm/oa/leave/create.vue',
+        customFormViewPathTip:
+          'Custom form view component path using Vue component address, e.g.: bpm/oa/leave/detail.vue',
         formPreview: 'Form Preview',
         formTypeRequired: 'Form type cannot be empty',
         processFormRequired: 'Process form cannot be empty',
         formSubmitPathRequired: 'Form submit path cannot be empty',
         formViewPathRequired: 'Form view path cannot be empty'
-
-      },
+      }
     },
     design: {
-      messageList: "Message List",
-      createNewMessage: "Create New Message",
-      serialNumber: "No.",
-      messageId: "Message ID",
-      messageName: "Message Name",
-      signalList: "Signal List",
-      createNewSignal: "Create New Signal",
-      signalId: "Signal ID",
-      signalName: "Signal Name",
-      createMessage: "Create Message",
-      createSignal: "Create Signal",
-      cancel: "Cancel",
-      save: "Save",
-      asyncBefore: "Async Before",
-      asyncAfter: "Async After",
-      exclusive: "Exclusive",
+      messageList: 'Message List',
+      createNewMessage: 'Create New Message',
+      serialNumber: 'No.',
+      messageId: 'Message ID',
+      messageName: 'Message Name',
+      signalList: 'Signal List',
+      createNewSignal: 'Create New Signal',
+      signalId: 'Signal ID',
+      signalName: 'Signal Name',
+      createMessage: 'Create Message',
+      createSignal: 'Create Signal',
+      cancel: 'Cancel',
+      save: 'Save',
+      asyncBefore: 'Async Before',
+      asyncAfter: 'Async After',
+      exclusive: 'Exclusive',
       eventType: 'Event Type',
       listenerType: 'Listener Type',
       addListener: 'Add Listener',
@@ -639,12 +646,12 @@ export default {
       index: 'Index',
       propertyName: 'Property Name',
       propertyValue: 'Property Value',
-      
+
       addProperty: 'Add Property',
       propertyConfig: 'Property Config',
       propertyNameLabel: 'Property Name:',
       propertyValueLabel: 'Property Value:',
-    
+
       confirm: 'Confirm',
       general: 'General',
       messageAndSignal: 'Message & Signal',
@@ -652,19 +659,19 @@ export default {
       form: 'Form',
       multiApprovalType: 'Multi-approval Type',
       multiInstance: 'Multi Instance',
-   
+
       taskListener: 'Task Listener',
       extensionProperties: 'Extension Properties',
       other: 'Other',
       customConfig: 'Custom Config',
-      processId: "Process ID",
-      enterProcessId: "Please enter process ID",
-      processName: "Process Name",
-      enterProcessName: "Please enter process name",
-      id: "ID",
-      name: "Name",
-      processIdRequired: "Process ID is required",
-      processNameRequired: "Process name is required",
+      processId: 'Process ID',
+      enterProcessId: 'Please enter process ID',
+      processName: 'Process Name',
+      enterProcessName: 'Please enter process name',
+      id: 'ID',
+      name: 'Name',
+      processIdRequired: 'Process ID is required',
+      processNameRequired: 'Process name is required',
       elementDocumentation: 'Element Documentation:',
       executeType: 'Execute Type',
 
@@ -672,19 +679,19 @@ export default {
       processForm: 'Process Form',
       businessKey: 'Business Key',
       none: 'None',
-      candidateStrategy: "Rule Type",
-      role: "Role",
-      dept: "Department",
-      loading: "Loading, please wait",
+      candidateStrategy: 'Rule Type',
+      role: 'Role',
+      dept: 'Department',
+      loading: 'Loading, please wait',
+
+      post: 'Post',
+      user: 'User',
+      userGroup: 'User Group',
+      formUser: 'Form Dept Field',
+      formDept: 'Form Dept Field',
+      deptLevel: 'Department Level',
 
-      post: "Post",
-      user: "User", 
-      userGroup: "User Group", 
-      formUser: "Form Dept Field", 
-      formDept: "Form Dept Field", 
-      deptLevel: "Department Level", 
-     
-      skipExpression: "Skip Expression" ,
+      skipExpression: 'Skip Expression',
       openFile: 'Open File',
       downloadXml: 'Download as XML',
       downloadSvg: 'Download as SVG',
@@ -697,17 +704,21 @@ export default {
       exitSimulation: 'Exit Simulation',
       startSimulation: 'Start Simulation',
 
-      multiInstanceNotImplemented: 'Multi-instance for nodes other than UserTask is not implemented yet',
-    quickConfig: 'Quick Configuration',
-    sequentialApproval: 'Sequential Approval',
-    countersign: 'Countersign',
-    orSign: 'Or-sign',
-    countersignType: 'Countersign Type',
-    parallelMultiInstance: 'Parallel Multi-instance',
-    sequentialMultiInstance: 'Sequential Multi-instance',
-
+      multiInstanceNotImplemented:
+        'Multi-instance for nodes other than UserTask is not implemented yet',
+      quickConfig: 'Quick Configuration',
+      sequentialApproval: 'Sequential Approval',
+      countersign: 'Countersign',
+      orSign: 'Or-sign',
+      countersignType: 'Countersign Type',
+      parallelMultiInstance: 'Parallel Multi-instance',
+      sequentialMultiInstance: 'Sequential Multi-instance',
+      timeCycle: 'Time Cycle',
+      collection: 'Collection',
+      elementVariable: 'Element Variable',
+      completionCondition: 'Completion Condition',
+      asyncState: 'Async State',
+      loopCardinality: 'Loop Cardinality'
     }
-  
-    
-  }
   }
+}
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index 567af1764..3e2fd96ba 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -56,8 +56,7 @@ export default {
     copySuccess: '复制成功',
     copyError: '复制失败',
     confirm: '确 定',
-    operation: '操作',
-    
+    operation: '操作'
   },
   lock: {
     lockScreen: '锁定屏幕',
@@ -145,9 +144,9 @@ export default {
     qrcode: '扫描二维码登录',
     btnRegister: '注册',
     SmsSendMsg: '验证码已发送',
-    resetPassword: "重置密码",
-    resetPasswordSuccess: "重置密码成功",
-    invalidTenantName: "无效的租户名称"
+    resetPassword: '重置密码',
+    resetPasswordSuccess: '重置密码成功',
+    invalidTenantName: '无效的租户名称'
   },
   captcha: {
     verification: '请完成安全验证',
@@ -489,7 +488,7 @@ export default {
       formDetail: '表单详情',
       manual: '工作流手册'
     },
-     model: {
+    model: {
       dragToSort: '拖动排序',
       sort: '排序',
       create: '新建',
@@ -528,8 +527,11 @@ export default {
       renameSuccess: '重命名成功',
       categoryNotEmpty: '该分类下仍有流程定义,不允许删除',
       confirmDeleteCategory: '确认删除分类吗?',
-    
+
       form: {
+        publish: '发布',
+        restore: '恢复',
+        save: '保存',
         processIdentifier: '流程标识',
         enterProcessIdentifier: '请输入流程标识，以字母或下划线开头',
         identifierNotModifiable: '流程标识不可修改！',
@@ -594,23 +596,23 @@ export default {
       }
     },
     design: {
-      messageList: "消息列表",
-      createNewMessage: "创建新消息",
-      serialNumber: "序号",
-      messageId: "消息ID",
-      messageName: "消息名称",
-      signalList: "信号列表",
-      createNewSignal: "创建新信号",
-      signalId: "信号ID",
-      signalName: "信号名称",
-      createMessage: "创建消息",
-      createSignal: "创建信号",
-      cancel: "取 消",
-      save: "保 存",
-      asyncContinuation: "异步延续",
-      asyncBefore: "异步前",
-      asyncAfter: "异步后",
-      exclusive: "排除",
+      messageList: '消息列表',
+      createNewMessage: '创建新消息',
+      serialNumber: '序号',
+      messageId: '消息ID',
+      messageName: '消息名称',
+      signalList: '信号列表',
+      createNewSignal: '创建新信号',
+      signalId: '信号ID',
+      signalName: '信号名称',
+      createMessage: '创建消息',
+      createSignal: '创建信号',
+      cancel: '取 消',
+      save: '保 存',
+      asyncContinuation: '异步延续',
+      asyncBefore: '异步前',
+      asyncAfter: '异步后',
+      exclusive: '排除',
       eventType: '事件类型',
       listenerType: '监听器类型',
       addListener: '添加监听器',
@@ -624,50 +626,50 @@ export default {
       index: '序号',
       propertyName: '属性名',
       propertyValue: '属性值',
-      
+
       addProperty: '添加属性',
       propertyConfig: '属性配置',
       propertyNameLabel: '属性名：',
       propertyValueLabel: '属性值：',
-    
+
       confirm: '确 定',
       general: '常规',
       messageAndSignal: '消息与信号',
       flowCondition: '流转条件',
       form: '表单',
       multiApprovalType: '多人审批方式',
-      multiInstance:'多人审批方式',
+      multiInstance: '多人审批方式',
       taskListener: '任务监听器',
       extensionProperties: '扩展属性',
       other: '其他',
       customConfig: '自定义配置',
-      processId: "流程标识",
-      enterProcessId: "请输入流程标识",
-      processName: "流程名称",
-      enterProcessName: "请输入流程名称",
-      id: "ID",
-      name: "名称",
-      processIdRequired: "流程标识不能为空",
-      processNameRequired: "流程名称不能为空",
+      processId: '流程标识',
+      enterProcessId: '请输入流程标识',
+      processName: '流程名称',
+      enterProcessName: '请输入流程名称',
+      id: 'ID',
+      name: '名称',
+      processIdRequired: '流程标识不能为空',
+      processNameRequired: '流程名称不能为空',
       elementDocumentation: '元素文档：',
       executeType: '执行类型',
       delegateExpression: '代理表达式',
       processForm: '流程表单',
       businessKey: '业务标识',
       none: '无',
-      candidateStrategy: "规则类型",
-      role: "指定角色",
-      dept: "指定部门",
-      loading: "加载中，请稍后",
-     
-      post: "指定岗位",
-      user: "指定用户",
-      userGroup: "指定用户组",
-      formUser: "表单内用户字段",
-      formDept: "表单内部门字段",
-      deptLevel: "部门层级",
-     
-      skipExpression: "跳过表达式",
+      candidateStrategy: '规则类型',
+      role: '指定角色',
+      dept: '指定部门',
+      loading: '加载中，请稍后',
+
+      post: '指定岗位',
+      user: '指定用户',
+      userGroup: '指定用户组',
+      formUser: '表单内用户字段',
+      formDept: '表单内部门字段',
+      deptLevel: '部门层级',
+
+      skipExpression: '跳过表达式',
       openFile: '打开文件',
       downloadXml: '下载为XML文件',
       downloadSvg: '下载为SVG文件',
@@ -687,9 +689,12 @@ export default {
       countersignType: '会签类型',
       parallelMultiInstance: '并行多重事件',
       sequentialMultiInstance: '时序多重事件',
-      
-    }
-
-     
-    }
+      timeCycle: '时间循环',
+      collection: '集合',
+      elementVariable: '元素变量',
+      completionCondition: '完成条件',
+      asyncState: '异步状态',
+      loopCardinality: '循环基数'
     }
+  }
+}
diff --git a/src/views/bpm/model/form/index.vue b/src/views/bpm/model/form/index.vue
index 485d723b2..9f2cff459 100644
--- a/src/views/bpm/model/form/index.vue
+++ b/src/views/bpm/model/form/index.vue
@@ -45,11 +45,11 @@
         <!-- 右侧按钮 -->
         <div class="w-200px flex items-center justify-end gap-2">
           <el-button v-if="actionType === 'update'" type="success" @click="handleDeploy">
-            发 布
+            {{ $t('bpm.model.form.publish') }}
           </el-button>
           <el-button type="primary" @click="handleSave">
-            <span v-if="actionType === 'definition'">恢 复</span>
-            <span v-else>保 存</span>
+            <span v-if="actionType === 'definition'">{{ $t('bpm.model.form.restore') }}</span>
+            <span v-else>{{ $t('bpm.model.form.save') }}</span>
           </el-button>
         </div>
       </div>

From c41a5d344e72f52878c1ee9931cee4ca02770644 Mon Sep 17 00:00:00 2001
From: Hoa Le <huuhoa.it.vn@gmail.com>
Date: Sun, 18 May 2025 19:43:11 +0700
Subject: [PATCH 3/3] feat(i18n): add localization support for user and menu
 modules

This commit introduces internationalization (i18n) support for the user and menu modules by replacing hardcoded strings with localized text. The changes include updating placeholders, labels, and messages in various Vue components to use the `$t` function for translation. Additionally, new translation keys have been added to both `zh-CN.ts` and `en.ts` locale files to support these changes. This enhancement improves the application's usability for non-Chinese speaking users.
---
 src/locales/en.ts                            | 83 ++++++++++++++++++++
 src/locales/zh-CN.ts                         | 81 +++++++++++++++++++
 src/views/system/menu/MenuForm.vue           | 28 +++----
 src/views/system/menu/index.vue              | 25 ++----
 src/views/system/user/DeptTree.vue           |  3 +-
 src/views/system/user/UserAssignRoleForm.vue | 14 ++--
 src/views/system/user/UserForm.vue           | 50 ++++++------
 src/views/system/user/index.vue              | 82 ++++++++++---------
 8 files changed, 265 insertions(+), 101 deletions(-)

diff --git a/src/locales/en.ts b/src/locales/en.ts
index aa668e07f..39a4e54fa 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -405,6 +405,89 @@ export default {
       email: 'Email',
       smsCode: 'SMS code',
       mobile: 'Mobile'
+    },
+    user: {
+      userSystem: 'User System',
+      socialLogin: 'Third-party Login',
+      excelImportExport: 'Excel Import/Export',
+      username: 'Username',
+      inputUsername: 'Please enter username',
+      mobile: 'Mobile Number',
+      inputMobile: 'Please enter mobile number',
+      status: 'Status',
+      selectStatus: 'Please select status',
+      createTime: 'Create Time',
+      startDate: 'Start Date',
+      endDate: 'End Date',
+      search: 'Search',
+      reset: 'Reset',
+      add: 'Add',
+      import: 'Import',
+      export: 'Export',
+      id: 'User ID',
+      nickname: 'Nickname',
+      deptName: 'Department',
+      operation: 'Operation',
+      edit: 'Edit',
+      more: 'More',
+
+      nicknamePlaceholder: 'Please enter nickname',
+      nicknameRequired: 'Nickname is required',
+      deptId: 'Department',
+      deptIdPlaceholder: 'Please select department',
+      mobilePlaceholder: 'Please enter mobile number',
+      mobileRequired: 'Mobile number is required',
+      mobileInvalid: 'Please enter a valid mobile number',
+      email: 'Email',
+      emailPlaceholder: 'Please enter email',
+      emailInvalid: 'Please enter a valid email address',
+
+      usernamePlaceholder: 'Please enter username',
+      usernameRequired: 'Username is required',
+      password: 'Password',
+      passwordPlaceholder: 'Please enter password',
+      passwordRequired: 'Password is required',
+      sex: 'Gender',
+      sexPlaceholder: 'Please select gender',
+      postIds: 'Post',
+      postIdsPlaceholder: 'Please select post(s)',
+      remark: 'Remark',
+      remarkPlaceholder: 'Please enter remark',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      assignRole: 'Assign Role',
+
+      role: 'Role',
+      rolePlaceholder: 'Please select role(s)',
+      searchDept: 'Department Name',
+      enable: 'Enable',
+      disable: 'Disable',
+      confirmChangeStatus: 'Are you sure you want to "{status}" user "{username}"?'
+    },
+    menu: {
+      name: 'Menu Name',
+      inputName: 'Please enter menu name',
+      status: 'Menu Status',
+      selectStatus: 'Please select menu status',
+      search: 'Search',
+      reset: 'Reset',
+      create: 'Create',
+      parentId: 'Parent Menu',
+
+      namePlaceholder: 'Please enter menu name',
+      nameRequired: 'Menu name is required',
+      type: 'Menu Type',
+      typeRequired: 'Menu type is required',
+      icon: 'Menu Icon',
+      path: 'Route Path',
+      pathPlaceholder: 'Please enter route path',
+      pathRequired: 'Route path is required',
+      pathTip:
+        'The route address to access, e.g., `user`. For external addresses, start with `http(s)://`',
+      // Add other keys as needed for all labels, placeholders, tooltips, etc.
+
+      statusRequired: 'Menu status is required'
+      // Add more keys as needed for other Chinese text in the file
     }
   },
   profile: {
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index 3e2fd96ba..c6b3dad0b 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -399,6 +399,87 @@ export default {
       email: '邮箱',
       smsCode: '短信验证码',
       mobile: '手机号码'
+    },
+    user: {
+      userSystem: '用户体系',
+      socialLogin: '三方登陆',
+      excelImportExport: 'Excel 导入导出',
+      username: '用户名称',
+      inputUsername: '请输入用户名称',
+      mobile: '手机号码',
+      inputMobile: '请输入手机号码',
+      status: '状态',
+      selectStatus: '请选择用户状态',
+      createTime: '创建时间',
+      startDate: '开始日期',
+      endDate: '结束日期',
+      search: '搜索',
+      reset: '重置',
+      add: '新增',
+      import: '导入',
+      export: '导出',
+      id: '用户编号',
+      nickname: '用户昵称',
+      deptName: '部门',
+      operation: '操作',
+      edit: '修改',
+      more: '更多',
+
+      nicknamePlaceholder: '请输入用户昵称',
+      nicknameRequired: '用户昵称不能为空',
+      deptId: '归属部门',
+      deptIdPlaceholder: '请选择归属部门',
+
+      mobilePlaceholder: '请输入手机号码',
+      mobileRequired: '手机号码不能为空',
+      mobileInvalid: '请输入正确的手机号码',
+      email: '邮箱',
+      emailPlaceholder: '请输入邮箱',
+      emailInvalid: '请输入正确的邮箱地址',
+
+      usernamePlaceholder: '请输入用户名称',
+      usernameRequired: '用户名称不能为空',
+      password: '用户密码',
+      passwordPlaceholder: '请输入用户密码',
+      passwordRequired: '用户密码不能为空',
+      sex: '用户性别',
+      sexPlaceholder: '请选择',
+      postIds: '岗位',
+      postIdsPlaceholder: '请选择',
+      remark: '备注',
+      remarkPlaceholder: '请输入内容',
+      confirm: '确 定',
+      cancel: '取 消',
+      role: '角色',
+      rolePlaceholder: '请选择角色',
+      searchDept: '搜索部门',
+      enable: '启用',
+      disable: '停用',
+      confirmChangeStatus: '确认要"{status}""{username}"用户吗?'
+    },
+    menu: {
+      name: '菜单名称',
+      inputName: '请输入菜单名称',
+      status: '菜单状态',
+      selectStatus: '请选择菜单状态',
+      search: '搜索',
+      reset: '重置',
+      create: '新增',
+      parentId: '上级菜单',
+
+      namePlaceholder: '请输入菜单名称',
+      nameRequired: '菜单名称不能为空',
+      type: '菜单类型',
+      typeRequired: '菜单类型不能为空',
+      icon: '菜单图标',
+      path: '路由地址',
+      pathPlaceholder: '请输入路由地址',
+      pathRequired: '路由地址不能为空',
+      pathTip: '访问的路由地址，如：`user`。如需外网地址时，则以 `http(s)://` 开头',
+      // Add other keys as needed for all labels, placeholders, tooltips, etc.
+
+      statusRequired: '菜单状态不能为空'
+      // Add more keys as needed for other Chinese text in the file
     }
   },
   profile: {
diff --git a/src/views/system/menu/MenuForm.vue b/src/views/system/menu/MenuForm.vue
index ddc3d3e13..0d6c45d21 100644
--- a/src/views/system/menu/MenuForm.vue
+++ b/src/views/system/menu/MenuForm.vue
@@ -7,7 +7,7 @@
       :rules="formRules"
       label-width="100px"
     >
-      <el-form-item label="上级菜单">
+      <el-form-item :label="t('sys.menu.parentId')">
         <el-tree-select
           v-model="formData.parentId"
           :data="menuTree"
@@ -17,10 +17,10 @@
           node-key="id"
         />
       </el-form-item>
-      <el-form-item label="菜单名称" prop="name">
-        <el-input v-model="formData.name" clearable placeholder="请输入菜单名称" />
+      <el-form-item :label="t('sys.menu.name')" prop="name">
+        <el-input v-model="formData.name" clearable :placeholder="t('sys.menu.namePlaceholder')" />
       </el-form-item>
-      <el-form-item label="菜单类型" prop="type">
+      <el-form-item :label="t('sys.menu.type')" prop="type">
         <el-radio-group v-model="formData.type">
           <el-radio-button
             v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_MENU_TYPE)"
@@ -31,17 +31,17 @@
           </el-radio-button>
         </el-radio-group>
       </el-form-item>
-      <el-form-item v-if="formData.type !== 3" label="菜单图标">
+      <el-form-item v-if="formData.type !== 3" :label="t('sys.menu.icon')">
         <IconSelect v-model="formData.icon" clearable />
       </el-form-item>
-      <el-form-item v-if="formData.type !== 3" label="路由地址" prop="path">
+      <el-form-item v-if="formData.type !== 3" :label="t('sys.menu.path')" prop="path">
         <template #label>
           <Tooltip
-            message="访问的路由地址，如：`user`。如需外网地址时，则以 `http(s)://` 开头"
-            title="路由地址"
+            :message="t('sys.menu.pathTip')"
+            :title="t('sys.menu.path')"
           />
         </template>
-        <el-input v-model="formData.path" clearable placeholder="请输入路由地址" />
+        <el-input v-model="formData.path" clearable :placeholder="t('sys.menu.pathPlaceholder')" />
       </el-form-item>
       <el-form-item v-if="formData.type === 2" label="组件地址" prop="component">
         <el-input v-model="formData.component" clearable placeholder="例如说：system/user/index" />
@@ -146,11 +146,11 @@ const formData = ref({
   alwaysShow: true
 })
 const formRules = reactive({
-  name: [{ required: true, message: '菜单名称不能为空', trigger: 'blur' }],
-  type: [{ required: true, message: '菜单类型不能为空', trigger: 'blur' }],
-  sort: [{ required: true, message: '菜单顺序不能为空', trigger: 'blur' }],
-  path: [{ required: true, message: '路由地址不能为空', trigger: 'blur' }],
-  status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
+  name: [{ required: true, message: t('sys.menu.nameRequired'), trigger: 'blur' }],
+  type: [{ required: true, message: t('sys.menu.typeRequired'), trigger: 'blur' }],
+  sort: [{ required: true, message: t('sys.menu.sortRequired'), trigger: 'blur' }],
+  path: [{ required: true, message: t('sys.menu.pathRequired'), trigger: 'blur' }],
+  status: [{ required: true, message: t('sys.menu.statusRequired'), trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
 
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index a72da7ed7..1024f19de 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -1,7 +1,4 @@
 <template>
-  <doc-alert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
-  <doc-alert title="菜单路由" url="https://doc.iocoder.cn/vue3/route/" />
-
   <!-- 搜索工作栏 -->
   <ContentWrap>
     <el-form
@@ -11,21 +8,21 @@
       class="-mb-15px"
       label-width="68px"
     >
-      <el-form-item label="菜单名称" prop="name">
+      <el-form-item :label="$t('sys.menu.name')" prop="name">
         <el-input
           v-model="queryParams.name"
           class="!w-240px"
           clearable
-          placeholder="请输入菜单名称"
+          :placeholder="$t('sys.menu.inputName')"
           @keyup.enter="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="状态" prop="status">
+      <el-form-item :label="$t('sys.menu.status')" prop="status">
         <el-select
           v-model="queryParams.status"
           class="!w-240px"
           clearable
-          placeholder="请选择菜单状态"
+          :placeholder="$t('sys.menu.selectStatus')"
         >
           <el-option
             v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
@@ -38,11 +35,11 @@
       <el-form-item>
         <el-button @click="handleQuery">
           <Icon class="mr-5px" icon="ep:search" />
-          搜索
+          {{ $t('sys.menu.search') }}
         </el-button>
         <el-button @click="resetQuery">
           <Icon class="mr-5px" icon="ep:refresh" />
-          重置
+          {{ $t('sys.menu.reset') }}
         </el-button>
         <el-button
           v-hasPermi="['system:menu:create']"
@@ -51,15 +48,7 @@
           @click="openForm('create')"
         >
           <Icon class="mr-5px" icon="ep:plus" />
-          新增
-        </el-button>
-        <el-button plain type="danger" @click="toggleExpandAll">
-          <Icon class="mr-5px" icon="ep:sort" />
-          展开/折叠
-        </el-button>
-        <el-button plain @click="refreshMenu">
-          <Icon class="mr-5px" icon="ep:refresh" />
-          刷新菜单缓存
+          {{ $t('sys.menu.create') }}
         </el-button>
       </el-form-item>
     </el-form>
diff --git a/src/views/system/user/DeptTree.vue b/src/views/system/user/DeptTree.vue
index ab8ba06f1..450ec7e7b 100644
--- a/src/views/system/user/DeptTree.vue
+++ b/src/views/system/user/DeptTree.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="head-container">
-    <el-input v-model="deptName" class="mb-20px" clearable placeholder="请输入部门名称">
+    <el-input v-model="deptName" class="mb-20px" clearable :placeholder="$t('sys.user.searchDept')">
       <template #prefix>
         <Icon icon="ep:search" />
       </template>
@@ -22,6 +22,7 @@
 </template>
 
 <script lang="ts" setup>
+// 国际化
 import { ElTree } from 'element-plus'
 import * as DeptApi from '@/api/system/dept'
 import { defaultProps, handleTree } from '@/utils/tree'
diff --git a/src/views/system/user/UserAssignRoleForm.vue b/src/views/system/user/UserAssignRoleForm.vue
index 67a5ddb92..e0eacb2d0 100644
--- a/src/views/system/user/UserAssignRoleForm.vue
+++ b/src/views/system/user/UserAssignRoleForm.vue
@@ -1,21 +1,21 @@
 <template>
-  <Dialog v-model="dialogVisible" title="分配角色">
+  <Dialog v-model="dialogVisible" :title="t('sys.user.assignRole')">
     <el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px">
-      <el-form-item label="用户名称">
+      <el-form-item :label="t('sys.user.username')">
         <el-input v-model="formData.username" :disabled="true" />
       </el-form-item>
-      <el-form-item label="用户昵称">
+      <el-form-item :label="t('sys.user.nickname')">
         <el-input v-model="formData.nickname" :disabled="true" />
       </el-form-item>
-      <el-form-item label="角色">
-        <el-select v-model="formData.roleIds" multiple placeholder="请选择角色">
+      <el-form-item :label="t('sys.user.role')">
+        <el-select v-model="formData.roleIds" multiple :placeholder="t('sys.user.rolePlaceholder')">
           <el-option v-for="item in roleList" :key="item.id" :label="item.name" :value="item.id" />
         </el-select>
       </el-form-item>
     </el-form>
     <template #footer>
-      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
-      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">{{ t('sys.user.confirm') }}</el-button>
+      <el-button @click="dialogVisible = false">{{ t('sys.user.cancel') }}</el-button>
     </template>
   </Dialog>
 </template>
diff --git a/src/views/system/user/UserForm.vue b/src/views/system/user/UserForm.vue
index 630688a33..5592248fc 100644
--- a/src/views/system/user/UserForm.vue
+++ b/src/views/system/user/UserForm.vue
@@ -9,46 +9,46 @@
     >
       <el-row>
         <el-col :span="12">
-          <el-form-item label="用户昵称" prop="nickname">
-            <el-input v-model="formData.nickname" placeholder="请输入用户昵称" />
+          <el-form-item :label="t('sys.user.nickname')" prop="nickname">
+            <el-input v-model="formData.nickname" :placeholder="t('sys.user.nicknamePlaceholder')" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="归属部门" prop="deptId">
+          <el-form-item :label="t('sys.user.deptId')" prop="deptId">
             <el-tree-select
               v-model="formData.deptId"
               :data="deptList"
               :props="defaultProps"
               check-strictly
               node-key="id"
-              placeholder="请选择归属部门"
+              :placeholder="t('sys.user.deptIdPlaceholder')"
             />
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="12">
-          <el-form-item label="手机号码" prop="mobile">
-            <el-input v-model="formData.mobile" maxlength="11" placeholder="请输入手机号码" />
+          <el-form-item :label="t('sys.user.mobile')" prop="mobile">
+            <el-input v-model="formData.mobile" maxlength="11" :placeholder="t('sys.user.mobilePlaceholder')" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="邮箱" prop="email">
-            <el-input v-model="formData.email" maxlength="50" placeholder="请输入邮箱" />
+          <el-form-item :label="t('sys.user.email')" prop="email">
+            <el-input v-model="formData.email" maxlength="50" :placeholder="t('sys.user.emailPlaceholder')" />
           </el-form-item>
         </el-col>
       </el-row>
       <el-row>
         <el-col :span="12">
-          <el-form-item v-if="formData.id === undefined" label="用户名称" prop="username">
-            <el-input v-model="formData.username" placeholder="请输入用户名称" />
+          <el-form-item v-if="formData.id === undefined" :label="t('sys.user.username')" prop="username">
+            <el-input v-model="formData.username" :placeholder="t('sys.user.usernamePlaceholder')" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item v-if="formData.id === undefined" label="用户密码" prop="password">
+          <el-form-item v-if="formData.id === undefined" :label="t('sys.user.password')" prop="password">
             <el-input
               v-model="formData.password"
-              placeholder="请输入用户密码"
+              :placeholder="t('sys.user.passwordPlaceholder')"
               show-password
               type="password"
             />
@@ -57,8 +57,8 @@
       </el-row>
       <el-row>
         <el-col :span="12">
-          <el-form-item label="用户性别">
-            <el-select v-model="formData.sex" placeholder="请选择">
+          <el-form-item :label="t('sys.user.sex')">
+            <el-select v-model="formData.sex" :placeholder="t('sys.user.sexPlaceholder')">
               <el-option
                 v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
                 :key="dict.value"
@@ -69,8 +69,8 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="岗位">
-            <el-select v-model="formData.postIds" multiple placeholder="请选择">
+          <el-form-item :label="t('sys.user.postIds')">
+            <el-select v-model="formData.postIds" multiple :placeholder="t('sys.user.postIdsPlaceholder')">
               <el-option
                 v-for="item in postList"
                 :key="item.id"
@@ -83,15 +83,15 @@
       </el-row>
       <el-row>
         <el-col :span="24">
-          <el-form-item label="备注">
-            <el-input v-model="formData.remark" placeholder="请输入内容" type="textarea" />
+          <el-form-item :label="t('sys.user.remark')">
+            <el-input v-model="formData.remark" :placeholder="t('sys.user.remarkPlaceholder')" type="textarea" />
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
     <template #footer>
-      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
-      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">{{ t('sys.user.confirm') }}</el-button>
+      <el-button @click="dialogVisible = false">{{ t('sys.user.cancel') }}</el-button>
     </template>
   </Dialog>
 </template>
@@ -128,20 +128,20 @@ const formData = ref({
   roleIds: []
 })
 const formRules = reactive<FormRules>({
-  username: [{ required: true, message: '用户名称不能为空', trigger: 'blur' }],
-  nickname: [{ required: true, message: '用户昵称不能为空', trigger: 'blur' }],
-  password: [{ required: true, message: '用户密码不能为空', trigger: 'blur' }],
+  username: [{ required: true, message: t('sys.user.usernameRequired'), trigger: 'blur' }],
+  nickname: [{ required: true, message: t('sys.user.nicknameRequired'), trigger: 'blur' }],
+  password: [{ required: true, message: t('sys.user.passwordRequired'), trigger: 'blur' }],
   email: [
     {
       type: 'email',
-      message: '请输入正确的邮箱地址',
+      message: t('sys.user.emailInvalid'),
       trigger: ['blur', 'change']
     }
   ],
   mobile: [
     {
       pattern: /^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
-      message: '请输入正确的手机号码',
+      message: t('sys.user.mobileInvalid'),
       trigger: 'blur'
     }
   ]
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index ce7ed186e..cfc7dd17f 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -1,17 +1,13 @@
 <template>
-  <doc-alert title="用户体系" url="https://doc.iocoder.cn/user-center/" />
-  <doc-alert title="三方登陆" url="https://doc.iocoder.cn/social-user/" />
-  <doc-alert title="Excel 导入导出" url="https://doc.iocoder.cn/excel-import-and-export/" />
-
   <el-row :gutter="20">
-    <!-- 左侧部门树 -->
+    <!-- Left department tree -->
     <el-col :span="4" :xs="24">
       <ContentWrap class="h-1/1">
         <DeptTree @node-click="handleDeptNodeClick" />
       </ContentWrap>
     </el-col>
     <el-col :span="20" :xs="24">
-      <!-- 搜索 -->
+      <!-- Search -->
       <ContentWrap>
         <el-form
           class="-mb-15px"
@@ -20,28 +16,28 @@
           :inline="true"
           label-width="68px"
         >
-          <el-form-item label="用户名称" prop="username">
+          <el-form-item :label="$t('sys.user.username')" prop="username">
             <el-input
               v-model="queryParams.username"
-              placeholder="请输入用户名称"
+              :placeholder="$t('sys.user.inputUsername')"
               clearable
               @keyup.enter="handleQuery"
               class="!w-240px"
             />
           </el-form-item>
-          <el-form-item label="手机号码" prop="mobile">
+          <el-form-item :label="$t('sys.user.mobile')" prop="mobile">
             <el-input
               v-model="queryParams.mobile"
-              placeholder="请输入手机号码"
+              :placeholder="$t('sys.user.inputMobile')"
               clearable
               @keyup.enter="handleQuery"
               class="!w-240px"
             />
           </el-form-item>
-          <el-form-item label="状态" prop="status">
+          <el-form-item :label="$t('sys.user.status')" prop="status">
             <el-select
               v-model="queryParams.status"
-              placeholder="请选择用户状态"
+              :placeholder="$t('sys.user.selectStatus')"
               clearable
               class="!w-240px"
             >
@@ -53,26 +49,30 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="创建时间" prop="createTime">
+          <el-form-item :label="$t('sys.user.createTime')" prop="createTime">
             <el-date-picker
               v-model="queryParams.createTime"
               value-format="YYYY-MM-DD HH:mm:ss"
               type="datetimerange"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
+              :start-placeholder="$t('sys.user.startDate')"
+              :end-placeholder="$t('sys.user.endDate')"
               class="!w-240px"
             />
           </el-form-item>
           <el-form-item>
-            <el-button @click="handleQuery"><Icon icon="ep:search" />搜索</el-button>
-            <el-button @click="resetQuery"><Icon icon="ep:refresh" />重置</el-button>
+            <el-button @click="handleQuery"
+              ><Icon icon="ep:search" />{{ $t('sys.user.search') }}</el-button
+            >
+            <el-button @click="resetQuery"
+              ><Icon icon="ep:refresh" />{{ $t('sys.user.reset') }}</el-button
+            >
             <el-button
               type="primary"
               plain
               @click="openForm('create')"
               v-hasPermi="['system:user:create']"
             >
-              <Icon icon="ep:plus" /> 新增
+              <Icon icon="ep:plus" /> {{ $t('sys.user.add') }}
             </el-button>
             <el-button
               type="warning"
@@ -80,7 +80,7 @@
               @click="handleImport"
               v-hasPermi="['system:user:import']"
             >
-              <Icon icon="ep:upload" /> 导入
+              <Icon icon="ep:upload" /> {{ $t('sys.user.import') }}
             </el-button>
             <el-button
               type="success"
@@ -89,35 +89,40 @@
               :loading="exportLoading"
               v-hasPermi="['system:user:export']"
             >
-              <Icon icon="ep:download" />导出
+              <Icon icon="ep:download" />{{ $t('sys.user.export') }}
             </el-button>
           </el-form-item>
         </el-form>
       </ContentWrap>
       <ContentWrap>
         <el-table v-loading="loading" :data="list">
-          <el-table-column label="用户编号" align="center" key="id" prop="id" />
+          <el-table-column :label="$t('sys.user.id')" align="center" key="id" prop="id" />
           <el-table-column
-            label="用户名称"
+            :label="$t('sys.user.username')"
             align="center"
             prop="username"
             :show-overflow-tooltip="true"
           />
           <el-table-column
-            label="用户昵称"
+            :label="$t('sys.user.nickname')"
             align="center"
             prop="nickname"
             :show-overflow-tooltip="true"
           />
           <el-table-column
-            label="部门"
+            :label="$t('sys.user.deptName')"
             align="center"
             key="deptName"
             prop="deptName"
             :show-overflow-tooltip="true"
           />
-          <el-table-column label="手机号码" align="center" prop="mobile" width="120" />
-          <el-table-column label="状态" key="status">
+          <el-table-column
+            :label="$t('sys.user.mobile')"
+            align="center"
+            prop="mobile"
+            width="120"
+          />
+          <el-table-column :label="$t('sys.user.status')" key="status">
             <template #default="scope">
               <el-switch
                 v-model="scope.row.status"
@@ -129,13 +134,13 @@
             </template>
           </el-table-column>
           <el-table-column
-            label="创建时间"
+            :label="$t('sys.user.createTime')"
             align="center"
             prop="createTime"
             :formatter="dateFormatter"
             width="180"
           />
-          <el-table-column label="操作" align="center" width="160">
+          <el-table-column :label="$t('sys.user.operation')" align="center" width="160">
             <template #default="scope">
               <div class="flex items-center justify-center">
                 <el-button
@@ -144,7 +149,7 @@
                   @click="openForm('update', scope.row.id)"
                   v-hasPermi="['system:user:update']"
                 >
-                  <Icon icon="ep:edit" />修改
+                  <Icon icon="ep:edit" />{{ $t('sys.user.edit') }}
                 </el-button>
                 <el-dropdown
                   @command="(command) => handleCommand(command, scope.row)"
@@ -154,26 +159,28 @@
                     'system:permission:assign-user-role'
                   ]"
                 >
-                  <el-button type="primary" link><Icon icon="ep:d-arrow-right" /> 更多</el-button>
+                  <el-button type="primary" link
+                    ><Icon icon="ep:d-arrow-right" /> {{ $t('sys.user.more') }}</el-button
+                  >
                   <template #dropdown>
                     <el-dropdown-menu>
                       <el-dropdown-item
                         command="handleDelete"
                         v-if="checkPermi(['system:user:delete'])"
                       >
-                        <Icon icon="ep:delete" />删除
+                        <Icon icon="ep:delete" />Delete user
                       </el-dropdown-item>
                       <el-dropdown-item
                         command="handleResetPwd"
                         v-if="checkPermi(['system:user:update-password'])"
                       >
-                        <Icon icon="ep:key" />重置密码
+                        <Icon icon="ep:key" />Change password
                       </el-dropdown-item>
                       <el-dropdown-item
                         command="handleRole"
                         v-if="checkPermi(['system:permission:assign-user-role'])"
                       >
-                        <Icon icon="ep:circle-check" />分配角色
+                        <Icon icon="ep:circle-check" />Change role
                       </el-dropdown-item>
                     </el-dropdown-menu>
                   </template>
@@ -276,8 +283,11 @@ const handleImport = () => {
 const handleStatusChange = async (row: UserApi.UserVO) => {
   try {
     // 修改状态的二次确认
-    const text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用'
-    await message.confirm('确认要"' + text + '""' + row.username + '"用户吗?')
+    const text =
+      row.status === CommonStatusEnum.ENABLE ? t('sys.user.enable') : t('sys.user.disable')
+    await message.confirm(
+      t('sys.user.confirmChangeStatus', { status: text, username: row.username })
+    )
     // 发起修改状态
     await UserApi.updateUserStatus(row.id, row.status)
     // 刷新列表
@@ -298,7 +308,7 @@ const handleExport = async () => {
     // 发起导出
     exportLoading.value = true
     const data = await UserApi.exportUser(queryParams)
-    download.excel(data, '用户数据.xls')
+    download.excel(data, 'export.xls')
   } catch {
   } finally {
     exportLoading.value = false