update 细化项目详情弹窗的企业信息
This commit is contained in:
zhaoxiao
@@ -20,6 +20,16 @@
|
|||||||
:length="20"></j-ellipsis></span>
|
:length="20"></j-ellipsis></span>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>是否需要发票：</label>
|
||||||
|
<span>{{ basicInfo.needInvoice_dictText }}</span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>是否打包：</label>
|
||||||
|
<span>{{ basicInfo.pack_dictText }}</span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
<a-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
<a-col class="detail-item">
|
<a-col class="detail-item">
|
||||||
<label>备注：</label>
|
<label>备注：</label>
|
||||||
@@ -49,7 +59,7 @@
|
|||||||
</a-row>
|
</a-row>
|
||||||
<a-row :gutter="24" v-if="basicInfo.files">
|
<a-row :gutter="24" v-if="basicInfo.files">
|
||||||
<a-col class="detail-item">
|
<a-col class="detail-item">
|
||||||
<label>资料：</label>
|
<label>项目资料：</label>
|
||||||
<span><preview-file :file-id="basicInfo.files"></preview-file></span>
|
<span><preview-file :file-id="basicInfo.files"></preview-file></span>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
@@ -64,8 +74,55 @@
|
|||||||
<span><j-ellipsis :value="basicInfo.companyName" :length="20"></j-ellipsis></span>
|
<span><j-ellipsis :value="basicInfo.companyName" :length="20"></j-ellipsis></span>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="12" class="detail-item">
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>信用代码：</label>
|
||||||
|
<span><j-ellipsis :value="basicInfo.dutyCode" :length="20"></j-ellipsis></span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>公司地址：</label>
|
||||||
|
<span><j-ellipsis :value="basicInfo.companyAddress" :length="20"></j-ellipsis></span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>公司电话：</label>
|
||||||
|
<span><j-ellipsis :value="basicInfo.companyPhone" :length="20"></j-ellipsis></span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>邮编：</label>
|
||||||
|
<span>{{ basicInfo.postalCodeCompany }}</span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>银行户名：</label>
|
||||||
|
<span>{{ basicInfo.bankAccountName }}</span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>开户行：</label>
|
||||||
|
<span>{{ basicInfo.openingBank }}</span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>银行账号：</label>
|
||||||
|
<span>{{ basicInfo.bankAccount }}</span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</section>
|
||||||
|
<!--企业信息end-->
|
||||||
|
<!-- 企业联系人信息start-->
|
||||||
|
<section>
|
||||||
|
<h3 class="title">企业联系人信息</h3>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12">
|
||||||
<label>企业联系人：</label>
|
<label>企业联系人：</label>
|
||||||
<span><j-ellipsis :value="basicInfo.name" :length="20"></j-ellipsis></span>
|
<span>{{ basicInfo.name }}</span>
|
||||||
|
</a-col>
|
||||||
|
<!-- 企业联系人1的备注，只有工作组成员需要这个字段-->
|
||||||
|
<a-col :span="12" class="detail-item"
|
||||||
|
v-if="basicInfo.projectType === 2 && basicInfo.remarksOne && basicInfo.remarksOne !== ''">
|
||||||
|
<label>企业联系人备注：</label>
|
||||||
|
<span><j-ellipsis :value="basicInfo.remarksOne" :length="16"></j-ellipsis></span>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
@@ -100,15 +157,7 @@
|
|||||||
</a-row>
|
</a-row>
|
||||||
<!-- 工作组项目有企业联系人2、3-->
|
<!-- 工作组项目有企业联系人2、3-->
|
||||||
<template v-if="basicInfo.projectType===2">
|
<template v-if="basicInfo.projectType===2">
|
||||||
<!-- 企业联系人1的备注-->
|
<a-divider/>
|
||||||
<template>
|
|
||||||
<a-row :gutter="24">
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人备注：</label>
|
|
||||||
<span><j-ellipsis :value="basicInfo.remarksOne" :length="16"></j-ellipsis></span>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</template>
|
|
||||||
<!-- 企业联系人2-->
|
<!-- 企业联系人2-->
|
||||||
<template v-if="basicInfo.nameTwo">
|
<template v-if="basicInfo.nameTwo">
|
||||||
<a-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
@@ -116,109 +165,90 @@
|
|||||||
<label>企业联系人2：</label>
|
<label>企业联系人2：</label>
|
||||||
<span><j-ellipsis :value="basicInfo.nameTwo" :length="16"></j-ellipsis></span>
|
<span><j-ellipsis :value="basicInfo.nameTwo" :length="16"></j-ellipsis></span>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="12">
|
|
||||||
<label>企业联系人2性别：</label>
|
|
||||||
<span>{{ basicInfo.genderTwo_dictText }}</span>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
<a-row :gutter="24">
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人2职务：</label>
|
|
||||||
<span><j-ellipsis :value="basicInfo.postTwo" :length="16"></j-ellipsis></span>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人2电话：</label>
|
|
||||||
<span>{{ basicInfo.phoneTwo }}</span>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
<a-row :gutter="24">
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人2邮箱：</label>
|
|
||||||
<span>{{ basicInfo.emailTwo }}</span>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人2邮编：</label>
|
|
||||||
<span>{{ basicInfo.postalCodeContactsTwo }}</span>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
<a-row :gutter="24">
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人2地址：</label>
|
|
||||||
<span><j-ellipsis :value="basicInfo.contactAddressTwo" :length="16"></j-ellipsis></span>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" class="detail-item">
|
<a-col :span="12" class="detail-item">
|
||||||
<label>企业联系人2备注：</label>
|
<label>企业联系人2备注：</label>
|
||||||
<span><j-ellipsis :value="basicInfo.remarksTwo" :length="16"></j-ellipsis></span>
|
<span><j-ellipsis :value="basicInfo.remarksTwo" :length="16"></j-ellipsis></span>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12">
|
||||||
|
<label>企业联系人2性别：</label>
|
||||||
|
<span>{{ basicInfo.genderTwo_dictText }}</span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人2职务：</label>
|
||||||
|
<span><j-ellipsis :value="basicInfo.postTwo" :length="16"></j-ellipsis></span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人2电话：</label>
|
||||||
|
<span>{{ basicInfo.phoneTwo }}</span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人2邮箱：</label>
|
||||||
|
<span>{{ basicInfo.emailTwo }}</span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人2邮编：</label>
|
||||||
|
<span>{{ basicInfo.postalCodeContactsTwo }}</span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人2地址：</label>
|
||||||
|
<span><j-ellipsis :value="basicInfo.contactAddressTwo" :length="16"></j-ellipsis></span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
</template>
|
</template>
|
||||||
<!-- 企业联系人3-->
|
<!-- 企业联系人3-->
|
||||||
<template v-if="basicInfo.nameThree">
|
<template v-if="basicInfo.nameThree">
|
||||||
|
<a-divider/>
|
||||||
<a-row :gutter="24">
|
<a-row :gutter="24">
|
||||||
<a-col :span="12" class="detail-item">
|
<a-col :span="12" class="detail-item">
|
||||||
<label>企业联系人3：</label>
|
<label>企业联系人3：</label>
|
||||||
<span><j-ellipsis :value="basicInfo.nameThree" :length="16"></j-ellipsis></span>
|
<span><j-ellipsis :value="basicInfo.nameThree" :length="16"></j-ellipsis></span>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :span="12">
|
|
||||||
<label>企业联系人3性别：</label>
|
|
||||||
<span>{{ basicInfo.genderThree_dictText }}</span>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
<a-row :gutter="24">
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人3职务：</label>
|
|
||||||
<span><j-ellipsis :value="basicInfo.postThree" :length="16"></j-ellipsis></span>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人3电话：</label>
|
|
||||||
<span>{{ basicInfo.phoneThree }}</span>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
<a-row :gutter="24">
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人3邮箱：</label>
|
|
||||||
<span>{{ basicInfo.emailThree }}</span>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人3邮编：</label>
|
|
||||||
<span>{{ basicInfo.postalCodeContactsThree }}</span>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
<a-row :gutter="24">
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业联系人3地址：</label>
|
|
||||||
<span><j-ellipsis :value="basicInfo.contactAddressThree" :length="16"></j-ellipsis></span>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" class="detail-item">
|
<a-col :span="12" class="detail-item">
|
||||||
<label>企业联系人3备注：</label>
|
<label>企业联系人3备注：</label>
|
||||||
<span><j-ellipsis :value="basicInfo.remarksThree" :length="16"></j-ellipsis></span>
|
<span><j-ellipsis :value="basicInfo.remarksThree" :length="16"></j-ellipsis></span>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12">
|
||||||
|
<label>企业联系人3性别：</label>
|
||||||
|
<span>{{ basicInfo.genderThree_dictText }}</span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人3职务：</label>
|
||||||
|
<span><j-ellipsis :value="basicInfo.postThree" :length="16"></j-ellipsis></span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人3电话：</label>
|
||||||
|
<span>{{ basicInfo.phoneThree }}</span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人3邮箱：</label>
|
||||||
|
<span>{{ basicInfo.emailThree }}</span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人3邮编：</label>
|
||||||
|
<span>{{ basicInfo.postalCodeContactsThree }}</span>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" class="detail-item">
|
||||||
|
<label>企业联系人3地址：</label>
|
||||||
|
<span><j-ellipsis :value="basicInfo.contactAddressThree" :length="16"></j-ellipsis></span>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
<!-- 工作组项目有企业联系人2、3-->
|
<!-- 工作组项目有企业联系人2、3-->
|
||||||
<a-row :gutter="24">
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>是否需要发票：</label>
|
|
||||||
<span>{{ basicInfo.needInvoice_dictText }}</span>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>是否打包：</label>
|
|
||||||
<span>{{ basicInfo.pack_dictText }}</span>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
<a-row :gutter="24">
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业邮编：</label>
|
|
||||||
<span>{{ basicInfo.postalCodeCompany }}</span>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" class="detail-item">
|
|
||||||
<label>企业地址：</label>
|
|
||||||
<span><j-ellipsis :value="basicInfo.companyAddress" :length="20"></j-ellipsis></span>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</section>
|
</section>
|
||||||
<!--企业信息end-->
|
<!-- 企业联系人信息end-->
|
||||||
<!--到账信息begin-->
|
<!--到账信息begin-->
|
||||||
<section class="payment-info">
|
<section class="payment-info">
|
||||||
<h3 class="title">到账信息</h3>
|
<h3 class="title">到账信息</h3>
|
||||||
@@ -343,7 +373,7 @@ export default {
|
|||||||
// 到账信息
|
// 到账信息
|
||||||
paymentInfoList: [],
|
paymentInfoList: [],
|
||||||
// 开票邮寄信息
|
// 开票邮寄信息
|
||||||
logisticsInfoList:[],
|
logisticsInfoList: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {},
|
||||||
@@ -527,4 +557,8 @@ h3.title::before {
|
|||||||
border-bottom: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ant-divider-horizontal {
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user