mooho-base-admin-plus 0.1.68 → 0.4.0

package/src/components/view/filter-setting.vue

@@ -2,14 +2,14 @@
   <div>
     <modal-table ref="table" view-code="TableFilterColumn" :static="true" :footer-enable="true" :draggable="true" :sticky="true" @on-drag-drop="dragDrop" v-if="active">
       <template #command="{ row, index }">
-        <Button size="small" title="编辑" type="primary" ghost custom-icon="fa fa-edit" @click="edit(row, index)"></Button>
-        <Button size="small" title="上移" type="primary" ghost custom-icon="fa fa-chevron-up" @click="up(row, index)"></Button>
-        <Button size="small" title="下移" type="primary" ghost custom-icon="fa fa-chevron-down" @click="down(row, index)"></Button>
-        <Button size="small" title="移除" type="primary" ghost custom-icon="fa fa-times" @click="remove(row, index)"></Button>
+        <Button size="small" :title="$t('Front_Btn_Edit')" type="primary" ghost custom-icon="fa fa-edit" @click="edit(row, index)"></Button>
+        <Button size="small" :title="$t('Front_Btn_Up')" type="primary" ghost custom-icon="fa fa-chevron-up" @click="up(row, index)"></Button>
+        <Button size="small" :title="$t('Front_Btn_Down')" type="primary" ghost custom-icon="fa fa-chevron-down" @click="down(row, index)"></Button>
+        <Button size="small" :title="$t('Front_Btn_Remove')" type="primary" ghost custom-icon="fa fa-times" @click="remove(row, index)"></Button>
       </template>
       <template #footer>
-        <Button type="primary" ghost custom-icon="fa fa-plus" @click="add">新增</Button>
-        <Button type="primary" custom-icon="fa fa-save" @click="save">保存</Button>
+        <Button type="primary" ghost custom-icon="fa fa-plus" @click="add">{{ $t('Front_Btn_Add') }}</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="save">{{ $t('Front_Btn_Save') }}</Button>
       </template>
     </modal-table>
     <filter-edit ref="filterEdit" :data-view="dataView" />
@@ -107,7 +107,7 @@
       },
       // 保存
       save() {
-        this.confirm('确定要保存设置吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save_Setting', async () => {
           let columns = this.$refs.table.data;
           await this.saveFilterColumn({
             code: this.dataView.code,
@@ -116,7 +116,7 @@
 
           this.$emit('on-change', this.dataView.code);
 
-          this.success('保存成功！', () => {
+          this.success('Front_Msg_Success', () => {
             this.$refs.table.close();
           });
         });

package/src/components/view/form-setting-layout.vue

@@ -21,13 +21,13 @@
       <div class="container">
         <div class="left">
           <Card :bordered="false" dis-hover class="toolbox">
-            <Divider :plain="true" dashed class="title" size="small">默认列宽</Divider>
+            <Divider :plain="true" dashed class="title" size="small">{{ $t('Front_Label_Default_Column_Width') }}</Divider>
             <RadioGroup v-model="columnWidth" @on-change="columnWidthChange">
-              <Radio label="Column12">整行</Radio>
-              <Radio label="Column6">二分之一</Radio>
-              <Radio label="Column4">三分之一</Radio>
-              <Radio label="Column3">四分之一</Radio>
-              <Radio label="Column2">六分之一</Radio>
+              <Radio label="Column12">{{ $t('Enum_ColumnWidth_Column12') }}</Radio>
+              <Radio label="Column6">{{ $t('Enum_ColumnWidth_Column6') }}</Radio>
+              <Radio label="Column4">{{ $t('Enum_ColumnWidth_Column4') }}</Radio>
+              <Radio label="Column3">{{ $t('Enum_ColumnWidth_Column3') }}</Radio>
+              <Radio label="Column2">{{ $t('Enum_ColumnWidth_Column2') }}</Radio>
             </RadioGroup>
             <template v-for="(componentGroup, index) in componentGroups" :key="index">
               <Divider :plain="true" dashed class="title" size="small">{{ componentGroup.name }}</Divider>
@@ -64,11 +64,11 @@
       </div>
       <template #footer>
         <div>
-          <Button type="primary" ghost custom-icon="fa fa-bars" @click="listMode">列表模式</Button>
-          <Button type="primary" v-if="!dataView.isVirtual" ghost custom-icon="fa fa-indent" @click="openColumnSelect">选择字段</Button>
-          <Button type="primary" custom-icon="fa fa-save" v-if="!isSetting" @click="save">保存</Button>
-          <Button type="error" custom-icon="fa fa-save" v-if="isSetting" @click="globalSave">全局保存</Button>
-          <Button type="error" custom-icon="fa fa-cog" v-if="isSetting" @click="setting">表单设置</Button>
+          <Button type="primary" ghost custom-icon="fa fa-bars" @click="listMode">{{ $t('Front_Btn_List_Mode') }}</Button>
+          <Button type="primary" v-if="!dataView.isVirtual" ghost custom-icon="fa fa-indent" @click="openColumnSelect">{{ $t('Front_Btn_Select_Column') }}</Button>
+          <Button type="primary" custom-icon="fa fa-save" v-if="!isSetting" @click="save">{{ $t('Front_Btn_Save') }}</Button>
+          <Button type="error" custom-icon="fa fa-save" v-if="isSetting" @click="globalSave">{{ $t('Front_Btn_Global_Save') }}</Button>
+          <Button type="error" custom-icon="fa fa-cog" v-if="isSetting" @click="setting">{{ $t('Front_Btn_Form_Setting') }}</Button>
         </div>
       </template>
     </Modal>
@@ -76,7 +76,7 @@
     <column-edit ref="columnEdit" view-type="FormView" />
     <modal-form ref="setting" view-code="FormViewSetting" v-if="isSetting">
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="saveSetting">保存</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveSetting">{{ $t('Front_Btn_Save') }}</Button>
       </template>
     </modal-form>
   </div>
@@ -98,7 +98,6 @@
         columnWidth: 'Column6',
         opened: false,
         dataView: {},
-        columns: [],
         componentGroups: []
       };
     },
@@ -119,8 +118,7 @@
       // 打开
       async open(dataView, columns) {
         this.dataView = dataView;
-        this.columns = this.copy(columns);
-        this.$refs.form.init(this.dataView, this.columns);
+        this.$refs.form.init(this.dataView, this.copy(columns));
         this.opened = true;
 
         const res = await enumApi.query('ControlType');
@@ -128,22 +126,22 @@
         this.componentGroups = [
           {
             key: 'Normal',
-            name: '基础控件',
+            name: this.$t('Front_Label_Normal_Control'),
             components: []
           },
           {
             key: 'Datasource',
-            name: '数据源控件',
+            name: this.$t('Front_Label_Data_Source_Control'),
             components: []
           },
           {
             key: 'DateTime',
-            name: '日期时间控件',
+            name: this.$t('Front_Label_Date_Time_Control'),
             components: []
           },
           {
             key: 'Other',
-            name: '其他控件',
+            name: this.$t('Front_Label_Other_Control'),
             components: []
           }
         ];
@@ -205,14 +203,14 @@
       },
       // 打开字段设置界面
       edit(row, index) {
-        this.$refs.columnEdit.open(row, index, this.columns, data => {
+        this.$refs.columnEdit.open(row, index, this.$refs.form.columns, data => {
           let columns = this.$refs.form.columns;
           columns.splice(index, 1, data);
         });
       },
       // 移除
       remove(row, index) {
-        this.confirm('确认要删除该组件吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Remove_Control', async () => {
           let columns = this.$refs.form.columns;
           columns.splice(index, 1);
           //this.$forceUpdate();
@@ -220,9 +218,9 @@
       },
       // 打开字段选择界面
       openColumnSelect() {
-        this.$refs.columnSelect.open(this.dataView, this.columns, checked => {
+        this.$refs.columnSelect.open(this.dataView, this.$refs.form.columns, checked => {
           // 移除未勾选的
-          let columns = this.columns.filter(column => {
+          let columns = this.$refs.form.columns.filter(column => {
             return (
               checked.some(item => {
                 return column.code === item.code;
@@ -230,19 +228,19 @@
             );
           });
 
-          this.columns.splice(0, this.columns.length);
+          this.$refs.form.columns.splice(0, this.$refs.form.columns.length);
           columns.forEach(item => {
-            this.columns.push(item);
+            this.$refs.form.columns.push(item);
           });
 
           // 添加新勾选的
           checked.forEach(item => {
             if (
-              !this.columns.some(column => {
+              !this.$refs.form.columns.some(column => {
                 return column.code === item.code;
               })
             ) {
-              this.columns.push({
+              this.$refs.form.columns.push({
                 code: item.code,
                 name: item.name,
                 dataType: item.dataType,
@@ -269,15 +267,15 @@
       },
       // 全局保存
       globalSave() {
-        this.confirm('确定要保存全局设置吗？', () => {
-          this.confirm('本次操作将修改全局设置，确认要保存吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save_Global_Setting', () => {
+          this.confirm('Front_Msg_Sure_To_Save_Global_Setting_Confirm', async () => {
             await this.saveDataView({
               code: this.dataView.code,
-              columns: this.columns
+              columns: this.$refs.form.columns
             });
 
             this.$emit('on-change', this.dataView.code);
-            this.success('保存成功！', () => {
+            this.success('Front_Msg_Success', () => {
               this.close();
             });
           });
@@ -285,13 +283,13 @@
       },
       // 保存
       save() {
-        this.confirm('确定要保存设置吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save_Setting', async () => {
           await this.saveDataView({
             code: this.dataView.code,
-            columns: this.columns
+            columns: this.$refs.form.columns
           });
 
-          this.success('保存成功！', () => {
+          this.success('Front_Msg_Success', () => {
             this.close();
           });
         });
@@ -307,12 +305,12 @@
       // 拖动克隆
       clone(item) {
         let data = this.copy(item);
-        this.columns.push(data);
+        //this.columns.push(data);
         return data;
       },
       // 双击
       dblclick(item) {
-        this.columns.push(this.copy(item));
+        this.$refs.form.columns.push(this.copy(item));
       },
       // 设置
       setting() {
@@ -320,12 +318,12 @@
       },
       // 保存设置
       saveSetting() {
-        this.confirm('确定要保存设置吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save_Setting', async () => {
           let res = await this.saveDataViewSetting(this.$refs.setting.data);
           this.dataView = res.dataView;
 
           this.$emit('on-change', this.dataView.code);
-          this.success('保存成功！', () => {
+          this.success('Front_Msg_Success', () => {
             this.$refs.setting.close();
           });
         });
@@ -334,7 +332,7 @@
       listMode() {
         this.$emit('list-mode', {
           dataView: this.dataView,
-          columns: this.columns
+          columns: this.$refs.form.columns
         });
       },
       // 获取默认控件类型

package/src/components/view/form-setting.vue

@@ -2,25 +2,25 @@
   <div>
     <modal-table ref="table" :static="true" :setting-enable="false" :footer-enable="true" :draggable="true" :sticky="true" @on-drag-drop="dragDrop" v-if="active">
       <template #command="{ row, index }">
-        <Button size="small" title="编辑" type="primary" ghost custom-icon="fa fa-edit" @click="edit(row, index)"></Button>
-        <Button size="small" title="上移" type="primary" ghost custom-icon="fa fa-chevron-up" @click="up(row, index)"></Button>
-        <Button size="small" title="下移" type="primary" ghost custom-icon="fa fa-chevron-down" @click="down(row, index)"></Button>
-        <Button size="small" title="移除" type="primary" ghost custom-icon="fa fa-times" @click="remove(row, index)"></Button>
+        <Button size="small" :title="$('Front_Btn_Edit')" type="primary" ghost custom-icon="fa fa-edit" @click="edit(row, index)"></Button>
+        <Button size="small" :title="$('Front_Btn_Up')" type="primary" ghost custom-icon="fa fa-chevron-up" @click="up(row, index)"></Button>
+        <Button size="small" :title="$('Front_Btn_Down')" type="primary" ghost custom-icon="fa fa-chevron-down" @click="down(row, index)"></Button>
+        <Button size="small" :title="$('Front_Btn_Remove')" type="primary" ghost custom-icon="fa fa-times" @click="remove(row, index)"></Button>
       </template>
       <template #footer>
-        <Button type="primary" ghost custom-icon="fa fa-eye" @click="layoutMode">预览模式</Button>
-        <Button type="primary" v-if="!dataView.isVirtual" ghost custom-icon="fa fa-indent" @click="openColumnSelect">选择字段</Button>
-        <Button type="primary" custom-icon="fa fa-bookmark" @click="createVirtual">虚拟字段</Button>
-        <Button type="primary" custom-icon="fa fa-save" v-if="!isSetting" @click="save">保存</Button>
-        <Button type="error" custom-icon="fa fa-save" v-if="isSetting" @click="globalSave">全局保存</Button>
-        <Button type="error" custom-icon="fa fa-cog" v-if="isSetting" @click="setting">表单设置</Button>
+        <Button type="primary" ghost custom-icon="fa fa-eye" @click="layoutMode">{{ $t('Front_Btn_Preview_Mode') }}</Button>
+        <Button type="primary" v-if="!dataView.isVirtual" ghost custom-icon="fa fa-indent" @click="openColumnSelect">{{ $t('Front_Btn_Select_Column') }}</Button>
+        <Button type="primary" custom-icon="fa fa-bookmark" @click="createVirtual">{{ $t('Front_Btn_Virtual_Column') }}</Button>
+        <Button type="primary" custom-icon="fa fa-save" v-if="!isSetting" @click="save">{{ $t('Front_Btn_Save') }}</Button>
+        <Button type="error" custom-icon="fa fa-save" v-if="isSetting" @click="globalSave">{{ $t('Front_Btn_Global_Save') }}</Button>
+        <Button type="error" custom-icon="fa fa-cog" v-if="isSetting" @click="setting">{{ $t('Front_Btn_Form_Setting') }}</Button>
       </template>
     </modal-table>
     <column-select ref="columnSelect" />
     <column-edit ref="columnEdit" view-type="FormView" />
     <modal-form ref="setting" view-code="FormViewSetting" v-if="isSetting">
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="saveSetting">保存</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveSetting">{{ $t('Front_Btn_Save') }}</Button>
       </template>
     </modal-form>
   </div>
@@ -180,15 +180,15 @@
       },
       // 全局保存
       globalSave() {
-        this.confirm('确定要保存全局设置吗？', () => {
-          this.confirm('本次操作将修改全局设置，确认要保存吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save_Global_Setting', () => {
+          this.confirm('Front_Msg_Sure_To_Save_Global_Setting_Confirm', async () => {
             await this.saveDataView({
               code: this.dataView.code,
               columns: this.$refs.table.data
             });
 
             this.$emit('on-change', this.dataView.code);
-            this.success('保存成功！', () => {
+            this.success('Front_Msg_Success', () => {
               this.$refs.table.close();
             });
           });
@@ -196,13 +196,13 @@
       },
       // 保存
       save() {
-        this.confirm('确定要保存设置吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save_Setting', async () => {
           await this.saveDataView({
             code: this.dataView.code,
             columns: this.$refs.table.data
           });
 
-          this.success('保存成功！', () => {
+          this.success('Front_Msg_Success', () => {
             this.$refs.table.close();
           });
         });
@@ -213,12 +213,12 @@
       },
       // 保存设置
       saveSetting() {
-        this.confirm('确定要保存设置吗？', async () => {
+        this.confirm('Front_Msg_Sure_To_Save_Setting', async () => {
           let res = await this.saveDataViewSetting(this.$refs.setting.data);
           this.dataView = res.dataView;
 
           this.$emit('on-change', this.dataView.code);
-          this.success('保存成功！', () => {
+          this.success('Front_Msg_Success', () => {
             this.$refs.setting.close();
           });
         });

package/src/components/view/group-column.vue

@@ -2,10 +2,10 @@
   <div>
     <modal-table ref="table" view-code="GroupColumn" :static="true" :footer-enable="true" @create="editItem()" @edit="({ row, index }) => editItem(row, index)">
       <template #command="{ row, index }">
-        <Button size="small" title="删除" type="warning" custom-icon="fa fa-trash-alt" @click="removeItem(row, index)"></Button>
+        <Button size="small" :title="$t('Front_Btn_Remove')" type="warning" custom-icon="fa fa-trash-alt" @click="removeItem(row, index)"></Button>
       </template>
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="save">保存</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="save">{{ $t('Front_Btn_Save') }}</Button>
       </template>
     </modal-table>
     <modal-form ref="form" view-code="GroupColumnEdit">
@@ -19,7 +19,7 @@
         </div>
       </template>
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="saveItem">保存</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveItem">{{ $t('Front_Btn_Save') }}</Button>
       </template>
     </modal-form>
     <column-check ref="columnCheck" />
@@ -47,7 +47,7 @@
     methods: {
       open(model, json, callback) {
         if (!(model || '').trim()) {
-          this.error('请先选择模型！');
+          this.error('Front_Msg_Please_Select_Model_First');
           return;
         }
 
@@ -70,7 +70,7 @@
         let isOK = await this.$refs.form.validate();
 
         if (!isOK) {
-          this.error('有内容不符合要求，请正确填写！');
+          this.error('Front_Msg_Form_Validate_Fail');
         } else {
           if (this.editIndex == null) {
             this.data.push(this.$refs.form.data);

package/src/components/view/group-method.vue

@@ -2,10 +2,10 @@
   <div>
     <modal-table ref="table" view-code="GroupMethod" :static="true" :footer-enable="true" @create="editItem()" @edit="({ row, index }) => editItem(row, index)">
       <template #command="{ row, index }">
-        <Button size="small" title="删除" type="warning" custom-icon="fa fa-trash-alt" @click="removeItem(row, index)"></Button>
+        <Button size="small" :title="$t('Front_Btn_Remove')" type="warning" custom-icon="fa fa-trash-alt" @click="removeItem(row, index)"></Button>
       </template>
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="save">保存</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="save">{{ $t('Front_Btn_Save') }}</Button>
       </template>
     </modal-table>
     <modal-form ref="form" view-code="GroupMethodEdit">
@@ -19,7 +19,7 @@
         </div>
       </template>
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-save" @click="saveItem">保存</Button>
+        <Button type="primary" custom-icon="fa fa-save" @click="saveItem">{{ $t('Front_Btn_Save') }}</Button>
       </template>
     </modal-form>
     <column-check ref="columnCheck" />
@@ -47,7 +47,7 @@
     methods: {
       open(model, json, callback) {
         if (!(model || '').trim()) {
-          this.error('请先选择模型！');
+          this.error('Front_Msg_Please_Select_Model_First');
           return;
         }
 
@@ -70,7 +70,7 @@
         let isOK = await this.$refs.form.validate();
 
         if (!isOK) {
-          this.error('有内容不符合要求，请正确填写！');
+          this.error('Front_Msg_Form_Validate_Fail');
         } else {
           if (this.editIndex == null) {
             this.data.push(this.$refs.form.data);

package/src/components/view/modal-form-filter.vue

@@ -3,37 +3,37 @@
   <Modal v-model="opened" scrollable :mask-closable="layout.maskClosable" :draggable="layout.draggable" :sticky="true" :reset-drag-position="true" :width="formView.width || '800'">
     <template #header>
       <div>
-        <span class="title">筛选字段设置</span>
-        <span class="description">Filtering Setting</span>
+        <span class="title">{{ $t('Front_Label_Sorting_Setting') }}</span>
+        <span class="description">{{ $t('Front_Label_Filtering_Setting_Desc') }}</span>
       </div>
     </template>
 
     <div class="i-table-no-border">
       <Table stripe :columns="columnsFiltering" :data="dataFiltering">
         <template #action="{ row, index }">
-          <Button size="small" title="编辑" type="primary" ghost custom-icon="fa fa-edit" @click="filteringFmModalopen(row)"></Button>
-          <Button size="small" title="上移" type="primary" ghost custom-icon="fa fa-chevron-up" @click="upfiltering(row, index)"></Button>
-          <Button size="small" title="下移" type="primary" ghost custom-icon="fa fa-chevron-down" @click="downfiltering(row, index)"></Button>
-          <Button size="small" title="移除" type="primary" ghost custom-icon="fa fa-times" @click="removefiltering(row, index)"></Button>
+          <Button size="small" :title="$t('Front_Btn_Edit')" type="primary" ghost custom-icon="fa fa-edit" @click="filteringFmModalopen(row)"></Button>
+          <Button size="small" :title="$t('Front_Btn_Up')" type="primary" ghost custom-icon="fa fa-chevron-up" @click="upfiltering(row, index)"></Button>
+          <Button size="small" :title="$t('Front_Btn_Down')" type="primary" ghost custom-icon="fa fa-chevron-down" @click="downfiltering(row, index)"></Button>
+          <Button size="small" :title="$t('Front_Btn_Remove')" type="primary" ghost custom-icon="fa fa-times" @click="removefiltering(row, index)"></Button>
         </template>
       </Table>
     </div>
     <template #footer>
-      <Button type="primary" ghost custom-icon="fa fa-plus" @click="filteringFmModalopen(null)">新增</Button>
-      <Button type="primary" custom-icon="fa fa-check" @click="SaveFiltering">确定</Button>
+      <Button type="primary" ghost custom-icon="fa fa-plus" @click="filteringFmModalopen(null)">{{ $t('Front_Btn_Add') }}</Button>
+      <Button type="primary" custom-icon="fa fa-check" @click="SaveFiltering">{{ $t('Front_Btn_OK') }}</Button>
     </template>
     <!-- 对筛选条件进行处理 -->
     <Modal v-model="filteringFmModal" scrollable :mask-closable="layout.maskClosable" :draggable="layout.draggable" :sticky="true" :reset-drag-position="true" width="800">
       <template #header>
         <div>
-          <span class="title">添加筛选字段</span>
-          <span class="description">sorting add</span>
+          <span class="title">{{ $t('Front_Label_Filtering_Setting_Edit') }}</span>
+          <span class="description">{{ $t('Front_Label_Filtering_Setting_Edit_Desc') }}</span>
         </div>
       </template>
       <Form ref="filteringform">
         <Row :gutter="24" type="flex">
           <Col>
-            <FormItem label="字段" prop="Code">
+            <FormItem :label="$t('Front_Label_Column')" prop="Code">
               <Input type="text" v-model="data.code">
                 <template #prepend>
                   <Button custom-icon="fa fa-search" @click="openSelect()"></Button>
@@ -42,21 +42,21 @@
             </FormItem>
           </Col>
           <Col>
-            <FormItem label="操作符" prop="Operator">
+            <FormItem :label="$t('Front_Label_Operator')" prop="Operator">
               <Select v-model="data.operator" :transfer="true">
                 <Option v-for="item in getEnumList('Operator')" :key="item.value" :value="item.id">{{ item.name }}</Option>
               </Select>
             </FormItem>
           </Col>
           <Col>
-            <FormItem label="关键词" prop="KeyValue">
+            <FormItem :label="$t('Front_Label_Keyword')" prop="KeyValue">
               <Input type="text" v-model="data.keyValue" maxlength="200" />
             </FormItem>
           </Col>
         </Row>
       </Form>
       <template #footer>
-        <Button type="primary" custom-icon="fa fa-check" @click="saveFilteringForm($event)">确定</Button>
+        <Button type="primary" custom-icon="fa fa-check" @click="saveFilteringForm($event)">{{ $t('Front_Btn_OK') }}</Button>
       </template>
       <column-check ref="columnCheck" />
     </Modal>
@@ -75,29 +75,34 @@
       filter: String, //原表单筛选字段json值
       dataView: {} //原表单对象
     },
-    computed: {},
     data() {
       return {
         opened: false,
         formView: {},
         filteringFmModal: false,
-        columnsFiltering: [
+        dataFiltering: [],
+        data: {}
+      };
+    },
+    computed: {
+      columnsFiltering() {
+        return [
           {
             type: 'index',
             width: 100,
-            title: '序号',
+            title: this.$t('Front_Label_Sn'),
             align: 'center'
           },
           {
-            title: '字段',
+            title: this.$t('Front_Label_Column'),
             key: 'column'
           },
           {
-            title: '操作符',
+            title: this.$t('Front_Label_Operator'),
             key: 'operatorType'
           },
           {
-            title: '关键词',
+            title: this.$t('Front_Label_Keyword'),
             key: 'keyValue'
           },
           {
@@ -107,10 +112,8 @@
             fixed: 'right',
             align: 'center'
           }
-        ],
-        dataFiltering: [],
-        data: {}
-      };
+        ];
+      }
     },
     methods: {
       open() {
@@ -266,7 +269,7 @@
 
           this.filteringFmModal = false;
         } else {
-          this.error('字段或筛选关键词不能为空，请正确填写！');
+          this.error('Front_Msg_Column_Filtering_Required');
         }
       },
       SaveFiltering() {