mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-16 15:46:44 +08:00
[fix] 完善卡单产品投保
This commit is contained in:
@@ -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,
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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({
|
||||||
|
|||||||
Reference in New Issue
Block a user