kz-ui-base 1.0.148 → 1.0.150

package/common/src/components/base/dialog/BaseDialog.vue

@@ -22,12 +22,12 @@
           size="small"
           type="primary"
           @click="handleConfirm"
-        >{{ confirmText }}
+        >{{ _confirmText }}
         </el-button>
         <el-button
           size="small"
           @click="handleClose"
-        >{{ cancelText }}
+        >{{ _cancelText }}
         </el-button>
       </div>
     </div>
@@ -44,11 +44,11 @@ export default {
     },
     confirmText: {
       type: String,
-      default: '确定'
+      default: ''
     },
     cancelText: {
       type: String,
-      default: '关闭'
+      default: ''
     },
     visible: {
       type: Boolean,
@@ -66,12 +66,25 @@ export default {
       submitLoading: false
     }
   },
+  computed: {
+    // 确定按钮文本，支持国际化
+    _confirmText() {
+      return this.confirmText || this.t('component.dialog.confirm') || '确定'
+    },
+    // 取消按钮文本，支持国际化
+    _cancelText() {
+      return this.cancelText || this.t('component.dialog.cancel') || '关闭'
+    }
+  },
   watch: {
     visible(val) {
       this.modalState = val
     }
   },
   methods: {
+    t(key) {
+      return this.$t(key) || key
+    },
     handleConfirm() {
       this.$emit('on-confirm')
     },

package/common/src/components/base/dialog/Dialog.js

@@ -1,6 +1,24 @@
 import Vue from "vue";
+import zhCN from "element-ui/lib/locale/lang/zh-CN";
+import enUS from "element-ui/lib/locale/lang/en";
+import ElementLocale from "element-ui/lib/locale";
+
+// 根据当前语言设置配置 Element UI 语言
+function initElementLocale() {
+  const currentLocale = localStorage.getItem("locale") || "zh_CN";
+  if (currentLocale === "en_US") {
+    ElementLocale.use(enUS);
+  } else {
+    ElementLocale.use(zhCN);
+  }
+}
+
+// 初始化 Element UI 语言
+initElementLocale();
 
 function makeDialog(option) {
+  // 每次创建对话框时重新初始化语言
+  initElementLocale();
   var dom = document.createElement("div");
   document.getElementsByTagName("body")[0].appendChild(dom);
   let tpl =
@@ -111,6 +129,8 @@ function makeDialog(option) {
   return vue;
 }
 function makeDrawer(option) {
+  // 每次创建抽屉时重新初始化语言
+  initElementLocale();
   var dom = document.createElement("div");
   document.getElementsByTagName("body")[0].appendChild(dom);
   let tpl =

package/common/src/components/base/dialog/editDialog.vue

@@ -47,9 +47,9 @@
           type="primary"
           :loading="setting.submitLoading"
           @click="submitForm"
-          >确 定</el-button
+          >{{ t('component.dialog.confirm') }}</el-button
         >
-        <el-button @click="cancel">取 消</el-button>
+        <el-button @click="cancel">{{ t('component.dialog.cancel') }}</el-button>
       </div>
       <div class="dialog-footer" v-if="customOpMenus&&customOpMenus.length">
         <el-button
@@ -241,6 +241,9 @@ export default {
     console.log("editDialog");
   },
   methods: {
+    t(key) {
+      return this.$t(key) || key
+    },
     //当前绑定实体字段值变更事件
     onChangeEvent(args) {
       this.$emit("change", args);

package/common/src/components/basics/RightToolbar/advancedQuery.vue

@@ -1,25 +1,13 @@
 <template>
   <div class="top-right-btn">
     <el-row>
-      <!-- <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top"
-                  v-if="searchVisible"> -->
-        <el-button size="mini" type="success" @click="toggleSearch()">
-          高级筛选<i class="el-icon-caret-bottom el-icon--right"></i>
-        </el-button>
-      <!-- </el-tooltip> -->
-      <!-- <el-tooltip class="item" effect="dark" content="刷新" placement="top" v-if="refreshVisible">
-        <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()"/>
-      </el-tooltip>
-      <el-tooltip class="item" effect="dark" :content="sortable ? '禁用排序' : '启用排序'" placement="top" v-if="sortVisible">
-        <el-button size="mini" circle icon="el-icon-sort" @click="toggleSortable()"/>
-      </el-tooltip>
-      <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
-        <el-button size="mini" circle icon="el-icon-menu" @click="showColumn()"/>
-      </el-tooltip> -->
+      <el-button size="mini" type="success" @click="toggleSearch()">
+        {{this.t('common.advancedFilter')}}<i class="el-icon-caret-bottom el-icon--right"></i>
+      </el-button>
     </el-row>
     <el-dialog :title="title" :visible.sync="open" append-to-body>
       <el-transfer
-        :titles="['显示', '隐藏']"
+        :titles="[this.t('common.show'), this.t('common.hide')]"
         v-model="value"
         :data="columns"
         @change="dataChange"
@@ -33,11 +21,8 @@ export default {
   name: "RightToolbar",
   data() {
     return {
-      // 显隐数据
       value: [],
-      // 弹出层标题
-      title: "显示/隐藏",
-      // 是否显示弹出层
+      title: this.t('common.showHide'),
       sortable: true,
       open: false
     }
@@ -64,7 +49,6 @@ export default {
     }
   },
   created() {
-    // 显隐列初始默认隐藏列
     for (let item in this.columns) {
       if (this.columns[item].visible === false) {
         this.value.push(parseInt(item))
@@ -72,27 +56,22 @@ export default {
     }
   },
   methods: {
-    // 搜索
     toggleSearch() {
       this.$emit("update:showSearch", !this.showSearch)
     },
-    // 刷新
     refresh() {
       this.$emit("queryTable")
     },
-    // 排序
     toggleSortable() {
       this.sortable = !this.sortable
       this.$emit("controlSortable", !this.sortable)
     },
-    // 右侧列表元素变化
     dataChange(data) {
       for (var item in this.columns) {
         const key = this.columns[item].key
         this.columns[item].visible = !data.includes(key)
       }
     },
-    // 打开显隐列dialog
     showColumn() {
       this.open = true
     }

package/common/src/components/basics/RightToolbar/advancedQueryClose.vue

@@ -1,25 +1,13 @@
 <template>
   <div class="top-right-btn">
     <el-row>
-      <!-- <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top"
-                  v-if="searchVisible"> -->
-        <el-button size="mini" type="danger" icon="el-icon-close" @click="toggleSearch()">
-          关闭
-        </el-button>
-      <!-- </el-tooltip> -->
-      <!-- <el-tooltip class="item" effect="dark" content="刷新" placement="top" v-if="refreshVisible">
-        <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()"/>
-      </el-tooltip>
-      <el-tooltip class="item" effect="dark" :content="sortable ? '禁用排序' : '启用排序'" placement="top" v-if="sortVisible">
-        <el-button size="mini" circle icon="el-icon-sort" @click="toggleSortable()"/>
-      </el-tooltip>
-      <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
-        <el-button size="mini" circle icon="el-icon-menu" @click="showColumn()"/>
-      </el-tooltip> -->
+      <el-button size="mini" type="danger" icon="el-icon-close" @click="toggleSearch()">
+        {{this.t('common.close')}}
+      </el-button>
     </el-row>
     <el-dialog :title="title" :visible.sync="open" append-to-body>
       <el-transfer
-        :titles="['显示', '隐藏']"
+        :titles="[this.t('common.show'), this.t('common.hide')]"
         v-model="value"
         :data="columns"
         @change="dataChange"
@@ -33,11 +21,8 @@ export default {
   name: "RightToolbar",
   data() {
     return {
-      // 显隐数据
       value: [],
-      // 弹出层标题
-      title: "显示/隐藏",
-      // 是否显示弹出层
+      title: this.t('common.showHide'),
       sortable: true,
       open: false
     }
@@ -64,7 +49,6 @@ export default {
     }
   },
   created() {
-    // 显隐列初始默认隐藏列
     for (let item in this.columns) {
       if (this.columns[item].visible === false) {
         this.value.push(parseInt(item))
@@ -72,27 +56,22 @@ export default {
     }
   },
   methods: {
-    // 搜索
     toggleSearch() {
       this.$emit("update:showSearch", !this.showSearch)
     },
-    // 刷新
     refresh() {
       this.$emit("queryTable")
     },
-    // 排序
     toggleSortable() {
       this.sortable = !this.sortable
       this.$emit("controlSortable", !this.sortable)
     },
-    // 右侧列表元素变化
     dataChange(data) {
       for (var item in this.columns) {
         const key = this.columns[item].key
         this.columns[item].visible = !data.includes(key)
       }
     },
-    // 打开显隐列dialog
     showColumn() {
       this.open = true
     }

package/common/src/utils/request.js

@@ -28,6 +28,11 @@ service.interceptors.request.use(
     if (getToken() && !isToken) {
       config.headers["Authorization"] = "Bearer " + getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
     }
+    if(localStorage.getItem('locale')){
+      config.headers["Lang"] = localStorage.getItem('locale');
+    }else{
+      config.headers["Lang"] = "zh-CN";
+    }
     //添加 forward-to
     if (configRes && configRes.forwardTo) {
       config.headers["forward-to"] = configRes.forwardTo;

package/components/customForm/datePicker.vue

@@ -36,7 +36,6 @@
       format="HH:mm"
       value-format="HH:mm"
       @change="onChangeEvent"
-      placeholder="选择时间"
     >
     </el-time-picker>
   </el-form-item>

package/list-base-page/doublelistBasePageTs.vue

@@ -63,10 +63,10 @@
                 icon="el-icon-search"
                 size="mini"
                 @click="handleQuery"
-                >搜索</el-button
-              >
-              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-                >重置</el-button
+                >{{ this.t('common.search') }}</el-button
+                  >
+                  <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                    >{{ this.t('common.reset') }}</el-button
               >
             </el-form-item>
           </el-form>
@@ -137,12 +137,12 @@
               align="center"
             />
             <el-table-column
-              v-if="listSetting.isShowIndexColumn != false"
-              type="index"
-              label="序号"
-              width="50"
-              align="center"
-            >
+                v-if="listSetting.isShowIndexColumn != false"
+                type="index"
+                :label="this.t('component.table.serialNumber')"
+                width="50"
+                align="center"
+              >
               <template scope="scope">
                 <span>{{
                   (listQueryParams.pageNum - 1) * listQueryParams.pageSize +
@@ -256,7 +256,7 @@
             </template>
 
             <el-table-column
-              label="操作"
+              :label="this.t('common.operation')"
               align="center"
               min-width="160"
               class-name="small-padding fixed-width"
@@ -323,13 +323,13 @@
                         icon="el-icon-search"
                         size="mini"
                         @click="doubleHandleQuery(dex)"
-                        >搜索</el-button
+                        >{{ this.t('common.search') }}</el-button
                       >
                       <el-button
                         icon="el-icon-refresh"
                         size="mini"
                         @click="doubleResetQuery(dex)"
-                        >重置</el-button
+                        >{{ this.t('common.reset') }}</el-button
                       >
                     </el-form-item>
                   </el-form>
@@ -376,7 +376,7 @@
                   <el-table-column
                     v-if="tableSetting[dex].isShowIndexColumn != false"
                     type="index"
-                    label="序号"
+                    :label="this.t('component.table.serialNumber')"
                     width="50"
                     align="center"
                   >
@@ -498,7 +498,7 @@
                   </template>
 
                   <el-table-column
-                    label="操作"
+                    :label="this.t('common.operation')"
                     align="center"
                     min-width="160"
                     class-name="small-padding fixed-width"
@@ -1017,7 +1017,7 @@ export default class doubleBasePageTs extends ListBasePage {
               );
               console.log(this.tableSetting[0].listColumns);
             } else {
-              this.msgError("数据错误！");
+              this.msgError(this.t('component.form.dataError'));
             }
           });
         }

package/list-base-page/listBasePageTs.vue

@@ -132,10 +132,10 @@
                 icon="el-icon-search"
                 size="mini"
                 @click="handleQuery"
-                >搜索</el-button
+                >{{ this.t('common.search') }}</el-button
               >
               <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-                >重置</el-button
+                >{{ this.t('common.reset') }}</el-button
               >
               <AdvancedQuery
                 style="margin-left: 10px"
@@ -284,13 +284,13 @@
                   icon="el-icon-search"
                   size="mini"
                   @click="handleQuery"
-                  >搜索</el-button
+                  >{{ this.t('common.search') }}</el-button
                 >
                 <el-button
                   icon="el-icon-refresh"
                   size="mini"
                   @click="resetQuery"
-                  >重置</el-button
+                  >{{ this.t('common.reset') }}</el-button
                 >
                 <AdvancedQueryClose
                   style="
@@ -407,7 +407,7 @@
               >
                 <el-dropdown>
                   <el-button type="warning" size="mini">
-                    更多操作<i class="el-icon-arrow-down el-icon--right"></i>
+                    {{ t('component.list.more_actions') }}<i class="el-icon-arrow-down el-icon--right"></i>
                   </el-button>
                   <el-dropdown-menu slot="dropdown">
                     <template v-for="(opMenu, index) in customOpMenus">
@@ -1237,7 +1237,6 @@
     </printDialog>
   </div>
 </template>
-
 <script lang="ts">
 import { Component, Prop, Vue, Watch } from "vue-property-decorator";
 import {
@@ -1417,7 +1416,7 @@ export default class listBasePage extends Vue {
   opMenus = [
     {
       visable: true,
-      text: "添加",
+      text: (this as any).t('common.add'),
       icon: "el-icon-plus",
       permission: "add",
       name: "add",
@@ -1426,7 +1425,7 @@ export default class listBasePage extends Vue {
     },
     {
       visable: true,
-      text: "复制",
+      text: (this as any).t('common.copy'),
       icon: "ion-md-copy",
       permission: "add",
       name: "copy",
@@ -1436,7 +1435,7 @@ export default class listBasePage extends Vue {
     },
     {
       visable: true,
-      text: "修改",
+      text: (this as any).t('common.update'),
       icon: "el-icon-edit",
       permission: "edit",
       name: "update",
@@ -1446,7 +1445,7 @@ export default class listBasePage extends Vue {
     },
     {
       visable: true,
-      text: "删除",
+      text: (this as any).t('common.delete'),
       icon: "el-icon-delete",
       permission: "remove",
       name: "delete",
@@ -1456,7 +1455,7 @@ export default class listBasePage extends Vue {
     },
     {
       visable: true,
-      text: "查看",
+      text: (this as any).t('common.detail'),
       icon: "ion-md-information-circle-outline",
       name: "detail",
       isShowText: false,
@@ -1466,7 +1465,7 @@ export default class listBasePage extends Vue {
 
     {
       visable: true,
-      text: "导出",
+      text: (this as any).t('common.export'),
       icon: "ion-md-cloud-download",
       name: "export",
       isShowText: false,
@@ -1474,7 +1473,7 @@ export default class listBasePage extends Vue {
     },
     {
       visable: true,
-      text: "导入",
+      text: (this as any).t('common.import'),
       icon: "ion-md-cloud-upload",
       permission: "add",
       name: "import",
@@ -1483,7 +1482,7 @@ export default class listBasePage extends Vue {
     },
     {
       visable: false,
-      text: "发起审批",
+      text: (this as any).t('system.order.startWf'),
       icon: "el-icon-position",
       permission: "startWf",
       name: "startWf",
@@ -1493,7 +1492,7 @@ export default class listBasePage extends Vue {
     },
     {
       visable: false,
-      text: "审批进度",
+      text: (this as any).t('system.order.showWf'),
       icon: "el-icon-view",
       permission: "showWf",
       name: "showWf",
@@ -1506,7 +1505,7 @@ export default class listBasePage extends Vue {
     //{ visable: true, text: "高级搜索", icon: "ion-md-paw", name: "advanceSearch", isShowText: false },
     {
       visable: true,
-      text: "打印",
+      text: (this as any).t('system.order.print'),
       icon: "ion-md-print",
       name: "print",
       isShowText: false,
@@ -1515,7 +1514,7 @@ export default class listBasePage extends Vue {
     },
     {
       visable: true,
-      text: "高级搜索",
+      text: (this as any).t('system.order.advancedSearch'),
       icon: "ion-md-print",
       name: "search",
       isShowText: false,
@@ -1570,7 +1569,7 @@ export default class listBasePage extends Vue {
     //{ text: `用户账号`, property: "userAccount", visible: true },
   ];
   listSerialNumber = {
-    label: "序号",
+    label: '序号',
     width: "50",
     align: "center",
   };
@@ -1667,7 +1666,7 @@ export default class listBasePage extends Vue {
       name: "basic",
       visable: true,
       icon: "ion-plus-round",
-      text: "基本信息",
+      text: '基本信息',
       type: "area",
     },
   ];
@@ -1682,8 +1681,8 @@ export default class listBasePage extends Vue {
   editRules = {};
   //编辑界面按钮菜单
   editOpMenus = [
-    { name: "save", visable: true, icon: "ion-plus-round", text: "保存" },
-    { name: "close", visable: true, icon: "ion-md-create", text: "关闭" },
+    { name: "save", visable: true, icon: "ion-plus-round", text: (this as any).t('common.save') },
+    { name: "close", visable: true, icon: "ion-md-create", text: (this as any).t('common.close') },
   ];
   //编辑界面自定义按钮菜单 - 若无自定义按钮，不需要重写
   editCustomOpMenus = [
@@ -1695,7 +1694,7 @@ export default class listBasePage extends Vue {
     // 是否显示编辑窗口
     isShow: false,
     // 弹出层标题（用户导入）
-    title: "导入",
+    title: (this as any).t('common.import'),
     // 是否禁用上传
     isUploading: false,
     // 是否更新已经存在的用户数据
@@ -1712,7 +1711,7 @@ export default class listBasePage extends Vue {
     // 是否显示编辑窗口
     isShow: false,
     // 弹出层标题（用户导入）
-    title: "打印模板",
+    title: '打印模版',
     //打印类型
     templateType: "",
     // 保存时是否自动关闭
@@ -1772,6 +1771,11 @@ export default class listBasePage extends Vue {
     (this.$refs.tree as any).filter(val);
   }
 
+  @Watch("listColumns", { deep: true })
+  watchListColumns(newVal, oldVal) {
+    console.log('listColumns 变化:', newVal);
+  }
+
   created() {
     // const coms = [KZ_TextBox]; // 将来如果有其它组件,都可以写到这个数组里
 
@@ -1779,7 +1783,7 @@ export default class listBasePage extends Vue {
     //      Vue.component(com.name, com);
     //  });
 
-    // console.log(this.listColumns);
+    console.log('created - listColumns:', this.listColumns);
     // this.oldeditColumns=JSON.parse(JSON.stringify(this.editColumns))
     this.initTableField();
     //获取树数据
@@ -2016,7 +2020,7 @@ export default class listBasePage extends Vue {
     const sums = [];
     columns.forEach((column, index) => {
       if (index === 0) {
-        sums[index] = "合计";
+        sums[index] = '合计';
         return;
       }
       const values = data.map((item) => Number(item[column.property]));
@@ -2131,6 +2135,12 @@ export default class listBasePage extends Vue {
   onChangeStatistics(args) {
     console.log(args);
   }
+
+  /** 国际化方法 */
+  t(key: string) {
+    return (this as any).$t(key) || key
+  }
+
   /** 查询用户列表 */
   getList() {
     this.contentLoading = true;
@@ -3126,6 +3136,43 @@ export default class listBasePage extends Vue {
   }
   cellStayle(row) {}
   mounted() {
+    // 为 listColumns 中每个对象添加 text 属性
+    // if (this.listColumns) {
+    //   this.listColumns.forEach((col: any) => {
+    //     if (col.property) {
+    //       col.text = (this as any).t(`${this.moduleName}.${this.serviceName}.${col.property}`);
+    //     }
+    //   });
+    // }
+
+    // // 为 searchRules 中每个对象添加 text 属性
+    // if (this.searchRules) {
+    //   this.searchRules.forEach((rule: any) => {
+    //     if (rule.property) {
+    //       rule.text = (this as any).t(`${this.moduleName}.${this.serviceName}.${rule.property}`);
+    //     }
+    //   });
+    // }
+
+    // // 为 editColumns 中每个对象添加 text 属性
+    // if (this.editColumns) {
+    //   this.editColumns.forEach((col: any) => {
+    //     if (col.property) {
+    //       col.text = (this as any).t(`${this.moduleName}.${this.serviceName}.${col.property}`);
+    //     }
+    //   });
+    // }
+
+    // // 为 editSetting.listSetting.listColumns 中每个对象添加 text 属性
+    // if (this.editSetting?.listSetting?.listColumns) {
+    //   const listSetting: any = this.editSetting.listSetting;
+    //   listSetting.listColumns.forEach((col: any) => {
+    //     if (col.property) {
+    //       col.text = (this as any).t(`${listSetting.moduleName}.${listSetting.serviceName}.${col.property}`);
+    //     }
+    //   });
+    // }
+
     var that = this;
     if (this.listSetting.isShowSumRow) {
       setTimeout(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kz-ui-base",
-  "version": "1.0.148",
+  "version": "1.0.150",
   "description": "",
   "main": "index.js",
   "scripts": {

package/views/bd/common/modal/ItemModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <base-dialog :visible.sync="visible" width="1200px" title="物料选择" append-to-body @on-confirm="handleConfirm"
+  <base-dialog :visible.sync="visible" width="1200px" :title="t('itemModal.title')" append-to-body @on-confirm="handleConfirm"
                @on-cancel="cancel">
     <div class="app-container">
       <el-container class="item-panel default-background">
@@ -16,22 +16,22 @@
             <el-form ref="queryForm" :model="searchParams" label-width="120px" size="small">
               <el-row>
                 <el-col :span="6" v-if="!isSkipSearch('itemNo')">
-                  <el-form-item label="物料编号" prop="itemNo">
-                    <el-input clearable v-model="searchParams.item.itemNo" placeholder="请输入物料编号"></el-input>
+                  <el-form-item :label="t('itemModal.itemNo')" prop="itemNo">
+                    <el-input clearable v-model="searchParams.item.itemNo" :placeholder="t('itemModal.placeholder.itemNo')"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="6" v-if="!isSkipSearch('itemName')">
-                  <el-form-item label="物料名称" prop="itemName">
-                    <el-input clearable v-model="searchParams.item.itemName" placeholder="请输入物料名称"></el-input>
+                  <el-form-item :label="t('itemModal.itemName')" prop="itemName">
+                    <el-input clearable v-model="searchParams.item.itemName" :placeholder="t('itemModal.placeholder.itemName')"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="6" v-if="!isSkipSearch('itemSpec')">
-                  <el-form-item label="规格型号" prop="itemSpec">
-                    <el-input clearable v-model="searchParams.item.itemSpec" placeholder="请输入规格型号"></el-input>
+                  <el-form-item :label="t('itemModal.itemSpec')" prop="itemSpec">
+                    <el-input clearable v-model="searchParams.item.itemSpec" :placeholder="t('itemModal.placeholder.itemSpec')"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="6" v-if="!isSkipSearch('itemClassId') && !showItemClass">
-                  <el-form-item label="存货分类" prop="itemSpec">
+                  <el-form-item :label="t('itemModal.itemClassId')" prop="itemSpec">
                     <el-cascader
                       :options="treeData"
                       @change="onItemClassIdChange"
@@ -44,12 +44,12 @@
               </el-row>
               <el-row>
                 <el-col :span="6">
-                  <el-form-item label="物料种类" prop="itemCategoryId">
+                  <el-form-item :label="t('itemModal.itemCategoryId')" prop="itemCategoryId">
                     <entity-select v-model="searchParams.item.itemCategoryId" module-name="bd"
                                    service-name="itemCategory" :filterable="true" disp-prop="itemCategoryName"
                                    :label-formatter="(itemCategory)=>{return itemCategory.itemCategoryNo + '-' + itemCategory.itemCategoryName}"
                                    order-by-column="item_category_no" @change="handleItemCategorySelect"
-                                   clearable :placeholder="'请选择物料种类'">
+                                   clearable :placeholder="t('itemModal.placeholder.itemCategory')">
                     </entity-select>
                   </el-form-item>
                 </el-col>
@@ -74,9 +74,11 @@
               <el-row :gutter="20">
               </el-row>
               <div style="float: right; margin-top: 6px">
-                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">
+                  {{ t('component.table.search') }}
                 </el-button>
-                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">
+                  {{ t('component.table.reset') }}
                 </el-button>
               </div>
             </el-form>
@@ -97,7 +99,7 @@
                           :header-cell-style="{ 'text-align': 'center' }">
                   <el-table-column type="selection" width="55" align="center">
                   </el-table-column>
-                  <el-table-column type="index" label="序号" width="50" align="center">
+                  <el-table-column type="index" :label="t('itemModal.serialNo')" width="50" align="center">
                     <template scope="scope">
                       <span>{{
                           (searchParams.pageNum - 1) * searchParams.pageSize +
@@ -125,8 +127,8 @@
               </el-col>
               <el-col :span="6" style="height: 100%">
                 <el-table height="100%" :border="true" :data="currentEntity.attributes">
-                  <el-table-column label="属性名称" prop="attributeName"></el-table-column>
-                  <el-table-column label="属性值" prop="attributeValue"></el-table-column>
+                  <el-table-column :label="t('itemModal.attributeName')" prop="attributeName"></el-table-column>
+                  <el-table-column :label="t('itemModal.attributeValue')" prop="attributeValue"></el-table-column>
                 </el-table>
               </el-col>
             </el-row>
@@ -203,11 +205,7 @@ export default class itemModal extends Vue {
     pageSize: 10,
     pageNum: 1,
   };
-  listColumns = [
-    {text: "物料编号", property: "itemNo", width: 120},
-    {text: "物料名称", property: "itemName"},
-    {text: "规格型号", property: "itemSpec"},
-  ];
+  listColumns = [];
 
   @Watch("searchParams.item", {deep: true})
   onSearchParamsItemChange(newValue, oldVale) {
@@ -406,6 +404,11 @@ export default class itemModal extends Vue {
   }
 
   created() {
+    this.listColumns = [
+      {text: (this as any).t('itemModal.itemNo'), property: "itemNo", width: 120},
+      {text: (this as any).t('itemModal.itemName'), property: "itemName"},
+      {text: (this as any).t('itemModal.itemSpec'), property: "itemSpec"},
+    ];
     this.getTreeData();
     this.getList();
     console.log(this.value);