Files
im/pages/user/service/bill/detail.vue
T

74 lines
2.3 KiB
Vue
Raw Normal View History

2026-02-15 19:41:13 +08:00
<template>
<view>
<u-navbar :is-back="true" title=" " :title-bold="true" :title-size="34" :background="{ background: '#ffffff'}"
back-icon-name="close" back-icon-size="32" title-color="#404133" :border-bottom="false">
</u-navbar>
<template v-if="recordData.tradeTitle.indexOf('辽宁高速')!=-1">
<liaoning-gaosu :recordData="recordData"></liaoning-gaosu>
</template>
<template v-else-if="recordData.tradeTitle.indexOf('三顾冒菜')!=-1">
<sangumaocai></sangumaocai>
</template>
<template v-else-if="recordData.tradeTitle.indexOf('亚孚石化')!=-1">
<shihua></shihua>
</template>
<template v-else-if="recordData.tradeTitle.indexOf('润欣')!=-1">
<xinrun></xinrun>
</template>
<template v-else-if="recordData.tradeTitle.indexOf('转账')!=-1">
<zhuanzhang :recordData="recordData"></zhuanzhang>
<view style="width: 100%;text-align:center;padding:50rpx;color:#909399;position: absolute;bottom: 50rpx;">
<text>本服务由财付通提供</text>
</view>
</template>
<!-- v-if="recordData.tradeTitle.indexOf('扫二维码')!=-1" -->
<template v-else>
<saoma :recordData="recordData"></saoma>
<view style="width: 100%;text-align:center;padding:50rpx;color:#909399;position: absolute;bottom: 50rpx;">
<text>本服务由财付通提供</text>
</view>
</template>
</view>
</template>
<script>
import saoma from './components/saoma.vue';
import liaoningGaosu from './components/liaoning-gaosu.vue';
import sangumaocai from './components/sangumaocai.vue';
import shihua from './components/shihua.vue';
import xinrun from './components/xinrunshangye.vue';
import zhuanzhang from './components/zhuanzhang.vue';
export default {
components:{
saoma,liaoningGaosu,sangumaocai,shihua,xinrun,zhuanzhang
},
data() {
return {
recordData:null,
};
},
onLoad(option) {
let that=this;
let paramVal= option.record;
if(paramVal!=null&&paramVal!=undefined&&paramVal.length>0){
that.recordData=JSON.parse(decodeURIComponent(paramVal));
console.log("recordData",that.recordData);
}
}
}
</script>
<style lang="scss" scoped>
.field-class {
color: #909399 !important;
font-size: 28rpx !important;
margin: 0rpx !important;
padding: 0rpx !important;
}
</style>
<style>
page {
background-color: #efefef;
}
</style>