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

View File

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

View File

@@ -31,11 +31,11 @@
</div> --> </div> -->
<div class="bottom-btn bg-white" v-if="payStatus == '1' || payStatus == '4' || payStatus == '8'"> <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>
<div class="bottom-area bottom-btn flex" v-if="payStatus == '2'"> <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="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="next">返回</van-button>
</div> </div>
</div> </div>
</template> </template>
@@ -148,10 +148,10 @@ export default {
this.queryPayState() this.queryPayState()
} }
}, },
beforeRouteLeave(to, from, next) { // beforeRouteLeave(to, from, next) {
document.body.style.backgroundColor = '' // document.body.style.backgroundColor = ''
next() // next()
} // }
} }
</script> </script>

View File

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