[fix] 完善卡单产品投保

This commit is contained in:
tian.guangyuan
2020-04-22 15:23:33 +08:00
parent 95600451fb
commit 45f3a541e1
4 changed files with 35 additions and 27 deletions

View File

@@ -2,11 +2,11 @@
<div class="card-Insurance">
<div class="card-Insurance-box">
<div class="card-Insurance-header">
<div class="Tab">
<!-- <div class="Tab">
<div class="tab" v-for="(item, index) in arr" :key="index" @click="fnTab(index)">
<span :class="{ ac: iNow == index }">{{ item }}</span>
</div>
</div>
</div> -->
<div class="show">
<ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
<li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
@@ -25,7 +25,7 @@
</li>
</template>
</ul>
<ul class="myCard" :style="this.iNow == 1 ? 'display:block' : 'display:none'">
<!-- <ul class="myCard" :style="this.iNow == 1 ? 'display:block' : 'display:none'">
<li
v-for="(itemiNow, index) in tAb"
style=" border: 1px solid #dadada;box-shadow: 0 3px 9px 1px hsla(0, 0%, 80%, 0.35);"
@@ -44,7 +44,7 @@
<p class="gray text-center pt20">暂无产品</p>
</li>
</template>
</ul>
</ul> -->
</div>
</div>
</div>
@@ -57,7 +57,8 @@ export default {
name: 'kadantoubao.vue',
data() {
return {
arr: ['产品列表', '我的卡单'],
arr: ['产品列表'],
// , '我的卡单'
list: [
// {
// headImgUrl: icon1,

View File

@@ -177,7 +177,7 @@ export default {
ReqReserved4: '', // 备用字段4
ReqReserved5: '', // 备用字段5
S3Sign: '', // 验签信息
tradeState: '' // 状态
tradeState: '' ,// 状态
},
gotPayParam: false, // 是否已正确获取支付参数,
payStatus: '' // 接口返回的支付状态
@@ -436,8 +436,9 @@ export default {
message: '加载中……'
})
let that = this
let data = {
orderNo: window.localStorage.getItem('orderNo')
data = {
orderNo: window.localStorage.getItem('orderNo'),
cardOrder: 'cardOrder'
}
let rs = await this.underWrite()
@@ -471,13 +472,15 @@ export default {
console.log('----支付参数this.payParam:', JSON.stringify(this.payParam))
this.gotPayParam = true
this.$forceUpdate()
window.localStorage.setItem('resMessage', res.resultMessage)
window.localStorage.setItem('payStatus', res.payStatus)
window.localStorage.setItem('payInfo', JSON.stringify(res))
this.underWriteData.bankListName = this.bankListName
localStorage['cardList-detail'] = JSON.stringify(this.underWriteData)
let thisRef = this
this.$nextTick(() => {
thisRef.$refs.payForm.submit() // 表单提交,发起支付,跳至收银台
})
window.localStorage.setItem('resMessage', res.resultMessage)
window.localStorage.setItem('payStatus', res.payStatus)
window.localStorage.setItem('payInfo', JSON.stringify(res))
} else {
that.$toast.clear()
that.$toast(res.resultMessage)

View File

@@ -31,11 +31,11 @@
</div> -->
<div class="bottom-btn bg-white" v-if="payStatus == '1' || payStatus == '4' || payStatus == '8'">
<van-button type="danger" size="large" @click="next" v-no-more-click="1000">返回列表</van-button>
<van-button type="danger" size="large" @click="next" v-no-more-click="1000">返回</van-button>
</div>
<div class="bottom-area bottom-btn flex" v-if="payStatus == '2'">
<van-button class="m-btn w250" type="danger" size="normal" @click="rePayMent">重新支付</van-button>
<van-button class="m-btn w250" type="danger" size="normal" @click="next">返回列表</van-button>
<!-- <van-button class="m-btn w250" type="danger" size="normal" @click="rePayMent">重新支付</van-button> -->
<van-button class="m-btn w250" type="danger" size="normal" @click="next">返回</van-button>
</div>
</div>
</template>
@@ -148,10 +148,10 @@ export default {
this.queryPayState()
}
},
beforeRouteLeave(to, from, next) {
document.body.style.backgroundColor = ''
next()
}
// beforeRouteLeave(to, from, next) {
// document.body.style.backgroundColor = ''
// next()
// }
}
</script>

View File

@@ -5,15 +5,15 @@
<van-icon name="passed" size="100px" color="#1296DB" />
<span>支付成功</span>
</div>
<van-cell-group>
<van-field v-model="productName" clearable label="产品名称" placeholder="国富安全出行2.0" />
<van-field v-model="paymentAmount" clearable label="支付金额" placeholder="100.00元" />
<van-field v-model="bankCardNumber" clearable label="卡号" placeholder="1297793740298" />
<van-cell-group name="payInfo">
<van-field v-model="payInfo.productName" readonly clearable label="产品名称" name="产品名称" placeholder="国富安全出行2.0" />
<van-field v-model="payInfo.paymentAmount" readonly clearable label="支付金额" name="支付金额" placeholder="100.00元" />
<van-field v-model="payInfo.bankCardNumber" readonly clearable label="卡号" name="卡号" placeholder="1297793740298" />
</van-cell-group>
</template>
<template v-else-if="payStatus == '2'">
<div class="flex flex-direction-colunm align-items-c pt100">
<img src="../../../assets/images/u10608.svg" class="w100 h100" alt="" />
<img :src="this.$assetsUrl + 'images/fail.png'" class="w100 h100" alt="" />
<p class="mt30">支付失败</p>
</div>
</template>
@@ -25,14 +25,17 @@
<script>
import Vue from 'vue'
import { Field } from 'vant'
import { Field, CellGroup } from 'vant'
Vue.use(Field)
export default {
name: 'paySuccess',
components: {
[CellGroup.name]: CellGroup,
},
data() {
return {
payStatus: '2',
payStatus: '1',
productName: '',
paymentAmount: '',
bankCardNumber: '',
@@ -44,8 +47,6 @@ export default {
isReloaded: false,
// 结果原因
resMessage: '',
// 支付结果
payStatus: '',
// 支付信息
payInfo: {
appntName: '', // 投保人
@@ -54,6 +55,9 @@ export default {
}
}
},
created() {
this.payInfo = JSON.parse( window.localStorage.getItem('payInfo'))
},
methods: {
goHome() {
this.$jump({