Skip to content

H
hls-xcmg-vue-app
Commit 130469bd authored by 李晓兵's avatar 李晓兵
Browse files
Options

'修改法人银行卡'

parent e9237e88
Hide whitespace changes
Inline Side-by-side
Showing with 359 additions and 338 deletions
src/pages/userBind/org/enterprise.vue
View file @ 130469bd
......@@ -9,11 +9,11 @@
<h-view id="base-info" class="public-style" title="基本信息">
<h-header :proportion="[5,1,1]" class="header">
<div slot="left" class="h-header-btn" @click="$routeGo()">
<img src="@/assets/userBind/arrow.png" >
<img src="@/assets/userBind/arrow.png">
<span>用户绑定</span>
</div>
</h-header>
<Tab :tabNum="tabNum" @getTabNum="getTabNum" />
<Tab :tabNum="tabNum" @getTabNum="getTabNum"/>
<h-content class="content">
<div v-show="tabNum==0">
<list-item :item-height="44">
......@@ -30,7 +30,7 @@
</item>
<item v-if="bp_type_flag">
<div slot="name">{{ typeName }}</div>
<input slot="content" :placeholder="type" v-model="baseInfo.agent_username" >
<input slot="content" :placeholder="type" v-model="baseInfo.agent_username">
</item>
</list-item>
<div class="userInfo martop">企业信息</div>
......@@ -38,7 +38,7 @@
<span class="font-color">营业执照照片上传</span>
<div class="upload-box1">
<!-- <div> -->
<img src="@/assets/userBind/camera.png" >
<img src="@/assets/userBind/camera.png">
<!-- </div> -->
</div>
</div>
......@@ -48,7 +48,7 @@
<list-item :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color required">公司名称</div>
<input slot="content" v-model="baseInfo.bp_name" placeholder="上传营业执照自动填充" class="auto" >
<input slot="content" v-model="baseInfo.bp_name" placeholder="上传营业执照自动填充" class="auto">
</item>
<item>
<div slot="name" class="font-color required">企业类型</div>
......@@ -61,27 +61,27 @@
</item>
<item>
<div slot="name" class="font-color required">统一社会信用代码</div>
<input slot="content" v-model="baseInfo.organization_code" placeholder="上传营业执照自动填充" >
<input slot="content" v-model="baseInfo.organization_code" placeholder="上传营业执照自动填充">
</item>
<item>
<div slot="name" class="font-color required">注册资本</div>
<input slot="content" v-model="baseInfo.registered_capital" type="number" placeholder="上传营业执照自动填充" >
<input slot="content" v-model="baseInfo.registered_capital" type="number" placeholder="上传营业执照自动填充">
</item>
<item>
<div slot="name" class="font-color required">法定代表人</div>
<input slot="content" v-model="baseInfo.legal_person" placeholder="上传营业执照自动填充" >
<input slot="content" v-model="baseInfo.legal_person" placeholder="上传营业执照自动填充">
</item>
<item>
<div slot="name" class="font-color required">注册地址</div>
<input slot="content" v-model="baseInfo.registered_place" placeholder="请输入注册地址" >
<input slot="content" v-model="baseInfo.registered_place" placeholder="请输入注册地址">
</item>
<item>
<div slot="name" class="font-color required">经营地址</div>
<input slot="content" v-model="baseInfo.business_address" placeholder="请输入经营地址" >
<input slot="content" v-model="baseInfo.business_address" placeholder="请输入经营地址">
</item>
<item>
<div slot="name" class="font-color required">固定电话</div>
<input slot="content" v-model="baseInfo.phone" placeholder="请输入固定电话" >
<input slot="content" v-model="baseInfo.phone" placeholder="请输入固定电话">
</item>
</list-item>
......@@ -90,8 +90,8 @@
<div class="authorize">
<p class="authorize-select font-color">是否授权</p>
<div class="authorize-checklist" @click="authorizeChange">
<div v-if="flag" />
<img v-if="!flag" src="@/assets/userBind/org/checklist.png" alt >
<div v-if="flag"/>
<img v-if="!flag" src="@/assets/userBind/org/checklist.png" alt>
</div>
</div>
<div class="userInfo types">{{ text }}</div>
......@@ -99,11 +99,11 @@
<span>身份证照片上传</span>
<div class="upload-box">
<div>
<img src="@/assets/userBind/org/front.png" >
<img src="@/assets/userBind/org/front.png">
<p>正面</p>
</div>
<div>
<img src="@/assets/userBind/org/back.png" >
<img src="@/assets/userBind/org/back.png">
<p>反面</p>
</div>
</div>
......@@ -130,11 +130,11 @@
</item>
<item>
<div slot="name" class="font-color required">公司职务</div>
<input slot="content" v-model="authMsg.auth_person_position" placeholder="请输入公司职务" >
<input slot="content" v-model="authMsg.auth_person_position" placeholder="请输入公司职务">
</item>
<item>
<div slot="name" class="font-color required">授权事项</div>
<input slot="content" v-model="authMsg.auth_person_matter" placeholder="请输入授权事项" >
<input slot="content" v-model="authMsg.auth_person_matter" placeholder="请输入授权事项">
</item>
</list-item>
......@@ -143,26 +143,26 @@
<list-item v-if="flag" :item-height="44" class="second-part">
<item>
<div slot="name" class="font-color required">姓名</div>
<input slot="content" v-model="legal_personMsg.id_card_name" placeholder="上传身份证自动填充" >
<input slot="content" v-model="legal_personMsg.id_card_name" placeholder="上传身份证自动填充">
</item>
<item>
<div slot="name" class="font-color required">身份证号</div>
<input slot="content" v-model="legal_personMsg.id_card_no" placeholder="上传身份证自动填充" >
<input slot="content" v-model="legal_personMsg.id_card_no" placeholder="上传身份证自动填充">
</item>
<item>
<div slot="name" class="font-color required">手机号</div>
<input slot="content" v-model="legal_personMsg.cell_phone" placeholder="请输入手机号" >
<input slot="content" v-model="legal_personMsg.cell_phone" placeholder="请输入手机号">
</item>
<item>
<div slot="name" class="font-color required">居住地址</div>
<input slot="content" v-model="legal_personMsg.living_address" placeholder="请输入居住地址" >
<input slot="content" v-model="legal_personMsg.living_address" placeholder="请输入居住地址">
</item>
</list-item>
<div v-if="!flag" class="upload-id-card">
<span>授权书证件上传</span>
<div class="upload-box1">
<!-- <div> -->
<img src="@/assets/userBind/camera.png" >
<img src="@/assets/userBind/camera.png">
<!-- </div> -->
</div>
</div>
......@@ -174,7 +174,7 @@
<span>房产证件</span>
<div class="img-content">
<div class="card-upload">
<img src="@/assets/userBind/camera.png" >
<img src="@/assets/userBind/camera.png">
</div>
</div>
</div>
......@@ -182,7 +182,7 @@
<span>车辆证件</span>
<div class="img-content">
<div class="card-upload">
<img src="@/assets/userBind/camera.png" >
<img src="@/assets/userBind/camera.png">
</div>
</div>
</div>
......@@ -190,61 +190,63 @@
<span>其他资产证件</span>
<div class="img-content">
<div class="card-upload">
<img src="@/assets/userBind/camera.png" >
<img src="@/assets/userBind/camera.png">
</div>
</div>
</div>
</div>
<!-- <BankInfo v-show="tabNum==1" :bp_id="bp_id" @getInfo="getInfo" /> -->
<BankInfo v-show="tabNum==1" :getBankList="getBankList" @getInfo="getInfo" />
<InvoiceInfo v-show="tabNum==2" @getinvoiceList="getinvoiceList" />
<BankInfo v-show="tabNum==1" :getBankList="getBankList" @getInfo="getInfo"/>
<InvoiceInfo v-show="tabNum==2" @getinvoiceList="getinvoiceList"/>
</h-content>
<bottom-tab class="footer-button">
<tab-button class="put" @click.native="handSubmit">提交</tab-button>
<tab-button class="save" @click.native="verified">保存</tab-button>
</bottom-tab>
<h-modal ref="modal" v-model="showModalValue" position="bottom" cus-class="search-modal">
<div class="modal-content">
<div class="modal-content-add-top">
<span>添加银行卡</span>
<img src="@/assets/userBind/close.png" @click="hideModal" >
<h-modal ref="modal" v-model="showModalValue" position="bottom" cus-class="enterprise--modal">
<h-view>
<div class="modal-content">
<div class="modal-content-add-top">
<span>添加银行卡</span>
<img src="@/assets/userBind/close.png" @click="hideModal">
</div>
<img src="@/assets/userBind/addBack.png" class="addBack">
<list-item :item-height="44" class="card-Info">
<item>
<div slot="name">银行卡卡号</div>
<input
slot="content"
v-model="bank_lists.bank_account_num"
placeholder="银行卡卡号自动填充"
>
</item>
<item>
<div slot="name">账户姓名</div>
<input
slot="content"
v-model="bank_lists.bank_account_name"
placeholder="请输入账户名称"
>
</item>
<item>
<div slot="name">银行名称</div>
<input
slot="content"
v-model="bank_lists.bank_full_name"
placeholder="请输入银行名称"
>
</item>
<item>
<div slot="name">支行名称</div>
<input
slot="content"
v-model="bank_lists.bank_branch_name"
placeholder="请输入支行名称"
>
</item>
</list-item>
</div>
<img src="@/assets/userBind/addBack.png" class="addBack" >
<list-item :item-height="44" class="card-Info">
<item>
<div slot="name">银行卡卡号</div>
<input
slot="content"
v-model="bank_lists.bank_account_num"
placeholder="银行卡卡号自动填充"
>
</item>
<item>
<div slot="name">账户姓名</div>
<input
slot="content"
v-model="bank_lists.bank_account_name"
placeholder="请输入账户名称"
>
</item>
<item>
<div slot="name">银行名称</div>
<input
slot="content"
v-model="bank_lists.bank_full_name"
placeholder="请输入银行名称"
>
</item>
<item>
<div slot="name">支行名称</div>
<input
slot="content"
v-model="bank_lists.bank_branch_name"
placeholder="请输入支行名称"
>
</item>
</list-item>
</div>
</h-view>
<bottom-tab class="add-box">
<tab-button class="add-card" @click.native="addBankInfo">添加</tab-button>
</bottom-tab>
......@@ -256,6 +258,7 @@
import Tab from '@/components/tab'
import InvoiceInfo from './invoiceInfo'
import BankInfo from './bankInfo'
export default {
name: 'Enterprise',
components: {
......@@ -333,8 +336,8 @@ export default {
vm.baseInfo.agent_username = 'BP003020'
} else if (
vm.baseInfo.bp_type === 'AGENT' ||
vm.baseInfo.bp_type === 'OFFICE' ||
vm.baseInfo.bp_type === 'FACTORY'
vm.baseInfo.bp_type === 'OFFICE' ||
vm.baseInfo.bp_type === 'FACTORY'
) {
vm.bp_type_flag = false
delete vm.baseInfo.agent_username
......@@ -352,10 +355,10 @@ export default {
// this.hlsPopup.showError('清先保存基本信息')
// this.tabNum = oldVal
// }
if (newVal === 1 && !this.bp_id) {
this.hlsPopup.showError('请先保存基本信息')
this.tabNum = oldVal
}
if (newVal === 1 && !this.bp_id) {
this.hlsPopup.showError('请先保存基本信息')
this.tabNum = oldVal
}
},
},
created () {
......@@ -449,12 +452,12 @@ export default {
// debugger
if (this.flag) {
this.baseInfo.auth_flag = 'N'
this.lastInfo = { ...this.baseInfo, ...this.legal_personMsg, ...this.invoiceInfo }
this.lastInfo = {...this.baseInfo, ...this.legal_personMsg, ...this.invoiceInfo}
this.saveInfo = {...this.lastInfo, ...this.authMsg}
} else {
this.baseInfo.auth_flag = 'Y'
this.lastInfo = { ...this.baseInfo, ...this.authMsg, ...this.invoiceInfo }
this.saveInfo = { ...this.lastInfo, ...this.legal_personMsg }
this.lastInfo = {...this.baseInfo, ...this.authMsg, ...this.invoiceInfo}
this.saveInfo = {...this.lastInfo, ...this.legal_personMsg}
}
console.log('last', this.lastInfo, this.invoiceInfo)
let vm = this
......@@ -608,9 +611,9 @@ export default {
this.fileList.forEach((itemFile, index) => {
if (
result.response &&
itemFile.file &&
!itemFile.attachment_id &&
result.response.fileName === itemFile.file.name
itemFile.file &&
!itemFile.attachment_id &&
result.response.fileName === itemFile.file.name
) {
itemFile.attachment_id = result.response.attachment_id
}
......@@ -639,294 +642,312 @@ export default {
}
</script>
<style lang='less' scoped>
#base-info {
font-family: PingFangSC-Regular;
input::placeholder {
color: #b4b4b5;
}
.header {
background-color: #00469c;
color: #fff;
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
color: #fff;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.6px;
line-height: 24px;
}
}
}
#base-info {
font-family: PingFangSC-Regular;
.content {
margin-top: 3px;
height: 76%;
.font-color {
color: #656464;
input::placeholder {
color: #b4b4b5;
}
.martop {
margin-top: -10px;
}
.userInfo {
height: 40px;
line-height: 40px;
background-color: #fafafa;
color: #00469c;
font-size: 15px;
margin-left: 16px;
position: relative;
}
.userInfo::before {
content: "";
display: block;
width: 4px;
height: 20px;
.header {
background-color: #00469c;
position: absolute;
left: -15px;
top: 10px;
}
.types {
margin-top: 0;
}
.authorize {
width: 100%;
height: 32px;
display: flex;
flex-direction: row;
align-items: center;
background: rgba(0, 70, 156, 0.03);
.authorize-select {
// width: 48px;
height: 20px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #656464;
line-height: 20px;
margin-left: 16px;
}
.authorize-checklist {
width: 16px;
height: 16px;
margin-left: 8px;
div {
width: 100%;
height: 100%;
border: 1px solid #00469c;
border-radius: 3px;
color: #fff;
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
color: #fff;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.6px;
line-height: 24px;
}
}
}
.upload-id-cards {
height: 176px;
background-color: #fff;
span {
display: block;
.content {
margin-top: 3px;
height: 76%;
.font-color {
color: #656464;
}
.martop {
margin-top: -10px;
}
.userInfo {
height: 40px;
line-height: 40px;
background-color: #fafafa;
color: #00469c;
font-size: 15px;
margin-left: 16px;
padding-top: 16px;
font-size: 13px;
position: relative;
}
.userInfo::before {
content: "";
display: block;
width: 4px;
height: 20px;
background-color: #00469c;
position: absolute;
left: -15px;
top: 10px;
}
.types {
margin-top: 0;
}
.upload-box {
.authorize {
width: 100%;
height: 32px;
display: flex;
justify-content: center;
margin-top: 15px;
div {
width: 172px;
height: 120px;
border: 1px dashed #dcdcdd;
text-align: center;
font-size: 14px;
color: #b4b4b5;
.front,
.back {
flex-direction: row;
align-items: center;
background: rgba(0, 70, 156, 0.03);
.authorize-select {
// width: 48px;
height: 20px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #656464;
line-height: 20px;
margin-left: 16px;
}
.authorize-checklist {
width: 16px;
height: 16px;
margin-left: 8px;
div {
width: 100%;
height: 100%;
border: 1px solid #00469c;
border-radius: 3px;
}
}
}
.upload-id-cards {
height: 176px;
background-color: #fff;
span {
display: block;
color: #656464;
margin-left: 16px;
padding-top: 16px;
font-size: 13px;
}
.upload-box {
display: flex;
justify-content: center;
margin-top: 15px;
div {
width: 172px;
height: 120px;
border: 1px dashed #dcdcdd;
text-align: center;
font-size: 14px;
color: #b4b4b5;
.front,
.back {
width: 172px;
height: 120px;
}
}
div:nth-of-type(2) {
margin-left: 7px;
}
img {
margin-top: 32px;
width: 58px;
height: 45px;
}
p {
margin-top: 12px;
font-size: 13px;
}
}
div:nth-of-type(2) {
margin-left: 7px;
}
.upload-id-card {
height: 122px;
background-color: #fff;
span {
display: block;
color: #656464;
margin-left: 16px;
padding-top: 16px;
font-size: 13px;
}
img {
margin-top: 32px;
width: 58px;
height: 45px;
.upload-box1 {
width: 80px;
height: 80px;
border: 1px dashed #dcdcdd;
text-align: center;
margin-top: 8px;
margin-left: 16px;
img {
margin-top: 30px;
width: 25px;
height: 25px;
}
}
p {
margin-top: 12px;
}
.second-part {
margin-top: 9px;
.auto {
color: #b4b4b5;
}
}
.card2 {
padding-bottom: 8px;
height: auto;
background-color: #fff;
margin-bottom: 10px;
span {
color: #656464;
font-size: 13px;
line-height: 18px;
padding-top: 8px;
display: block;
margin-left: 16px;
}
.img-content {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.card-upload {
width: 80px;
height: 80px;
border: 1px dashed #dcdcdd;
display: flex;
justify-content: center;
align-items: center;
margin-top: 12px;
margin-left: 16px;
// float: left;
img {
width: 24px;
height: 24px;
}
}
}
}
.upload-id-card {
height: 122px;
.put {
width: 175px;
height: 45px;
color: #00469c;
border-radius: 4px;
border: 1px solid #00469c;
background-color: #fafafa;
}
.save {
width: 175px;
height: 45px;
color: #fff;
border-radius: 4px;
background-color: #00469c;
}
.footer-button {
//height: 88px;
padding-top: 15px;
padding-bottom: 15px;
}
.front,
.photo,
.backphoto,
.back {
display: none;
}
.modal-content {
width: 100%;
height: 75%;
position: absolute;
top: 25%;
background-color: #fff;
span {
display: block;
color: #656464;
margin-left: 16px;
padding-top: 16px;
font-size: 13px;
}
.upload-box1 {
width: 80px;
height: 80px;
border: 1px dashed #dcdcdd;
text-align: center;
margin-top: 8px;
margin-left: 16px;
overflow-y: scroll;
.modal-content-add-top {
width: 320px;
height: 34px;
line-height: 34px;
padding-top: 10px;
background-color: #fff;
padding-bottom: 40px;
position: fixed;
left: 28px;
span {
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #00469c;
letter-spacing: 0.47px;
}
img {
margin-top: 30px;
width: 25px;
height: 25px;
width: 34px;
height: 34px;
float: right;
}
}
}
.second-part {
margin-top: 9px;
.auto {
color: #b4b4b5;
}
}
// .card {
// padding-bottom: 8px;
// span {
// color: #656464;
// font-size: 18px;
// }
// .card-upload {
// width: 80px;
// height: 80px;
// border: 1px dashed #dcdcdd;
// display: flex;
// justify-content: center;
// align-items: center;
// margin-top: 12px;
// }
// img {
// width: 24px;
// height: 24px;
// }
// }
.card2 {
padding-bottom: 8px;
height: auto;
background-color: #fff;
margin-bottom: 10px;
span {
color: #656464;
font-size: 13px;
line-height: 18px;
padding-top: 8px;
.addBack {
display: block;
margin-left: 16px;
}
.img-content {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
width: 320px;
margin: 0 auto;
margin-top: 50px;
border-radius: 6px;
margin-bottom: 17px;
}
.card-upload {
width: 80px;
height: 80px;
border: 1px dashed #dcdcdd;
display: flex;
justify-content: center;
align-items: center;
margin-top: 12px;
margin-left: 16px;
// float: left;
img {
width: 24px;
height: 24px;
}
.card-Info {
margin-bottom: 220px;
}
}
}
.put {
width: 175px;
height: 45px;
color: #00469c;
border-radius: 4px;
border: 1px solid #00469c;
background-color: #fafafa;
}
.save {
width: 175px;
height: 45px;
color: #fff;
border-radius: 4px;
background-color: #00469c;
}
.footer-button {
//height: 88px;
padding-top: 15px;
padding-bottom: 15px;
}
.front,
.photo,
.backphoto,
.back {
display: none;
}
}
.modal-content {
width: 100%;
height: 71%;
position: absolute;
top: 29%;
background-color: #fff;
.modal-content-add-top {
width: 320px;
margin: 0 auto;
height: 34px;
line-height: 34px;
margin-top: 10px;
margin-bottom: 16px;
span {
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #00469c;
letter-spacing: 0.47px;
}
img {
width: 34px;
height: 34px;
float: right;
.add-card {
width: 358px;
height: 40px;
background: #00469c;
border-radius: 4px;
color: #fff;
}
}
.addBack {
display: block;
width: 320px;
margin: 0 auto;
border-radius: 6px;
margin-bottom: 17px;
.modal {
background-color: rgba(0, 0, 0, 0) !important;
}
.card-Info {
margin-bottom: 220px;
}
}
.add-card {
width: 358px;
height: 40px;
background: #00469c;
border-radius: 4px;
color: #fff;
// margin-top:-35px;
}
.modal {
background-color: rgba(0, 0, 0, 0) !important;
}
// .add-box{
// height: 88px;
// }
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment