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

This commit is contained in:
lsymicc
2025-06-05 09:47:02 +08:00
parent f56e0b9abf
commit 6462002b7f
5 changed files with 589 additions and 116 deletions

View File

@@ -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" }
],
}

View File

@@ -3,6 +3,7 @@
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" :label-width="labelWidthForSearch">
<el-form-item :label="$t('warehouse.Id')" prop="warehouseId">
<!-- 仓库ID(序号) -->
<el-input
v-model="queryParams.warehouseId"
:placeholder="$t('warehouse.placeholderId')"
@@ -10,6 +11,7 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- 仓库编号 -->
<el-form-item :label="$t('warehouse.warehouseId')" prop="warehouseNo">
<el-input
v-model="queryParams.warehouseNo"
@@ -18,6 +20,7 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- 项目编号 -->
<el-form-item :label="$t('warehouse.projectNo')" prop="projectNo">
<el-input
v-model="queryParams.projectNo"
@@ -26,6 +29,7 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- 仓库名称 -->
<el-form-item :label="$t('warehouse.warehouseName')" prop="warehouseName">
<el-input
v-model="queryParams.warehouseName"
@@ -34,6 +38,7 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- 仓库地址 -->
<el-form-item :label="$t('warehouse.address')" prop="address">
<el-input
v-model="queryParams.address"
@@ -42,6 +47,7 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- 备注 -->
<el-form-item :label="$t('warehouse.cDesc')" prop="cDesc">
<el-input
v-model="queryParams.cDesc"
@@ -50,6 +56,7 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- 仓库级别 -->
<el-form-item :label="$t('warehouse.warehouseKind')" prop="warehouseKind">
<el-input
v-model="queryParams.warehouseKind"
@@ -58,6 +65,7 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- 仓库是否可用 -->
<el-form-item :label="$t('warehouse.isCurrent')" prop="isCurrent">
<el-select v-model="queryParams.isCurrent" :placeholder="$t('warehouse.placeholderIsCurrent')" clearable>
<el-option
@@ -69,13 +77,16 @@
</el-select>
</el-form-item>
<el-form-item>
<!-- 【查询】按钮 -->
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('warehouse.search') }}</el-button>
<!-- 【重置】(清空)按钮 -->
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('warehouse.reset') }}</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<!-- 【新增】按钮 -->
<el-button
type="primary"
plain
@@ -87,6 +98,7 @@
>{{ $t('warehouse.add') }}</el-button>
</el-col>
<el-col :span="1.5">
<!-- 【修改】按钮 -->
<el-button
type="success"
plain
@@ -98,6 +110,7 @@
>{{ $t('warehouse.edit') }}</el-button>
</el-col>
<el-col :span="1.5">
<!-- 【删除】按钮 -->
<el-button
type="danger"
plain
@@ -109,6 +122,7 @@
>{{ $t('warehouse.del') }}</el-button>
</el-col>
<el-col :span="1.5">
<!-- 【导出】按钮 -->
<el-button
type="warning"
plain
@@ -123,21 +137,32 @@
<el-table v-loading="loading" :data="warehouseList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('warehouse.Id')" align="center" prop="warehouseId" />
<!-- 仓库ID(序号) -->
<el-table-column :label="$t('warehouse.Id')" align="center" prop="warehouseId" width="50"/>
<!-- 仓库编号 -->
<el-table-column :label="$t('warehouse.warehouseId')" align="center" prop="warehouseNo" />
<!-- 项目编号 -->
<el-table-column :label="$t('warehouse.projectNo')" align="center" prop="projectNo" />
<!-- 仓库名称 -->
<el-table-column :label="$t('warehouse.warehouseName')" align="center" prop="warehouseName" />
<!-- 仓库地址 -->
<el-table-column :label="$t('warehouse.address')" align="center" prop="address" />
<!-- 备注 -->
<el-table-column :label="$t('warehouse.cDesc')" align="center" prop="cDesc" />
<!-- 仓库级别 -->
<el-table-column :label="$t('warehouse.warehouseKind')" align="center" prop="warehouseKind" />
<!-- 仓库类型 -->
<el-table-column :label="$t('warehouse.warehouseType')" align="center" prop="warehouseType" />
<!-- 仓库是否可用 -->
<el-table-column :label="$t('warehouse.isCurrent')" align="center" prop="isCurrent">
<template slot-scope="scope">
<dict-tag :options="dict.type.sys_yes_no" :value="scope.row.isCurrent"/>
</template>
</el-table-column>
<!-- 操作 -->
<el-table-column :label="$t('warehouse.operation')" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<!-- 操作---【修改】按钮 -->
<el-button
size="mini"
type="text"
@@ -145,6 +170,7 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['bas:warehouse:edit']"
>{{$t('warehouse.edit')}}</el-button>
<!-- 操作---【删除】按钮 -->
<el-button
size="mini"
type="text"
@@ -167,27 +193,35 @@
<!-- 添加或修改仓库管理对话框 -->
<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('warehouse.Id')" prop="warehouseId">
<el-input v-model="form.warehouseId" :placeholder="$t('warehouse.placeholderId')" :disabled="isDisabledForId"/>
</el-form-item>
<!-- 仓库编号 -->
<el-form-item :label="$t('warehouse.warehouseId')" prop="warehouseNo">
<el-input v-model="form.warehouseNo" :placeholder="$t('warehouse.placeholderWarehouseId')" />
</el-form-item>
<!-- 项目编号 -->
<el-form-item :label="$t('warehouse.projectNo')" prop="projectNo">
<el-input v-model="form.projectNo" :placeholder="$t('warehouse.placeholderProjectNo')" />
</el-form-item>
<!-- 仓库名称 -->
<el-form-item :label="$t('warehouse.warehouseName')" prop="warehouseName">
<el-input v-model="form.warehouseName" :placeholder="$t('warehouse.placeholderWarehouseName')" />
</el-form-item>
<!-- 仓库地址 -->
<el-form-item :label="$t('warehouse.address')" prop="address">
<el-input v-model="form.address" :placeholder="$t('warehouse.placeholderAddress')" />
</el-form-item>
<!-- 备注 -->
<el-form-item :label="$t('warehouse.cDesc')" prop="cDesc">
<el-input v-model="form.cDesc" :placeholder="$t('warehouse.placeholderCDesc')" />
</el-form-item>
<!-- 仓库级别 -->
<el-form-item :label="$t('warehouse.warehouseKind')" prop="warehouseKind">
<el-input v-model="form.warehouseKind" :placeholder="$t('warehouse.placeholderWarehouseKind')" />
</el-form-item>
<!-- 仓库是否可用 -->
<el-form-item :label="$t('warehouse.isCurrent')" prop="isCurrent">
<el-select v-model="form.isCurrent" :placeholder="$t('warehouse.placeholderIsCurrent')">
<el-option
@@ -200,7 +234,9 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<!-- 二级画面---【确定】按钮 -->
<el-button type="primary" @click="submitForm">{{$t('warehouse.submit')}}</el-button>
<!-- 二级画面---【取消】按钮 -->
<el-button @click="cancel">{{$t('warehouse.cancel')}}</el-button>
</div>
</el-dialog>
@@ -252,15 +288,19 @@ export default {
// 表单校验
rules: {
warehouseId: [
// 校验---序号是否为空
{ required: true, message: this.$t('warehouse.idIsNull'), trigger: "blur" }
],
warehouseNo: [
// 校验---仓库编号是否为空
{ required: true, message: this.$t('warehouse.warehouseIdIsNull'), trigger: "blur" }
],
warehouseName: [
// 校验---仓库名称是否为空
{ required: true, message: this.$t('warehouse.warehouseNameIsNull'), trigger: "blur" }
],
isCurrent: [
// 校验---仓库是否可用选项是否为空
{ required: true, message: this.$t('warehouse.isCurrentIsNull'), trigger: "change" }
]
},