632 lines
33 KiB
Vue
632 lines
33 KiB
Vue
<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="stockId">-->
|
|
<!-- <el-input-->
|
|
<!-- v-model="queryParams.stockId"-->
|
|
<!-- placeholder="请输入库存ID"-->
|
|
<!-- clearable-->
|
|
<!-- @keyup.enter.native="handleQuery"-->
|
|
<!-- />-->
|
|
<!-- </el-form-item>-->
|
|
|
|
<el-form-item :label="$t('searchViewStockWarning.warehouse')" prop="warehouseId"> <!-- 仓库 -->
|
|
<el-select v-model="queryParams.warehouseId" :placeholder="$t('searchViewStockWarning.selectWarehouse')" clearable>
|
|
<el-option
|
|
v-for="dict in warehouseOptions"
|
|
:key="dict.warehouseId"
|
|
:label="dict.warehouseName"
|
|
:value="dict.warehouseId"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item :label="$t('searchViewStockWarning.productId')" prop="productId"> <!-- 物料ID -->
|
|
<el-input
|
|
v-model="queryParams.productId"
|
|
:placeholder="$t('searchViewStockWarning.inputProductId')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
|
|
<el-form-item :label="$t('searchViewStockWarning.productName')" prop="productName"> <!-- 物料名称 -->
|
|
<el-input
|
|
v-model="queryParams.productName"
|
|
:placeholder="$t('searchViewStockWarning.inputProductName')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('searchViewStockWarning.search') }}</el-button> <!-- 搜索 -->
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('searchViewStockWarning.reset') }}</el-button> <!-- 重置 -->
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
<!-- <el-col :span="1.5">-->
|
|
<!-- <el-button-->
|
|
<!-- type="primary"-->
|
|
<!-- plain-->
|
|
<!-- icon="el-icon-plus"-->
|
|
<!-- size="mini"-->
|
|
<!-- @click="handleAdd"-->
|
|
<!-- v-hasPermi="['search:ViewStockWarning:add']"-->
|
|
<!-- >新增</el-button>-->
|
|
<!-- </el-col>-->
|
|
<!-- <el-col :span="1.5">-->
|
|
<!-- <el-button-->
|
|
<!-- type="success"-->
|
|
<!-- plain-->
|
|
<!-- icon="el-icon-edit"-->
|
|
<!-- size="mini"-->
|
|
<!-- :disabled="single"-->
|
|
<!-- @click="handleUpdate"-->
|
|
<!-- v-hasPermi="['search:ViewStockWarning:edit']"-->
|
|
<!-- >修改</el-button>-->
|
|
<!-- </el-col>-->
|
|
<!-- <el-col :span="1.5">-->
|
|
<!-- <el-button-->
|
|
<!-- type="danger"-->
|
|
<!-- plain-->
|
|
<!-- icon="el-icon-delete"-->
|
|
<!-- size="mini"-->
|
|
<!-- :disabled="multiple"-->
|
|
<!-- @click="handleDelete"-->
|
|
<!-- v-hasPermi="['search:ViewStockWarning:remove']"-->
|
|
<!-- >删除</el-button>-->
|
|
<!-- </el-col>-->
|
|
<el-col :span="1.5">
|
|
<el-button
|
|
type="warning"
|
|
plain
|
|
icon="el-icon-download"
|
|
size="mini"
|
|
@click="handleExport"
|
|
v-hasPermi="['search:ViewStockWarning:export']"
|
|
>{{ $t('searchViewStockWarning.export') }}</el-button> <!-- 导出 -->
|
|
</el-col>
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
</el-row>
|
|
|
|
<el-table v-loading="loading" :data="ViewStockWarningList" @selection-change="handleSelectionChange" max-height="700">
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column :label="$t('searchViewStockSecure.warehouseName')" align="left" prop="warehouseName" width="120" /> <!-- 仓库名称 -->
|
|
<el-table-column :label="$t('searchViewStockSecure.stockId')" align="left" prop="stockId" width="120" /> <!-- 库存ID -->
|
|
<el-table-column :label="$t('searchViewStockSecure.cargoSpaceId')" align="left" prop="cargoSpaceId" width="120" /> <!-- 货位ID -->
|
|
<el-table-column :label="$t('searchViewStockSecure.stockStatus')" align="center" prop="stockStatus" width="120" > <!-- 库存状态 -->
|
|
<template slot-scope="scope">
|
|
<dict-tag :options="dict.type.stock_status" :value="scope.row.stockStatus"/>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column :label="$t('searchViewStockSecure.productStatus')" align="center" prop="productStatus" width="120" > <!-- 物料状态 -->
|
|
<template slot-scope="scope">
|
|
<dict-tag :options="dict.type.product_status" :value="scope.row.productStatus"/>
|
|
</template>
|
|
</el-table-column>
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.lotNo')" align="center" prop="lotNo" /> <!– 批次号 –>-->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.inDate')" align="left" prop="inDate" /> <!-- 入库时间 -->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.backDate')" align="center" prop="backDate" /> <!– 回流时间 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.productGuid')" align="center" prop="productGuid" /> <!– 物料GUID –>-->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.quantity')" align="right" prop="quantity" /> <!-- 库存数量 -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.jobId')" align="left" prop="jobId" /> <!-- 作业ID -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.trayCode')" align="left" prop="trayCode" /> <!-- 托盘条码 -->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.outQuantity')" align="center" prop="outQuantity" /> <!– 出库数量 –>-->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.stockinDetailId')" align="left" prop="stockinDetailId" /> <!-- 入库子单ID -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.stockinId')" align="left" prop="stockinId" /> <!-- 入库主单 -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.inType')" align="center" prop="inType" > <!-- 入库类型 -->
|
|
<template slot-scope="scope">
|
|
<dict-tag :options="dict.type.in_job_type" :value="scope.row.inType"/>
|
|
</template>
|
|
</el-table-column>
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.inClassId')" align="center" prop="inClassId" /> <!– 入库班组ID –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.warehouseId')" align="center" prop="warehouseId" /> <!– 仓库ID –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.stackingId')" align="center" prop="stackingId" /> <!– 垛型ID –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.spare1')" align="center" prop="spare1" /> <!– 库存预警标识 –>-->
|
|
<!-- <el-table-column label="备用字段2" align="center" prop="spare2" />-->
|
|
<!-- <el-table-column label="备用字段3" align="center" prop="spare3" />-->
|
|
<!-- <el-table-column label="备用字段4" align="center" prop="spare4" />-->
|
|
<!-- <el-table-column label="备用字段5" align="center" prop="spare5" />-->
|
|
<!-- <el-table-column label="备用字段6" align="center" prop="spare6" />-->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.productId')" align="left" prop="productId" /> <!-- 物料ID -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.productName')" align="left" prop="productName" /> <!-- 物料名称 -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.enName')" align="left" prop="enName" /> <!-- 英文名称 -->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.address')" align="center" prop="address" /> <!– 仓库地址 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.cDesc')" align="center" prop="cDesc" /> <!– 仓库描述 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.warehouseKind')" align="center" prop="warehouseKind" /> <!– 仓库级别 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.warehouseType')" align="center" prop="warehouseType" /> <!– 仓库类型 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.isCurrent')" align="center" prop="isCurrent" /> <!– 是否可用 –>-->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.price')" align="right" prop="price" /> <!-- 价格 -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.unit')" align="left" prop="unit" /> <!-- 单位 -->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.spec')" align="center" prop="spec" /> <!– 规格 –>-->
|
|
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.weight')" align="right" prop="weight" /> <!-- 单件净重 -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.longMM')" align="right" prop="longMM" /> <!-- 长MM -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.wide')" align="right" prop="wide" /> <!-- 宽MM -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.hight')" align="right" prop="hight" /> <!-- 高MM -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.volume')" align="right" prop="volume" /> <!-- 体积m³ -->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.cargoSpaceName')" align="left" prop="cargoSpaceName" /> <!-- 货位名称 -->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.roadwayId')" align="center" prop="roadwayId" /> <!– 巷道ID –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.cargoAreaId')" align="center" prop="cargoAreaId" /> <!– 货区ID –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.theType')" align="center" prop="theType" /> <!– 货位类型 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.theTypeName')" align="center" prop="theTypeName" /> <!– 货位类型名称 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.thePlatoon')" align="center" prop="thePlatoon" /> <!– 排 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.theColumn')" align="center" prop="theColumn" /> <!– 列 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.theFloor')" align="center" prop="theFloor" /> <!– 层 –>-->
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.cargoStatus')" align="center" prop="cargoStatus" > <!-- 货位状态 -->
|
|
<template slot-scope="scope">
|
|
<dict-tag :options="dict.type.cargo_space_status" :value="scope.row.cargoStatus"/>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column width=120 :label="$t('searchViewStockSecure.locked')" align="center" prop="locked" > <!-- 是否锁定 -->
|
|
<template slot-scope="scope">
|
|
<dict-tag :options="dict.type.cargo_space_lock_status" :value="scope.row.locked"/>
|
|
</template>
|
|
</el-table-column>
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.cargoHight')" align="center" prop="cargoHight" /> <!– 货位高度 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.issDouble')" align="center" prop="issDouble" /> <!– 是否双伸 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.groupCodingNo')" align="center" prop="groupCodingNo" /> <!– 双货位分组编码 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.groupCoding')" align="center" prop="groupCoding" /> <!– 双货位分组编码 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.cargoSpaceLogo')" align="center" prop="cargoSpaceLogo" /> <!– 双货位标识 –>-->
|
|
<!-- <el-table-column :label="$t('searchViewStockSecure.thisCargoArea')" align="center" prop="thisCargoArea" /> <!– 本仓库区域 –>-->
|
|
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
|
|
<!-- <template slot-scope="scope">-->
|
|
<!-- <el-button-->
|
|
<!-- size="mini"-->
|
|
<!-- type="text"-->
|
|
<!-- icon="el-icon-edit"-->
|
|
<!-- @click="handleUpdate(scope.row)"-->
|
|
<!-- v-hasPermi="['search:ViewStockSecure:edit']"-->
|
|
<!-- >修改</el-button>-->
|
|
<!-- <el-button-->
|
|
<!-- size="mini"-->
|
|
<!-- type="text"-->
|
|
<!-- icon="el-icon-delete"-->
|
|
<!-- @click="handleDelete(scope.row)"-->
|
|
<!-- v-hasPermi="['search:ViewStockSecure:remove']"-->
|
|
<!-- >删除</el-button>-->
|
|
<!-- </template>-->
|
|
<!-- </el-table-column>-->
|
|
</el-table>
|
|
|
|
<pagination
|
|
v-show="total>0"
|
|
:total="total"
|
|
:page.sync="queryParams.pageNum"
|
|
:limit.sync="queryParams.pageSize"
|
|
@pagination="getList"
|
|
/>
|
|
|
|
<!-- 添加或修改库存预警报表对话框 -->
|
|
<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="$t('searchViewStockWarning.stockId')" prop="stockId"> <!-- 库存ID -->
|
|
<el-input v-model="form.stockId" :placeholder="$t('searchViewStockWarning.stockIdRequired')" /> <!-- 请输入库存ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.cargoSpaceId')" prop="cargoSpaceId"> <!-- 货位ID -->
|
|
<el-input v-model="form.cargoSpaceId" :placeholder="$t('searchViewStockWarning.inputCargoSpaceId')" /> <!-- 请输入货位ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.lotNo')" prop="lotNo"> <!-- 批次号 -->
|
|
<el-input v-model="form.lotNo" :placeholder="$t('searchViewStockWarning.inputLotNo')" /> <!-- 请输入批次号 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.inDate')" prop="inDate"> <!-- 入库时间 -->
|
|
<el-input v-model="form.inDate" :placeholder="$t('searchViewStockWarning.inputInDate')" /> <!-- 请输入入库时间 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.backDate')" prop="backDate"> <!-- 回流时间 -->
|
|
<el-input v-model="form.backDate" :placeholder="$t('searchViewStockWarning.inputBackDate')" /> <!-- 请输入回流时间 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.productGuid')" prop="productGuid"> <!-- 物料GUID -->
|
|
<el-input v-model="form.productGuid" :placeholder="$t('searchViewStockWarning.inputProductGuid')" /> <!-- 请输入物料GUID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.jobId')" prop="jobId"> <!-- 作业ID -->
|
|
<el-input v-model="form.jobId" :placeholder="$t('searchViewStockWarning.inputJobId')" /> <!-- 请输入作业ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.trayCode')" prop="trayCode"> <!-- 托盘条码 -->
|
|
<el-input v-model="form.trayCode" :placeholder="$t('searchViewStockWarning.inputTrayCode')" /> <!-- 请输入托盘条码 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.stockinDetailId')" prop="stockinDetailId"> <!-- 入库子单ID -->
|
|
<el-input v-model="form.stockinDetailId" :placeholder="$t('searchViewStockWarning.inputStockinDetailId')" /> <!-- 请输入入库子单ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.stockinId')" prop="stockinId"> <!-- 入库主单 -->
|
|
<el-input v-model="form.stockinId" :placeholder="$t('searchViewStockWarning.inputStockinId')" /> <!-- 请输入入库主单 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.inClassId')" prop="inClassId"> <!-- 入库班组ID -->
|
|
<el-input v-model="form.inClassId" :placeholder="$t('searchViewStockWarning.inputInClassId')" /> <!-- 请输入入库班组ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.warehouseId')" prop="warehouseId"> <!-- 仓库ID -->
|
|
<el-input v-model="form.warehouseId" :placeholder="$t('searchViewStockWarning.inputWarehouseId')" /> <!-- 请输入仓库ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.stackingId')" prop="stackingId"> <!-- 垛型ID -->
|
|
<el-input v-model="form.stackingId" :placeholder="$t('searchViewStockWarning.inputStackingId')" /> <!-- 请输入垛型ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.spare1')" prop="spare1"> <!-- 库存预警标识 -->
|
|
<el-input v-model="form.spare1" :placeholder="$t('searchViewStockWarning.inputSpare1')" /> <!-- 请输入库存预警标识 -->
|
|
</el-form-item>
|
|
<!-- <el-form-item label="${comment}" prop="spare2">-->
|
|
<!-- <el-input v-model="form.spare2" placeholder="请输入${comment}" />-->
|
|
<!-- </el-form-item>-->
|
|
<!-- <el-form-item label="${comment}" prop="spare3">-->
|
|
<!-- <el-input v-model="form.spare3" placeholder="请输入${comment}" />-->
|
|
<!-- </el-form-item>-->
|
|
<!-- <el-form-item label="${comment}" prop="spare4">-->
|
|
<!-- <el-input v-model="form.spare4" placeholder="请输入${comment}" />-->
|
|
<!-- </el-form-item>-->
|
|
<!-- <el-form-item label="${comment}" prop="spare5">-->
|
|
<!-- <el-input v-model="form.spare5" placeholder="请输入${comment}" />-->
|
|
<!-- </el-form-item>-->
|
|
<!-- <el-form-item label="${comment}" prop="spare6">-->
|
|
<!-- <el-input v-model="form.spare6" placeholder="请输入${comment}" />-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item :label="$t('searchViewStockWarning.productId')" prop="productId"> <!-- 物料ID -->
|
|
<el-input v-model="form.productId" :placeholder="$t('searchViewStockWarning.inputProductId')" /> <!-- 请输入物料ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.warehouseName')" prop="warehouseName"> <!-- 仓库名称 -->
|
|
<el-input v-model="form.warehouseName" :placeholder="$t('searchViewStockWarning.inputWarehouseName')" /> <!-- 请输入仓库名称 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.address')" prop="address"> <!-- 仓库地址 -->
|
|
<el-input v-model="form.address" :placeholder="$t('searchViewStockWarning.inputAddress')" /> <!-- 请输入仓库地址 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.cDesc')" prop="cDesc"> <!-- 仓库描述 -->
|
|
<el-input v-model="form.cDesc" :placeholder="$t('searchViewStockWarning.inputCDesc')" /> <!-- 请输入仓库描述 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.warehouseKind')" prop="warehouseKind"> <!-- 仓库级别 -->
|
|
<el-input v-model="form.warehouseKind" :placeholder="$t('searchViewStockWarning.inputWarehouseKind')" /> <!-- 请输入仓库级别 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.isCurrent')" prop="isCurrent"> <!-- 是否可用 -->
|
|
<el-input v-model="form.isCurrent" :placeholder="$t('searchViewStockWarning.inputIsCurrent')" /> <!-- 请输入是否可用 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.price')" prop="price"> <!-- 价格 -->
|
|
<el-input v-model="form.price" :placeholder="$t('searchViewStockWarning.inputPrice')" /> <!-- 请输入价格 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.unit')" prop="unit"> <!-- 单位 -->
|
|
<el-input v-model="form.unit" :placeholder="$t('searchViewStockWarning.inputUnit')" /> <!-- 请输入单位 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.spec')" prop="spec"> <!-- 规格 -->
|
|
<el-input v-model="form.spec" :placeholder="$t('searchViewStockWarning.inputSpec')" /> <!-- 请输入规格 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.enName')" prop="enName"> <!-- 英文名称 -->
|
|
<el-input v-model="form.enName" :placeholder="$t('searchViewStockWarning.inputEnName')" /> <!-- 请输入英文名称 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.weight')" prop="weight"> <!-- 单件净重 -->
|
|
<el-input v-model="form.weight" :placeholder="$t('searchViewStockWarning.inputWeight')" /> <!-- 请输入单件净重 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.longMM')" prop="longMM"> <!-- 长MM -->
|
|
<el-input v-model="form.longMM" :placeholder="$t('searchViewStockWarning.inputLongMM')" /> <!-- 请输入长MM -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.wide')" prop="wide"> <!-- 宽MM -->
|
|
<el-input v-model="form.wide" :placeholder="$t('searchViewStockWarning.inputWide')" /> <!-- 请输入宽MM -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.hight')" prop="hight"> <!-- 高MM -->
|
|
<el-input v-model="form.hight" :placeholder="$t('searchViewStockWarning.inputHight')" /> <!-- 请输入高MM -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.volume')" prop="volume"> <!-- 体积m³ -->
|
|
<el-input v-model="form.volume" :placeholder="$t('searchViewStockWarning.inputVolume')" /> <!-- 请输入体积m³ -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.productName')" prop="productName"> <!-- 物料名称 -->
|
|
<el-input v-model="form.productName" :placeholder="$t('searchViewStockWarning.inputProductName')" /> <!-- 请输入物料名称 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.cargoSpaceName')" prop="cargoSpaceName"> <!-- 货位名称 -->
|
|
<el-input v-model="form.cargoSpaceName" :placeholder="$t('searchViewStockWarning.inputCargoSpaceName')" /> <!-- 请输入货位名称 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.roadwayId')" prop="roadwayId"> <!-- 巷道ID -->
|
|
<el-input v-model="form.roadwayId" :placeholder="$t('searchViewStockWarning.inputRoadwayId')" /> <!-- 请输入巷道ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.cargoAreaId')" prop="cargoAreaId"> <!-- 货区ID -->
|
|
<el-input v-model="form.cargoAreaId" :placeholder="$t('searchViewStockWarning.inputCargoAreaId')" /> <!-- 请输入货区ID -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.theTypeName')" prop="theTypeName"> <!-- 货位类型名称 -->
|
|
<el-input v-model="form.theTypeName" :placeholder="$t('searchViewStockWarning.inputTheTypeName')" /> <!-- 请输入货位类型名称 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.thePlatoon')" prop="thePlatoon"> <!-- 排 -->
|
|
<el-input v-model="form.thePlatoon" :placeholder="$t('searchViewStockWarning.inputThePlatoon')" /> <!-- 请输入排 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.theColumn')" prop="theColumn"> <!-- 列 -->
|
|
<el-input v-model="form.theColumn" :placeholder="$t('searchViewStockWarning.inputTheColumn')" /> <!-- 请输入列 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.theFloor')" prop="theFloor"> <!-- 层 -->
|
|
<el-input v-model="form.theFloor" :placeholder="$t('searchViewStockWarning.inputTheFloor')" /> <!-- 请输入层 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.locked')" prop="locked"> <!-- 是否锁定 -->
|
|
<el-input v-model="form.locked" :placeholder="$t('searchViewStockWarning.inputLocked')" /> <!-- 请输入是否锁定 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.issDouble')" prop="issDouble"> <!-- 是否双伸 -->
|
|
<el-input v-model="form.issDouble" :placeholder="$t('searchViewStockWarning.inputIssDouble')" /> <!-- 请输入是否双伸 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.groupCodingNo')" prop="groupCodingNo"> <!-- 双货位分组编码 -->
|
|
<el-input v-model="form.groupCodingNo" :placeholder="$t('searchViewStockWarning.inputGroupCodingNo')" /> <!-- 请输入双货位分组编码 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.groupCoding')" prop="groupCoding"> <!-- 双货位分组编码 -->
|
|
<el-input v-model="form.groupCoding" :placeholder="$t('searchViewStockWarning.inputGroupCoding')" /> <!-- 请输入双货位分组编码 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.cargoSpaceLogo')" prop="cargoSpaceLogo"> <!-- 双货位标识 -->
|
|
<el-input v-model="form.cargoSpaceLogo" :placeholder="$t('searchViewStockWarning.inputCargoSpaceLogo')" /> <!-- 请输入双货位标识 -->
|
|
</el-form-item>
|
|
<el-form-item :label="$t('searchViewStockWarning.thisCargoArea')" prop="thisCargoArea"> <!-- 本仓库区域 -->
|
|
<el-input v-model="form.thisCargoArea" :placeholder="$t('searchViewStockWarning.inputThisCargoArea')" /> <!-- 请输入本仓库区域 -->
|
|
</el-form-item>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="submitForm">{{ $t('searchViewStockWarning.confirm') }}</el-button> <!-- 确 定 -->
|
|
<el-button @click="cancel">{{ $t('searchViewStockWarning.cancel') }}</el-button> <!-- 取 消 -->
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { listViewStockWarning, getViewStockWarning, delViewStockWarning, addViewStockWarning, updateViewStockWarning } from "@/api/search/ViewStockWarning"
|
|
import {listWarehouse} from "@/api/bas/warehouse";
|
|
|
|
export default {
|
|
name: "ViewStockWarning",
|
|
dicts: ['stock_status','product_status','in_job_type','cargo_space_lock_status','cargo_space_status'],
|
|
data() {
|
|
return {
|
|
// 遮罩层
|
|
loading: true,
|
|
// 选中数组
|
|
ids: [],
|
|
warehouseOptions:[],
|
|
// 非单个禁用
|
|
single: true,
|
|
// 非多个禁用
|
|
multiple: true,
|
|
// 显示搜索条件
|
|
showSearch: true,
|
|
// 总条数
|
|
total: 0,
|
|
// 库存预警报表表格数据
|
|
ViewStockWarningList: [],
|
|
// 弹出层标题
|
|
title: "",
|
|
// 是否显示弹出层
|
|
open: false,
|
|
// 查询参数
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
stockId: null,
|
|
cargoSpaceId: null,
|
|
stockStatus: null,
|
|
productStatus: null,
|
|
lotNo: null,
|
|
inDate: null,
|
|
backDate: null,
|
|
productGuid: null,
|
|
quantity: null,
|
|
jobId: null,
|
|
trayCode: null,
|
|
outQuantity: null,
|
|
stockinDetailId: null,
|
|
stockinId: null,
|
|
inType: null,
|
|
inClassId: null,
|
|
warehouseId: null,
|
|
stackingId: null,
|
|
spare1: null,
|
|
spare2: null,
|
|
spare3: null,
|
|
spare4: null,
|
|
spare5: null,
|
|
spare6: null,
|
|
productId: null,
|
|
warehouseName: null,
|
|
address: null,
|
|
cDesc: null,
|
|
warehouseKind: null,
|
|
warehouseType: null,
|
|
isCurrent: null,
|
|
price: null,
|
|
unit: null,
|
|
spec: null,
|
|
enName: null,
|
|
weight: null,
|
|
longMM: null,
|
|
wide: null,
|
|
hight: null,
|
|
volume: null,
|
|
productName: null,
|
|
cargoSpaceName: null,
|
|
roadwayId: null,
|
|
cargoAreaId: null,
|
|
theType: null,
|
|
theTypeName: null,
|
|
thePlatoon: null,
|
|
theColumn: null,
|
|
theFloor: null,
|
|
cargoStatus: null,
|
|
locked: null,
|
|
cargoHight: null,
|
|
issDouble: null,
|
|
groupCodingNo: null,
|
|
groupCoding: null,
|
|
cargoSpaceLogo: null,
|
|
thisCargoArea: null
|
|
},
|
|
// 表单参数
|
|
form: {},
|
|
// 表单校验
|
|
rules: {
|
|
stockId: [
|
|
{ required: true, message: this.$t('searchViewStockWarning.stockIdRequired'), trigger: "blur" } // 库存ID不能为空
|
|
],
|
|
}
|
|
}
|
|
},
|
|
created() {
|
|
this.getList()
|
|
this.getWarehouseList()
|
|
},
|
|
methods: {
|
|
/** 查询仓库列表 */
|
|
getWarehouseList() {
|
|
var quaryParam = {
|
|
pageNum:1,
|
|
pageSize:99
|
|
}
|
|
listWarehouse(quaryParam).then(response => {
|
|
this.warehouseOptions = response.rows;
|
|
});
|
|
// this.warehouseOptions = [{warehouseId: "01", warehouseName: "仓库1"}, {warehouseId: "02", warehouseName: "仓库2"}];
|
|
},
|
|
/** 查询库存预警报表列表 */
|
|
getList() {
|
|
this.loading = true
|
|
listViewStockWarning(this.queryParams).then(response => {
|
|
this.ViewStockWarningList = response.rows
|
|
this.total = response.total
|
|
this.loading = false
|
|
})
|
|
},
|
|
// 取消按钮
|
|
cancel() {
|
|
this.open = false
|
|
this.reset()
|
|
},
|
|
// 表单重置
|
|
reset() {
|
|
this.form = {
|
|
stockId: null,
|
|
cargoSpaceId: null,
|
|
stockStatus: null,
|
|
productStatus: null,
|
|
lotNo: null,
|
|
inDate: null,
|
|
backDate: null,
|
|
productGuid: null,
|
|
quantity: null,
|
|
jobId: null,
|
|
trayCode: null,
|
|
outQuantity: null,
|
|
stockinDetailId: null,
|
|
stockinId: null,
|
|
inType: null,
|
|
inClassId: null,
|
|
warehouseId: null,
|
|
stackingId: null,
|
|
spare1: null,
|
|
spare2: null,
|
|
spare3: null,
|
|
spare4: null,
|
|
spare5: null,
|
|
spare6: null,
|
|
productId: null,
|
|
warehouseName: null,
|
|
address: null,
|
|
cDesc: null,
|
|
warehouseKind: null,
|
|
warehouseType: null,
|
|
isCurrent: null,
|
|
price: null,
|
|
unit: null,
|
|
spec: null,
|
|
enName: null,
|
|
weight: null,
|
|
longMM: null,
|
|
wide: null,
|
|
hight: null,
|
|
volume: null,
|
|
productName: null,
|
|
cargoSpaceName: null,
|
|
roadwayId: null,
|
|
cargoAreaId: null,
|
|
theType: null,
|
|
theTypeName: null,
|
|
thePlatoon: null,
|
|
theColumn: null,
|
|
theFloor: null,
|
|
cargoStatus: null,
|
|
locked: null,
|
|
cargoHight: null,
|
|
issDouble: null,
|
|
groupCodingNo: null,
|
|
groupCoding: null,
|
|
cargoSpaceLogo: null,
|
|
thisCargoArea: null
|
|
}
|
|
this.resetForm("form")
|
|
},
|
|
/** 搜索按钮操作 */
|
|
handleQuery() {
|
|
this.queryParams.pageNum = 1
|
|
this.getList()
|
|
},
|
|
/** 重置按钮操作 */
|
|
resetQuery() {
|
|
this.resetForm("queryForm")
|
|
this.handleQuery()
|
|
},
|
|
// 多选框选中数据
|
|
handleSelectionChange(selection) {
|
|
this.ids = selection.map(item => item.stockId)
|
|
this.single = selection.length!==1
|
|
this.multiple = !selection.length
|
|
},
|
|
/** 新增按钮操作 */
|
|
handleAdd() {
|
|
this.reset()
|
|
this.open = true
|
|
this.title = this.$t('searchViewStockWarning.addTitle') // 添加库存预警报表
|
|
},
|
|
/** 修改按钮操作 */
|
|
handleUpdate(row) {
|
|
this.reset()
|
|
const stockId = row.stockId || this.ids
|
|
getViewStockWarning(stockId).then(response => {
|
|
this.form = response.data
|
|
this.open = true
|
|
this.title = this.$t('searchViewStockWarning.editTitle') // 修改库存预警报表
|
|
})
|
|
},
|
|
/** 提交按钮 */
|
|
submitForm() {
|
|
this.$refs["form"].validate(valid => {
|
|
if (valid) {
|
|
if (this.form.stockId != null) {
|
|
updateViewStockWarning(this.form).then(response => {
|
|
this.$modal.msgSuccess(this.$t('common.editSuccess')) // 修改成功
|
|
this.open = false
|
|
this.getList()
|
|
})
|
|
} else {
|
|
addViewStockWarning(this.form).then(response => {
|
|
this.$modal.msgSuccess(this.$t('common.addSuccess')) // 新增成功
|
|
this.open = false
|
|
this.getList()
|
|
})
|
|
}
|
|
}
|
|
})
|
|
},
|
|
/** 删除按钮操作 */
|
|
handleDelete(row) {
|
|
const stockIds = row.stockId || this.ids
|
|
this.$modal.confirm(this.$t('common.deleteConfirm', { ids: stockIds })).then(function() { // 是否确认删除库存预警报表编号为"' + stockIds + '"的数据项？
|
|
return delViewStockWarning(stockIds)
|
|
}).then(() => {
|
|
this.getList()
|
|
this.$modal.msgSuccess(this.$t('common.deleteSuccess')) // 删除成功
|
|
}).catch(() => {})
|
|
},
|
|
/** 导出按钮操作 */
|
|
handleExport() {
|
|
this.download('search/ViewStockWarning/export', {
|
|
...this.queryParams
|
|
}, `ViewStockWarning_${new Date().getTime()}.xlsx`)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.el-table >>> .current-row {
|
|
background-color: #f0f9eb;
|
|
}
|
|
.el-form-item >>> .el-form-item__label {
|
|
white-space: nowrap;
|
|
width: auto;
|
|
min-width: fit-content;
|
|
}
|
|
</style>
|