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.
97 lines
2.2 KiB
97 lines
2.2 KiB
2 years ago
|
<!-- 三方支付凭证（团油上汽联名卡） -->
|
||
|
|
<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>
|