1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<template>
<div style="padding: 16px">
<div>
<div>
<span style="font-size: 18px;font-weight: 600;"> 库存详情</span>
</div>
<div style="margin-top: 16px">
<a-descriptions bordered :column="{ sm: 2, xs: 1 }" class="detail_title_stock">
<a-descriptions-item label="供应商">
{{detailInfo.supplierName || '--'}}
</a-descriptions-item>
<a-descriptions-item label="品牌">
{{detailInfo.brandName || '--'}}
</a-descriptions-item>
<a-descriptions-item label="批次号">
{{detailInfo.batchNumber || '--'}}
</a-descriptions-item>
<a-descriptions-item label="生产日期">
{{detailInfo.produceDate || '--'}}
</a-descriptions-item>
<a-descriptions-item label="有效期至">
{{detailInfo.expireDate || '--'}}
</a-descriptions-item>
<a-descriptions-item label="单价">
{{detailInfo.unitPrice || '--'}}<span>元</span>
</a-descriptions-item>
<!-- <a-descriptions-item label="数量">
{{detailInfo.number || '--'}}
</a-descriptions-item>-->
<a-descriptions-item label="规格">
{{detailInfo.specs || '--'}}
</a-descriptions-item>
<a-descriptions-item label="库存总数">
{{detailInfo.number}}
</a-descriptions-item>
<a-descriptions-item label="入库时间">
{{detailInfo.created || '--'}}
</a-descriptions-item>
</a-descriptions>
</div>
</div>
<div style="text-align: center;margin-top: 40px">
<a-button class="ant-table-btn" @click="goBack">关闭</a-button>
</div>
</div>
</template>
<script>
import moment from 'moment';
import {closedDetail} from "../../../utils/common";
export default {
data() {
return {
routerParams: {},
detailInfo: {}
}
},
created() {
this.routerParams = this.$route.query
this.getStockListDetail()
},
methods: {
getStockListDetail() {
let par = {
id: this.routerParams.id,
menuId: this.menuId
}
this.$api.stockManage.fetchInStockDetail(par).then(({data = [], code}) => {
this.detailInfo = data
})
},
goBack() {
window.top.postMessage({messageType:'THIRD_PAGECHANGE',name:`${this.routerParams.menuCode}`,source:"yesuan"}, '*')
// closedDetail('/inStock/inStockManageDetail', '/Home/inStock')
}
},
}
</script>
<style lang="less">
.detail_title_stock{
.ant-descriptions-item-label {
width: 120px;
}
}
</style>