[update] -项目详情页 增加第三方垫付信息面板

src/components/ProjectDetailModal.vue

@@ -65,6 +65,7 @@
       </a-row>
     </section>
     <!-- 基本信息end-->
+
     <!-- 企业信息begin-->
     <section class="enterprise-info">
       <h3 class="title">企业信息</h3>
@@ -110,6 +111,46 @@
       </a-row>
     </section>
     <!--企业信息end-->
+
+    <!-- 代付企业--第三方垫付 信息 只有会员缴费 和证书缴费的时候存在 begin-->
+    <section class="enterprise-info" v-if="(basicInfo.projectType === ProjectTypeEnums.STANDARD_MEMBER_PRO.value || basicInfo.projectType === ProjectTypeEnums.STANDARD_CERTIFICATE_PRO.value) && hasOtherCompany">
+      <h3 class="title">第三方垫付信息</h3>
+      <a-row :gutter="24">
+        <a-col :span="12" class="detail-item">
+          <label>关联付款发票名称：</label>
+          <span><j-ellipsis :value="otherCompanyInfo.headerName" :length="20"></j-ellipsis></span>
+        </a-col>
+        <a-col :span="12" class="detail-item">
+          <label>社会统一代码/税号：</label>
+          <span><j-ellipsis :value="otherCompanyInfo.taxNumber" :length="20"></j-ellipsis></span>
+        </a-col>
+      </a-row>
+      <!--      增值税发票存在的信息较多-->
+      <template v-if="Number(otherCompanyInfo.invoiceRequirements) === 2">
+        <a-row :gutter="24">
+          <a-col :span="12" class="detail-item">
+            <label>单位地址：</label>
+            <span><j-ellipsis :value="otherCompanyInfo.invoiceAddress" :length="20"></j-ellipsis></span>
+          </a-col>
+          <a-col :span="12" class="detail-item">
+            <label>电话号码：</label>
+            <span><j-ellipsis :value="otherCompanyInfo.invoicePhone" :length="20"></j-ellipsis></span>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12" class="detail-item">
+            <label>开户银行：</label>
+            <span>{{ otherCompanyInfo.depositBank }}</span>
+          </a-col>
+          <a-col :span="12" class="detail-item">
+            <label>银行账户：</label>
+            <span>{{ otherCompanyInfo.bankAccount }}</span>
+          </a-col>
+        </a-row>
+      </template>
+    </section>
+    <!--代付企业--第三方垫付 信息end-->
+
     <!--    企业联系人信息start-->
     <section>
       <h3 class="title">企业联系人信息</h3>
@@ -244,9 +285,11 @@
 </template>
 
 <script>
-import { queryCommonProjectById } from '@api/incomePaymentsApi'
+import { queryCommonProjectById, getStanderMemberLastProofInfo, getCertificateLastProofInfo } from '@api/incomePaymentsApi'
 import JEllipsis from '@comp/jero/JEllipsis'
 import PreviewFile from './jero/PreviewFile'
+import { ProjectTypeEnums } from '@/enums/commonEnums'
+import pick from 'lodash.pick'
 // import {getAction} from "@api/manage";
 const columns = [
   {
@@ -304,6 +347,12 @@ export default {
       type: Boolean,
       required: false,
       default: false
+    },
+    // 是否是到账开票模块
+    isInvoicing: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   data() {
@@ -324,10 +373,18 @@ export default {
       // 到账信息
       paymentInfoList: [],
       // 开票邮寄信息
-      logisticsInfoList: []
+      logisticsInfoList: [],
+      // 垫付企业的信息
+      otherCompanyInfo: {},
+      ProjectTypeEnums
+    }
+  },
+  computed: {
+    // 是否是第三方代付
+    hasOtherCompany() {
+      return this.isInvoicing && this.otherCompanyInfo.headerName && (this.otherCompanyInfo.headerName !== this.basicInfo.companyName)
     }
   },
-  computed: {},
   components: {
     JEllipsis,
     PreviewFile
@@ -355,12 +412,33 @@ export default {
           console.log('未查到相应的信息')
         }
       })
+      // 到账开票模块显示请求发票信息，查看是否是第三方代付
+      if(this.isInvoicing) {
+        /* 如果当前项目是会员项目、会员证书项目 需要请求响应的 第三方付款信息*/
+        let projectType = Number(record.projectType)
+        if(projectType === ProjectTypeEnums.STANDARD_MEMBER_PRO.value) {
+          this.getMemberLastProofInfo(record, getStanderMemberLastProofInfo)
+        } else if(projectType === ProjectTypeEnums.STANDARD_CERTIFICATE_PRO.value){
+          this.getMemberLastProofInfo(record, getCertificateLastProofInfo)
+        }
+      }
+    },
+    getMemberLastProofInfo(record, requestFunc) {
+      let param = {
+        projectId: record.id
+      }
+      requestFunc && requestFunc(param).then(res => {
+        if (res.success) {
+          this.otherCompanyInfo = res.result || {}
+        }
+      })
     },
     handleCancel() {
       // 清除之前的信息
       this.basicInfo = {}
       this.enterpriseInfo = {}
       this.contactsInfo = {}
+      this.otherCompanyInfo = {}
       this.paymentInfoList = []
       this.logisticsInfoLis = []
       this.visible = false