<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 || '&#45;&#45;'}}
                </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>
