4 changed files with 682 additions and 79 deletions
-
3src/api/board.js
-
79src/views/modules/board/PartInventory.vue
-
673src/views/modules/board/partInventory.vue
-
6src/views/modules/production/bagPrint.vue
@ -1,79 +0,0 @@ |
|||||
<script> |
|
||||
export default { |
|
||||
name:'Part Inventory', |
|
||||
data(){ |
|
||||
return{ |
|
||||
queryParams:{ |
|
||||
site:'', |
|
||||
}, |
|
||||
queryLoading:false, |
|
||||
} |
|
||||
}, |
|
||||
methods:{ |
|
||||
|
|
||||
}, |
|
||||
created() { |
|
||||
|
|
||||
}, |
|
||||
watch:{ |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<template> |
|
||||
<div class="box-container"> |
|
||||
<el-form :model="queryParams" label-position="top" style="max-width: 1200px;min-width: 800px"> |
|
||||
<el-row :gutter="10"> |
|
||||
<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="4"> |
|
||||
<el-form-item label="物料编码"> |
|
||||
<el-input v-model="queryParams.partNo" clearable></el-input> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<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="4"> |
|
||||
<el-form-item label="规格型号"> |
|
||||
<el-input v-model="queryParams.spec" clearable></el-input> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4"> |
|
||||
<el-form-item label="物料类别"> |
|
||||
<el-select v-model="queryParams.partType" clearable style="width: 100%;"> |
|
||||
<el-option value="" label="全部"></el-option> |
|
||||
<el-option value="原材料" label="原材料"></el-option> |
|
||||
<el-option value="产成品" label="产成品"></el-option> |
|
||||
<el-option value="半成品" label="半成品"></el-option> |
|
||||
<el-option value="贸易商品" label="贸易商品"></el-option> |
|
||||
<el-option value="低值易耗品" label="低值易耗品"></el-option> |
|
||||
<el-option value="其他" label="其他"></el-option> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
<el-col :span="4"> |
|
||||
<el-form-item label="汇总方式"> |
|
||||
<el-select v-model="queryParams.partType" clearable style="width: 100%;"> |
|
||||
<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-form> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<style scoped> |
|
||||
|
|
||||
</style> |
|
||||
@ -0,0 +1,673 @@ |
|||||
|
<script> |
||||
|
import {queryPartInventory} from "../../../api/board"; |
||||
|
|
||||
|
export default { |
||||
|
name:'PartInventory', |
||||
|
data(){ |
||||
|
return{ |
||||
|
queryParams:{ |
||||
|
site:'', |
||||
|
partNo:'', |
||||
|
partDescription:'', |
||||
|
spec:'', |
||||
|
partType:'', |
||||
|
summaryType:3, |
||||
|
warehouseId:'', |
||||
|
locationId:'', |
||||
|
batchNo:'', |
||||
|
familyId:'', |
||||
|
familyName:'', |
||||
|
startFirstInDate:'', |
||||
|
endFirstInDate:'', |
||||
|
startExpiredDate:'', |
||||
|
endExpiredDate:'', |
||||
|
}, |
||||
|
queryLoading:false, |
||||
|
dataList:[], |
||||
|
|
||||
|
exportData: [], |
||||
|
exportName: '物料库存清单'+this.dayjs().format('YYYYMMDDHHmmss'), |
||||
|
exportHeader: ["物料库存清单"], |
||||
|
exportFooter: [], |
||||
|
exportList:[], |
||||
|
columns:[ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "partNo", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "物料编码", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "partDescription", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "物料描述", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "spec", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "规格型号", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "spec", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "规格型号", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "warehouseId", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "仓库", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "locationId", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "仓库", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "batch", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "批号", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "qtyOnHand", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "库存数量", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 60 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "umId", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "计量单位", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 60 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "firstInDate", |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: "入库日期", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "freezeFlag", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "入库日期", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 60 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "partType", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "物料类别", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "familyId", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "物料分类", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "familyName", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "物料分类名称", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "latestOutDate", |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: "最近出库日期", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "latestInDate", |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: "最近入库日期", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "activeDate", |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: "最近出入库日期", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "partnerId", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "单位编码", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 60 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "partnerType", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "单位类型", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "site", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "工厂编码", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "manufactureDate", |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: "生产日期", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "expiredDate", |
||||
|
headerAlign: "center", |
||||
|
align: "center", |
||||
|
columnLabel: "失效日期", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "demandPartnerId", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "产品库存所属客户编码", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 153, |
||||
|
serialNumber: '153Table1', |
||||
|
tableId: "153Table1", |
||||
|
tableName: "物料库存信息表", |
||||
|
columnProp: "demandPartnerName", |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: "产品库存所属客户名称", |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: true, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
], |
||||
|
} |
||||
|
}, |
||||
|
methods:{ |
||||
|
handleQueryPartInventory(){ |
||||
|
this.queryLoading = true; |
||||
|
queryPartInventory(this.queryParams).then(({data})=>{ |
||||
|
this.queryLoading = false; |
||||
|
if (data && data.code === 0){ |
||||
|
this.dataList = data.rows |
||||
|
}else { |
||||
|
this.$message.warning(data.msg) |
||||
|
} |
||||
|
}).catch((e)=>{ |
||||
|
this.queryLoading = false; |
||||
|
this.$message.error(e) |
||||
|
}) |
||||
|
}, |
||||
|
async createExportData() { |
||||
|
await queryPartInventory(this.queryParams).then(({data}) => { |
||||
|
this.exportList= data.rows; |
||||
|
}) |
||||
|
return this.exportList; |
||||
|
}, |
||||
|
startDownload() { |
||||
|
|
||||
|
}, |
||||
|
finishDownload() { |
||||
|
|
||||
|
}, |
||||
|
fields(){ |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
watch:{ |
||||
|
queryLoading(newVal,oldVal){ |
||||
|
if (newVal){ |
||||
|
setTimeout(()=>{ |
||||
|
this.queryLoading = false; |
||||
|
},30000) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<template> |
||||
|
<div class="box-container"> |
||||
|
<el-form :model="queryParams" label-position="top" style="max-width: 1000px;min-width: 800px"> |
||||
|
<el-row :gutter="10"> |
||||
|
<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="4"> |
||||
|
<el-form-item label="物料编码"> |
||||
|
<el-input v-model="queryParams.partNo" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<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="4"> |
||||
|
<el-form-item label="规格型号"> |
||||
|
<el-input v-model="queryParams.spec" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="物料类别"> |
||||
|
<el-select v-model="queryParams.partType" clearable style="width: 100%;"> |
||||
|
<el-option value="" label="全部"></el-option> |
||||
|
<el-option value="原材料" label="原材料"></el-option> |
||||
|
<el-option value="产成品" label="产成品"></el-option> |
||||
|
<el-option value="半成品" label="半成品"></el-option> |
||||
|
<el-option value="贸易商品" label="贸易商品"></el-option> |
||||
|
<el-option value="低值易耗品" label="低值易耗品"></el-option> |
||||
|
<el-option value="其他" label="其他"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<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-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<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="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="4"> |
||||
|
<el-form-item label="批号"> |
||||
|
<el-input v-model="queryParams.batchNo" :disabled="queryParams.summaryType < 3" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<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="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="4"> |
||||
|
<el-form-item label="入库日期"> |
||||
|
<el-date-picker |
||||
|
style="width: 100%" |
||||
|
v-model="queryParams.startFirstInDate" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
type="date"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label=" "> |
||||
|
<el-date-picker |
||||
|
style="width: 100%" |
||||
|
v-model="queryParams.endFirstInDate" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
type="date"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label="失效日期"> |
||||
|
<el-date-picker |
||||
|
style="width: 100%" |
||||
|
v-model="queryParams.startExpiredDate" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
type="date"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label=" "> |
||||
|
<el-date-picker |
||||
|
style="width: 100%" |
||||
|
v-model="queryParams.endExpiredDate" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
type="date"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4"> |
||||
|
<el-form-item label=" "> |
||||
|
<el-button type="primary" @click="handleQueryPartInventory">查询</el-button> |
||||
|
|
||||
|
<download-excel |
||||
|
:fields="fields()" |
||||
|
:data="exportData" |
||||
|
type="xls" |
||||
|
:name="exportName" |
||||
|
:header="exportHeader" |
||||
|
:footer="exportFooter" |
||||
|
:fetch="createExportData" |
||||
|
:before-generate="startDownload" |
||||
|
:before-finish="finishDownload" |
||||
|
worksheet="导出信息" |
||||
|
class="el-button el-button--primary el-button--medium"> |
||||
|
{{ '导出' }} |
||||
|
</download-excel> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div style="height: calc(100% - 130px)"> |
||||
|
<el-table :data="dataList" v-loading="queryLoading" height="100%" border> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columns" :key="index" |
||||
|
v-if="(item.columnProp !== 'warehouseId' && item.columnProp !== 'locationId' && item.columnProp !== 'batchNo')" |
||||
|
:header-align="item.headerAlign" |
||||
|
:align="item.align" |
||||
|
:min-width="item.columnWidth" |
||||
|
:label="item.columnLabel"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> |
||||
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
||||
|
style="width: 100px; height: 80px"/></span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue