mooho-base-admin-plus 0.1.70 → 0.4.0

package/src/components/view/view-table.vue

@@ -7,7 +7,15 @@
         @slot 顶部
     -->
     <slot name="top"></slot>
-    <Form v-if="tableView.filterEnable && filterEnable" :model="filter" :label-width="layout.filterWidth" label-colon="：" label-position="right" class="filter" @submit.prevent>
+    <Form
+      v-if="tableView.filterEnable && filterEnable"
+      :model="filter"
+      :label-width="tableView.filterTitleWidth ? tableView.filterTitleWidth : layout.filterWidth"
+      label-colon="："
+      label-position="right"
+      class="filter"
+      @submit.prevent
+    >
       <div ref="filterCommand">
         <Row :gutter="24" type="flex" justify="end">
           <!--
@@ -20,14 +28,7 @@
               @slot 自定义筛选栏
           -->
             <slot name="customFilter"></slot>
-            <table-filter
-              ref="tableFilter"
-              :data="filter"
-              :columns="filterColumns"
-              :isDataSource="tableView.isDataSource"
-              :keywordEnable="tableView.keywordEnable"
-              @on-keyup="onKeyup"
-            >
+            <table-filter ref="tableFilter" :data="filter" :columns="filterColumns" :table-view="tableView" @on-keyup="onKeyup">
               <template #column="{ filter, column }">
                 <!--
                   @slot 筛选栏自定义列
@@ -40,8 +41,10 @@
             </table-filter>
             <Col v-bind="getGrid(tableView.filterWidth)" :style="{ 'text-align': tableView.filterAlign == null ? 'left' : tableView.filterAlign.toLowerCase() }">
               <FormItem :label-width="0">
-                <Button type="info" v-if="tableView.keywordEnable || filterColumns.length > 0" custom-icon="fa fa-search" @click="search()" size="small">查询</Button>
-                <Button type="primary" v-if="tableView.createEnable && createEnable" custom-icon="fa fa-plus" @click="create()" size="small">新建</Button>
+                <Button type="info" v-if="tableView.keywordEnable || filterColumns.length > 0" custom-icon="fa fa-search" @click="search()" size="small">
+                  {{ $t('Front_Btn_Search') }}
+                </Button>
+                <Button type="primary" v-if="tableView.createEnable && createEnable" custom-icon="fa fa-plus" @click="create()" size="small">{{ $t('Front_Btn_New') }}</Button>
                 <!--
                   @slot 筛选栏按钮
               -->
@@ -52,19 +55,26 @@
                   @on-click="moreClick"
                 >
                   <Button type="info" size="small">
-                    更多...
+                    {{ $t('Front_Btn_More') }}
                     <Icon type="ios-arrow-down" />
                   </Button>
                   <template #list>
                     <DropdownMenu>
-                      <DropdownItem v-if="tableView.exportEnable" name="exportExcel">导出 Excel</DropdownItem>
-                      <DropdownItem v-if="tableView.exportPdfEnable" name="exportPdf">导出 PDF</DropdownItem>
-                      <DropdownItem v-if="tableView.printEnable" name="print">打印</DropdownItem>
-                      <DropdownItem v-if="tableView.batchEditEnable" name="batchEdit">批量编辑</DropdownItem>
+                      <DropdownItem v-if="tableView.exportEnable" name="exportExcel">{{ $t('Front_Btn_Export_Excel') }}</DropdownItem>
+                      <DropdownItem v-if="tableView.exportPdfEnable" name="exportPdf">{{ $t('Front_Btn_Export_PDF') }}</DropdownItem>
+                      <DropdownItem v-if="tableView.printEnable" name="print">{{ $t('Front_Btn_Print') }}</DropdownItem>
+                      <DropdownItem v-if="tableView.batchEditEnable" name="batchEdit">{{ $t('Front_Btn_Batch_Edit') }}</DropdownItem>
                     </DropdownMenu>
                   </template>
                 </Dropdown>
-                <Button type="error" title="筛选设置" custom-icon="fa fa-filter" size="small" v-if="settingEnable && allow('permission/tableView')" @click="filterSettingOpen" />
+                <Button
+                  type="error"
+                  :title="$t('Front_Btn_Filter_Setting')"
+                  custom-icon="fa fa-filter"
+                  size="small"
+                  v-if="settingEnable && allow('permission/tableView')"
+                  @click="filterSettingOpen"
+                />
                 <Button v-if="tableView.fullEnable" type="info" title="全屏" custom-icon="fa fa-expand-arrows-alt" size="small" @click="isFullScreen = !isFullScreen" />
               </FormItem>
             </Col>
@@ -359,7 +369,7 @@
               />
             </template>
             <template v-else-if="column.controlType === 'Placeholder'"></template>
-            <template v-else>暂不支持此控件 {{ column.controlType }}</template>
+            <template v-else>{{ $t('Front_Label_Control_Type_Not_Supported') }} {{ column.controlType }}</template>
           </template>
         </template>
         <template #command="{ row, index }">
@@ -373,7 +383,7 @@
             <Button
               v-if="judge(tableView.editEnable, tableView.editEnableJson, rowData(row, index)) && editEnable && !readonly"
               size="small"
-              title="编辑"
+              :title="$t('Front_Btn_Edit')"
               type="primary"
               custom-icon="fa fa-edit"
               @click="edit(rowData(row, index), index)"
@@ -381,7 +391,7 @@
             <Button
               v-if="judge(tableView.removeEnable, tableView.removeEnableJson, rowData(row, index)) && removeEnable && !readonly"
               size="small"
-              title="删除"
+              :title="$t('Front_Btn_Remove')"
               type="warning"
               custom-icon="fa fa-trash-alt"
               @click="remove(rowData(row, index), index)"
@@ -410,7 +420,14 @@
         </template>
       </Table>
       <div class="ivu-mt ivu-text-right">
-        <Button class="ivu-fr" type="error" title="设置" custom-icon="fa fa-cog" v-if="settingEnable && allow('permission/tableView')" @click="tableSettingOpen"></Button>
+        <Button
+          class="ivu-fr"
+          type="error"
+          :title="$t('Front_Btn_Setting')"
+          custom-icon="fa fa-cog"
+          v-if="settingEnable && allow('permission/tableView')"
+          @click="tableSettingOpen"
+        ></Button>
         <Page
           show-sizer
           show-total
@@ -425,7 +442,7 @@
       </div>
       <modal-table ref="dialogTable" v-if="dialogActive">
         <template #command="{ row }">
-          <Button size="small" title="选择" type="primary" custom-icon="fa fa-check-square-o" @click="dialogCheck(row)"></Button>
+          <Button size="small" :title="$t('Front_Btn_Select')" type="primary" custom-icon="fa fa-check-square-o" @click="dialogCheck(row)"></Button>
         </template>
       </modal-table>
       <table-setting ref="tableSetting" v-if="tableSettingActive" :is-setting="true" @on-change="viewCode => init(viewCode)" />
@@ -435,18 +452,27 @@
       <modal-form ref="modalForm" :saveEnable="false" v-if="inited"></modal-form>
       <modal-table ref="batchEditTable" :embedded="true" :static="true" :footerEnable="true" v-if="inited">
         <template #footer>
-          <Button type="primary" custom-icon="fa fa-save" @click="batchSave()">保存</Button>
-          <Button type="default" custom-icon="fa fa-times" @click="$refs.batchEditTable.close()">关闭</Button>
+          <Button type="primary" custom-icon="fa fa-save" @click="batchSave()">{{ $t('Front_Btn_Save') }}</Button>
+          <Button type="default" custom-icon="fa fa-times" @click="$refs.batchEditTable.close()">{{ $t('Front_Btn_Close') }}</Button>
         </template>
       </modal-table>
-      <Modal title="预览" v-model="preview" scrollable :mask-closable="layout.maskClosable" :draggable="layout.draggable" :sticky="true" :reset-drag-position="true" width="70%">
+      <Modal
+        :title="$t('Front_Label_Preview')"
+        v-model="preview"
+        scrollable
+        :mask-closable="layout.maskClosable"
+        :draggable="layout.draggable"
+        :sticky="true"
+        :reset-drag-position="true"
+        width="70%"
+      >
         <div style="text-align: center">
           <a href="#" :download="imageUrl" onClick="return false;">
             <img :src="getImgUrl(imageUrl)" v-if="preview" style="max-width: 100%" />
           </a>
         </div>
         <template #footer>
-          <Button type="default" custom-icon="fa fa-times" @click="preview = false">关闭</Button>
+          <Button type="default" custom-icon="fa fa-times" @click="preview = false">{{ $t('Front_Btn_Close') }}</Button>
         </template>
       </Modal>
     </div>
@@ -549,12 +575,14 @@
       // 默认视图代码
       if (this.viewCode) {
         // 初始化
-        await this.init(this.viewCode);
+        setTimeout(async () => {
+          await this.init(this.viewCode);
 
-        /**
-         * 初始化完成事件
-         */
-        this.$emit('after-init');
+          /**
+           * 初始化完成事件
+           */
+          this.$emit('after-init');
+        });
       }
 
       if (this.viewCode && this.autoLoad) {
@@ -798,7 +826,7 @@
           if (typeof onFail === 'function') {
             onFail();
           } else {
-            this.error('视图代码不存在！' + viewCode);
+            this.error('Front_Msg_View_Code_Not_Exist' + viewCode);
           }
           return;
         }
@@ -829,9 +857,13 @@
             return getColumns(view, item);
           });
 
+        this.columns.forEach(column => {
+          column.name = this.getNameI18n(column);
+        });
+
         if (this.tableView.snEnable) {
           this.columns.unshift({
-            title: '序号',
+            title: this.$t('Front_Label_Sn'),
             slot: 'sn',
             align: 'center',
             width: 60
@@ -1126,7 +1158,7 @@
        * @public
        */
       remove(row, index) {
-        this.confirm('确定要删除该项吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Delete_Item', async () => {
           if (this.embedded) {
             this.staticData.splice((this.current - 1) * this.size + index, 1);
             this.loadData();
@@ -1143,7 +1175,7 @@
               await modelApi.remove(this.tableView.model, row.id);
             }
 
-            this.success('操作成功！', () => {
+            this.success('Front_Msg_Success', () => {
               this.loadData();
             });
           }
@@ -1280,7 +1312,7 @@
               let value = this.parseData(row, column.code);
 
               if (value == null || !(String(value) || '').trim()) {
-                this.error('第' + (i + 1) + '行 ' + column.name + ' 必须输入！');
+                this.error('Front_Msg_Row_Column_Required|' + (i + 1) + '|' + column.name);
                 return false;
               }
             }
@@ -1368,7 +1400,7 @@
               })
             );
           } else if (name === 'batchEdit') {
-            this.error('不支持此操作！');
+            this.error('Front_Msg_Not_Supported');
           }
         } else {
           if (name === 'exportExcel') {
@@ -2214,7 +2246,7 @@
           return;
         }
 
-        this.confirm('确定要保存吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save', async () => {
           let data = this.$refs.batchEditTable.data;
 
           if (this.tableView.isCustom) {
@@ -2223,7 +2255,7 @@
             await modelApi.batchSave(this.tableView.model, data);
           }
 
-          this.success('操作成功！', () => {
+          this.success('Front_Msg_Success', () => {
             this.$refs.batchEditTable.close();
             this.loadData();
           });
@@ -2248,6 +2280,18 @@
         });
 
         return result;
+      },
+      // 获取多语言名称
+      getNameI18n(column) {
+        if (column) {
+          if (this.layout.showI18n) {
+            if (column.code) {
+              return this.$t('DataView_' + this.tableView.code + '_' + column.code);
+            }
+          } else {
+            return column.name;
+          }
+        }
       }
     }
   };

package/src/components/workflow/flow-chart.vue

@@ -5,8 +5,8 @@
       <template #header>
         <div>
           <slot name="header">
-            <span class="title">{{ data.process ? data.process.name : '流程定义' }}</span>
-            <span class="description">Process Defination</span>
+            <span class="title">{{ data.process ? data.process.name : $t('Front_Label_Process_Definition') }}</span>
+            <span class="description"></span>
           </slot>
         </div>
       </template>
@@ -312,17 +312,17 @@
       <template #footer>
         <div>
           <slot name="footer">
-            <Button type="primary" custom-icon="fa fa-save" @click="save">保存</Button>
-            <Button type="primary" custom-icon="fa fa-upload" @click="publish">发布</Button>
+            <Button type="primary" custom-icon="fa fa-save" @click="save">{{ $t('Front_Btn_Save') }}</Button>
+            <Button type="primary" custom-icon="fa fa-upload" @click="publish">{{ $t('Front_Btn_Publish') }}</Button>
           </slot>
-          <Button type="default" custom-icon="fa fa-times" @click="close">关闭</Button>
+          <Button type="default" custom-icon="fa fa-times" @click="close">{{ $t('Front_Btn_Close') }}</Button>
         </div>
       </template>
     </Modal>
     <modal-form ref="interactiveForm" view-code="InteractiveActivityEdit" @on-change="interactiveFormChange">
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="saveActivity">确定</Button>
-        <Button type="warning" custom-icon="fa fa-times" @click="removeActivity">删除</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveActivity">{{ $t('Front_Btn_OK') }}</Button>
+        <Button type="warning" custom-icon="fa fa-times" @click="removeActivity">{{ $t('Front_Btn_Remove') }}</Button>
       </template>
       <template #bottom>
         <view-table
@@ -355,26 +355,26 @@
     </modal-form>
     <modal-form ref="serviceForm" view-code="ServiceActivityEdit">
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="saveActivity">确定</Button>
-        <Button type="warning" custom-icon="fa fa-times" @click="removeActivity">删除</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveActivity">{{ $t('Front_Btn_OK') }}</Button>
+        <Button type="warning" custom-icon="fa fa-times" @click="removeActivity">{{ $t('Front_Btn_Remove') }}</Button>
       </template>
     </modal-form>
     <modal-form ref="activityForm" view-code="ActivityEdit">
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="saveActivity">确定</Button>
-        <Button type="warning" custom-icon="fa fa-times" @click="removeActivity">删除</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveActivity">{{ $t('Front_Btn_OK') }}</Button>
+        <Button type="warning" custom-icon="fa fa-times" @click="removeActivity">{{ $t('Front_Btn_Remove') }}</Button>
       </template>
     </modal-form>
     <modal-form ref="judgementOutcomeForm" view-code="JudgementOutcomeEdit">
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="saveOutcome">确定</Button>
-        <Button type="warning" custom-icon="fa fa-times" @click="removeOutcome">删除</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveOutcome">{{ $t('Front_Btn_OK') }}</Button>
+        <Button type="warning" custom-icon="fa fa-times" @click="removeOutcome">{{ $t('Front_Btn_Remove') }}</Button>
       </template>
     </modal-form>
     <modal-form ref="outcomeForm" view-code="OutcomeEdit">
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="saveOutcome">确定</Button>
-        <Button type="warning" custom-icon="fa fa-times" @click="removeOutcome">删除</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveOutcome">{{ $t('Front_Btn_OK') }}</Button>
+        <Button type="warning" custom-icon="fa fa-times" @click="removeOutcome">{{ $t('Front_Btn_Remove') }}</Button>
       </template>
     </modal-form>
   </div>
@@ -460,16 +460,16 @@
       },
       // 保存
       save() {
-        this.confirm('确定要保存一个未激活的新版本吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save_Process', async () => {
           await processDefApi.save(this.data);
-          this.success('保存成功！');
+          this.success('Front_Msg_Success');
         });
       },
       // 发布
       publish() {
-        this.confirm('确定要发布一个新版本并激活吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Publish_Process', async () => {
           await processDefApi.publish(this.data);
-          this.success('发布成功！');
+          this.success('Front_Msg_Success');
           this.opened = false;
         });
       },
@@ -616,7 +616,6 @@
               return outcome.activityFromPid == this.activityFrom.pid && outcome.activityToPid == activity.pid;
             })
           ) {
-            this.error('结果已存在，不能重复创建！');
             return;
           }
 
@@ -746,7 +745,7 @@
 
         if (this.editActivity.activityType == 'Interactive') {
           let data = this.$refs.interactiveForm.getFullData();
-          data.destinationRoleParam = JSON.stringify(this.$refs.destinationRoleParamTable.data);
+          data.destinationRoleParam = JSON.stringify(this.$refs.destinationRoleParamTable.getData());
           this.data.activities.splice(index, 1, data);
           this.$refs.interactiveForm.close();
         } else if (this.editActivity.activityType == 'Service') {
@@ -759,7 +758,7 @@
       },
       // 删除活动
       removeActivity() {
-        this.confirm('确定要删除该节点及全部关联结果吗？', () => {
+        this.confirm('Front_Msg_Sure_To_Remove_Activity', () => {
           let index = this.data.activities.findIndex(item => {
             return item.pid == this.editActivity.pid;
           });
@@ -799,7 +798,7 @@
       },
       // 删除结果
       removeOutcome() {
-        this.confirm('确定要删除该结果吗？', () => {
+        this.confirm('Front_Msg_Sure_To_Remove_Outcome', () => {
           let index = this.data.outcomes.findIndex(item => {
             return item.pid == this.editOutcome.pid;
           });

package/src/i18n/index.js

@@ -1,15 +1,15 @@
 import { createI18n } from 'vue-i18n/index';
-import store from '../store/index';
-import messages from './locale';
+//import store from '../store/index';
+//import messages from './locale';
 
-store.dispatch('admin/i18n/getLocale');
+//store.dispatch('admin/i18n/getLocale');
 
-const locale = store.state.admin.i18n.locale;
+//const locale = store.state.admin.i18n.locale;
 
 export default createI18n({
   allowComposition: true,
   globalInjection: true,
-  legacy: false,
-  locale,
-  messages
+  legacy: false
+  // locale,
+  // messages
 });

package/src/index.js

@@ -58,6 +58,7 @@ import NoticeList from './components/home/notice-list.vue';
 import modelApi from './api/model';
 import dataSourceApi from './api/dataSource';
 import taskApi from './api/task';
+import applicationApi from './api/application';
 
 // 使用样式，修改主题可以在 styles 目录下创建新的主题包并修改 iView 默认的 less 变量
 // 参考 https://www.iviewui.com/docs/guide/theme
@@ -108,15 +109,18 @@ const components = {
 
 const install = function (app) {
   if (install.installed) return;
-  //locale.use(opts.locale);
-  //locale.i18n(opts.i18n);
 
-  //if (window) window.$t = (key, value) => i18n.t(key, value);
+  if (window) {
+    //window.$app = getCurrentInstance();
+    window.$t = i18n.global.t;
+  }
 
-  app.use(plugins);
+  app.use(store);
+  app.use(i18n);
   app.use(ViewUIPlus, {
     i18n
   });
+  app.use(plugins);
 
   app.mixin(mixinApp);
   //Vue.use(ckEditor);
@@ -159,9 +163,9 @@ Object.keys(files).forEach(key => {
 // 第一次进入时，取菜单数据用于更新
 let isFirstRouteChange = true;
 
-const created = async () => {
-  // 加载设置
-  //await store.dispatch('admin/setting/init');
+const created = async vue => {
+  // 加载多语言
+  await store.dispatch('admin/i18n/load', vue);
   // 初始化动态路由
   //let dynamicRoutes = await dynamicRouter.init(router, pages, layout);
   // 处理路由 得到每一级的路由设置
@@ -189,9 +193,10 @@ const routeChanged = to => {
     //store.dispatch('admin/menu/getMenuList', to);
   }
 
+  // TODO 权限判断
   //this.appRouteChange(to, from);
 };
 
 export default API;
 
-export { pages, App, store, i18n, setting, basicLayout, lodop, request, mixinPage, modelApi, dataSourceApi, taskApi, util, createRouter, created, routeChanged };
+export { pages, App, store, i18n, setting, basicLayout, lodop, request, mixinPage, modelApi, dataSourceApi, taskApi, applicationApi, util, createRouter, created, routeChanged };

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

@@ -8,7 +8,7 @@
       <i-menu-head-title :item="item" :hide-icon="!showBreadcrumbIcon" />
     </BreadcrumbItem>
     <BreadcrumbItem>
-      <i-menu-head-title :item="siderMenuObject[activePath]" :hide-icon="!showBreadcrumbIcon" />
+      <i-menu-head-title :item="currentTitle()" :hide-icon="!showBreadcrumbIcon" />
     </BreadcrumbItem>
   </Breadcrumb>
 </template>
@@ -43,7 +43,14 @@
         items.forEach(i => {
           newItems.push(this.siderMenuObject[i]);
         });
-        items = items.filter(item => item);
+
+        if (Setting.layout.showI18n) {
+          newItems.forEach(item => {
+            item.title = this.$t('Permission_' + item.code);
+          });
+        }
+
+        //items = items.filter(item => item);
         return newItems;
       },
       // 第一级，默认是 menu/header.js 中的第一项
@@ -51,7 +58,7 @@
         return Setting.info.title;
       },
       topItem() {
-        return this.header.find(item => item.name === this.headerName);
+        return Setting.layout.showI18n ? this.$t('Front_Label_Setting_Info_Title') : Setting.info.title;
       },
       // 得到所有侧边菜单，并转为平级，查询图标及显示对应内容
       allSiderMenu() {
@@ -84,6 +91,14 @@
             this.breadcrumbWidth = parseInt(getStyle($breadcrumb.$el, 'width'));
           }
         });
+      },
+      currentTitle() {
+        let item = this.siderMenuObject[this.activePath];
+        if (Setting.layout.showI18n && item) {
+          item.title = this.$t('Permission_' + item.code);
+        }
+
+        return item;
       }
     },
     watch: {

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

@@ -5,16 +5,15 @@
     </span>
     <template #list>
       <DropdownMenu>
-        <DropdownItem v-for="item in languages" :key="item.locale" :name="item.locale" :selected="locale === item.locale">
-          <img v-if="item.icon" :src="item.icon" />
-          <span>{{ item.language }}</span>
+        <DropdownItem v-for="(item, key) in languages" :key="key" :name="key" :selected="locale === key">
+          <span>{{ item }}</span>
         </DropdownItem>
       </DropdownMenu>
     </template>
   </Dropdown>
 </template>
 <script>
-  import Setting from '../../../setting';
+  //import Setting from '../../../setting';
   import { mapState, mapActions } from 'vuex';
 
   export default {
@@ -27,11 +26,11 @@
     },
     data() {
       return {
-        languages: Setting.i18n.list
+        //languages: Setting.i18n.list
       };
     },
     computed: {
-      ...mapState('admin/i18n', ['locale']),
+      ...mapState('admin/i18n', ['locale', 'languages']),
       ...mapState('admin/layout', ['isMobile'])
     },
     methods: {

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

@@ -15,7 +15,7 @@
         </template>
 
         <NotificationTab
-          title="待办"
+          :title="$t('Front_Label_Todo')"
           name="task"
           :count="taskCount"
           :loaded-all="taskFilter.page * taskFilter.per >= taskCount"
@@ -35,7 +35,7 @@
           />
         </NotificationTab>
         <NotificationTab
-          title="通知"
+          :title="$t('Front_Label_Notification')"
           name="notification"
           :count="unreadCount"
           :loaded-all="notificationFilter.page * notificationFilter.per >= notificationCount"

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

@@ -1,6 +1,6 @@
 <template>
   <span v-if="isDesktop" class="i-layout-header-trigger i-layout-header-trigger-min i-layout-header-trigger-in i-layout-header-trigger-nohover">
-    <input class="i-layout-header-search" type="text" :placeholder="$t('basicLayout.search.placeholder')" />
+    <input class="i-layout-header-search" type="text" :placeholder="$t('Front_Label_Search')" />
   </span>
   <Dropdown v-else trigger="click" class="i-layout-header-search-drop" ref="dropdown">
     <span class="i-layout-header-trigger i-layout-header-trigger-min">
@@ -10,10 +10,10 @@
       <DropdownMenu>
         <Row align="middle">
           <Col flex="auto" class="ivu-pl-4">
-            <Input size="large" prefix="ios-search" :placeholder="$t('basicLayout.search.placeholder')" />
+            <Input size="large" prefix="ios-search" :placeholder="$t('Front_Label_Search')" />
           </Col>
           <Col flex="80px" class="ivu-text-center">
-            <span @click="handleCloseSearch">{{ $t('basicLayout.search.cancel') }}</span>
+            <span @click="handleCloseSearch">{{ $t('Front_Btn_Cancel') }}</span>
           </Col>
         </Row>
       </DropdownMenu>