update

src/components/filter-tree/filter-mode.vue

@@ -3,7 +3,7 @@
         <el-option
             v-for="mode in filterMode"
             :key="mode.value"
-            :label="mode.zh"
+            :label="getLabel(mode)"
             :value="mode.value"
             >
         </el-option>
@@ -43,23 +43,36 @@ export default class FilterMode extends Vue {
     public filterMode: any[] = [
         // { name: 'AND', value: '$and' },
         // { name: 'OR', value: '$or' },
-        { zh: '等于(=)', en: 'EQ', value: '$eq' },
-        { zh: '不等于(<>)', en: 'NE', value: '$ne' },
-        { zh: '大于(>)', en: 'GT', value: '$gt' },
-        { zh: '大于等于(>=)', en: 'GE', value: '$gte' },
-        { zh: '小于(<)', en: 'LT', value: '$lt' },
-        { zh: '小于(<=)', en: 'LE', value: '$lte' },
-        { zh: '值为空(Nil)', en: 'IS_NULL', value: '$null' },
-        { zh: '值不为空(NotNil)', en: 'IS_NOT_NULL', value: '$notNull' },
-        { zh: '值在范围中(In)', en: 'IN', value: '$in' },
-        { zh: '值不在范围中(NotIn)', en: 'NOTIN', value: '$notIn' },
-        { zh: '文本包含(%)', en: 'LIKE', value: '$like' },
-        { zh: '文本左包含(%#)', en: 'LIFTLIKE', value: '$startsWith' },
-        { zh: '文本右包含(#%)', en: 'RIGHTLIKE', value: '$endsWith' },
-        // { zh: '', en: 'EXISTS', value: '$exists' },
-        // { zh: '', en: 'NOTEXISTS', value: '$notExists' }
+        { 'zh-CN': '等于(=)', 'en-US': 'EQ', value: '$eq' },
+        { 'zh-CN': '不等于(<>)', 'en-US': 'NE', value: '$ne' },
+        { 'zh-CN': '大于(>)', 'en-US': 'GT', value: '$gt' },
+        { 'zh-CN': '大于等于(>=)', 'en-US': 'GE', value: '$gte' },
+        { 'zh-CN': '小于(<)', 'en-US': 'LT', value: '$lt' },
+        { 'zh-CN': '小于(<=)', 'en-US': 'LE', value: '$lte' },
+        { 'zh-CN': '值为空(Nil)', 'en-US': 'IS_NULL', value: '$null' },
+        { 'zh-CN': '值不为空(NotNil)', 'en-US': 'IS_NOT_NULL', value: '$notNull' },
+        { 'zh-CN': '值在范围中(In)', 'en-US': 'IN', value: '$in' },
+        { 'zh-CN': '值不在范围中(NotIn)', 'en-US': 'NOTIN', value: '$notIn' },
+        { 'zh-CN': '文本包含(%)', 'en-US': 'LIKE', value: '$like' },
+        { 'zh-CN': '文本左包含(%#)', 'en-US': 'LIFTLIKE', value: '$startsWith' },
+        { 'zh-CN': '文本右包含(#%)', 'en-US': 'RIGHTLIKE', value: '$endsWith' },
+        // { 'zh-CN': '', en: 'EXISTS', value: '$exists' },
+        // { 'zh-CN': '', en: 'NOTEXISTS', value: '$notExists' }
     ];
 
+    /**
+     * 获取语言文本
+     *
+     * @return {string}
+     * @memberof FilterMode
+     */
+    getLabel(mode: any): string {
+        if(this.$i18n.locale) {
+            return mode[this.$i18n.locale];
+        }
+        return mode['zh-CN'];
+    }
+
     /**
      * 值改变
      *

src/components/filter-tree/filter-tree.vue

@@ -4,7 +4,7 @@
             <template v-if="Object.is(data.label, '$and') || Object.is(data.label, '$or')">
                 <div class="filter-tree-item">
                     <el-select size="small" v-model="data.label" :disabled="data.isroot">
-                        <el-option v-for="mode in relationModes" :key="mode.value" :label="mode.zh" :value="mode.value"></el-option>
+                        <el-option v-for="mode in relationModes" :key="mode.value" :label="getLabel(mode)" :value="mode.value"></el-option>
                     </el-select>
                     <div class="filter-tree-action">
                         <i-button title="添加条件" @click="onAddItem(data)"><i class="fa fa-plus" aria-hidden="true"></i> 添加条件</i-button>
@@ -71,8 +71,8 @@ export default class FilterTree extends Vue {
      * @memberof FilterTree
      */
     protected relationModes: any[] = [
-        { zh: '并且', en: 'AND', value: '$and' },
-        { zh: '或', en: 'OR', value: '$or' }
+        { 'zh-CN': '并且', 'en-US': 'AND', value: '$and' },
+        { 'zh-CN': '或', 'en-US': 'OR', value: '$or' }
     ];
 
     /**
@@ -94,6 +94,19 @@ export default class FilterTree extends Vue {
         return [root];
     }
 
+    /**
+     * 获取语言文本
+     *
+     * @return {string}
+     * @memberof FilterTree
+     */
+    getLabel(mode: any): string {
+        if(this.$i18n.locale) {
+            return mode[this.$i18n.locale];
+        }
+        return mode['zh-CN'];
+    }
+
     /**
      * 属性变化
      *