|
|
|
@ -325,6 +325,8 @@ export default { |
|
|
|
], |
|
|
|
|
|
|
|
calcHeight:100, |
|
|
|
paddingSize:0, |
|
|
|
calcClass:"", |
|
|
|
} |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
@ -381,6 +383,8 @@ export default { |
|
|
|
created() { |
|
|
|
if (this.$route.name === 'inventory') { |
|
|
|
this.calcHeight = 30 |
|
|
|
this.paddingSize = 10 |
|
|
|
this.calcClass = "title" |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
@ -413,30 +417,30 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<template> |
|
|
|
<div class="box-container" :style="`height: calc(100vh - ${calcHeight}px)`"> |
|
|
|
<el-form :model="queryParams" label-position="top" style="max-width: 1200px;min-width: 800px"> |
|
|
|
<div class="box-container" :style="`height: calc(100vh - ${calcHeight}px);padding: ${paddingSize}px`"> |
|
|
|
<el-form :model="queryParams" :class="calcClass" label-position="top" style="max-width: 1200px;min-width: 800px"> |
|
|
|
<el-row :gutter="10"> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="工厂编码"> |
|
|
|
<el-input v-model="queryParams.site" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="物料编码"> |
|
|
|
<el-input v-model="queryParams.partNo" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="物料描述"> |
|
|
|
<el-input v-model="queryParams.partDescription" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="规格型号"> |
|
|
|
<el-input v-model="queryParams.spec" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<!-- <el-col :span="3">--> |
|
|
|
<!-- <el-col :span="4">--> |
|
|
|
<!-- <el-form-item label="物料类别">--> |
|
|
|
<!-- <el-select v-model="queryParams.partType" clearable style="width: 100%;">--> |
|
|
|
<!-- <el-option value="" label="全部"></el-option>--> |
|
|
|
@ -449,46 +453,46 @@ export default { |
|
|
|
<!-- </el-select>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<!-- </el-col>--> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="汇总方式"> |
|
|
|
<el-select v-model="queryParams.summaryType" style="width: 100%;" @change="handleQueryPartInventory"> |
|
|
|
<el-option :value="0" label="按物料"></el-option> |
|
|
|
<el-option :value="1" label="按物料+仓库"></el-option> |
|
|
|
<el-option :value="2" label="按物料+仓库+库位"></el-option> |
|
|
|
<el-option :value="3" label="按物料+仓库+库位+批号"></el-option> |
|
|
|
<el-option :value="4" label="按物料+仓库+库位+批号"></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="10"> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="仓库"> |
|
|
|
<el-input v-model="queryParams.warehouseId" :disabled="queryParams.summaryType < 1" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="库位"> |
|
|
|
<el-input v-model="queryParams.locationId" :disabled="queryParams.summaryType < 2" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="批号"> |
|
|
|
<el-input v-model="queryParams.batchNo" :disabled="queryParams.summaryType < 3" clearable></el-input> |
|
|
|
<el-input v-model="queryParams.batchNo" :disabled="queryParams.summaryType < 4" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<!-- <el-col :span="3">--> |
|
|
|
<!-- <el-col :span="4">--> |
|
|
|
<!-- <el-form-item label="物料分类">--> |
|
|
|
<!-- <el-input v-model="queryParams.familyId" clearable></el-input>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<!-- </el-col>--> |
|
|
|
<!-- <el-col :span="3">--> |
|
|
|
<!-- <el-col :span="4">--> |
|
|
|
<!-- <el-form-item label="物料分类名称">--> |
|
|
|
<!-- <el-input v-model="queryParams.familyName" clearable></el-input>--> |
|
|
|
<!-- </el-form-item>--> |
|
|
|
<!-- </el-col>--> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="10"> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="首次入库日期"> |
|
|
|
<el-date-picker |
|
|
|
style="width: 100%" |
|
|
|
@ -498,7 +502,7 @@ export default { |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label=" "> |
|
|
|
<el-date-picker |
|
|
|
style="width: 100%" |
|
|
|
@ -508,7 +512,7 @@ export default { |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="失效日期"> |
|
|
|
<el-date-picker |
|
|
|
style="width: 100%" |
|
|
|
@ -518,7 +522,7 @@ export default { |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label=" "> |
|
|
|
<el-date-picker |
|
|
|
style="width: 100%" |
|
|
|
@ -528,11 +532,12 @@ export default { |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label=" "> |
|
|
|
<el-button type="primary" @click="handleQueryPartInventory">查询</el-button> |
|
|
|
|
|
|
|
<download-excel |
|
|
|
v-if="!calcClass" |
|
|
|
:fields="fields()" |
|
|
|
:data="exportData" |
|
|
|
type="xls" |
|
|
|
@ -543,14 +548,14 @@ export default { |
|
|
|
:before-generate="startDownload" |
|
|
|
:before-finish="finishDownload" |
|
|
|
worksheet="导出信息" |
|
|
|
class="el-button el-button--primary el-button--medium"> |
|
|
|
{{ '导出' }} |
|
|
|
class="el-button el-button--primary el-button--medium "> |
|
|
|
<span>{{ '导出' }}</span> |
|
|
|
</download-excel> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
<div style="height: calc(100% - 130px)"> |
|
|
|
<div style="height: calc(100% - 180px)"> |
|
|
|
<el-table :data="dataList" v-loading="queryLoading" height="100%" border> |
|
|
|
<el-table-column |
|
|
|
v-for="(item,index) in columnList" :key="index" |
|
|
|
@ -570,7 +575,7 @@ export default { |
|
|
|
@size-change="sizeChangeHandle" |
|
|
|
@current-change="currentChangeHandle" |
|
|
|
:current-page="queryParams.no" |
|
|
|
:page-sizes="[10, 20, 50, 100]" |
|
|
|
:page-sizes="[10, 20, 50, 100,500,1000]" |
|
|
|
:page-size="queryParams.size" |
|
|
|
:total="total" |
|
|
|
layout="total, sizes, prev, pager, next, jumper"> |
|
|
|
@ -580,4 +585,24 @@ export default { |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|
|
|
|
.title .el-form-item--medium /deep/ .el-form-item__content .el-input .el-input__inner { |
|
|
|
font-size: 15px; |
|
|
|
line-height: 24px !important; |
|
|
|
height: 24px !important; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.title .el-form-item--medium /deep/ .el-form-item__label { |
|
|
|
font-size: 15px; |
|
|
|
line-height: 24px; |
|
|
|
height: 24px; |
|
|
|
} |
|
|
|
|
|
|
|
.title .el-form-item--medium /deep/ .el-form-item__content { |
|
|
|
margin-bottom: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
.title .el-form-item--medium /deep/ .el-form-item__content .el-button { |
|
|
|
height: 24px; |
|
|
|
} |
|
|
|
</style> |