[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

src/enums/commonEnums.js

@@ -0,0 +1,10 @@
+
+// 项目类型 数据字典 的定义 和数据库的保持一致
+export const ProjectTypeEnums = {
+  GENERAL_PRO: {name: '普通项目', value: 1},
+  GROUP_PRO: {name: '工作组项目', value: 2},
+  MEETING_PRO: {name: '会议项目', value: 3},
+  MEMBER_PRO: {name: '会员项目', value: 4},
+  STANDARD_MEMBER_PRO: {name: '标协会员项目', value: 5},
+  STANDARD_CERTIFICATE_PRO: {name: '标协证书项目', value: 6},
+}

src/views/financialManagement/arriveAndInvoicing/ArriveAndInvoivingList.vue

@@ -175,7 +175,7 @@
       :visible.sync="batchInvoicingVisible">
     </batch-invoicing-module>
 
-    <project-detail-modal ref="projectDetail"></project-detail-modal>
+    <project-detail-modal :is-invoicing="true" ref="projectDetail"></project-detail-modal>
 
     <!--    审核缴费凭证-->
     <audit-proof-module ref="auditProof" @ok="modalFormOk"></audit-proof-module>

vue.config.js

@@ -76,7 +76,7 @@ module.exports = {
   },
 
   devServer: {
-    port: 3000,
+    port: 21825,
     proxy: {
       /* '/api': {
         target: 'https://mock.ihx.me/mock/5baf3052f7da7e07e04a5116/antd-pro', //mock API接口系统
@@ -88,7 +88,8 @@ module.exports = {
       },*/
       '/jero-boot': {
         // ''
-        target: 'http://localhost:8080', //请求本地 jero-boot后台项目
+        // target: 'http://10.0.10.78:21824', //请求本地 jero-boot后台项目
+        target: 'http://10.0.1.9:21824', //
         ws: false,
         changeOrigin: true,
       },