Skip to content

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

'法人'

parent 44f00b19
Hide whitespace changes
Inline Side-by-side
Showing with 584 additions and 581 deletions
src/pages/pay/firstPay/first-pay.vue
View file @ b9b3e8f0
<template> <template>
<h-view id="first-pay" class="public-style"> <h-view id="first-pay" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom"> <h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn"> <div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="goHome" > <img src="@/assets/userBind/arrow.png" @click="goHome" >
<span>首付款支付</span> <span>首付款支付</span>
</div> </div>
</h-header> </h-header>
<h-content> <h-content>
<div class="top-head"> <div class="top-head">
<div class="center"> <div class="center">
<div class="now-pay"> <div class="now-pay">
<div class="title">当前应付</div> <div class="title">当前应付</div>
<div class="data"> <div class="data">
<span>￥</span> <span>￥</span>
{{ money |currency }} {{ money |currency }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<section class="pay-content"> <section class="pay-content">
<div class="pos"> <div class="pos">
<div class="pay-money"> <div class="pay-money">
<div class="pay-icon"> <div class="pay-icon">
<img src="@/assets/payment/first-pay.png" >首付款支付 <img src="@/assets/payment/first-pay.png" >首付款支付
</div> </div>
<div class="pay-input"> <div class="pay-input">
<span>应还首付款</span> <span>应还首付款</span>
<input v-model="money" type="text" placeholder="请输入支付金额" > <input v-model="money" type="text" placeholder="请输入支付金额" >
<div @click="createOrder"> <div @click="createOrder">
<img src="@/assets/payment/into.png" > <img src="@/assets/payment/into.png" >
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<div class="prompt"> <div class="prompt">
<div> <div>
<img src="@/assets/payment/prompt.png" alt > <img src="@/assets/payment/prompt.png" alt >
</div> </div>
<div> <div>
<p>温馨提示</p> <p>温馨提示</p>
<p>推荐使用农行卡，农行卡支付免收手续费！</p> <p>推荐使用农行卡，农行卡支付免收手续费！</p>
</div> </div>
</div> </div>
</h-content> </h-content>
<bottom-tab> <bottom-tab>
<tab-button class="footer" @click.native="pay">支&nbsp;&nbsp;付</tab-button> <tab-button class="footer" @click.native="pay">支&nbsp;&nbsp;付</tab-button>
</bottom-tab> </bottom-tab>
</h-view> </h-view>
</template> </template>
<script> <script>
export default { export default {
name: 'FirstPay', name: 'FirstPay',
components: {}, components: {},
data () { data () {
return { return {
money: 0, money: 0,
default: 0, default: 0,
} }
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
if (from.name === 'MyInfo') { if (from.name === 'MyInfo') {
vm.getDownPayment() vm.getDownPayment()
} else if (from.name === 'Success') { } else if (from.name === 'Success') {
vm.money = vm.money =
parseInt(vm.default) - parseInt(vm.default) -
parseInt(window.sessionStorage.getItem('money')) parseInt(window.sessionStorage.getItem('money'))
vm.default = vm.money vm.default = vm.money
} }
}) })
}, },
computed: {}, computed: {},
watch: {}, watch: {},
methods: { methods: {
getDownPayment () { getDownPayment () {
let vm = this let vm = this
let url = process.env.basePath + 'initial_payment_query' let url = process.env.basePath + 'initial_payment_query'
let param = { let param = {
bp_id: window.sessionStorage.getItem('bp_id'), bp_id: window.sessionStorage.getItem('bp_id'),
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.money = res.info.down_payment vm.money = res.info.down_payment
vm.default = res.info.down_payment vm.default = res.info.down_payment
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
}) })
}, },
goHome () { goHome () {
this.$router.replace({ this.$router.replace({
name: 'MyInfo', name: 'MyInfo',
}) })
}, },
pay () { pay () {
this.payProtocol() this.payProtocol()
// let money = parseFloat(this.money) // let money = parseFloat(this.money)
// let theDefault = parseFloat(this.default) // let theDefault = parseFloat(this.default)
// if (money > 0 && money <= theDefault) { // if (money > 0 && money <= theDefault) {
// this.payProtocol() // this.payProtocol()
// } else if (money > theDefault) { // } else if (money > theDefault) {
// hlsPopup.showLongCenter('当前支付金额超出应还金额！') // hlsPopup.showLongCenter('当前支付金额超出应还金额！')
// } else if (money === 0) { // } else if (money === 0) {
// hlsPopup.showLongCenter('当前支付金额为0元，无需支付！') // hlsPopup.showLongCenter('当前支付金额为0元，无需支付！')
// } // }
}, },
payProtocol () { payProtocol () {
let vm = this let vm = this
let url = process.env.basePath + 'create_order_0_amount' let url = process.env.basePath + 'create_order_0_amount'
let param = { let param = {
info: { info: {
bp_id: window.sessionStorage.getItem('bp_id'), bp_id: window.sessionStorage.getItem('bp_id'),
amount: vm.money, amount: vm.money,
}, },
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.toPayEntry(vm.money) vm.toPayEntry(vm.money)
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
}) })
}, },
toPayEntry (money) { toPayEntry (money) {
this.$router.push({ this.$router.push({
name: 'PayEntry', name: 'PayEntry',
params: { params: {
money, money,
}, },
}) })
}, },
createOrder () { createOrder () {
let vm = this let vm = this
let url = process.env.basePath + 'do_order_0_prj' let url = process.env.basePath + 'do_order_0_prj'
let param = { let param = {
info: { info: {
bp_id: window.sessionStorage.getItem('bp_id'), bp_id: window.sessionStorage.getItem('bp_id'),
}, },
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
window.sessionStorage.setItem('order_id', res.order_id) window.sessionStorage.setItem('order_id', res.order_id)
vm.toContractRecord(vm.money) vm.toContractRecord(vm.money)
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
}) })
}, },
toContractRecord (money) { toContractRecord (money) {
this.$router.push({ this.$router.push({
name: 'ContractRecord', name: 'ContractRecord',
params: { params: {
money, money,
}, },
}) })
}, },
}, },
} }
</script> </script>
<style lang='less' > <style lang='less' >
#first-pay { #first-pay {
.top-head { .top-head {
width: 100%; width: 100%;
height: 142px; height: 142px;
background: url("../../../assets/payment/back1.png"); background: url("../../../assets/payment/back1.png");
background-size: 100% 142px; background-size: 100% 142px;
.now-pay { .now-pay {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-flow: column wrap; flex-flow: column wrap;
.title { .title {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
margin-top: 20px; margin-top: 20px;
} }
.data { .data {
font-family: Verdana-Bold; font-family: Verdana-Bold;
font-size: 24px; font-size: 24px;
color: #ffffff; color: #ffffff;
letter-spacing: 0; letter-spacing: 0;
line-height: 18px; line-height: 18px;
text-align: center; text-align: center;
margin-top: 16px; margin-top: 16px;
} }
} }
} }
.pay-content { .pay-content {
position: relative; position: relative;
top: -57px; top: -57px;
width: 100%; width: 100%;
height: 94px; height: 94px;
display: flex; display: flex;
justify-content: center; justify-content: center;
.pos { .pos {
width: 96%; width: 96%;
height: 100%; height: 100%;
background: #ffffff; background: #ffffff;
box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14); box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
} }
.pay-money { .pay-money {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
background-color: #fff; background-color: #fff;
padding-left: 16px; padding-left: 16px;
.pay-icon { .pay-icon {
height: 50%; height: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #1d3fff; color: #1d3fff;
img { img {
width: 30px; width: 30px;
display: block; display: block;
float: left; float: left;
margin-right: 9px; margin-right: 9px;
} }
} }
.pay-input { .pay-input {
height: 44px; height: 44px;
display: flex; display: flex;
align-items: center; align-items: center;
flex: 1; flex: 1;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #656464; color: #656464;
img { img {
width: 15px; width: 15px;
height: 17px; height: 17px;
} }
span { span {
flex: 2; flex: 2;
text-align: left; text-align: left;
line-height: 37px; line-height: 37px;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
} }
input { input {
flex: 3; flex: 3;
text-align: right; text-align: right;
padding-right: 5px; padding-right: 5px;
} }
div { div {
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex: 1; flex: 1;
text-align: center; text-align: center;
background: rgba(0, 70, 156, 0.08); background: rgba(0, 70, 156, 0.08);
i { i {
color: #00469c; color: #00469c;
font-size: 16px; font-size: 16px;
} }
} }
input::placeholder { input::placeholder {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #b4b4b5; color: #b4b4b5;
} }
} }
} }
} }
.prompt { .prompt {
background: rgba(142, 195, 30, 0.1); background: rgba(142, 195, 30, 0.1);
height: 77px; height: 77px;
display: flex; display: flex;
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 0; bottom: 0;
div:first-child { div:first-child {
flex: 1; flex: 1;
padding: 16px 0 0 16px; padding: 16px 0 0 16px;
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
} }
div:last-child { div:last-child {
flex: 12; flex: 12;
p:first-child { p:first-child {
padding-top: 16px; padding-top: 16px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
color: #8ec31e; color: #8ec31e;
letter-spacing: 0.5px; letter-spacing: 0.5px;
} }
p:last-child { p:last-child {
padding-top: 15px; padding-top: 15px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 12px; font-size: 12px;
color: rgba(101, 100, 100, 0.8); color: rgba(101, 100, 100, 0.8);
letter-spacing: 0.37px; letter-spacing: 0.37px;
} }
} }
} }
.footer { .footer {
background-color: @headerColor; background-color: @headerColor;
color: #fff; color: #fff;
} }
} }
</style> </style>
src/pages/pay/marginPay/first-pay.vue
View file @ b9b3e8f0
<template> <template>
<h-view id="first-pay" class="public-style"> <h-view id="first-pay" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom"> <h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn"> <div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="goHome" > <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
<span>保证金支付</span> <span>保证金支付</span>
</div> </div>
</h-header> </h-header>
<h-content> <h-content>
<div class="top-head"> <div class="top-head">
<div class="center"> <div class="center">
<div class="now-pay"> <div class="now-pay">
<div class="title">当前应付</div> <div class="title">当前应付</div>
<div class="data"> <div class="data">
<span>￥</span> <span>￥</span>
{{ money |currency }} {{ money |currency }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<section class="pay-content"> <section class="pay-content">
<div class="pos"> <div class="pos">
<div class="pay-money"> <div class="pay-money">
<div class="pay-icon"> <div class="pay-icon">
<img src="@/assets/payment/first-pay.png" >保证金支付 <img src="@/assets/payment/first-pay.png" >保证金支付
</div> </div>
<div class="pay-input"> <div class="pay-input">
<span>应还保证金</span> <span>应还保证金</span>
<input v-model="money" type="text" placeholder="请输入支付金额" > <input v-model="money" type="text" placeholder="请输入支付金额" >
<div @click="createOrder"> <div>
<img src="@/assets/payment/into.png" > <img src="@/assets/payment/into.png" >
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<div class="prompt"> <div class="prompt">
<div> <div>
<img src="@/assets/payment/prompt.png" alt > <img src="@/assets/payment/prompt.png" alt >
</div> </div>
<div> <div>
<p>温馨提示</p> <p>温馨提示</p>
<p>推荐使用农行卡，农行卡支付免收手续费！</p> <p>推荐使用农行卡，农行卡支付免收手续费！</p>
</div> </div>
</div> </div>
</h-content> </h-content>
<bottom-tab> <bottom-tab>
<tab-button class="footer" @click.native="toPayEntry(money)">支&nbsp;&nbsp;付</tab-button> <tab-button class="footer" @click.native="toPayEntry(money)">支&nbsp;&nbsp;付</tab-button>
</bottom-tab> </bottom-tab>
</h-view> </h-view>
</template> </template>
<script> <script>
export default { export default {
components: {}, components: {},
data () { data () {
return { return {
money: 0, money: 0,
default: 0, default: 0,
} }
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
}) })
}, },
computed: {}, computed: {},
watch: {}, watch: {},
methods: { methods: {
toPayEntry (money) { toPayEntry (money) {
this.$router.push({ this.$router.push({
name: 'PayEntry', name: 'PayEntry',
params: { params: {
money, money,
}, },
}) })
}, },
}, },
} }
</script> </script>
<style lang='less' > <style lang='less' >
#first-pay { #first-pay {
.top-head { .top-head {
width: 100%; width: 100%;
height: 142px; height: 142px;
background: url("../../../assets/payment/back1.png"); background: url("../../../assets/payment/back1.png");
background-size: 100% 142px; background-size: 100% 142px;
.now-pay { .now-pay {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-flow: column wrap; flex-flow: column wrap;
.title { .title {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
margin-top: 20px; margin-top: 20px;
} }
.data { .data {
font-family: Verdana-Bold; font-family: Verdana-Bold;
font-size: 24px; font-size: 24px;
color: #ffffff; color: #ffffff;
letter-spacing: 0; letter-spacing: 0;
line-height: 18px; line-height: 18px;
text-align: center; text-align: center;
margin-top: 16px; margin-top: 16px;
} }
} }
} }
.pay-content { .pay-content {
position: relative; position: relative;
top: -57px; top: -57px;
width: 100%; width: 100%;
height: 94px; height: 94px;
display: flex; display: flex;
justify-content: center; justify-content: center;
.pos { .pos {
width: 96%; width: 96%;
height: 100%; height: 100%;
background: #ffffff; background: #ffffff;
box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14); box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
} }
.pay-money { .pay-money {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
background-color: #fff; background-color: #fff;
padding-left: 16px; padding-left: 16px;
.pay-icon { .pay-icon {
height: 50%; height: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #1d3fff; color: #1d3fff;
img { img {
width: 30px; width: 30px;
display: block; display: block;
float: left; float: left;
margin-right: 9px; margin-right: 9px;
} }
} }
.pay-input { .pay-input {
height: 44px; height: 44px;
display: flex; display: flex;
align-items: center; align-items: center;
flex: 1; flex: 1;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #656464; color: #656464;
img { img {
width: 15px; width: 15px;
height: 17px; height: 17px;
} }
span { span {
flex: 2; flex: 2;
text-align: left; text-align: left;
line-height: 37px; line-height: 37px;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
} }
input { input {
flex: 3; flex: 3;
text-align: right; text-align: right;
padding-right: 5px; padding-right: 5px;
} }
div { div {
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex: 1; flex: 1;
text-align: center; text-align: center;
background: rgba(0, 70, 156, 0.08); background: rgba(0, 70, 156, 0.08);
i { i {
color: #00469c; color: #00469c;
font-size: 16px; font-size: 16px;
} }
} }
input::placeholder { input::placeholder {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #b4b4b5; color: #b4b4b5;
} }
} }
} }
} }
.prompt { .prompt {
background: rgba(142, 195, 30, 0.1); background: rgba(142, 195, 30, 0.1);
height: 77px; height: 77px;
display: flex; display: flex;
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 0; bottom: 0;
div:first-child { div:first-child {
flex: 1; flex: 1;
padding: 16px 0 0 16px; padding: 16px 0 0 16px;
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
} }
div:last-child { div:last-child {
flex: 12; flex: 12;
p:first-child { p:first-child {
padding-top: 16px; padding-top: 16px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 14px; font-size: 14px;
color: #8ec31e; color: #8ec31e;
letter-spacing: 0.5px; letter-spacing: 0.5px;
} }
p:last-child { p:last-child {
padding-top: 15px; padding-top: 15px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 12px; font-size: 12px;
color: rgba(101, 100, 100, 0.8); color: rgba(101, 100, 100, 0.8);
letter-spacing: 0.37px; letter-spacing: 0.37px;
} }
} }
} }
.footer { .footer {
background-color: @headerColor; background-color: @headerColor;
color: #fff; color: #fff;
} }
} }
</style> </style>
src/pages/userBind/org/enterprise.vue
View file @ b9b3e8f0
...@@ -657,18 +657,21 @@ export default { ...@@ -657,18 +657,21 @@ export default {
// this.getBankInfo() // this.getBankInfo()
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
if (from.fullPath === '/tab/my-info') { /*|| from.fullPath === '/margin-first-pay'*/
next(vm => { next(vm => {
vm.from = true
vm.getbaseInfo()
vm.getBankInfo()
vm.getBpType() vm.getBpType()
vm.getProvince() vm.getProvince()
if (vm.$route.params.status === 'APPROVED') { if (vm.$route.params.status === 'APPROVED') {
vm.isApproved = true vm.isApproved = true
} }
if (from.fullPath === '/tab/my-info') { /*|| from.fullPath === '/margin-first-pay'*/
vm.upload_list= [] // 上传图片列表
vm.dowload_list= [] // 下载图片列表
vm.from = true
vm.getbaseInfo()
vm.getBankInfo()
}
}) })
}
next() next()
}, },
methods: { methods: {
......
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