99 lines
5.6 KiB
Vue
99 lines
5.6 KiB
Vue
|
<template>
|
||
|
|
<el-dialog title="采购记录详情" :visible.sync="visibleProxy" width="1000px" append-to-body>
|
||
|
|
<div class="detail-container">
|
||
|
|
<el-divider content-position="left">基本信息</el-divider>
|
||
|
|
<el-descriptions :column="2" border>
|
||
|
|
<el-descriptions-item label="采购事项ID">{{ detail.purchaseId || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="采购类别">{{ detail.purchaseCategory || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="项目名称" :span="2">{{ detail.projectName || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="标的物名称">{{ detail.subjectName || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="采购方式">{{ detail.purchaseMethod || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="标的物描述" :span="2">{{ detail.subjectDesc || "-" }}</el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
|
||
|
|
<el-divider content-position="left">数量与金额</el-divider>
|
||
|
|
<el-descriptions :column="3" border>
|
||
|
|
<el-descriptions-item label="采购数量">{{ detail.purchaseQty || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="预算金额(元)">{{ detail.budgetAmount || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="中标金额(元)">{{ detail.bidAmount || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="实际采购金额(元)">{{ detail.actualAmount || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="合同金额(元)">{{ detail.contractAmount || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="结算金额(元)">{{ detail.settlementAmount || "-" }}</el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
|
||
|
|
<el-divider content-position="left">供应商信息</el-divider>
|
||
|
|
<el-descriptions :column="2" border>
|
||
|
|
<el-descriptions-item label="中标供应商名称">{{ detail.supplierName || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="统一信用代码">{{ detail.supplierUscc || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="供应商联系人">{{ detail.contactPerson || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="供应商联系电话">{{ detail.contactPhone || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="供应商银行账户" :span="2">{{ detail.supplierBankAccount || "-" }}</el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
|
||
|
|
<el-divider content-position="left">日期信息</el-divider>
|
||
|
|
<el-descriptions :column="3" border>
|
||
|
|
<el-descriptions-item label="采购申请日期">{{ detail.applyDate || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="计划批准日期">{{ detail.planApproveDate || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="公告发布日期">{{ detail.announceDate || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="开标日期">{{ detail.bidOpenDate || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="合同签订日期">{{ detail.contractSignDate || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="预计交货日期">{{ detail.expectedDeliveryDate || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="实际交货日期">{{ detail.actualDeliveryDate || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="验收日期">{{ detail.acceptanceDate || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="结算日期">{{ detail.settlementDate || "-" }}</el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
|
||
|
|
<el-divider content-position="left">申请人信息</el-divider>
|
||
|
|
<el-descriptions :column="2" border>
|
||
|
|
<el-descriptions-item label="申请人姓名">{{ detail.applicantName || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="申请人工号">{{ detail.applicantId || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="申请部门" :span="2">{{ detail.applyDepartment || "-" }}</el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
|
||
|
|
<el-divider content-position="left">采购负责人信息</el-divider>
|
||
|
|
<el-descriptions :column="2" border>
|
||
|
|
<el-descriptions-item label="采购负责人姓名">{{ detail.purchaseLeaderName || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="采购负责人工号">{{ detail.purchaseLeaderId || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="采购部门" :span="2">{{ detail.purchaseDepartment || "-" }}</el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
|
||
|
|
<el-divider content-position="left">审计信息</el-divider>
|
||
|
|
<el-descriptions :column="2" border>
|
||
|
|
<el-descriptions-item label="创建人">{{ detail.createdBy || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="创建时间">{{ detail.createTime || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="更新人">{{ detail.updatedBy || "-" }}</el-descriptions-item>
|
||
|
|
<el-descriptions-item label="更新时间">{{ detail.updateTime || "-" }}</el-descriptions-item>
|
||
|
|
</el-descriptions>
|
||
|
|
</div>
|
||
|
|
<div slot="footer" class="dialog-footer">
|
||
|
|
<el-button @click="visibleProxy = false">关闭</el-button>
|
||
|
|
</div>
|
||
|
|
</el-dialog>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "ExtendedPurchaseDetailDialog",
|
||
|
|
props: {
|
||
|
|
visible: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false,
|
||
|
|
},
|
||
|
|
detail: {
|
||
|
|
type: Object,
|
||
|
|
default: () => ({}),
|
||
|
|
},
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
visibleProxy: {
|
||
|
|
get() {
|
||
|
|
return this.visible;
|
||
|
|
},
|
||
|
|
set(value) {
|
||
|
|
this.$emit("update:visible", value);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|