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