97 lines
2.2 KiB
Vue
97 lines
2.2 KiB
Vue
<!-- 三方支付凭证（团油上汽联名卡） -->
|
||
<template>
|
||
<view class="text-right">
|
||
<text class="text-red" @tap="onShowThirdResult">查看三方支付凭证</text>
|
||
<view class="cu-modal" :class="showThirdResult?'show':''">
|
||
<view class="cu-dialog overflow-unset">
|
||
<view class="cu-bar bg-white justify-end">
|
||
<view class="content">支付凭证</view>
|
||
<view class="action" @tap="hideModal('third')">
|
||
<text class="cuIcon-close text-red"></text>
|
||
</view>
|
||
</view>
|
||
<view class="padding-xl bg-white">
|
||
|
||
|
||
<view class="" v-if="payData.otherOrderStatus==1">
|
||
<view class="bg-img flex align-center">
|
||
<image :src="payData.tysqImgUrl" mode="widthFix"></image>
|
||
</view>
|
||
<view class="">
|
||
<view class="flex">
|
||
<view class="flex-sub">
|
||
卡号：
|
||
</view>
|
||
<view class="flex-treble text-right">
|
||
{{payData.tysqCardNo}}
|
||
</view>
|
||
</view>
|
||
|
||
<view class="flex">
|
||
<view class="flex-sub">
|
||
支付金额：
|
||
</view>
|
||
<view class="flex-treble text-right">
|
||
{{payData.tysqContent}}
|
||
</view>
|
||
</view>
|
||
<view class="flex">
|
||
<view class="flex-sub">
|
||
支付时间：
|
||
</view>
|
||
<view class="flex-treble text-right">
|
||
{{payData.tysqPaytime}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view v-else-if="payData.otherOrderStatus==-1" class="">
|
||
<text >
|
||
{{fail}}
|
||
</text>
|
||
</view>
|
||
<view v-else class="">
|
||
<text >
|
||
{{waitting}}
|
||
</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
props: {
|
||
showThirdResult: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
payData: {
|
||
type: Object,
|
||
default(){}
|
||
},
|
||
},
|
||
data() {
|
||
return {
|
||
imgURL: this.global.imgURL,
|
||
waitting:'正在等待团油的返回结果',
|
||
fail:'通知失败'
|
||
}
|
||
},
|
||
methods: {
|
||
onShowThirdResult() {
|
||
console.log('子组件下手onShowThirdResult')
|
||
this.$emit('onShowThirdResult')
|
||
},
|
||
hideModal(name) {
|
||
this.$emit('hideModal', name)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
|
||
</style>
|