You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.2 KiB
96 lines
2.2 KiB
<!-- 三方支付凭证（团油上汽联名卡） --> |
|
<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>
|
|
|