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 @@ ...@@ -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,7 @@ ...@@ -30,7 +30,7 @@
</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 slot="content" :placeholder="type" v-model="baseInfo.agent_username" > <input slot="content" :placeholder="type" v-model="baseInfo.agent_username">
</item> </item>
</list-item> </list-item>
<div class="userInfo martop">企业信息</div> <div class="userInfo martop">企业信息</div>
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<span class="font-color">营业执照照片上传</span> <span class="font-color">营业执照照片上传</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>
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
<item> <item>
<div slot="name" class="font-color required">公司名称</div> <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>
<item> <item>
<div slot="name" class="font-color required">企业类型</div> <div slot="name" class="font-color required">企业类型</div>
...@@ -61,27 +61,27 @@ ...@@ -61,27 +61,27 @@
</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.organization_code" placeholder="上传营业执照自动填充" > <input slot="content" v-model="baseInfo.organization_code" 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="baseInfo.registered_capital" type="number" placeholder="上传营业执照自动填充" > <input slot="content" v-model="baseInfo.registered_capital" type="number" 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="baseInfo.legal_person" placeholder="上传营业执照自动填充" > <input slot="content" v-model="baseInfo.legal_person" 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="baseInfo.registered_place" placeholder="请输入注册地址" > <input slot="content" v-model="baseInfo.registered_place" 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="baseInfo.business_address" placeholder="请输入经营地址" > <input slot="content" v-model="baseInfo.business_address" 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="baseInfo.phone" placeholder="请输入固定电话" > <input slot="content" v-model="baseInfo.phone" placeholder="请输入固定电话">
</item> </item>
</list-item> </list-item>
...@@ -90,8 +90,8 @@ ...@@ -90,8 +90,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>
...@@ -99,11 +99,11 @@ ...@@ -99,11 +99,11 @@
<span>身份证照片上传</span> <span>身份证照片上传</span>
<div class="upload-box"> <div class="upload-box">
<div> <div>
<img src="@/assets/userBind/org/front.png" > <img src="@/assets/userBind/org/front.png">
<p>正面</p> <p>正面</p>
</div> </div>
<div> <div>
<img src="@/assets/userBind/org/back.png" > <img src="@/assets/userBind/org/back.png">
<p>反面</p> <p>反面</p>
</div> </div>
</div> </div>
...@@ -130,11 +130,11 @@ ...@@ -130,11 +130,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>
...@@ -143,26 +143,26 @@ ...@@ -143,26 +143,26 @@
<list-item v-if="flag" :item-height="44" class="second-part"> <list-item v-if="flag" :item-height="44" class="second-part">
<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.id_card_name" placeholder="上传身份证自动填充" > <input slot="content" v-model="legal_personMsg.id_card_name" 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.id_card_no" placeholder="上传身份证自动填充" > <input slot="content" v-model="legal_personMsg.id_card_no" 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.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="请输入居住地址" > <input slot="content" v-model="legal_personMsg.living_address" placeholder="请输入居住地址">
</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>
...@@ -174,7 +174,7 @@ ...@@ -174,7 +174,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>
...@@ -182,7 +182,7 @@ ...@@ -182,7 +182,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>
...@@ -190,61 +190,63 @@ ...@@ -190,61 +190,63 @@
<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 v-show="tabNum==2" @getinvoiceList="getinvoiceList" /> <InvoiceInfo v-show="tabNum==2" @getinvoiceList="getinvoiceList"/>
</h-content> </h-content>
<bottom-tab class="footer-button"> <bottom-tab class="footer-button">
<tab-button class="put" @click.native="handSubmit">提交</tab-button> <tab-button class="put" @click.native="handSubmit">提交</tab-button>
<tab-button class="save" @click.native="verified">保存</tab-button> <tab-button class="save" @click.native="verified">保存</tab-button>
</bottom-tab> </bottom-tab>
<h-modal ref="modal" v-model="showModalValue" position="bottom" cus-class="search-modal"> <h-modal ref="modal" v-model="showModalValue" position="bottom" cus-class="enterprise--modal">
<div class="modal-content"> <h-view>
<div class="modal-content-add-top"> <div class="modal-content">
<span>添加银行卡</span> <div class="modal-content-add-top">
<img src="@/assets/userBind/close.png" @click="hideModal" > <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> </div>
<img src="@/assets/userBind/addBack.png" class="addBack" > </h-view>
<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>
<bottom-tab class="add-box"> <bottom-tab class="add-box">
<tab-button class="add-card" @click.native="addBankInfo">添加</tab-button> <tab-button class="add-card" @click.native="addBankInfo">添加</tab-button>
</bottom-tab> </bottom-tab>
...@@ -256,6 +258,7 @@ ...@@ -256,6 +258,7 @@
import Tab from '@/components/tab' import Tab from '@/components/tab'
import InvoiceInfo from './invoiceInfo' import InvoiceInfo from './invoiceInfo'
import BankInfo from './bankInfo' import BankInfo from './bankInfo'
export default { export default {
name: 'Enterprise', name: 'Enterprise',
components: { components: {
...@@ -333,8 +336,8 @@ export default { ...@@ -333,8 +336,8 @@ export default {
vm.baseInfo.agent_username = 'BP003020' vm.baseInfo.agent_username = 'BP003020'
} 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
delete vm.baseInfo.agent_username delete vm.baseInfo.agent_username
...@@ -352,10 +355,10 @@ export default { ...@@ -352,10 +355,10 @@ export default {
// this.hlsPopup.showError('清先保存基本信息') // this.hlsPopup.showError('清先保存基本信息')
// this.tabNum = oldVal // this.tabNum = oldVal
// } // }
if (newVal === 1 && !this.bp_id) { if (newVal === 1 && !this.bp_id) {
this.hlsPopup.showError('请先保存基本信息') this.hlsPopup.showError('请先保存基本信息')
this.tabNum = oldVal this.tabNum = oldVal
} }
}, },
}, },
created () { created () {
...@@ -449,12 +452,12 @@ export default { ...@@ -449,12 +452,12 @@ export default {
// debugger // debugger
if (this.flag) { if (this.flag) {
this.baseInfo.auth_flag = 'N' 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} this.saveInfo = {...this.lastInfo, ...this.authMsg}
} else { } else {
this.baseInfo.auth_flag = 'Y' this.baseInfo.auth_flag = 'Y'
this.lastInfo = { ...this.baseInfo, ...this.authMsg, ...this.invoiceInfo } this.lastInfo = {...this.baseInfo, ...this.authMsg, ...this.invoiceInfo}
this.saveInfo = { ...this.lastInfo, ...this.legal_personMsg } this.saveInfo = {...this.lastInfo, ...this.legal_personMsg}
} }
console.log('last', this.lastInfo, this.invoiceInfo) console.log('last', this.lastInfo, this.invoiceInfo)
let vm = this let vm = this
...@@ -608,9 +611,9 @@ export default { ...@@ -608,9 +611,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
} }
...@@ -639,294 +642,312 @@ export default { ...@@ -639,294 +642,312 @@ export default {
} }
</script> </script>
<style lang='less' scoped> <style lang='less' scoped>
#base-info { #base-info {
font-family: PingFangSC-Regular; 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;
}
}
}
.content { input::placeholder {
margin-top: 3px; color: #b4b4b5;
height: 76%;
.font-color {
color: #656464;
} }
.martop {
margin-top: -10px; .header {
}
.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;
background-color: #00469c; background-color: #00469c;
position: absolute; color: #fff;
left: -15px;
top: 10px; .h-header-btn {
} img {
.types { width: 16px;
margin-top: 0; height: 16px;
} margin-left: 4px;
.authorize { }
width: 100%;
height: 32px; span {
display: flex; font-family: PingFangSC-Semibold;
flex-direction: row; color: #fff;
align-items: center; margin-left: 16px;
background: rgba(0, 70, 156, 0.03); font-size: 17px;
.authorize-select { letter-spacing: 0.6px;
// width: 48px; line-height: 24px;
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; .content {
background-color: #fff; margin-top: 3px;
span { height: 76%;
display: block;
.font-color {
color: #656464; color: #656464;
}
.martop {
margin-top: -10px;
}
.userInfo {
height: 40px;
line-height: 40px;
background-color: #fafafa;
color: #00469c;
font-size: 15px;
margin-left: 16px; margin-left: 16px;
padding-top: 16px; position: relative;
font-size: 13px; }
.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; display: flex;
justify-content: center; flex-direction: row;
margin-top: 15px; align-items: center;
div { background: rgba(0, 70, 156, 0.03);
width: 172px;
height: 120px; .authorize-select {
border: 1px dashed #dcdcdd; // width: 48px;
text-align: center; height: 20px;
font-size: 14px; font-family: PingFangSC-Regular;
color: #b4b4b5; font-size: 12px;
.front, color: #656464;
.back { 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; 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) {
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; .upload-box1 {
width: 58px; width: 80px;
height: 45px; 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; 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; background-color: #fff;
span { overflow-y: scroll;
display: block;
color: #656464; .modal-content-add-top {
margin-left: 16px; width: 320px;
padding-top: 16px; height: 34px;
font-size: 13px; line-height: 34px;
} padding-top: 10px;
.upload-box1 { background-color: #fff;
width: 80px; padding-bottom: 40px;
height: 80px; position: fixed;
border: 1px dashed #dcdcdd; left: 28px;
text-align: center;
margin-top: 8px; span {
margin-left: 16px; font-family: PingFangSC-Semibold;
font-size: 15px;
color: #00469c;
letter-spacing: 0.47px;
}
img { img {
margin-top: 30px; width: 34px;
width: 25px; height: 34px;
height: 25px; float: right;
} }
} }
}
.second-part { .addBack {
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;
display: block; display: block;
margin-left: 16px; width: 320px;
} margin: 0 auto;
.img-content { margin-top: 50px;
display: flex; border-radius: 6px;
flex-flow: row wrap; margin-bottom: 17px;
justify-content: flex-start;
align-items: center;
} }
.card-upload {
width: 80px; .card-Info {
height: 80px; margin-bottom: 220px;
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;
}
.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 { .add-card {
width: 100%; width: 358px;
height: 71%; height: 40px;
position: absolute; background: #00469c;
top: 29%; border-radius: 4px;
background-color: #fff; 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;
} }
} }
.addBack { .modal {
display: block; background-color: rgba(0, 0, 0, 0) !important;
width: 320px;
margin: 0 auto;
border-radius: 6px;
margin-bottom: 17px;
} }
.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> </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