子页面修改国际化显示语言

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

@@ -1,6 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" :label-width="labelWidthForSearch">
+      <!-- 仓库ID -->
       <el-form-item :label="$t('cargoSpace.warehouseId')" prop="warehouseId">
         <el-input
           v-model="queryParams.warehouseId"
@@ -9,6 +10,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <!-- 巷道号 -->
       <el-form-item :label="$t('cargoSpace.roadwayId')" prop="roadwayId">
         <el-input
           v-model="queryParams.roadwayId"
@@ -17,6 +19,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <!-- 货区编号 -->
       <el-form-item :label="$t('cargoSpace.cargoAreaId')" prop="cargoAreaId">
         <el-input
           v-model="queryParams.cargoAreaId"
@@ -25,6 +28,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <!-- 货位类型 -->
       <el-form-item :label="$t('cargoSpace.cargoSpaceType')" prop="theTypeName">
         <el-input
           v-model="queryParams.theTypeName"
@@ -41,6 +45,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item> -->
+      <!-- 排 -->
       <el-form-item :label="$t('cargoSpace.platoon')" prop="thePlatoon">
         <el-input
           v-model="queryParams.thePlatoon"
@@ -49,6 +54,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <!-- 列 -->
       <el-form-item :label="$t('cargoSpace.column')" prop="theColumn">
         <el-input
           v-model="queryParams.theColumn"
@@ -57,6 +63,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <!-- 层 -->
       <el-form-item :label="$t('cargoSpace.floor')" prop="theFloor">
         <el-input
           v-model="queryParams.theFloor"
@@ -65,6 +72,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <!-- 货位状态 -->
       <el-form-item :label="$t('cargoSpace.status')" prop="status">
         <el-input
           v-model="queryParams.status"
@@ -73,6 +81,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <!-- 是否锁定 -->
       <el-form-item :label="$t('cargoSpace.locked')" prop="locked">
         <el-input
           v-model="queryParams.locked"
@@ -81,6 +90,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <!-- 托盘编码 -->
       <el-form-item :label="$t('cargoSpace.trayCode')" prop="trayCode">
         <el-input
           v-model="queryParams.trayCode"
@@ -122,24 +132,25 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="本仓库区域 1--8 A 
-9--15 B" prop="thisCargoArea">
+      <el-form-item label="本仓库区域 1--8 A 9--15 B" prop="thisCargoArea">
         <el-input
           v-model="queryParams.thisCargoArea"
-          placeholder="请输入本仓库区域 1--8 A 
-9--15 B"
+          placeholder="请输入本仓库区域 1--8 A 9--15 B"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item> -->
       <el-form-item>
+        <!-- 【查询】按钮 -->
         <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>
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
+        <!-- 【新增】按钮 -->
         <el-button
           type="primary"
           plain
@@ -150,6 +161,7 @@
         >{{ $t('cargoSpace.btnAdd') }}</el-button>
       </el-col>
       <el-col :span="1.5">
+        <!-- 【修改】按钮 -->
         <el-button
           type="success"
           plain
@@ -161,6 +173,7 @@
         >{{ $t('cargoSpace.btnEdit') }}</el-button>
       </el-col>
       <el-col :span="1.5">
+        <!-- 【删除】按钮 -->
         <el-button
           type="danger"
           plain
@@ -172,6 +185,7 @@
         >{{ $t('cargoSpace.btnDelete') }}</el-button>
       </el-col>
       <el-col :span="1.5">
+        <!-- 【导入】按钮 -->
         <el-button
           type="warning"
           plain
@@ -186,27 +200,48 @@
 
     <el-table v-loading="loading" :data="cargoSpaceList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
+      <!-- 货位ID -->
       <el-table-column :label="$t('cargoSpace.cargoSpaceId')" align="center" prop="cargoSpaceId" />
+      <!-- 仓库ID -->
       <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.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" /> -->
+      <!-- 双货位分组编码名称1、2… -->
       <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" /> -->
+      <!-- 双货位标识 0 外1内 -->
+      <!-- <el-table-column :label="$t('cargoSpace.cargoSpaceLogo')" align="center" prop="cargoSpaceLogo" /> -->
+      <!-- 本仓库区域 1--8 A 9--15 B -->
+      <!-- <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"
             type="text"
@@ -214,6 +249,7 @@
             @click="handleUpdate(scope.row)"
             v-hasPermi="['bas:cargoSpace:edit']"
           >{{ $t('cargoSpace.btnEdit') }}</el-button>
+          <!-- 人工操作---【删除】按钮 -->
           <el-button
             size="mini"
             type="text"
@@ -236,54 +272,71 @@
     <!-- 添加或修改库存信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" :label-width="labelWidthForFunction">
+        <!-- 货位ID -->
         <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="$t('cargoSpace.roadwayId')" prop="roadwayId">
           <el-input v-model="form.roadwayId" :placeholder="$t('cargoSpace.placeholderRoadwayId')" />
         </el-form-item>
+        <!-- 巷道号 -->
         <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="$t('cargoSpace.cargoSpaceTypeName')" prop="theTypeName">
           <el-input v-model="form.theTypeName" :placeholder="$t('cargoSpace.placeholderCargoSpaceTypeName')" />
         </el-form-item>
+        <!-- 货位名称 -->
         <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="$t('cargoSpace.platoon')" prop="thePlatoon">
           <el-input v-model="form.thePlatoon" :placeholder="$t('cargoSpace.placeholderPlatoon')" />
         </el-form-item>
+        <!-- 列 -->
         <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="$t('cargoSpace.floor')" prop="theFloor">
           <el-input v-model="form.theFloor" :placeholder="$t('cargoSpace.placeholderFloor')" />
         </el-form-item>
+        <!-- 是否锁定 -->
         <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="$t('cargoSpace.trayCode')" prop="trayCode">
           <el-input v-model="form.trayCode" :placeholder="$t('cargoSpace.placeholderTrayCode')" />
         </el-form-item>
+        <!-- 是否双伸 -->
         <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="$t('cargoSpace.groupCodingNo')" prop="groupCodingNo">
           <el-input v-model="form.groupCodingNo" :placeholder="$t('cargoSpace.placeholderGroupCodingNo')" />
         </el-form-item>
+        <!-- 双货位分组编码名称1、2… -->
         <el-form-item :label="$t('cargoSpace.groupCodingName')" prop="groupCoding">
           <el-input v-model="form.groupCoding" :placeholder="$t('cargoSpace.placeholderGroupCodingName')" />
         </el-form-item>
+        <!-- 双货位标识 0 外1内 -->
         <el-form-item :label="$t('cargoSpace.cargoSpaceLogo')" prop="cargoSpaceLogo">
           <el-input v-model="form.cargoSpaceLogo" :placeholder="$t('cargoSpace.placeholderCargoSpaceLogo')" />
         </el-form-item>
+        <!-- 本仓库区域 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">{{ $t('cargoSpace.btnSubmit') }}</el-button>
+        <!-- 二级窗口---【取消】按钮 -->
         <el-button @click="cancel">{{ $t('cargoSpace.btnCancel') }}</el-button>
       </div>
     </el-dialog>
@@ -343,24 +396,31 @@ export default {
       // 表单校验
       rules: {
         warehouseId: [
+          //  校验---仓库编号是否为空
           { required: true, message: this.$t('cargoSpace.warehosueIdIsNull'), trigger: "blur" }
         ],
         // cargoSpaceName: [
-        //   { required: true, message: "货位名称不能为空", trigger: "blur" }
+             //   校验---货位名称是否为空
+        //   { required: true, message: this.$t('cargoSpace.cargoSpaceNameIsNull'), trigger: "blur" }
         // ],
         thePlatoon: [
+          // 校验---排是否为空
           { required: true, message: this.$t('cargoSpace.platoonIsNull'), trigger: "blur" }
         ],
         theColumn: [
+          // 校验---列是否为空
           { required: true, message: this.$t('cargoSpace.columnIsNull'), trigger: "blur" }
         ],
         theFloor: [
+          // 校验---层是否为空
           { required: true, message: this.$t('cargoSpace.floorIsNull'), trigger: "blur" }
         ],
         status: [
+          // 校验---货位状态是否为空
           { required: true, message: this.$t('cargoSpace.statusIsNull'), trigger: "change" }
         ],
         locked: [
+          // 校验---锁定状态是否为空
           { required: true, message: this.$t('cargoSpace.lockedIsNull'), trigger: "blur" }
         ],
       }