<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>