<template>
    <div>
        <a-card>
            <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 }">
                        <a-descriptions-item label="发货单位">
                            {{detailInfo.sendUnitName || '--'}}
                        </a-descriptions-item>
                        <a-descriptions-item label="分配日期">
                            {{detailInfo.sendDate || '--'}}
                        </a-descriptions-item>
                        <a-descriptions-item label="发货人姓名">
                            {{detailInfo.sendContact || '--'}}
                        </a-descriptions-item>
                        <a-descriptions-item label="联系电话">
                            {{detailInfo.sendPhone || '--'}}
                        </a-descriptions-item>
                        <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.sendNum || '--'}}
                        </a-descriptions-item>

                        <a-descriptions-item label="入库状态">
                            {{detailInfo.statusName || '--'}}
                        </a-descriptions-item>
                    </a-descriptions>
                    <a-form-model ref="formRef" :model="formData"
                                  :labelCol="{span: 4}"
                                  :wrapperCol="{span: 16}"
                                  style="margin-top: 20px"
                    >
                        <a-form-model-item label="备注"
                                           prop="remarks"
                                           :labelCol="{span: 6}"
                                           :wrapperCol="{span: 15}">
                            <a-textarea
                                    :rows="6"
                                    v-model="formData.remarks"
                                    placeholder="请输入备注"></a-textarea>
                        </a-form-model-item>
                    </a-form-model>
                </div>
            </div>
            <div style="text-align: center;margin-top: 40px">
                <a-button @click="goBack(1)">取消</a-button>
                <a-button type="primary" @click="goBack(2)" style="margin-left: 10px">入库</a-button>
            </div>
        </a-card>
    </div>
</template>
<script>
    import moment from 'moment';
    import {closedDetail} from "../../../utils/common";

    export default {
        data() {
            return {
                routerParams: {},
                detailInfo: {},
                formData: {},
                formRules: []
            }
        },
        created() {
            this.routerParams = this.$route.query;
            this.getReceiveDetails()
        },
        methods: {
            getReceiveDetails() {
                this.$api.stockManage.fetchReceiveDetails(this.routerParams.id).then(({data = [], code}) => {
                    this.detailInfo = data;
                })
            },
            goBack(type) {
                if (type == 1) {
                    closedDetail('/inStock/inStockManageDetail', '/Home/distributionWarehousing');
                    return;
                }
                let that = this;
                let params = {
                    recordId: this.detailInfo.id, remarks: this.formData.remarks
                };
                this.$confirm({
                    title: '确认入库吗?',
                    content: "",
                    onOk() {
                        that.$api.stockManage.fetchReceiveConfirm(params).then(({data = [], code}) => {
                            if (code === 'SUCCESS') {
                                closedDetail('/inStock/inStockManageDetail', '/Home/distributionWarehousing')
                            }
                        });
                    },
                    onCancel() {
                        that.$message.warning('已取消!');
                    },
                    class: 'test',
                });
            }
        },
    }
</script>
<style lang="less" scoped>

</style>