mooho-base-admin-plus 0.1.70 → 0.4.0

package/src/layouts/basic-layout/header-user/index.vue

@@ -9,13 +9,13 @@
           <DropdownItem>
             <label @click="resetPwdOpen">
               <Icon type="ios-lock" />
-              <span>修改密码</span>
+              <span>{{ $t('Front_Label_Change_Password') }}</span>
             </label>
           </DropdownItem>
           <DropdownItem>
             <label @click="$refs.form.open(info)">
               <Icon type="ios-contact" />
-              <span>个人信息</span>
+              <span>{{ $t('Front_Label_User_Info') }}</span>
             </label>
           </DropdownItem>
           <!-- <i-link to="/setting/user">
@@ -32,7 +32,7 @@
                 </i-link> -->
           <DropdownItem divided name="logout">
             <Icon type="ios-log-out" />
-            <span>{{ $t('basicLayout.user.logOut') }}</span>
+            <span>{{ $t('Front_Label_Logout') }}</span>
           </DropdownItem>
         </DropdownMenu>
       </template>
@@ -41,25 +41,25 @@
       <Modal v-model="resetPwdOpened" scrollable>
         <template #header>
           <div>
-            <span class="title">修改密码</span>
-            <span class="description">Change Password</span>
+            <span class="title">{{ $t('Front_Label_Change_Password') }}</span>
+            <span class="description">{{ $t('Front_Label_Change_Password_Desc') }}</span>
           </div>
         </template>
         <div class="ivu-ml-8 ivu-mr-8">
           <Form ref="resetPwdForm" :model="resetPwdData" :rules="resetPwdRule" label-position="top" label-colon="：" class="ivu-mt" @submit.prevent>
             <Row :gutter="24" type="flex">
               <Col v-bind="grid24">
-                <FormItem label="旧密码" key="oldPwd" prop="oldPwd">
+                <FormItem :label="$t('Front_Label_Old_Password')" key="oldPwd" prop="oldPwd">
                   <Input type="password" v-model="resetPwdData.oldPwd" />
                 </FormItem>
               </Col>
               <Col v-bind="grid24">
-                <FormItem label="新密码" key="newPwd" prop="newPwd">
+                <FormItem :label="$t('Front_Label_New_Password')" key="newPwd" prop="newPwd">
                   <Input type="password" v-model="resetPwdData.newPwd" />
                 </FormItem>
               </Col>
               <Col v-bind="grid24">
-                <FormItem label="确认新密码" key="checkPwd" prop="checkPwd">
+                <FormItem :label="$t('Front_Label_Confirm_Password')" key="checkPwd" prop="checkPwd">
                   <Input type="password" v-model="resetPwdData.checkPwd" />
                 </FormItem>
               </Col>
@@ -67,13 +67,13 @@
           </Form>
         </div>
         <template #footer>
-          <Button type="primary" custom-icon="fa fa-check" @click="submitChangePwd">保存</Button>
+          <Button type="primary" custom-icon="fa fa-check" @click="submitChangePwd">{{ $t('Front_Btn_Save') }}</Button>
         </template>
       </Modal>
     </template>
     <modal-form ref="form" view-code="UserInfoEdit">
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="submitUserInfo">保存</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="submitUserInfo">{{ $t('Front_Btn_Save') }}</Button>
       </template>
     </modal-form>
   </span>
@@ -95,19 +95,19 @@
           oldPwd: {
             type: 'string',
             required: true,
-            message: '请输入旧密码',
+            message: this.tParam('Front_Msg_Please_Input|' + this.$t('Front_Label_Old_Password')),
             trigger: 'blur,change'
           },
           newPwd: {
             type: 'string',
             required: true,
-            message: '请输入新密码',
+            message: this.tParam('Front_Msg_Please_Input|' + this.$t('Front_Label_New_Password')),
             trigger: 'blur,change'
           },
           checkPwd: {
             type: 'string',
             required: true,
-            message: '请重复新密码',
+            message: this.tParam('Front_Msg_Please_Input|' + this.$t('Front_Label_Confirm_Password')),
             trigger: 'blur,change'
           }
         }
@@ -143,17 +143,17 @@
         let isOK = await this.$refs.resetPwdForm.validate();
 
         if (!isOK) {
-          this.error('有内容不符合要求，请正确填写！');
+          this.error('Front_Msg_Form_Validate_Fail');
         } else {
           if (this.resetPwdData.newPwd != this.resetPwdData.checkPwd) {
-            this.error('两次新密码输入不一致！');
+            this.error('Front_Msg_Password_Inconsistent');
           } else {
             await userlApi.updatePassword({
               oldPassword: this.resetPwdData.oldPwd,
               newPassword: this.resetPwdData.newPwd
             });
 
-            this.success('修改成功!', () => {
+            this.success('Front_Msg_Success', () => {
               this.resetPwdOpened = false;
             });
           }
@@ -161,10 +161,10 @@
       },
       // 保存用户信息
       submitUserInfo() {
-        this.confirm('确定要保存吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save', async () => {
           await userlApi.updateUser(this.$refs.form.data);
 
-          this.success('修改成功!', () => {
+          this.success('Front_Msg_Success', () => {
             this.set(this.$refs.form.data);
             this.$refs.form.opened = false;
           });

package/src/layouts/basic-layout/menu-side/index.vue

@@ -25,7 +25,13 @@
           <i-menu-side-submenu v-else :menu="item" :key="'submenu' + index" />
         </template>
         <template v-else>
-          <Tooltip :content="tTitle(item.title)" placement="right" v-if="item.children === undefined || !item.children.length" :key="index" :theme="siderTheme">
+          <Tooltip
+            :content="this.layout.showI18n ? this.$t('Permission_' + item.code) : item.title"
+            placement="right"
+            v-if="item.children === undefined || !item.children.length"
+            :key="index"
+            :theme="siderTheme"
+          >
             <i-menu-side-item class="i-layout-menu-side-collapse-top-item" :menu="item" hide-title />
           </Tooltip>
           <i-menu-side-collapse v-else :menu="item" top-level :key="'collapse' + index" />
@@ -42,7 +48,7 @@
   import iMenuSideItem from './menu-item.vue';
   import iMenuSideSubmenu from './submenu.vue';
   import iMenuSideCollapse from './menu-collapse.vue';
-  import tTitle from '../mixins/translate-title';
+  import mixinPage from '../../../mixins/page';
 
   // 元素是否在可视区域
   function isElementInViewport(el) {
@@ -57,7 +63,7 @@
 
   export default {
     name: 'iMenuSide',
-    mixins: [tTitle],
+    mixins: [mixinPage],
     components: { iMenuSideItem, iMenuSideSubmenu, iMenuSideCollapse },
     props: {
       hideLogo: {

package/src/layouts/basic-layout/menu-side/menu-title.vue

@@ -14,17 +14,18 @@
       }"
       v-if="!hideTitle"
     >
-      {{ tTitle(menu.title) }}
-      <em v-if="menu.subtitle">{{ tTitle(menu.subtitle) }}</em>
+      {{ this.layout.showI18n ? this.$t('Permission_' + menu.code) : menu.title }}
+      <em v-if="menu.subtitle">{{ this.layout.showI18n ? this.$t('Permission_' + menu.code + '_SubName') : menu.subTitle }}</em>
     </span>
   </span>
 </template>
 <script>
-  import tTitle from '../mixins/translate-title';
+  import mixinPage from '../../../mixins/page';
+  // import tTitle from '../mixins/translate-title';
 
   export default {
     name: 'iMenuSideTitle',
-    mixins: [tTitle],
+    mixins: [mixinPage],
     props: {
       menu: {
         type: Object,

package/src/layouts/basic-layout/tabs/index.vue

@@ -21,19 +21,19 @@
           <DropdownMenu>
             <DropdownItem name="left">
               <Icon type="md-arrow-back" />
-              {{ $t('basicLayout.tabs.left') }}
+              {{ $t('Front_Label_Tabs_Left') }}
             </DropdownItem>
             <DropdownItem name="right">
               <Icon type="md-arrow-forward" />
-              {{ $t('basicLayout.tabs.right') }}
+              {{ $t('Front_Label_Tabs_Right') }}
             </DropdownItem>
             <DropdownItem name="other">
               <Icon type="md-close" />
-              {{ $t('basicLayout.tabs.other') }}
+              {{ $t('Front_Label_Tabs_Other') }}
             </DropdownItem>
             <DropdownItem name="all">
               <Icon type="md-close-circle" />
-              {{ $t('basicLayout.tabs.all') }}
+              {{ $t('Front_Label_Tabs_All') }}
             </DropdownItem>
           </DropdownMenu>
         </template>

package/src/libs/request/index.js

@@ -30,11 +30,10 @@ function errorLog(err) {
     console.log(err);
   }
   swal.fire({
-    title: err.message,
+    title: tParam(err.message),
     icon: 'error',
-    confirmButtonText: '确定',
-    confirmButtonColor: '#2d8cf0',
-    cancelButtonText: '取消'
+    confirmButtonText: window.$t('Front_Btn_OK'),
+    cancelButtonText: window.$t('Front_Btn_Cancel')
   });
 }
 
@@ -44,6 +43,21 @@ const service = axios.create({
   // timeout: 5000 // 请求超时时间
 });
 
+// 解析多语言带参数
+const tParam = str => {
+  let array = str.split('|');
+  let result = window.$t(array[0]);
+
+  if (array.length > 1) {
+    for (let i = 0; i < array.length - 1; i++) {
+      result = result.replace('{' + i + '}', array[i + 1]);
+      result = result.replace('[' + i + ']', window.$t('Model_' + array[i + 1]));
+    }
+  }
+
+  return result;
+};
+
 // 请求拦截器
 service.interceptors.request.use(
   config => {

package/src/mixins/page.js

@@ -135,28 +135,62 @@ export default {
     },
     getEnum(type, id) {
       this.loadEnum(type);
-      return this.enums[type][id];
+
+      if (id == null) {
+        return null;
+      }
+
+      if (this.layout.showI18n) {
+        return this.$t('Enum_' + type + '_' + id);
+      } else {
+        return this.enums[type][id];
+      }
     },
     getEnumList(type) {
       this.loadEnum(type);
+
       return Object.keys(this.enums[type]).map(key => {
-        return {
-          id: key,
-          name: this.enums[type][key]
-        };
+        if (this.layout.showI18n) {
+          return {
+            id: key,
+            name: this.$t('Enum_' + type + '_' + key)
+          };
+        } else {
+          return {
+            id: key,
+            name: this.enums[type][key]
+          };
+        }
       });
     },
     getDict(type, id) {
       this.loadDict(type);
-      return this.dicts[type][id];
+
+      if (id == null) {
+        return null;
+      }
+
+      if (this.layout.showI18n) {
+        return this.$t('Dict_' + type + '_' + id);
+      } else {
+        return this.dicts[type][id];
+      }
     },
     getDictList(type) {
       this.loadDict(type);
+
       return Object.keys(this.dicts[type]).map(key => {
-        return {
-          id: key,
-          name: this.dicts[type][key]
-        };
+        if (this.layout.showI18n) {
+          return {
+            id: key,
+            name: this.$t('Dict_' + type + '_' + key)
+          };
+        } else {
+          return {
+            id: key,
+            name: this.dicts[type][key]
+          };
+        }
       });
     },
     getUserName(id) {
@@ -499,8 +533,10 @@ export default {
     // 确认框
     confirm(title, onConfirm) {
       let swal = this.$swal.fire({
-        title: title,
+        title: this.$t(title),
         icon: 'question',
+        confirmButtonText: this.$t('Front_Btn_OK'),
+        cancelButtonText: this.$t('Front_Btn_Cancel'),
         showCancelButton: true
       });
 
@@ -517,8 +553,10 @@ export default {
     // 带输入的确认框
     confirmInput(title, inputLabel, onConfirm, preConfirm) {
       let swal = this.$swal.fire({
-        title: title,
+        title: this.$t(title),
         input: 'text',
+        confirmButtonText: this.$t('Front_Btn_OK'),
+        cancelButtonText: this.$t('Front_Btn_Cancel'),
         inputPlaceholder: inputLabel,
         icon: 'question',
         showCancelButton: true,
@@ -538,8 +576,9 @@ export default {
     // 成功提示
     success(message, onConfirm) {
       var swal = this.$swal.fire({
-        title: message,
-        icon: 'success'
+        title: this.$t(message),
+        icon: 'success',
+        confirmButtonText: this.$t('Front_Btn_OK')
       });
 
       swal.then(() => {
@@ -553,8 +592,9 @@ export default {
     // 警告提示
     warning(message, onConfirm) {
       var swal = this.$swal.fire({
-        title: message,
-        icon: 'warning'
+        title: this.$t(message),
+        icon: 'warning',
+        confirmButtonText: this.$t('Front_Btn_OK')
       });
 
       swal.then(() => {
@@ -568,8 +608,9 @@ export default {
     // 失败提示
     error(message, onConfirm) {
       var swal = this.$swal.fire({
-        title: message,
-        icon: 'error'
+        title: this.$t(message),
+        icon: 'error',
+        confirmButtonText: this.$t('Front_Btn_OK')
       });
 
       swal.then(() => {
@@ -659,6 +700,19 @@ export default {
       } else {
         return false;
       }
+    },
+    // 解析多语言带参数
+    tParam(str) {
+      let array = str.split('|');
+      let result = this.$t(array[0]);
+
+      if (array.length > 1) {
+        for (let i = 0; i < array.length - 1; i++) {
+          result = result.replace('{' + i + '}', array[i + 1]);
+        }
+      }
+
+      return result;
     }
   }
 };

package/src/pages/account/login.vue

@@ -8,16 +8,16 @@
       <div class="right">
         <div class="logo cf">
           <img :src="rootPath + 'images/login/logo.png'" />
-          <h2>{{ sysInfo.title }}</h2>
+          <h2>{{ layout.showI18n ? $t('Front_Label_Setting_Info_Title') : sysInfo.title }}</h2>
           <small></small>
         </div>
-        <input type="text" v-model="username" @keyup="submit" class="username" autofocus placeholder="请输入账号" />
-        <input type="password" v-model="password" @keyup="submit" class="password" placeholder="请输入密码" />
+        <input type="text" v-model="username" @keyup="submit" class="username" autofocus :placeholder="$t('Front_Msg_Please_Input_Account')" />
+        <input type="password" v-model="password" @keyup="submit" class="password" :placeholder="$t('Front_Msg_Please_Input_Password')" />
         <!--<div class="remenber">
                     <label for="remenber" class="remenber1"><input type="checkbox" ng-model="remember">记住我</label>
                 </div>-->
-        <button type="button" @click="submit()" class="sign-in">登录 Login</button>
-        <button type="button" @click="close" class="exit">退出 Exit</button>
+        <button type="button" @click="submit()" class="sign-in">{{ $t('Front_Btn_Login') }}</button>
+        <button type="button" @click="close" class="exit">{{ $t('Front_Btn_Exit') }}</button>
       </div>
     </div>
     <div class="cpt">{{ sysInfo.copyright }}</div>
@@ -88,7 +88,7 @@
         }
       },
       close() {
-        this.confirm('确定要关闭系统吗？\r\nAre you sure to exit?', () => {
+        this.confirm('Front_Sure_To_Exit', () => {
           window.location.href = 'about:blank';
           window.close();
         });

package/src/pages/common/task-form.vue

@@ -19,28 +19,28 @@
       <template #footer>
         <div>
           <Button v-for="(item, index) in outcomes" :key="index" type="primary" custom-icon="fa fa-check-circle" @click="action(item)">
-            {{ item.name == null ? '同意' : item.name }}
+            {{ item.name == null ? $t('Front_Btn_Agree') : item.name }}
           </Button>
-          <Button type="warning" v-if="isRejectable" custom-icon="fa fa-reply" @click="reject()">拒绝</Button>
-          <Button type="primary" v-if="isBackable" custom-icon="fa fa-share" @click="back()">退回上一步</Button>
-          <Button type="primary" v-if="isRedirectable" custom-icon="fa fa-share" @click="$refs.redirectTaskForm.open()">转办</Button>
-          <Button type="primary" v-if="isMessageEnable" custom-icon="fa fa-comment-dots" @click="openMessage()">发表意见</Button>
-          <Button type="info" custom-icon="fa fa-history" @click="$refs.approvalHistoryTable.open({ processInstID: task.processInstID })">历史</Button>
-          <Button type="default" custom-icon="fa fa-times" @click="opened = false">关闭</Button>
+          <Button type="warning" v-if="isRejectable" custom-icon="fa fa-reply" @click="reject()">{{ $t('Front_Btn_Reject') }}</Button>
+          <Button type="primary" v-if="isBackable" custom-icon="fa fa-share" @click="back()">{{ $t('Front_Btn_Back_Previous') }}</Button>
+          <Button type="primary" v-if="isRedirectable" custom-icon="fa fa-share" @click="$refs.redirectTaskForm.open()">{{ $t('Front_Btn_Redirect') }}</Button>
+          <Button type="primary" v-if="isMessageEnable" custom-icon="fa fa-comment-dots" @click="openMessage()">{{ $t('Front_Btn_Leave_Message') }}</Button>
+          <Button type="info" custom-icon="fa fa-history" @click="$refs.approvalHistoryTable.open({ processInstID: task.processInstID })">{{ $t('Front_Btn_History') }}</Button>
+          <Button type="default" custom-icon="fa fa-times" @click="opened = false">{{ $t('Front_Btn_Close') }}</Button>
         </div>
       </template>
     </Modal>
     <modal-table ref="approvalHistoryTable" view-code="ApprovalHistoryModal"></modal-table>
     <modal-form ref="redirectTaskForm" view-code="RedirectTask">
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-check" @click="redirect()">确定</Button>
+        <Button type="primary" custom-icon="fa fa-check" @click="redirect()">{{ $t('Front_Btn_OK') }}</Button>
       </template>
     </modal-form>
     <Modal v-model="messageOpened" scrollable>
       <template #header>
         <div>
-          <span class="title">意见发表</span>
-          <span class="description">Message</span>
+          <span class="title">{{ $t('Front_Label_Leave_Message') }}</span>
+          <span class="description">{{ $t('Front_Label_Leave_Message_Desc') }}</span>
         </div>
       </template>
       <div class="ivu-ml-8 ivu-mr-8">
@@ -48,12 +48,12 @@
           <Row :gutter="24" type="flex">
             <Col v-bind="grid24">
               <FormItem
-                label="意见内容"
+                :label="$t('Front_Label_Message_Content')"
                 key="message"
                 prop="message"
                 :rules="{
                   required: true,
-                  message: '请输入',
+                  message: this.tParam('Front_Msg_Please_Input|' + this.$t('Front_Label_Message_Content')),
                   trigger: 'blur,change'
                 }"
               >
@@ -64,8 +64,8 @@
         </Form>
       </div>
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-check" @click="submitMessage">提交</Button>
-        <Button type="default" custom-icon="fa fa-times" @click="messageOpened = false">关闭</Button>
+        <Button type="primary" custom-icon="fa fa-check" @click="submitMessage">{{ $t('Front_Btn_Submit') }}</Button>
+        <Button type="default" custom-icon="fa fa-times" @click="messageOpened = false">{{ $t('Front_Btn_Close') }}</Button>
       </template>
     </Modal>
   </div>
@@ -214,7 +214,7 @@
             });
           });
         } else {
-          this.error('配置错误，没有相应的处理界面！');
+          this.error('Front_Msg_Setting_Error');
           return;
         }
 
@@ -229,11 +229,11 @@
         let isOK = await this.form.validate();
 
         if (!isOK) {
-          this.error('有内容不符合要求，请正确填写！');
+          this.error('Front_Msg_Form_Validate_Fail');
         } else {
           this.confirmInput(
-            '确认要' + (outcome.name == null ? '同意' : outcome.name) + '该申请吗？',
-            '备注',
+            'Front_Msg_Sure_To_Application' + '|' + (outcome.name == null ? this.$t('Front_Label_Agree') : outcome.name),
+            this.$t('Front_Label_Comment'),
             async () => {
               let data = null;
               if (!this.readonly) {
@@ -246,7 +246,7 @@
               }
 
               await taskApi.do(this.task.id, outcome.id, data, this.comment);
-              this.success('处理成功！');
+              this.success('Front_Msg_Success');
               this.resetNotice();
               this.$emit('on-after-action');
               this.opened = false;
@@ -261,18 +261,18 @@
       // 拒绝
       async reject() {
         this.confirmInput(
-          '确认要拒绝该申请吗？',
-          '备注',
+          'Front_Msg_Sure_To_Reject_Application',
+          this.$t('Front_Label_Comment'),
           async () => {
             await taskApi.reject(this.task.id, this.comment);
-            this.success('处理成功！');
+            this.success('Front_Msg_Success');
             this.resetNotice();
             this.$emit('on-after-action');
             this.opened = false;
           },
           comment => {
             if (!(comment || '').trim()) {
-              this.warning('请输入拒绝原因！');
+              this.warning('Front_Msg_Please_Input_Reject_Reason');
               return false;
             } else {
               this.comment = comment;
@@ -284,18 +284,18 @@
       // 退回上一步
       async back() {
         this.confirmInput(
-          '确认要退回上一步吗？',
-          '备注',
+          'Front_Msg_Sure_To_Back_Application',
+          this.$t('Front_Label_Comment'),
           async () => {
             await taskApi.back(this.task.id, this.comment);
-            this.success('处理成功！');
+            this.success('Front_Msg_Success');
             this.resetNotice();
             this.$emit('on-after-action');
             this.opened = false;
           },
           comment => {
             if (!(comment || '').trim()) {
-              this.warning('请输入退回原因！');
+              this.warning('Front_Msg_Please_Input_Back_Reason');
               return false;
             } else {
               this.comment = comment;
@@ -309,13 +309,13 @@
         let isOK = await this.$refs.redirectTaskForm.validate();
 
         if (!isOK) {
-          this.error('有内容不符合要求，请正确填写！');
+          this.error('Front_Msg_Form_Validate_Fail');
         } else {
           let model = this.$refs.redirectTaskForm.data;
 
-          this.confirm('确定要将任务转移给 ' + model.target.name + ' 吗？', async () => {
+          this.confirm('Front_Msg_Sure_To_Redirect_Application' + '|' + model.target.name, async () => {
             await taskApi.redirect(this.task.id, model.targetID, model.comment);
-            this.success('转办成功！');
+            this.success('Front_Msg_Success');
             this.resetNotice();
             this.$emit('on-after-action');
             this.$refs.redirectTaskForm.close();
@@ -333,12 +333,12 @@
         let isOK = await this.$refs.messageForm.validate();
 
         if (!isOK) {
-          this.error('有内容不符合要求，请正确填写！');
+          this.error('Front_Msg_Form_Validate_Fail');
         } else {
-          this.confirm('确定要发表意见吗？', async () => {
+          this.confirm('Front_Msg_Sure_To_Message_Application', async () => {
             await processInstApi.addMessage(this.task.processInstID, this.messageData.message);
 
-            this.success('操作成功！', () => {
+            this.success('Front_Msg_Success', () => {
               this.messageData.message = null;
               this.messageOpened = false;
             });

package/src/pages/common/todo.vue

@@ -6,7 +6,7 @@
     <Card :bordered="false" dis-hover class="ivu-mt">
       <view-table ref="table" view-code="TodoList">
         <template #command="{ row }">
-          <Button size="small" title="详细" type="info" custom-icon="fa fa-file-alt" @click="$refs.taskForm.open(row)"></Button>
+          <Button size="small" :title="$t('Front_Btn_Detail')" type="info" custom-icon="fa fa-file-alt" @click="$refs.taskForm.open(row)"></Button>
         </template>
       </view-table>
     </Card>

package/src/pages/system/apiLog.vue

@@ -6,8 +6,8 @@
     <Card :bordered="false" dis-hover class="ivu-mt">
       <view-table ref="table" view-code="ApiLog">
         <template #command="{ row }">
-          <Button size="small" title="请求" type="info" custom-icon="fa fa-cloud-upload-alt" @click="openRequest(row)"></Button>
-          <Button size="small" title="响应" type="info" custom-icon="fa fa-cloud-download-alt" @click="openResponse(row)"></Button>
+          <Button size="small" :title="$('Front_Btn_Request')" type="info" custom-icon="fa fa-cloud-upload-alt" @click="openRequest(row)"></Button>
+          <Button size="small" :title="$('Front_Btn_Response')" type="info" custom-icon="fa fa-cloud-download-alt" @click="openResponse(row)"></Button>
         </template>
       </view-table>
     </Card>
@@ -38,7 +38,7 @@
       </div>
       <template #footer>
         <div>
-          <Button type="default" custom-icon="fa fa-times" @click="isShow = false">关闭</Button>
+          <Button type="default" custom-icon="fa fa-times" @click="isShow = false">{{ $t('Front_Btn_Close') }}</Button>
         </div>
       </template>
     </Modal>
@@ -64,14 +64,14 @@
     methods: {
       openRequest(row) {
         this.json = JSON.stringify(JSON.parse(row.requestBody), null, 2);
-        this.title = '请求';
-        this.description = 'Request';
+        this.title = this.$t('Front_Label_Request');
+        this.description = this.$t('Front_Label_Request_Desc');
         this.isShow = true;
       },
       openResponse(row) {
         this.json = JSON.stringify(JSON.parse(row.responseBody), null, 2);
-        this.title = '返回';
-        this.description = 'Response';
+        this.title = this.$t('Front_Label_Response');
+        this.description = this.$t('Front_Label_Response_Desc');
         this.isShow = true;
       }
     }