更新仓库管理
This commit is contained in:
@@ -0,0 +1,202 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2023-08-01 13:52:10
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2023-11-04 16:24:41
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<el-form
|
||||
:model="dataForm"
|
||||
:rules="dataRule"
|
||||
ref="dataForm"
|
||||
v-if="visible"
|
||||
@keyup.enter.native="dataFormSubmit()"
|
||||
label-width="100px">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="仓库名称" prop="warehouseName">
|
||||
<el-input
|
||||
v-model="dataForm.warehouseName"
|
||||
readonly
|
||||
placeholder="请输入仓库名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="物品名称" prop="goodsId">
|
||||
<el-select
|
||||
v-model="dataForm.goodsId"
|
||||
filterable
|
||||
clearable
|
||||
:disabled="dataForm.id ? true : false"
|
||||
:style="{ width: '100%' }"
|
||||
@change="setGoodInfo"
|
||||
placeholder="请选择物品名称">
|
||||
<el-option
|
||||
v-for="item in goodsArr"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="物品编码" prop="code">
|
||||
<el-input
|
||||
v-model="dataForm.code"
|
||||
readonly
|
||||
placeholder="请输入物品编码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="物品规格" prop="spec">
|
||||
<el-input
|
||||
v-model="dataForm.spec"
|
||||
readonly
|
||||
placeholder="请输入物品规格" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="物品批次" prop="goodsBatch">
|
||||
<el-input
|
||||
v-if="!dataForm.id ? true : false"
|
||||
v-model="dataForm.goodsBatch"
|
||||
clearable
|
||||
placeholder="请输入物品批次" />
|
||||
<el-select
|
||||
v-else
|
||||
v-model="dataForm.goodsBatch"
|
||||
filterable
|
||||
clearable
|
||||
@change="setBatchInfo"
|
||||
placeholder="请选择物品名称">
|
||||
<el-option
|
||||
v-for="(item, index) in Batch"
|
||||
:key="index"
|
||||
:label="item.goodsBatch"
|
||||
:value="item.goodsBatch"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="入库数量" prop="numDet">
|
||||
<el-input-number
|
||||
v-model="dataForm.numDet"
|
||||
clearable
|
||||
:min="0"
|
||||
:max="max?max:9999999"
|
||||
placeholder="请输入入库数量" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import basicAdd from '../../mixins/basic-add';
|
||||
import {
|
||||
createWarehouseRealtime,
|
||||
outWarehouseRealtime,
|
||||
getWarehouseRealtime,
|
||||
getWarehouseRealtimeDet,
|
||||
} from '@/api/warehouse/warehouseRealtime';
|
||||
import { getListByType } from '@/api/warehouse/warehouseGoods';
|
||||
import { getWarehouseList } from '@/api/warehouse/warehouse-info';
|
||||
import { mapGetters } from 'vuex';
|
||||
|
||||
export default {
|
||||
mixins: [basicAdd],
|
||||
computed: {
|
||||
...mapGetters(['nickname']),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
urlOptions: {
|
||||
getOption: true,
|
||||
createURL: createWarehouseRealtime,
|
||||
updateURL: outWarehouseRealtime,
|
||||
infoURL: getWarehouseRealtime,
|
||||
},
|
||||
dataForm: {
|
||||
id: undefined,
|
||||
warehouseName: '',
|
||||
warehouseId: '',
|
||||
goodsId: '',
|
||||
code: '',
|
||||
spec: '',
|
||||
goodsBatch: '',
|
||||
numDet: '',
|
||||
operator: '',
|
||||
},
|
||||
goodsArr: [],
|
||||
Batch: [],
|
||||
max: 0,
|
||||
dataRule: {
|
||||
goodsId: [
|
||||
{ required: true, message: '物品名称不能为空', trigger: 'change' },
|
||||
],
|
||||
goodsBatch: [
|
||||
{
|
||||
required: true,
|
||||
message: '物品批次不能为空,若无请填写无',
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
numDet: [
|
||||
{ required: true, message: '入库数量不能为空', trigger: 'blur' },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
getArr() {
|
||||
this.dataForm.operator = this.nickname
|
||||
getListByType(5).then((response) => {
|
||||
this.goodsArr = response.data;
|
||||
});
|
||||
getWarehouseList().then((response) => {
|
||||
response.data.forEach((item) => {
|
||||
if (item.storageType === 5) {
|
||||
this.dataForm.warehouseName = item.name;
|
||||
this.dataForm.warehouseId = item.id;
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
setGoodInfo() {
|
||||
this.goodsArr.forEach((item) => {
|
||||
if (item.id === this.dataForm.goodsId) {
|
||||
this.dataForm.code = item.code;
|
||||
this.dataForm.spec = item.spec;
|
||||
}
|
||||
});
|
||||
},
|
||||
setBatchInfo(){
|
||||
this.Batch.forEach((item) => {
|
||||
if (item.goodsBatch === this.dataForm.goodsBatch) {
|
||||
this.max = item.numDet
|
||||
}
|
||||
});
|
||||
},
|
||||
outWare(data) {
|
||||
this.getArr();
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs['dataForm'].resetFields();
|
||||
this.dataForm.realTimeId = data.id;
|
||||
this.dataForm.id = data.id;
|
||||
this.dataForm.goodsId = data.goodsId;
|
||||
this.dataForm.code = data.code;
|
||||
this.dataForm.spec = data.spec;
|
||||
getWarehouseRealtimeDet(data.id).then((res) => {
|
||||
this.Batch = res.data;
|
||||
});
|
||||
// this.urlOptions.infoURL(data.id).then((response) => {
|
||||
// this.dataForm = response.data;
|
||||
// });
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
193
src/views/warehouse/out-material/warehouseRealtime/index.vue
Normal file
193
src/views/warehouse/out-material/warehouseRealtime/index.vue
Normal file
@@ -0,0 +1,193 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2023-11-03 16:37:06
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2023-11-04 16:14:09
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<search-bar
|
||||
:isFold="true"
|
||||
:formConfigs="formConfig"
|
||||
ref="searchBarForm"
|
||||
@headBtnClick="buttonClick" />
|
||||
<el-table
|
||||
:data="tableData"
|
||||
:header-cell-style="{
|
||||
background: '#F2F4F9',
|
||||
color: '#606266',
|
||||
}"
|
||||
border
|
||||
v-loading="dataListLoading"
|
||||
style="width: 100%"
|
||||
ref="dataList">
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="scope">
|
||||
<product :warehouse-id="scope.row.id"></product>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="warehouseName" label="仓库名称" />
|
||||
<el-table-column prop="name" label="物品名称" />
|
||||
<el-table-column prop="code" label="物品编码" />
|
||||
<el-table-column prop="spec" label="物品规格" />
|
||||
<el-table-column prop="num" label="数量" />
|
||||
<el-table-column prop="operator" label="操作人" />
|
||||
<el-table-column prop="latestInTime" label="最新入库时间">
|
||||
<template v-slot="scope">
|
||||
<span>{{ parseTime(scope.row.latestInTime) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="latestOutTime" label="最新出库时间">
|
||||
<template v-slot="scope">
|
||||
<span>{{ parseTime(scope.row.latestOutTime) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="100">
|
||||
<template v-slot="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleClick({ data: scope.row, type: 'out' })"
|
||||
v-hasPermi="['out-material:warehouse-realtime:update']">
|
||||
出库
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
:limit.sync="listQuery.pageSize"
|
||||
:page.sync="listQuery.pageNo"
|
||||
:total="listQuery.total"
|
||||
@pagination="getDataList" />
|
||||
<!-- 对话框(添加 / 修改) -->
|
||||
<base-dialog
|
||||
:dialogTitle="addOrEditTitle"
|
||||
:dialogVisible="addOrUpdateVisible"
|
||||
@cancel="handleCancel"
|
||||
@confirm="handleConfirm"
|
||||
:before-close="handleCancel"
|
||||
width="50%">
|
||||
<add-or-update
|
||||
ref="addOrUpdate"
|
||||
@refreshDataList="successSubmit"></add-or-update>
|
||||
</base-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import product from './product-mini';
|
||||
import basicPage from '../../mixins/basic-page';
|
||||
import { getListByType } from '@/api/warehouse/warehouseGoods';
|
||||
import AddOrUpdate from './add-or-updata';
|
||||
import { getWarehouseRealtimePage } from '@/api/warehouse/warehouseRealtime';
|
||||
export default {
|
||||
mixins: [basicPage],
|
||||
data() {
|
||||
return {
|
||||
urlOptions: {
|
||||
getDataListURL: getWarehouseRealtimePage,
|
||||
},
|
||||
tableData: [],
|
||||
listQuery: {
|
||||
storageType: 5,
|
||||
},
|
||||
formConfig: [
|
||||
{
|
||||
type: 'select',
|
||||
label: '物品名称',
|
||||
selectOptions: [],
|
||||
param: 'goodsId',
|
||||
defaultSelect: '',
|
||||
filterable: true,
|
||||
},
|
||||
{
|
||||
type: 'input',
|
||||
label: '操作人',
|
||||
placeholder: '操作人',
|
||||
param: 'operator',
|
||||
},
|
||||
{
|
||||
type: 'datePicker',
|
||||
label: '最新入库时间',
|
||||
dateType: 'daterange',
|
||||
format: 'yyyy-MM-dd',
|
||||
valueFormat: 'timestamp',
|
||||
rangeSeparator: '-',
|
||||
startPlaceholder: '开始时间',
|
||||
endPlaceholder: '结束时间',
|
||||
param: 'searchTime',
|
||||
},
|
||||
{
|
||||
type: 'datePicker',
|
||||
label: '最新出库时间',
|
||||
dateType: 'daterange',
|
||||
format: 'yyyy-MM-dd',
|
||||
valueFormat: 'timestamp',
|
||||
rangeSeparator: '-',
|
||||
startPlaceholder: '开始时间',
|
||||
endPlaceholder: '结束时间',
|
||||
param: 'searchTime1',
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
btnName: '搜索',
|
||||
name: 'search',
|
||||
color: 'primary',
|
||||
},
|
||||
{
|
||||
type: this.$auth.hasPermi('out-material:warehouse-realtime:create') ? 'button' : '',
|
||||
btnName: '入库',
|
||||
name: 'add',
|
||||
color: 'success',
|
||||
plain: true,
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
components: {
|
||||
product,
|
||||
AddOrUpdate,
|
||||
},
|
||||
created() {
|
||||
getListByType(this.listQuery.storageType).then((response) => {
|
||||
this.formConfig[0].selectOptions = response.data;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
buttonClick(val) {
|
||||
switch (val.btnName) {
|
||||
case 'search':
|
||||
this.listQuery.pageNo = 1;
|
||||
this.listQuery.pageSize = 10;
|
||||
this.listQuery.goodsId = val.goodsId;
|
||||
this.listQuery.operator = val.operator;
|
||||
this.listQuery.latestInTime = val.searchTime?val.searchTime:null;
|
||||
this.listQuery.latestOutTime = val.searchTime1?val.searchTime1:null;
|
||||
this.getDataList();
|
||||
break;
|
||||
case 'add':
|
||||
this.addOrEditTitle = '入库';
|
||||
this.addOrUpdateVisible = true;
|
||||
this.addOrUpdateHandle();
|
||||
break;
|
||||
default:
|
||||
console.log(val);
|
||||
}
|
||||
},
|
||||
otherMethods(val){
|
||||
this.addOrUpdateVisible = true;
|
||||
this.addOrEditTitle = "出库";
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addOrUpdate.outWare(val.data);
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.app-container .el-table .el-table__cell {
|
||||
padding: 0;
|
||||
height: 35px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,71 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2023-08-24 14:47:58
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2023-11-04 10:31:56
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<base-table
|
||||
v-loading="dataListLoading"
|
||||
:table-props="tableProps"
|
||||
max-height="200"
|
||||
:table-data="tableData" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { parseTime } from '../../mixins/code-filter';
|
||||
import { getWarehouseRealtimeDet } from '@/api/warehouse/warehouseRealtime';
|
||||
|
||||
const tableProps = [
|
||||
{
|
||||
prop: 'goodsBatch',
|
||||
label: '产品批次',
|
||||
},
|
||||
{
|
||||
prop: 'numDet',
|
||||
label: '批次数量',
|
||||
},
|
||||
{
|
||||
prop: 'createTime',
|
||||
label: '入库时间',
|
||||
filter: parseTime,
|
||||
},
|
||||
];
|
||||
export default {
|
||||
props: {
|
||||
warehouseId: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
urlOptions: {
|
||||
getDataListURL: getWarehouseRealtimeDet
|
||||
},
|
||||
tableProps,
|
||||
tableData: [],
|
||||
dataListLoading: false,
|
||||
};
|
||||
},
|
||||
components: {
|
||||
},
|
||||
created() {},
|
||||
mounted() {
|
||||
this.getDataList()
|
||||
},
|
||||
methods: {
|
||||
// 获取数据列表
|
||||
getDataList() {
|
||||
this.dataListLoading = true;
|
||||
this.urlOptions.getDataListURL(this.warehouseId).then(response => {
|
||||
this.tableData = response.data;
|
||||
this.dataListLoading = false;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user