Skip to content

H
hls-xcmg-vue-app
Commit f2930a8a authored by linxin's avatar linxin
Browse files
Options

长字数换行

parent 1249fff2
Hide whitespace changes
Inline Side-by-side
Showing with 504 additions and 344 deletions
src/pages/userBind/np/invoiceInfo.vue
View file @ f2930a8a
...@@ -30,16 +30,25 @@ ...@@ -30,16 +30,25 @@
</item> </item>
<item> <item>
<div slot="name">发票地址及电话</div> <div slot="name">发票地址及电话</div>
<input slot="content" v-model="invoiceInfo.invoice_bp_address_phone_num" type="text" placeholder="请输入发票地址及电话" > <textarea
slot="content"
ref="myTestarea"
v-model="invoiceInfo.invoice_bp_address_phone_num"
cols="30" rows="1" type="text" placeholder="请输入发票地址及电话"
@input="addRows(invoiceInfo.invoice_bp_address_phone_num)" />
</item> </item>
<item> <item>
<div slot="name">发票开户行及账号</div> <div slot="name">发票开户行及账号</div>
<input <textarea
slot="content" slot="content"
ref="myTestareaLive"
v-model="invoiceInfo.invoice_bp_bank_account" v-model="invoiceInfo.invoice_bp_bank_account"
cols="30"
rows="1"
type="text" type="text"
placeholder="请输入发票开户行及账号" placeholder="请输入发票开户行及账号"
> @input="addRowsLive(invoiceInfo.invoice_bp_bank_account)"
/>
</item> </item>
</list-item> </list-item>
</template> </template>
...@@ -85,6 +94,22 @@ export default { ...@@ -85,6 +94,22 @@ export default {
this.sendList() this.sendList()
}, },
methods: { methods: {
addRows (e) {
let addNum = parseInt(e.length / 25)
if (addNum === 0) {
this.$refs.myTestarea.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestarea.rows = addNum + 1
}
},
addRowsLive (e) {
let addNum = parseInt(e.length / 25)
if (addNum === 0) {
this.$refs.myTestareaLive.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestareaLive.rows = addNum + 1
}
},
getInvoiceType () { getInvoiceType () {
let vm = this let vm = this
let url = process.env.basePath + 'bp_invoice_kind_query' let url = process.env.basePath + 'bp_invoice_kind_query'
......
src/pages/userBind/org/enterprise.vue
View file @ f2930a8a
...@@ -9,11 +9,11 @@ ...@@ -9,11 +9,11 @@
<h-view id="base-info" class="public-style" title="基本信息"> <h-view id="base-info" class="public-style" title="基本信息">
<h-header :proportion="[5,1,1]" class="header"> <h-header :proportion="[5,1,1]" class="header">
<div slot="left" class="h-header-btn" @click="$routeGo()"> <div slot="left" class="h-header-btn" @click="$routeGo()">
<img src="@/assets/userBind/arrow.png"> <img src="@/assets/userBind/arrow.png" >
<span>用户绑定</span> <span>用户绑定</span>
</div> </div>
</h-header> </h-header>
<Tab :tabNum="tabNum" @getTabNum="getTabNum"/> <Tab :tabNum="tabNum" @getTabNum="getTabNum" />
<h-content class="content"> <h-content class="content">
<div v-show="tabNum==0"> <div v-show="tabNum==0">
<list-item :item-height="44"> <list-item :item-height="44">
...@@ -30,7 +30,12 @@ ...@@ -30,7 +30,12 @@
</item> </item>
<item v-if="bp_type_flag"> <item v-if="bp_type_flag">
<div slot="name">{{ typeName }}</div> <div slot="name">{{ typeName }}</div>
<input v-if="bpClass_flag" slot="content" :placeholder="type" v-model="baseInfo.agent_username" > <input
v-if="bpClass_flag"
slot="content"
:placeholder="type"
v-model="baseInfo.agent_username"
>
<!-- <input v-if="!bpClass_flag" slot="content" :placeholder="type" v-model="baseInfo.business_license_num" > --> <!-- <input v-if="!bpClass_flag" slot="content" :placeholder="type" v-model="baseInfo.business_license_num" > -->
</item> </item>
</list-item> </list-item>
...@@ -39,10 +44,14 @@ ...@@ -39,10 +44,14 @@
<span class="font-color">营业执照照片上传</span> <span class="font-color">营业执照照片上传</span>
<div class="upload-box1"> <div class="upload-box1">
<div v-if="!licenseImg" @click="ocrShow('license', '')"> <div v-if="!licenseImg" @click="ocrShow('license', '')">
<img src="@/assets/userBind/camera.png"> <img src="@/assets/userBind/camera.png" >
</div> </div>
<div v-if="licenseImg && !isApproved" @click="ocrShow('license', '')" style="width: 100%;height: 100%"> <div
<img :src="licenseImg" style="width: 100%;height: 100%;margin: 0"> v-if="licenseImg && !isApproved"
style="width: 100%;height: 100%"
@click="ocrShow('license', '')"
>
<img :src="licenseImg" style="width: 100%;height: 100%;margin: 0" >
</div> </div>
</div> </div>
</div> </div>
...@@ -53,8 +62,12 @@ ...@@ -53,8 +62,12 @@
<item> <item>
<div slot="name" class="font-color required">公司名称</div> <div slot="name" class="font-color required">公司名称</div>
<input <input
slot="content" v-model="baseInfo.bp_name" readonly placeholder="上传营业执照自动填充" slot="content"
class="auto"> v-model="baseInfo.bp_name"
readonly
placeholder="上传营业执照自动填充"
class="auto"
>
</item> </item>
<item> <item>
<div slot="name" class="font-color required">企业类型</div> <div slot="name" class="font-color required">企业类型</div>
...@@ -69,27 +82,46 @@ ...@@ -69,27 +82,46 @@
<item> <item>
<div slot="name" class="font-color required">统一社会信用代码</div> <div slot="name" class="font-color required">统一社会信用代码</div>
<input <input
slot="content" v-model="baseInfo.organization_code" readonly placeholder="上传营业执照自动填充" slot="content"
class="auto"> v-model="baseInfo.organization_code"
readonly
placeholder="上传营业执照自动填充"
class="auto"
>
</item> </item>
<item> <item>
<div slot="name" class="font-color required">注册资本</div> <div slot="name" class="font-color required">注册资本</div>
<input <input
slot="content" v-model="baseInfo.registered_capital" readonly slot="content"
v-model="baseInfo.registered_capital"
readonly
placeholder="上传营业执照自动填充" placeholder="上传营业执照自动填充"
class="auto"> class="auto"
>
</item> </item>
<item> <item>
<div slot="name" class="font-color required">法定代表人</div> <div slot="name" class="font-color required">法定代表人</div>
<input <input
slot="content" v-model="baseInfo.legal_person" readonly placeholder="上传营业执照自动填充" slot="content"
class="auto"> v-model="baseInfo.legal_person"
readonly
placeholder="上传营业执照自动填充"
class="auto"
>
</item> </item>
<item> <item>
<div slot="name" class="font-color required">注册地址</div> <div slot="name" class="font-color required">注册地址</div>
<input <textarea
slot="content" v-model="baseInfo.registered_place" readonly class="auto" slot="content"
placeholder="上传营业执照自动填充"> ref="myTestarea"
v-model="baseInfo.registered_place"
cols="30"
rows="1"
readonly
class="auto"
placeholder="上传营业执照自动填充"
@input="addRows(baseInfo.registered_place)"
/>
</item> </item>
<item :showArrow="true"> <item :showArrow="true">
<div slot="name" class="required">省份</div> <div slot="name" class="required">省份</div>
...@@ -102,7 +134,8 @@ ...@@ -102,7 +134,8 @@
onfocus="this.blur()" onfocus="this.blur()"
@click="selectProvince()" @click="selectProvince()"
> >
</item><item :showArrow="true"> </item>
<item :showArrow="true">
<div slot="name" class="required">城市</div> <div slot="name" class="required">城市</div>
<input <input
slot="content" slot="content"
...@@ -113,7 +146,8 @@ ...@@ -113,7 +146,8 @@
onfocus="this.blur()" onfocus="this.blur()"
@click="selectCity()" @click="selectCity()"
> >
</item><item :showArrow="true"> </item>
<item :showArrow="true">
<div slot="name" class="required">区县</div> <div slot="name" class="required">区县</div>
<input <input
slot="content" slot="content"
...@@ -127,11 +161,19 @@ ...@@ -127,11 +161,19 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color required">经营地址</div> <div slot="name" class="font-color required">经营地址</div>
<input slot="content" v-model="baseInfo.business_address" placeholder="请输入经营地址"> <textarea
slot="content"
ref="myTestareaLive"
v-model="baseInfo.business_address"
cols="34"
rows="1"
placeholder="请输入经营地址"
@input="addRowsLive(baseInfo.business_address)"
/>
</item> </item>
<item> <item>
<div slot="name" class="font-color required">固定电话</div> <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> </item>
</list-item> </list-item>
...@@ -140,8 +182,8 @@ ...@@ -140,8 +182,8 @@
<div class="authorize"> <div class="authorize">
<p class="authorize-select font-color">是否授权</p> <p class="authorize-select font-color">是否授权</p>
<div class="authorize-checklist" @click="authorizeChange"> <div class="authorize-checklist" @click="authorizeChange">
<div v-if="flag"/> <div v-if="flag" />
<img v-if="!flag" src="@/assets/userBind/org/checklist.png" alt> <img v-if="!flag" src="@/assets/userBind/org/checklist.png" alt >
</div> </div>
</div> </div>
<div class="userInfo types">{{ text }}</div> <div class="userInfo types">{{ text }}</div>
...@@ -149,18 +191,18 @@ ...@@ -149,18 +191,18 @@
<span>身份证照片上传</span> <span>身份证照片上传</span>
<div class="upload-box"> <div class="upload-box">
<div v-if="!idCardFront" @click="ocrShow('idCard', 'front')"> <div v-if="!idCardFront" @click="ocrShow('idCard', 'front')">
<img src="@/assets/userBind/org/front.png"> <img src="@/assets/userBind/org/front.png" >
<p>正面</p> <p>正面</p>
</div> </div>
<div v-if="idCardFront && !isApproved" @click="ocrShow('idCard', 'front')"> <div v-if="idCardFront && !isApproved" @click="ocrShow('idCard', 'front')">
<img :src="idCardFront" style="width: 100%;height: 100%;margin: 0"> <img :src="idCardFront" style="width: 100%;height: 100%;margin: 0" >
</div> </div>
<div v-if="!idCardBack" @click="ocrShow('idCard', 'back')"> <div v-if="!idCardBack" @click="ocrShow('idCard', 'back')">
<img src="@/assets/userBind/org/back.png"> <img src="@/assets/userBind/org/back.png" >
<p>反面</p> <p>反面</p>
</div> </div>
<div v-if="idCardBack && !isApproved" @click="ocrShow('idCard', 'back')"> <div v-if="idCardBack && !isApproved" @click="ocrShow('idCard', 'back')">
<img :src="idCardBack" style="width: 100%;height: 100%;margin: 0"> <img :src="idCardBack" style="width: 100%;height: 100%;margin: 0" >
</div> </div>
</div> </div>
</div> </div>
...@@ -190,11 +232,11 @@ ...@@ -190,11 +232,11 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color required">公司职务</div> <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>
<item> <item>
<div slot="name" class="font-color required">授权事项</div> <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> </item>
</list-item> </list-item>
...@@ -204,29 +246,45 @@ ...@@ -204,29 +246,45 @@
<item> <item>
<div slot="name" class="font-color required">姓名</div> <div slot="name" class="font-color required">姓名</div>
<input <input
slot="content" v-model="baseInfo.legal_person" readonly placeholder="上传身份证自动填充" slot="content"
class="auto"> v-model="baseInfo.legal_person"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item> </item>
<item> <item>
<div slot="name" class="font-color required">身份证号</div> <div slot="name" class="font-color required">身份证号</div>
<input <input
slot="content" v-model="legal_personMsg.id_card_no" readonly placeholder="上传身份证自动填充" slot="content"
class="auto"> v-model="legal_personMsg.id_card_no"
readonly
placeholder="上传身份证自动填充"
class="auto"
>
</item> </item>
<item> <item>
<div slot="name" class="font-color required">手机号</div> <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>
<item> <item>
<div slot="name" class="font-color required">居住地址</div> <div slot="name" class="font-color required">居住地址</div>
<input slot="content" v-model="legal_personMsg.living_address" placeholder="请输入居住地址"> <textarea
ref="address"
slot="content"
v-model="legal_personMsg.living_address"
cols="30"
rows="1"
placeholder="请输入居住地址"
@input="addAddressRows(legal_personMsg.living_address)"
/>
</item> </item>
</list-item> </list-item>
<div v-if="!flag" class="upload-id-card"> <div v-if="!flag" class="upload-id-card">
<span>授权书证件上传</span> <span>授权书证件上传</span>
<div class="upload-box1"> <div class="upload-box1">
<!-- <div> --> <!-- <div> -->
<img src="@/assets/userBind/camera.png"> <img src="@/assets/userBind/camera.png" >
<!-- </div> --> <!-- </div> -->
</div> </div>
</div> </div>
...@@ -238,7 +296,7 @@ ...@@ -238,7 +296,7 @@
<span>房产证件</span> <span>房产证件</span>
<div class="img-content"> <div class="img-content">
<div class="card-upload"> <div class="card-upload">
<img src="@/assets/userBind/camera.png"> <img src="@/assets/userBind/camera.png" >
</div> </div>
</div> </div>
</div> </div>
...@@ -246,7 +304,7 @@ ...@@ -246,7 +304,7 @@
<span>车辆证件</span> <span>车辆证件</span>
<div class="img-content"> <div class="img-content">
<div class="card-upload"> <div class="card-upload">
<img src="@/assets/userBind/camera.png"> <img src="@/assets/userBind/camera.png" >
</div> </div>
</div> </div>
</div> </div>
...@@ -254,16 +312,20 @@ ...@@ -254,16 +312,20 @@
<span>其他资产证件</span> <span>其他资产证件</span>
<div class="img-content"> <div class="img-content">
<div class="card-upload"> <div class="card-upload">
<img src="@/assets/userBind/camera.png"> <img src="@/assets/userBind/camera.png" >
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- <BankInfo v-show="tabNum==1" :bp_id="bp_id" @getInfo="getInfo" /> --> <!-- <BankInfo v-show="tabNum==1" :bp_id="bp_id" @getInfo="getInfo" /> -->
<BankInfo v-show="tabNum==1" :getBankList="getBankList" @getInfo="getInfo"/> <BankInfo v-show="tabNum==1" :getBankList="getBankList" @getInfo="getInfo" />
<InvoiceInfo <InvoiceInfo
v-show="tabNum==2" :tabNum="tabNum" :baseInfo="baseInfo" :orgCode="baseInfo.organization_code" v-show="tabNum==2"
@getinvoiceList="getinvoiceList"/> :tabNum="tabNum"
:baseInfo="baseInfo"
:orgCode="baseInfo.organization_code"
@getinvoiceList="getinvoiceList"
/>
</h-content> </h-content>
<bottom-tab class="footer-button"> <bottom-tab class="footer-button">
<tab-button :class="[isApproved?'put-approved':'put']" @click.native="handSubmit">提交</tab-button> <tab-button :class="[isApproved?'put-approved':'put']" @click.native="handSubmit">提交</tab-button>
...@@ -274,12 +336,21 @@ ...@@ -274,12 +336,21 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-content-add-top"> <div class="modal-content-add-top">
<span>添加银行卡</span> <span>添加银行卡</span>
<img src="@/assets/userBind/close.png" @click="hideModal"> <img src="@/assets/userBind/close.png" @click="hideModal" >
</div> </div>
<img v-if="!bankImg" src="@/assets/userBind/addBack.png" class="addBack" @click="ocrShow('bankCard', '')">
<img <img
v-if="bankImg && !isApproved" :src="bankImg" class="addBack" style="height: 38%;" v-if="!bankImg"
@click="ocrShow('bankCard', '')"> src="@/assets/userBind/addBack.png"
class="addBack"
@click="ocrShow('bankCard', '')"
>
<img
v-if="bankImg && !isApproved"
:src="bankImg"
class="addBack"
style="height: 38%;"
@click="ocrShow('bankCard', '')"
>
<list-item :item-height="44" class="card-Info"> <list-item :item-height="44" class="card-Info">
<item> <item>
<div slot="name">银行卡卡号</div> <div slot="name">银行卡卡号</div>
...@@ -292,11 +363,7 @@ ...@@ -292,11 +363,7 @@
</item> </item>
<item> <item>
<div slot="name">账户姓名</div> <div slot="name">账户姓名</div>
<input <input slot="content" v-model="bank_lists.bank_account_name" placeholder="请输入账户名称" >
slot="content"
v-model="bank_lists.bank_account_name"
placeholder="请输入账户名称"
>
</item> </item>
<item> <item>
<div slot="name">银行名称</div> <div slot="name">银行名称</div>
...@@ -309,11 +376,7 @@ ...@@ -309,11 +376,7 @@
</item> </item>
<item> <item>
<div slot="name">支行名称</div> <div slot="name">支行名称</div>
<input <input slot="content" v-model="bank_lists.bank_branch_name" placeholder="请输入支行名称" >
slot="content"
v-model="bank_lists.bank_branch_name"
placeholder="请输入支行名称"
>
</item> </item>
</list-item> </list-item>
</div> </div>
...@@ -432,8 +495,8 @@ export default { ...@@ -432,8 +495,8 @@ export default {
// vm.baseInfo.agent_username = '' // vm.baseInfo.agent_username = ''
} else if ( } else if (
vm.baseInfo.bp_type === 'AGENT' || vm.baseInfo.bp_type === 'AGENT' ||
vm.baseInfo.bp_type === 'OFFICE' || vm.baseInfo.bp_type === 'OFFICE' ||
vm.baseInfo.bp_type === 'FACTORY' vm.baseInfo.bp_type === 'FACTORY'
) { ) {
vm.bp_type_flag = false vm.bp_type_flag = false
// vm.typeName = '营业执照' // vm.typeName = '营业执照'
...@@ -457,8 +520,8 @@ export default { ...@@ -457,8 +520,8 @@ export default {
this.bpClass_flag = false this.bpClass_flag = false
} }
}, },
'tabNum': function (newVal, oldVal) { tabNum: function (newVal, oldVal) {
if ((newVal === 1 && !this.bp_id) && !this.from) { if (newVal === 1 && !this.bp_id && !this.from) {
this.hlsPopup.showError('请先保存基本信息') this.hlsPopup.showError('请先保存基本信息')
this.tabNum = oldVal this.tabNum = oldVal
} }
...@@ -500,18 +563,42 @@ export default { ...@@ -500,18 +563,42 @@ export default {
} }
}) })
}, },
addRows (e) {
let addNum = parseInt(e.length / 25)
if (addNum === 0) {
this.$refs.myTestarea.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestarea.rows = addNum + 1
}
},
addRowsLive (e) {
let addNum = parseInt(e.length / 25)
if (addNum === 0) {
this.$refs.myTestareaLive.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestareaLive.rows = addNum + 1
}
},
addAddressRows (e) {
let addNum = parseInt(e.length / 25)
if (addNum === 0) {
this.$refs.address.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.address.rows = addNum + 1
}
},
handSubmit () { handSubmit () {
if (this.bp_id) { if (this.bp_id) {
this.hlsPopup.showConfirm({ this.hlsPopup.showConfirm({
title: '提示', title: '提示',
content: '您确认提交吗？', content: '您确认提交吗？',
onConfirm: (data) => { onConfirm: data => {
console.log(data) console.log(data)
if (data) { if (data) {
let url = $config.basePath + 'bp_bind_submit' let url = $config.basePath + 'bp_bind_submit'
let param = { let param = {
master: { master: {
// bp_id: window.localStorage.getItem('user_id'), // bp_id: window.localStorage.getItem('user_id'),
bp_id: this.bp_id, bp_id: this.bp_id,
company_id: '2145', company_id: '2145',
}, },
...@@ -537,7 +624,7 @@ export default { ...@@ -537,7 +624,7 @@ export default {
this.hlsPopup.showConfirm({ this.hlsPopup.showConfirm({
title: '提示', title: '提示',
content: '您确认添加吗？', content: '您确认添加吗？',
onConfirm: (data) => { onConfirm: data => {
console.log(data) console.log(data)
if (data) { if (data) {
for (var key in this.bank_lists) { for (var key in this.bank_lists) {
...@@ -569,15 +656,14 @@ export default { ...@@ -569,15 +656,14 @@ export default {
} }
let url = $config.basePath + 'bp_bank_save' let url = $config.basePath + 'bp_bank_save'
let param = { let param = {
master: {
'master': { bp_id: id,
'bp_id': id, bank_lists: [this.bank_lists],
'bank_lists': [this.bank_lists],
}, },
} }
let vm = this let vm = this
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
// console.log(res) // console.log(res)
if (res.result === 'S') { if (res.result === 'S') {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
vm.showModalValue = false vm.showModalValue = false
...@@ -608,8 +694,12 @@ export default { ...@@ -608,8 +694,12 @@ export default {
} }
this.baseInfo.auth_flag = 'N' this.baseInfo.auth_flag = 'N'
this.lastInfo = {...this.baseInfo, ...this.legal_personMsg} this.lastInfo = { ...this.baseInfo, ...this.legal_personMsg }
this.saveInfo = {...this.lastInfo, ...this.authMsg, ...this.invoiceInfo} this.saveInfo = {
...this.lastInfo,
...this.authMsg,
...this.invoiceInfo,
}
this.saveInfo.auth_flag = 'N' this.saveInfo.auth_flag = 'N'
} else { } else {
// this.flag = false // this.flag = false
...@@ -618,8 +708,12 @@ export default { ...@@ -618,8 +708,12 @@ export default {
} }
this.baseInfo.auth_flag = 'Y' this.baseInfo.auth_flag = 'Y'
this.lastInfo = {...this.baseInfo, ...this.authMsg} this.lastInfo = { ...this.baseInfo, ...this.authMsg }
this.saveInfo = {...this.lastInfo, ...this.legal_personMsg, ...this.invoiceInfo} this.saveInfo = {
...this.lastInfo,
...this.legal_personMsg,
...this.invoiceInfo,
}
this.saveInfo.auth_flag = 'Y' this.saveInfo.auth_flag = 'Y'
} }
console.log('last', this.lastInfo, this.invoiceInfo) console.log('last', this.lastInfo, this.invoiceInfo)
...@@ -792,7 +886,7 @@ export default { ...@@ -792,7 +886,7 @@ export default {
vm.hlsPopup.showLoading('请稍后') vm.hlsPopup.showLoading('请稍后')
let url = $config.basePath + 'bp_org_bind_save' let url = $config.basePath + 'bp_org_bind_save'
let param = { let param = {
'master': vm.saveInfo, master: vm.saveInfo,
} }
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
console.log(res) console.log(res)
...@@ -857,7 +951,7 @@ export default { ...@@ -857,7 +951,7 @@ export default {
}, },
selectDistrict (e) { selectDistrict (e) {
let vm = this let vm = this
if ((vm.baseInfo.city_id === '') || (vm.baseInfo.province_id === '')) { if (vm.baseInfo.city_id === '' || vm.baseInfo.province_id === '') {
hlsPopup.showLongCenter('请先选择城市') hlsPopup.showLongCenter('请先选择城市')
} }
vm.hlsPopup.selectList({ vm.hlsPopup.selectList({
...@@ -935,7 +1029,10 @@ export default { ...@@ -935,7 +1029,10 @@ export default {
returnItem: function (index, obj) { returnItem: function (index, obj) {
vm.baseInfo.bp_type = obj.bp_type vm.baseInfo.bp_type = obj.bp_type
vm.baseInfo.bp_type_n = obj.bp_type_n vm.baseInfo.bp_type_n = obj.bp_type_n
if (vm.baseInfo.bp_type === 'TENANT' || vm.baseInfo.bp_type === 'GUTA') { if (
vm.baseInfo.bp_type === 'TENANT' ||
vm.baseInfo.bp_type === 'GUTA'
) {
vm.bp_type_flag = true vm.bp_type_flag = true
} }
}, },
...@@ -949,9 +1046,9 @@ export default { ...@@ -949,9 +1046,9 @@ export default {
this.fileList.forEach((itemFile, index) => { this.fileList.forEach((itemFile, index) => {
if ( if (
result.response && result.response &&
itemFile.file && itemFile.file &&
!itemFile.attachment_id && !itemFile.attachment_id &&
result.response.fileName === itemFile.file.name result.response.fileName === itemFile.file.name
) { ) {
itemFile.attachment_id = result.response.attachment_id itemFile.attachment_id = result.response.attachment_id
} }
...@@ -968,12 +1065,14 @@ export default { ...@@ -968,12 +1065,14 @@ export default {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
console.log('客户类型。。。。。。', res.lists) console.log('客户类型。。。。。。', res.lists)
vm.typeList = res.lists.filter(item => item.bp_type !== 'OFFICE').map(item => { vm.typeList = res.lists
return { .filter(item => item.bp_type !== 'OFFICE')
code: item.bp_type, .map(item => {
code_name: item.bp_type_n, return {
} code: item.bp_type,
}) code_name: item.bp_type_n,
}
})
// vm.typeList = res.lists.map(item => { // vm.typeList = res.lists.map(item => {
// return { // return {
// code: item.bp_type, // code: item.bp_type,
...@@ -994,7 +1093,7 @@ export default { ...@@ -994,7 +1093,7 @@ export default {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
delete res.info.bp_id delete res.info.bp_id
vm.baseInfo = {...res.info} vm.baseInfo = { ...res.info }
vm.authMsg.auth_person_name = res.info.auth_person_name vm.authMsg.auth_person_name = res.info.auth_person_name
vm.authMsg.auth_person_matter = res.info.auth_person_matter vm.authMsg.auth_person_matter = res.info.auth_person_matter
vm.authMsg.auth_person_id_card = res.info.auth_person_id_card vm.authMsg.auth_person_id_card = res.info.auth_person_id_card
...@@ -1035,7 +1134,9 @@ export default { ...@@ -1035,7 +1134,9 @@ export default {
} }
let success = function (imgdata) { let success = function (imgdata) {
if (ocrType === 'idCard') { if (ocrType === 'idCard') {
type === 'front' ? vm.idCardFront = imgdata : vm.idCardBack = imgdata type === 'front'
? (vm.idCardFront = imgdata)
: (vm.idCardBack = imgdata)
vm.idCardIdentify(imgdata) vm.idCardIdentify(imgdata)
} else if (ocrType === 'bankCard') { } else if (ocrType === 'bankCard') {
vm.bankImg = imgdata vm.bankImg = imgdata
...@@ -1060,7 +1161,9 @@ export default { ...@@ -1060,7 +1161,9 @@ export default {
} }
let success = function (imgUrl) { let success = function (imgUrl) {
if (ocrType === 'idCard') { if (ocrType === 'idCard') {
type === 'front' ? vm.idCardFront = imgUrl[0] : vm.idCardBack = imgUrl[0] type === 'front'
? (vm.idCardFront = imgUrl[0])
: (vm.idCardBack = imgUrl[0])
vm.idCardIdentify(imgUrl[0]) vm.idCardIdentify(imgUrl[0])
} else if (ocrType === 'bankCard') { } else if (ocrType === 'bankCard') {
vm.bankImg = imgUrl[0] vm.bankImg = imgUrl[0]
...@@ -1083,10 +1186,12 @@ export default { ...@@ -1083,10 +1186,12 @@ export default {
hlsUtil.baiduOcr(fileUrl, url, function (res) { hlsUtil.baiduOcr(fileUrl, url, function (res) {
hlsPopup.hideLoading() hlsPopup.hideLoading()
let result = res.result.words_result let result = res.result.words_result
if (vm.flag) { // 未授权 姓名，身份证号 if (vm.flag) {
// 未授权 姓名，身份证号
vm.baseInfo.legal_person = result.姓名.words vm.baseInfo.legal_person = result.姓名.words
vm.legal_personMsg.id_card_no = result.公民身份号码.words vm.legal_personMsg.id_card_no = result.公民身份号码.words
} else { // 已授权 姓名，身份证号 } else {
// 已授权 姓名，身份证号
vm.authMsg.auth_person_name = result.姓名.words vm.authMsg.auth_person_name = result.姓名.words
vm.authMsg.auth_person_id_card = result.公民身份号码.words vm.authMsg.auth_person_id_card = result.公民身份号码.words
} }
...@@ -1125,318 +1230,325 @@ export default { ...@@ -1125,318 +1230,325 @@ export default {
} }
</script> </script>
<style lang='less'> <style lang='less'>
#base-info { #base-info {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
input::placeholder {
color: #b4b4b5;
}
textarea::placeholder {
color: #b4b4b5;
}
textarea {
// height: 28px;
text-align: right;
// padding-top:16px;
}
.header {
background-color: #00469c;
color: #fff;
input::placeholder { .h-header-btn {
color: #b4b4b5; 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;
}
} }
}
.header { .content {
background-color: #00469c; margin-top: 3px;
color: #fff; height: 76%;
.h-header-btn { .font-color {
img { color: #656464;
width: 16px; }
height: 16px;
margin-left: 4px;
}
span { .martop {
font-family: PingFangSC-Semibold; margin-top: -10px;
color: #fff;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.6px;
line-height: 24px;
}
}
} }
.content { .userInfo {
margin-top: 3px; height: 40px;
height: 76%; line-height: 40px;
background-color: #fafafa;
color: #00469c;
font-size: 15px;
margin-left: 16px;
position: relative;
}
.font-color { .userInfo::before {
color: #656464; content: "";
} display: block;
width: 4px;
height: 20px;
background-color: #00469c;
position: absolute;
left: -15px;
top: 10px;
}
.martop { .types {
margin-top: -10px; margin-top: 0;
} }
.userInfo { .authorize {
height: 40px; width: 100%;
line-height: 40px; height: 32px;
background-color: #fafafa; display: flex;
color: #00469c; flex-direction: row;
font-size: 15px; align-items: center;
margin-left: 16px; background: rgba(0, 70, 156, 0.03);
position: relative;
}
.userInfo::before { .authorize-select {
content: ""; // width: 48px;
display: block;
width: 4px;
height: 20px; height: 20px;
background-color: #00469c; font-family: PingFangSC-Regular;
position: absolute; font-size: 12px;
left: -15px; color: #656464;
top: 10px; line-height: 20px;
} margin-left: 16px;
.types {
margin-top: 0;
} }
.authorize { .authorize-checklist {
width: 100%; width: 16px;
height: 32px; height: 16px;
display: flex; margin-left: 8px;
flex-direction: row;
align-items: center;
background: rgba(0, 70, 156, 0.03);
.authorize-select { div {
// width: 48px; width: 100%;
height: 20px; height: 100%;
font-family: PingFangSC-Regular; border: 1px solid #00469c;
font-size: 12px; border-radius: 3px;
color: #656464;
line-height: 20px;
margin-left: 16px;
} }
}
}
.authorize-checklist { .upload-id-cards {
width: 16px; height: 176px;
height: 16px; background-color: #fff;
margin-left: 8px;
div { span {
width: 100%; display: block;
height: 100%; color: #656464;
border: 1px solid #00469c; margin-left: 16px;
border-radius: 3px; padding-top: 16px;
} font-size: 13px;
}
} }
.upload-id-cards { .upload-box {
height: 176px; display: flex;
background-color: #fff; justify-content: center;
margin-top: 15px;
span {
display: block;
color: #656464;
margin-left: 16px;
padding-top: 16px;
font-size: 13px;
}
.upload-box { div {
display: flex; width: 172px;
justify-content: center; height: 120px;
margin-top: 15px; border: 1px dashed #dcdcdd;
text-align: center;
font-size: 14px;
color: #b4b4b5;
div { .front,
.back {
width: 172px; width: 172px;
height: 120px; 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) { div:nth-of-type(2) {
margin-left: 7px; margin-left: 7px;
} }
img { img {
margin-top: 32px; margin-top: 32px;
width: 58px; width: 58px;
height: 45px; height: 45px;
} }
p { p {
margin-top: 12px; margin-top: 12px;
font-size: 13px; font-size: 13px;
}
} }
} }
}
.upload-id-card { .upload-id-card {
height: 122px; height: 122px;
background-color: #fff; background-color: #fff;
span { span {
display: block; display: block;
color: #656464; color: #656464;
margin-left: 16px; margin-left: 16px;
padding-top: 16px; padding-top: 16px;
font-size: 13px; font-size: 13px;
} }
.upload-box1 { .upload-box1 {
width: 80px; width: 80px;
height: 80px; height: 80px;
border: 1px dashed #dcdcdd; border: 1px dashed #dcdcdd;
text-align: center; text-align: center;
margin-top: 8px; margin-top: 8px;
margin-left: 16px; margin-left: 16px;
img { img {
margin-top: 30px; margin-top: 30px;
width: 25px; width: 25px;
height: 25px; height: 25px;
}
} }
} }
}
.second-part { .second-part {
margin-top: 9px; margin-top: 9px;
.auto { .auto {
color: #b4b4b5; color: #b4b4b5;
}
} }
.card2 { }
padding-bottom: 8px; .card2 {
height: auto; padding-bottom: 8px;
background-color: #fff; height: auto;
margin-bottom: 10px; background-color: #fff;
margin-bottom: 10px;
span { span {
color: #656464; color: #656464;
font-size: 13px; font-size: 13px;
line-height: 18px; line-height: 18px;
padding-top: 8px; padding-top: 8px;
display: block; display: block;
margin-left: 16px; margin-left: 16px;
} }
.img-content { .img-content {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
} }
.card-upload { .card-upload {
width: 80px; width: 80px;
height: 80px; height: 80px;
border: 1px dashed #dcdcdd; border: 1px dashed #dcdcdd;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 12px; margin-top: 12px;
margin-left: 16px; margin-left: 16px;
// float: left; // float: left;
img { img {
width: 24px; width: 24px;
height: 24px; height: 24px;
}
} }
} }
} }
}
.put { .put {
width: 175px; width: 175px;
height: 45px; height: 45px;
color: #00469c; color: #00469c;
border-radius: 4px; border-radius: 4px;
border: 1px solid #00469c; border: 1px solid #00469c;
background-color: #fafafa; background-color: #fafafa;
} }
.put-approved{ .put-approved {
width: 90%; width: 90%;
height: 45px;
color: #fff;
border-radius: 4px;
background-color: #00469c;
}
.save {
width: 175px;
height: 45px; height: 45px;
color: #fff; color: #fff;
border-radius: 4px; border-radius: 4px;
background-color: #00469c; background-color: #00469c;
} }
.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;
overflow-y: scroll;
.modal-content-add-top { .footer-button {
width: 320px; //height: 88px;
height: 34px; padding-top: 15px;
line-height: 34px; padding-bottom: 15px;
padding-top: 10px; }
background-color: #fff;
padding-bottom: 40px;
position: fixed;
left: 28px;
span { .front,
font-family: PingFangSC-Semibold; .photo,
font-size: 15px; .backphoto,
color: #00469c; .back {
letter-spacing: 0.47px; display: none;
} }
.modal-content {
width: 100%;
height: 75%;
position: absolute;
top: 25%;
background-color: #fff;
overflow-y: scroll;
img { .modal-content-add-top {
width: 34px; width: 320px;
height: 34px; height: 34px;
float: right; line-height: 34px;
} padding-top: 10px;
} background-color: #fff;
padding-bottom: 40px;
position: fixed;
left: 28px;
.addBack { span {
display: block; font-family: PingFangSC-Semibold;
width: 320px; font-size: 15px;
margin: 0 auto; color: #00469c;
margin-top: 50px; letter-spacing: 0.47px;
border-radius: 6px;
margin-bottom: 17px;
} }
.card-Info { img {
margin-bottom: 220px; width: 34px;
height: 34px;
float: right;
} }
} }
.add-card { .addBack {
width: 358px; display: block;
height: 40px; width: 320px;
background: #00469c; margin: 0 auto;
border-radius: 4px; margin-top: 50px;
color: #fff; 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;
}
.modal {
background-color: rgba(0, 0, 0, 0) !important;
}
}
</style> </style>
src/pages/userBind/org/invoiceInfo.vue
View file @ f2930a8a
...@@ -35,15 +35,22 @@ ...@@ -35,15 +35,22 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">发票地址及电话</div> <div slot="name" class="font-color">发票地址及电话</div>
<input slot="content" v-model="invoiceInfo.invoice_bp_address_phone_num" type="text" placeholder="请输入发票地址及电话" > <textarea
slot="content" ref="myTestarea" v-model="invoiceInfo.invoice_bp_address_phone_num" cols="30"
rows="1"
type="text" placeholder="请输入发票地址及电话" @input="addRows(invoiceInfo.invoice_bp_address_phone_num)" />
</item> </item>
<item> <item>
<div slot="name" class="font-color">发票开户行及账号</div> <div slot="name" class="font-color">发票开户行及账号</div>
<input <input
slot="content" slot="content"
ref="myTestareaLive"
v-model="invoiceInfo.invoice_bp_bank_account" v-model="invoiceInfo.invoice_bp_bank_account"
cols="30"
rows="1"
type="text" type="text"
placeholder="请输入发票开户行及账号" placeholder="请输入发票开户行及账号"
@input="addRowsLive(invoiceInfo.invoice_bp_bank_account)"
> >
</item> </item>
<item> <item>
...@@ -131,6 +138,22 @@ export default { ...@@ -131,6 +138,22 @@ export default {
} }
}) })
}, },
addRows (e) {
let addNum = parseInt(e.length / 25)
if (addNum === 0) {
this.$refs.myTestarea.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestarea.rows = addNum + 1
}
},
addRowsLive (e) {
let addNum = parseInt(e.length / 25)
if (addNum === 0) {
this.$refs.myTestareaLive.rows = 1
} else if (addNum >= addNum - 1 && addNum < addNum + 1) {
this.$refs.myTestareaLive.rows = addNum + 1
}
},
getTaxpayer () { getTaxpayer () {
let vm = this let vm = this
let url = process.env.basePath + 'bp_taxpayer_type_query' let url = process.env.basePath + 'bp_taxpayer_type_query'
......
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