4 changed files with 403 additions and 0 deletions
@ -0,0 +1,386 @@ |
|||||
|
<template> |
||||
|
<div class="InventoryBookDetail_innerPage" v-loading="loading"> |
||||
|
<!-- 搜索 --> |
||||
|
<el-form :inline="true" :model="searchForm" size="small" class="searchHeader"> |
||||
|
<el-form-item label="库位"> |
||||
|
<el-input v-model="searchForm.locationCode" placeholder="请输入库位"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="零件"> |
||||
|
<el-input v-model="searchForm.itemCode" placeholder="请输入零件"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="开始时间"> |
||||
|
<el-date-picker |
||||
|
value-format="yyyy-MM-dd" |
||||
|
v-model="searchForm.beginDate" |
||||
|
type="date" |
||||
|
placeholder="选择日期"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="结束时间"> |
||||
|
<el-date-picker |
||||
|
value-format="yyyy-MM-dd" |
||||
|
v-model="searchForm.endDate" |
||||
|
type="date" |
||||
|
placeholder="选择日期"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="searchHandle">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!-- table --> |
||||
|
<div class="tableContent" v-if="tableData"> |
||||
|
<ul class="tableHeader"> |
||||
|
<li>{{tableHeader.companyName}}</li> |
||||
|
<li class="tableName">库存流水帐（料品）</li> |
||||
|
<li> |
||||
|
<div>交易年月: {{ getYearMonth(searchForm.beginDate) }} - {{ getYearMonth(searchForm.endDate) }}</div> |
||||
|
<div>制表日期：{{ getNow() }}</div> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<!-- :span-method="verticalMergeCell" --> |
||||
|
<el-table |
||||
|
:data="tableData" |
||||
|
height="calc(100% - 200px)" |
||||
|
style="width: 90%;margin: 0 auto;" |
||||
|
> |
||||
|
<el-table-column |
||||
|
v-for="(item,key) in tableTh" |
||||
|
:prop="item.prop" |
||||
|
:label="item.label" |
||||
|
width="180" |
||||
|
> |
||||
|
<template slot-scope="scopeA"> |
||||
|
<!-- <div> |
||||
|
<span v-if="item.prop == 'itemCode'">{{ scopeA.row[item.prop] }}</span> |
||||
|
<div v-else> |
||||
|
<div v-for="level2 in scopeA.row.reportErpLocationSerialDtos"> |
||||
|
<div v-if="item.prop == 'erpLocatioCode'">{{ level2[item.prop] }}</div> |
||||
|
<div v-else> |
||||
|
<div v-for="level3 in level2.reportLocationSerialDtos">{{ level3[item.prop] }}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div v-else> |
||||
|
<div v-for="level2 in scopeA.row.reportErpLocationSerialDtos"> |
||||
|
<div v-for="level3 in level2.reportLocationSerialDtos">{{ level3[item.prop] }}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> --> |
||||
|
<div> |
||||
|
<span v-if="item.prop == 'itemCode'">{{ scopeA.row[item.prop] }}</span> |
||||
|
<div v-if="item.prop == 'erpLocatioCode'"> |
||||
|
<el-table |
||||
|
:show-header="false" |
||||
|
:data="scopeA.row.reportErpLocationSerialDtos" |
||||
|
> |
||||
|
<el-table-column |
||||
|
prop="erpLocatioCode" |
||||
|
> |
||||
|
<!-- <template slot-scope="scopeB"> |
||||
|
<div v-if="item.prop == 'erpLocatioCode'">{{ scopeB.reportLocationSerialDtos.erpLocatioCode }}</div> |
||||
|
</template> --> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div v-else> |
||||
|
<el-table |
||||
|
:show-header="false" |
||||
|
:data="scopeA.row.reportErpLocationSerialDtos" |
||||
|
> |
||||
|
<el-table-column |
||||
|
prop="erpLocatioCode" |
||||
|
> |
||||
|
<template slot-scope="scopeB"> |
||||
|
<el-table |
||||
|
:show-header="false" |
||||
|
:data="scopeB.row.reportLocationSerialDtos" |
||||
|
> |
||||
|
<el-table-column |
||||
|
:prop="item.prop" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- <div v-else> |
||||
|
<div v-for="level2 in scope.row.reportErpLocationSerialDtos"> |
||||
|
<div v-for="level3 in level2.reportLocationSerialDtos">{{ level3[item.prop] }}</div> |
||||
|
</div> |
||||
|
</div> --> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { getInventoryTransactionSerials } from '@/api/wms-api' |
||||
|
export default { |
||||
|
name:"InventoryBookDetail_innerPage", |
||||
|
data(){ |
||||
|
return{ |
||||
|
loading:false, |
||||
|
tableData:[ |
||||
|
{ |
||||
|
"itemCode": "VW316C1A028A", |
||||
|
"itemName": "P000000000000053", |
||||
|
"itemDesc1": "后轮眉2内板注塑件右", |
||||
|
"itemDesc2": null, |
||||
|
"configuration": "", |
||||
|
"reportErpLocationSerialDtos": [ |
||||
|
{ |
||||
|
"erpLocatioCode": "TV", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportLocationSerialDtos": [ |
||||
|
{ |
||||
|
"locationCode": "TV", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportTransactionSerialDtos": [] |
||||
|
}, |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
"erpLocatioCode": "TVB", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportLocationSerialDtos": [ |
||||
|
{ |
||||
|
"locationCode": "TVB", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportTransactionSerialDtos": [] |
||||
|
}, |
||||
|
{ |
||||
|
"locationCode": "TVB_A", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportTransactionSerialDtos": [] |
||||
|
}, |
||||
|
{ |
||||
|
"locationCode": "TVB_B", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportTransactionSerialDtos": [] |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
] |
||||
|
},{ |
||||
|
"itemCode": "222222222222222222", |
||||
|
"itemName": "P000000000000053", |
||||
|
"itemDesc1": "后轮眉2内板注塑件右", |
||||
|
"itemDesc2": null, |
||||
|
"configuration": "", |
||||
|
"reportErpLocationSerialDtos": [ |
||||
|
{ |
||||
|
"erpLocatioCode": "222-TV", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportLocationSerialDtos": [ |
||||
|
{ |
||||
|
"locationCode": "TV", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportTransactionSerialDtos": [] |
||||
|
}, |
||||
|
{ |
||||
|
"locationCode": "TV_A", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportTransactionSerialDtos": [] |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
{ |
||||
|
"erpLocatioCode": "2222-TVB", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportLocationSerialDtos": [ |
||||
|
{ |
||||
|
"locationCode": "TVB", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportTransactionSerialDtos": [] |
||||
|
}, |
||||
|
{ |
||||
|
"locationCode": "TVB_A", |
||||
|
"firstQty": 0, |
||||
|
"sumInQty": 0, |
||||
|
"sumOutQty": 0, |
||||
|
"nowQty": 0, |
||||
|
"lastQty": 0, |
||||
|
"reportTransactionSerialDtos": [] |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
] |
||||
|
} |
||||
|
], |
||||
|
searchForm:{ |
||||
|
locationCode:'', |
||||
|
itemCode:'VW316C1A028A', |
||||
|
beginDate: '2023-07-01', |
||||
|
endDate: '2023-08-01', |
||||
|
}, |
||||
|
tableHeader:{ |
||||
|
companyName:localStorage.getItem('companyName') |
||||
|
}, |
||||
|
tableTh1:[ |
||||
|
{label:'1-itemCode',prop:'itemCode'}, |
||||
|
{label:'1-itemDesc1',prop:'itemDesc1'}, |
||||
|
{label:'1-itemDesc2',prop:'itemDesc2'}, |
||||
|
{label:'1-itemName',prop:'itemName'}, |
||||
|
], |
||||
|
tableTh2:[ |
||||
|
{label:'2-erpLocatioCode',prop:'erpLocatioCode'}, |
||||
|
{label:'2-firstQty',prop:'firstQty'}, |
||||
|
{label:'2-lastQty',prop:'lastQty'}, |
||||
|
{label:'2-nowQty',prop:'nowQty'}, |
||||
|
{label:'2-sumInQty',prop:'sumInQty'}, |
||||
|
{label:'2-sumOutQty',prop:'sumOutQty'}, |
||||
|
], |
||||
|
tableTh3:[ |
||||
|
{label:'3-firstQty',prop:'firstQty'}, |
||||
|
{label:'3-lastQty',prop:'lastQty'}, |
||||
|
{label:'3-locationCode',prop:'locationCode'}, |
||||
|
{label:'3-nowQty',prop:'nowQty'}, |
||||
|
{label:'3-sumInQty',prop:'sumInQty'}, |
||||
|
{label:'3-sumOutQty',prop:'sumOutQty'}, |
||||
|
], |
||||
|
tableTh:[ |
||||
|
{label:'产品代码',prop:'itemCode'}, |
||||
|
{label:'储位',prop:'erpLocatioCode'}, |
||||
|
{label:'firstQty',prop:'firstQty'}, |
||||
|
{label:'lastQty',prop:'lastQty'}, |
||||
|
{label:'locationCode',prop:'locationCode'}, |
||||
|
{label:'nowQty',prop:'nowQty'}, |
||||
|
{label:'sumInQty',prop:'sumInQty'}, |
||||
|
{label:'sumOutQty',prop:'sumOutQty'}, |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
}, |
||||
|
methods:{ |
||||
|
// 查询事件 |
||||
|
searchHandle(){ |
||||
|
this.getTableData() |
||||
|
}, |
||||
|
// 年月转义 |
||||
|
getYearMonth(date){ |
||||
|
|
||||
|
}, |
||||
|
// 获取当前时间 |
||||
|
getNow(){ |
||||
|
|
||||
|
}, |
||||
|
// 获取表格数据 |
||||
|
getTableData(){ |
||||
|
this.loading = true |
||||
|
getInventoryTransactionSerials({ |
||||
|
itemCodes:this.searchForm.itemCode, |
||||
|
startDateTime:this.searchForm.beginDate, |
||||
|
endDateTime:this.searchForm.endDate, |
||||
|
}).then(res => { |
||||
|
console.log(res) |
||||
|
this.tableData = res |
||||
|
this.loading = false |
||||
|
}).catch(err => { |
||||
|
this.loading = false |
||||
|
}) |
||||
|
}, |
||||
|
// 合并单元格 |
||||
|
verticalMergeCell({ row, column, rowIndex, columnIndex }) { |
||||
|
console.log(121,row, column, rowIndex, columnIndex) |
||||
|
if (columnIndex === 0) { |
||||
|
if (rowIndex % 2 === 0) { |
||||
|
return { |
||||
|
rowspan: 2, |
||||
|
colspan: 1 |
||||
|
}; |
||||
|
} else { |
||||
|
return { |
||||
|
rowspan: 0, |
||||
|
colspan: 0 |
||||
|
}; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss"> |
||||
|
.InventoryBookDetail_innerPage{ |
||||
|
background: #e6e6e6; |
||||
|
height: 100%; |
||||
|
|
||||
|
.searchHeader{ |
||||
|
background: #f1f1f1; |
||||
|
padding: 20px 30px 0; |
||||
|
border-bottom: 1px solid #dbdbdb; |
||||
|
} |
||||
|
|
||||
|
.el-form-item{ |
||||
|
margin-right: 25px !important; |
||||
|
} |
||||
|
.el-button{ |
||||
|
background: #205f78 !important; |
||||
|
border-color: #ddd; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
|
||||
|
.el-form-item__label{ |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
.el-input__inner{ |
||||
|
border-radius: 0px !important; |
||||
|
background: #ddd !important; |
||||
|
} |
||||
|
|
||||
|
.el-input__inner:focus, |
||||
|
.el-input__inner:hover{ |
||||
|
border-color: #ddd; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
Loading…
Reference in new issue