采购合同流程 优化详情展示

src/main/resources/templates/admin/business/process-detail.ftl

@@ -54,13 +54,14 @@
           <el-descriptions-item label="申请部门">{{process.applyDept}}</el-descriptions-item>
           <el-descriptions-item label="申请人">{{process.applyPersonName}}</el-descriptions-item>
           <el-descriptions-item label="申请部门领导">{{process.applyDeptLeaderName}}</el-descriptions-item>
-          <el-descriptions-item label="申请人电话">{{contract?.applyPersonPhone}}</el-descriptions-item>
+          <el-descriptions-item label="申请人电话" v-if="isSaleContract">{{contract.applyPersonPhone}}</el-descriptions-item>
 
           <el-descriptions-item label="合同编号">{{process.contractNo}}</el-descriptions-item>
           <el-descriptions-item label="合同名称">{{process.contractName}}</el-descriptions-item>
           <el-descriptions-item label="合同金额">{{project.contractAmount}}</el-descriptions-item>
 
-          <el-descriptions-item label="客户名称">{{contract.clientName}}</el-descriptions-item>
+          <el-descriptions-item label="客户名称" v-if="isSaleContract">{{contract.clientName}}</el-descriptions-item>
+          <el-descriptions-item label="供应商" v-if="isProcurementContract">{{contract.supplierName}}</el-descriptions-item>
           <el-descriptions-item label="最终用户名称">{{project.terminalCustomer}}</el-descriptions-item>
 
           <el-descriptions-item label="用印类型">
@@ -70,11 +71,12 @@
           </el-descriptions-item>
 
           <el-descriptions-item label="税率">{{process.taxRate}}%</el-descriptions-item>
-          <el-descriptions-item label="是否垫资">{{isPrepaid}}</el-descriptions-item>
+          <el-descriptions-item label="是否垫资">${isPrepaid}</el-descriptions-item>
           <el-descriptions-item label="垫资金额">${repaidAmount}元</el-descriptions-item>
-          <el-descriptions-item label="预算毛利率">{{project.grossProfitMargin}}</el-descriptions-item>
+          <el-descriptions-item label="预算毛利率">${project.grossProfitMargin}</el-descriptions-item>
 
-          <el-descriptions-item label="收款条件">{{contract.paymentTerms}}</el-descriptions-item>
+          <el-descriptions-item label="收款条件" v-if="isSaleContract">{{contract.paymentTerms}}</el-descriptions-item>
+          <el-descriptions-item label="付款条件" v-if="isProcurementContract">{{contract.paymentTerms}}</el-descriptions-item>
           <el-descriptions-item label="备注">{{process.remark}}</el-descriptions-item>
           <el-descriptions-item label="附件">
             <el-tag size="small" v-for="attachment in attachments">
@@ -87,7 +89,7 @@
         </el-descriptions>
 
           <#-- 项目预算收入明细表 -->
-        <div>
+        <div v-if="isSaleContract">
           <el-alert title="项目预算收入明细" type="success" center :closable="false"></el-alert>
 
           <el-table border :data="incomeDetails" empty-text="暂无">
@@ -111,7 +113,7 @@
 
           <#-- 供应商比选材料 -->
 
-        <div>
+        <div v-if="isProcurementContract">
           <el-alert title="供应商比选材料" type="success" center :closable="false"></el-alert>
           <el-table border :data="supplierMaterials" empty-text="暂无">
             <el-table-column type="index" :index="1" label="序号" fixed></el-table-column>
@@ -137,7 +139,7 @@
         </div>
 
           <#-- 采购详情 -->
-        <div>
+        <div v-if="isProcurementContract">
           <el-alert title="采购清单" type="success" center :closable="false"></el-alert>
 
           <el-table border :data="procurementDetails" empty-text="暂无">
@@ -275,7 +277,14 @@
       el: '#app',
       data,
       methods,
-
+      computed: {
+        isProcurementContract() {
+          return this.process.processType === 'procurement_contract'
+        },
+        isSaleContract() {
+          return this.process.processType === 'sale_contract'
+        },
+      },
       mounted() {
         const processId = ${processId}
         this.loadProject(processId)