仓库管理子页面修改国际化显示语言

ruoyi-ui/src/views/bas/cargoSpace/index.vue

@@ -1,82 +1,90 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="仓库id" prop="warehouseId">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" :label-width="labelWidthForSearch">
+      <el-form-item :label="$t('cargoSpace.warehouseId')" prop="warehouseId">
         <el-input
           v-model="queryParams.warehouseId"
-          placeholder="请输入仓库id"
+          :placeholder="$t('cargoSpace.warehouseId')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="巷道id" prop="roadwayId">
+      <el-form-item :label="$t('cargoSpace.roadwayId')" prop="roadwayId">
         <el-input
           v-model="queryParams.roadwayId"
-          placeholder="请输入巷道id"
+          :placeholder="$t('cargoSpace.roadwayId')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="货区id" prop="cargoAreaId">
+      <el-form-item :label="$t('cargoSpace.cargoAreaId')" prop="cargoAreaId">
         <el-input
           v-model="queryParams.cargoAreaId"
-          placeholder="请输入货区id"
+          :placeholder="$t('cargoSpace.cargoAreaId')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="货位类型" prop="theTypeName">
+      <el-form-item :label="$t('cargoSpace.cargoSpaceType')" prop="theTypeName">
         <el-input
           v-model="queryParams.theTypeName"
-          placeholder="请输入货位类型名称"
+          :placeholder="$t('cargoSpace.cargoSpaceType')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="货位名称" prop="cargoSpaceName">
+      <!-- <el-form-item label="货位名称" prop="cargoSpaceName">
         <el-input
           v-model="queryParams.cargoSpaceName"
           placeholder="请输入货位名称"
           clearable
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item>
-      <el-form-item label="排" prop="thePlatoon">
+      </el-form-item> -->
+      <el-form-item :label="$t('cargoSpace.platoon')" prop="thePlatoon">
         <el-input
           v-model="queryParams.thePlatoon"
-          placeholder="请输入排"
+          :placeholder="$t('cargoSpace.platoon')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="列" prop="theColumn">
+      <el-form-item :label="$t('cargoSpace.column')" prop="theColumn">
         <el-input
           v-model="queryParams.theColumn"
-          placeholder="请输入列"
+          :placeholder="$t('cargoSpace.column')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="层" prop="theFloor">
+      <el-form-item :label="$t('cargoSpace.floor')" prop="theFloor">
         <el-input
           v-model="queryParams.theFloor"
-          placeholder="请输入层"
+          :placeholder="$t('cargoSpace.floor')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="是否锁定" prop="locked">
+      <el-form-item :label="$t('cargoSpace.status')" prop="status">
+        <el-input
+          v-model="queryParams.status"
+          :placeholder="$t('cargoSpace.status')"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('cargoSpace.locked')" prop="locked">
         <el-input
           v-model="queryParams.locked"
-          placeholder="请输入是否锁定"
+          :placeholder="$t('cargoSpace.locked')"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="托盘条码" prop="trayCode">
+      <el-form-item :label="$t('cargoSpace.trayCode')" prop="trayCode">
         <el-input
           v-model="queryParams.trayCode"
-          placeholder="请输入托盘条码"
+          :placeholder="$t('cargoSpace.trayCode')"
           clearable
           @keyup.enter.native="handleQuery"
         />
@@ -125,8 +133,8 @@
         />
       </el-form-item> -->
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('cargoSpace.btnSubmit') }}</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('cargoSpace.btnReset') }}</el-button>
       </el-form-item>
     </el-form>
 
@@ -139,7 +147,7 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['bas:cargoSpace:add']"
-        >新增</el-button>
+        >{{ $t('cargoSpace.btnAdd') }}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -150,7 +158,7 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['bas:cargoSpace:edit']"
-        >修改</el-button>
+        >{{ $t('cargoSpace.btnEdit') }}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -161,7 +169,7 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['bas:cargoSpace:remove']"
-        >删除</el-button>
+        >{{ $t('cargoSpace.btnDelete') }}</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -171,34 +179,33 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['bas:cargoSpace:export']"
-        >导出</el-button>
+        >{{ $t('cargoSpace.btnExport') }}</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="cargoSpaceList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="货位id     主键 " align="center" prop="cargoSpaceId" />
-      <el-table-column label="仓库id" align="center" prop="warehouseId" />
-      <el-table-column label="巷道id" align="center" prop="roadwayId" />
-      <el-table-column label="货区id" align="center" prop="cargoAreaId" />
-      <el-table-column label="货位类型" align="center" prop="theType" />
-      <el-table-column label="货位类型名称" align="center" prop="theTypeName" />
-      <el-table-column label="货位名称" align="center" prop="cargoSpaceName" />
-      <el-table-column label="排" align="center" prop="thePlatoon" />
-      <el-table-column label="列" align="center" prop="theColumn" />
-      <el-table-column label="层" align="center" prop="theFloor" />
-      <el-table-column label="货位状态1空2满" align="center" prop="status" />
-      <el-table-column label="是否锁定" align="center" prop="locked" />
-      <el-table-column label="托盘条码" align="center" prop="trayCode" />
-      <el-table-column label="货位高度" align="center" prop="cargoHight" />
-      <el-table-column label="是否双伸 Y N " align="center" prop="issDouble" />
-      <el-table-column label="双货位分组编码" align="center" prop="groupCodingNo" />
-      <el-table-column label="双货位分组编码1、2… " align="center" prop="groupCoding" />
-      <el-table-column label="双货位标识 0 外1内" align="center" prop="cargoSpaceLogo" />
-      <el-table-column label="本仓库区域 1--8 A 
-9--15 B" align="center" prop="thisCargoArea" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column :label="$t('cargoSpace.cargoSpaceId')" align="center" prop="cargoSpaceId" />
+      <el-table-column :label="$t('cargoSpace.warehouseId')" align="center" prop="warehouseId" />
+      <el-table-column :label="$t('cargoSpace.roadwayId')" align="center" prop="roadwayId" />
+      <el-table-column :label="$t('cargoSpace.cargoAreaId')" align="center" prop="cargoAreaId" />
+      <!-- <el-table-column :label="$t('cargoSpace.cargoSpaceType')" align="center" prop="theType" /> -->
+      <el-table-column :label="$t('cargoSpace.cargoSpaceTypeName')" align="center" prop="theTypeName" />
+      <el-table-column :label="$t('cargoSpace.cargoSpaceName')" align="center" prop="cargoSpaceName" />
+      <!-- <el-table-column :label="$t('cargoSpace.platoon')" align="center" prop="thePlatoon" />
+      <el-table-column :label="$t('cargoSpace.column')" align="center" prop="theColumn" />
+      <el-table-column :label="$t('cargoSpace.floor')" align="center" prop="theFloor" /> -->
+      <el-table-column :label="$t('cargoSpace.status')" align="center" prop="status" />
+      <el-table-column :label="$t('cargoSpace.locked')" align="center" prop="locked" />
+      <el-table-column :label="$t('cargoSpace.trayCode')" align="center" prop="trayCode" />
+      <el-table-column :label="$t('cargoSpace.cargoHeight')" align="center" prop="cargoHight" />
+      <el-table-column :label="$t('cargoSpace.isDouble')" align="center" prop="issDouble" />
+      <!-- <el-table-column :label="$t('cargoSpace.groupCodingNo')" align="center" prop="groupCodingNo" /> -->
+      <el-table-column :label="$t('cargoSpace.groupCodingName')" align="center" prop="groupCoding" />
+      <!-- <el-table-column :label="$t('cargoSpace.cargoSpaceLogo')" align="center" prop="cargoSpaceLogo" />
+      <el-table-column :label="$t('cargoSpace.thisCargoAreaId')" align="center" prop="thisCargoArea" /> -->
+      <el-table-column :label="$t('cargoSpace.operation')" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -206,14 +213,14 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['bas:cargoSpace:edit']"
-          >修改</el-button>
+          >{{ $t('cargoSpace.btnEdit') }}</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['bas:cargoSpace:remove']"
-          >删除</el-button>
+          >{{ $t('cargoSpace.btnDelete') }}</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -228,58 +235,56 @@
 
     <!-- 添加或修改库存信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="仓库id" prop="warehouseId">
-          <el-input v-model="form.warehouseId" placeholder="请输入仓库id" />
+      <el-form ref="form" :model="form" :rules="rules" :label-width="labelWidthForFunction">
+        <el-form-item :label="$t('cargoSpace.cargoSpaceId')" prop="warehouseId">
+          <el-input v-model="form.warehouseId" :placeholder="$t('cargoSpace.placeholderCargoSpaceId')" />
         </el-form-item>
-        <el-form-item label="巷道id" prop="roadwayId">
-          <el-input v-model="form.roadwayId" placeholder="请输入巷道id" />
+        <el-form-item :label="$t('cargoSpace.roadwayId')" prop="roadwayId">
+          <el-input v-model="form.roadwayId" :placeholder="$t('cargoSpace.placeholderRoadwayId')" />
         </el-form-item>
-        <el-form-item label="货区id" prop="cargoAreaId">
-          <el-input v-model="form.cargoAreaId" placeholder="请输入货区id" />
+        <el-form-item :label="$t('cargoSpace.cargoAreaId')" prop="cargoAreaId">
+          <el-input v-model="form.cargoAreaId" :placeholder="$t('cargoSpace.placeholderCargoAreaId')" />
         </el-form-item>
-        <el-form-item label="货位类型名称" prop="theTypeName">
-          <el-input v-model="form.theTypeName" placeholder="请输入货位类型名称" />
+        <el-form-item :label="$t('cargoSpace.cargoSpaceTypeName')" prop="theTypeName">
+          <el-input v-model="form.theTypeName" :placeholder="$t('cargoSpace.placeholderCargoSpaceTypeName')" />
         </el-form-item>
-        <el-form-item label="货位名称" prop="cargoSpaceName">
-          <el-input v-model="form.cargoSpaceName" placeholder="请输入货位名称" />
+        <el-form-item :label="$t('cargoSpace.cargoSpaceName')" prop="cargoSpaceName">
+          <el-input v-model="form.cargoSpaceName" :placeholder="$t('cargoSpace.placeholderCargoSpaceName')" />
         </el-form-item>
-        <el-form-item label="排" prop="thePlatoon">
-          <el-input v-model="form.thePlatoon" placeholder="请输入排" />
+        <el-form-item :label="$t('cargoSpace.platoon')" prop="thePlatoon">
+          <el-input v-model="form.thePlatoon" :placeholder="$t('cargoSpace.placeholderPlatoon')" />
         </el-form-item>
-        <el-form-item label="列" prop="theColumn">
-          <el-input v-model="form.theColumn" placeholder="请输入列" />
+        <el-form-item :label="$t('cargoSpace.column')" prop="theColumn">
+          <el-input v-model="form.theColumn" :placeholder="$t('cargoSpace.placeholderColumn')" />
         </el-form-item>
-        <el-form-item label="层" prop="theFloor">
-          <el-input v-model="form.theFloor" placeholder="请输入层" />
+        <el-form-item :label="$t('cargoSpace.floor')" prop="theFloor">
+          <el-input v-model="form.theFloor" :placeholder="$t('cargoSpace.placeholderFloor')" />
         </el-form-item>
-        <el-form-item label="是否锁定" prop="locked">
-          <el-input v-model="form.locked" placeholder="请输入是否锁定" />
+        <el-form-item :label="$t('cargoSpace.locked')" prop="locked">
+          <el-input v-model="form.locked" :placeholder="$t('cargoSpace.placeholderLocked')" />
         </el-form-item>
-        <el-form-item label="托盘条码" prop="trayCode">
-          <el-input v-model="form.trayCode" placeholder="请输入托盘条码" />
+        <el-form-item :label="$t('cargoSpace.trayCode')" prop="trayCode">
+          <el-input v-model="form.trayCode" :placeholder="$t('cargoSpace.placeholderTrayCode')" />
         </el-form-item>
-        <el-form-item label="是否双伸 Y N " prop="issDouble">
-          <el-input v-model="form.issDouble" placeholder="请输入是否双伸 Y N " />
+        <el-form-item :label="$t('cargoSpace.isDouble')" prop="issDouble">
+          <el-input v-model="form.issDouble" :placeholder="$t('cargoSpace.placeholderIsDouble')" />
         </el-form-item>
-        <el-form-item label="双货位分组编码" prop="groupCodingNo">
-          <el-input v-model="form.groupCodingNo" placeholder="请输入双货位分组编码" />
+        <el-form-item :label="$t('cargoSpace.groupCodingNo')" prop="groupCodingNo">
+          <el-input v-model="form.groupCodingNo" :placeholder="$t('cargoSpace.placeholderGroupCodingNo')" />
         </el-form-item>
-        <el-form-item label="双货位分组编码1、2… " prop="groupCoding">
-          <el-input v-model="form.groupCoding" placeholder="请输入双货位分组编码1、2… " />
+        <el-form-item :label="$t('cargoSpace.groupCodingName')" prop="groupCoding">
+          <el-input v-model="form.groupCoding" :placeholder="$t('cargoSpace.placeholderGroupCodingName')" />
         </el-form-item>
-        <el-form-item label="双货位标识 0 外1内" prop="cargoSpaceLogo">
-          <el-input v-model="form.cargoSpaceLogo" placeholder="请输入双货位标识 0 外1内" />
+        <el-form-item :label="$t('cargoSpace.cargoSpaceLogo')" prop="cargoSpaceLogo">
+          <el-input v-model="form.cargoSpaceLogo" :placeholder="$t('cargoSpace.placeholderCargoSpaceLogo')" />
         </el-form-item>
-        <el-form-item label="本仓库区域 1--8 A 
-9--15 B" prop="thisCargoArea">
-          <el-input v-model="form.thisCargoArea" placeholder="请输入本仓库区域 1--8 A 
-9--15 B" />
+        <el-form-item :label="$t('cargoSpace.thisCargoAreaId')" prop="thisCargoArea">
+          <el-input v-model="form.thisCargoArea" :placeholder="$t('cargoSpace.placeholderThisCargoAreaId')" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">{{ $t('cargoSpace.btnSubmit') }}</el-button>
+        <el-button @click="cancel">{{ $t('cargoSpace.btnCancel') }}</el-button>
       </div>
     </el-dialog>
   </div>
@@ -338,25 +343,25 @@ export default {
       // 表单校验
       rules: {
         warehouseId: [
-          { required: true, message: "仓库id不能为空", trigger: "blur" }
-        ],
-        cargoSpaceName: [
-          { required: true, message: "货位名称不能为空", trigger: "blur" }
+          { required: true, message: this.$t('cargoSpace.warehosueIdIsNull'), trigger: "blur" }
         ],
+        // cargoSpaceName: [
+        //   { required: true, message: "货位名称不能为空", trigger: "blur" }
+        // ],
         thePlatoon: [
-          { required: true, message: "排不能为空", trigger: "blur" }
+          { required: true, message: this.$t('cargoSpace.platoonIsNull'), trigger: "blur" }
         ],
         theColumn: [
-          { required: true, message: "列不能为空", trigger: "blur" }
+          { required: true, message: this.$t('cargoSpace.columnIsNull'), trigger: "blur" }
         ],
         theFloor: [
-          { required: true, message: "层不能为空", trigger: "blur" }
+          { required: true, message: this.$t('cargoSpace.floorIsNull'), trigger: "blur" }
         ],
         status: [
-          { required: true, message: "货位状态1空2满不能为空", trigger: "change" }
+          { required: true, message: this.$t('cargoSpace.statusIsNull'), trigger: "change" }
         ],
         locked: [
-          { required: true, message: "是否锁定不能为空", trigger: "blur" }
+          { required: true, message: this.$t('cargoSpace.lockedIsNull'), trigger: "blur" }
         ],
       }
     }
@@ -424,7 +429,7 @@ export default {
     handleAdd() {
       this.reset()
       this.open = true
-      this.title = "添加库存信息"
+      this.title = this.$t('cargoSpace.addCargoSpaceItem')
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -433,7 +438,7 @@ export default {
       getCargoSpace(cargoSpaceId).then(response => {
         this.form = response.data
         this.open = true
-        this.title = "修改库存信息"
+        this.title = this.$t('cargoSpace.editCargoSpaceItem')
       })
     },
     /** 提交按钮 */
@@ -442,13 +447,13 @@ export default {
         if (valid) {
           if (this.form.cargoSpaceId != null) {
             updateCargoSpace(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功")
+              this.$modal.msgSuccess(this.$t('cargoSpace.editSuccessInfo'))
               this.open = false
               this.getList()
             })
           } else {
             addCargoSpace(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功")
+              this.$modal.msgSuccess(this.$t('cargoSpace.addSuccessInfo'))
               this.open = false
               this.getList()
             })
@@ -459,11 +464,11 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const cargoSpaceIds = row.cargoSpaceId || this.ids
-      this.$modal.confirm('是否确认删除库存信息编号为"' + cargoSpaceIds + '"的数据项？').then(function() {
+      this.$modal.confirm(this.$t('cargoSpace.dialogText1') + cargoSpaceIds + this.$t('cargoSpace.dialogText2')).then(function() {
         return delCargoSpace(cargoSpaceIds)
       }).then(() => {
         this.getList()
-        this.$modal.msgSuccess("删除成功")
+        this.$modal.msgSuccess(this.$t('cargoSpace.deleteSuccessInfo'))
       }).catch(() => {})
     },
     /** 导出按钮操作 */
@@ -472,6 +477,16 @@ export default {
         ...this.queryParams
       }, `cargoSpace_${new Date().getTime()}.xlsx`)
     }
-  }
+  },
+  comped: {
+    labelWidthForSearch() {
+        const lang = this.$i18n.locale; 
+        return lang.startsWith('en') ? '84px' : '68px';
+    },
+    labelWidthForFunction() {
+        const lang = this.$i18n.locale; 
+        return lang.startsWith('en') ? '150px' : '120px';
+    }
+  },
 }
 </script>