79 lines
1.9 KiB
Vue
79 lines
1.9 KiB
Vue
|
|
<style lang="scss">
|
|
@import '@/static/scss/global.scss';
|
|
.top_wrapper {
|
|
padding: 30rpx;
|
|
margin-bottom: 20rpx;
|
|
.money {
|
|
font-size: 50rpx;
|
|
font-weight: bold;
|
|
margin-top: 20rpx;
|
|
}
|
|
.info_item {
|
|
display: flex;
|
|
margin-top: 20rpx;
|
|
padding: 20rpx 0;
|
|
border-bottom: 1rpx solid #e6e6e6;
|
|
}
|
|
}
|
|
</style>
|
|
<template>
|
|
<view>
|
|
<view class="top_wrapper u-bg-w">
|
|
<u--text v-if="detail.audit == 0" size="30rpx" type="info" text="待审核"></u--text>
|
|
<u--text v-if="detail.audit == 1" size="30rpx" type="success" text="审核通过">审核通过</u--text>
|
|
<u--text v-if="detail.audit == 2" size="30rpx" type="error" text="驳回">驳回</u--text>
|
|
<view class="money">
|
|
¥ {{detail.price}}
|
|
</view>
|
|
|
|
</view>
|
|
<view class="top_wrapper u-bg-w">
|
|
<u--text v-if="detail.audit == 0" size="30rpx" type="info" text="充值信息"></u--text>
|
|
<view class="info_item">
|
|
<u--text size="30rpx" type="info" text="充值金额"></u--text>
|
|
{{ detail.price }}
|
|
</view>
|
|
<view class="info_item">
|
|
<u--text size="30rpx" type="info" text="充值时间"></u--text>
|
|
{{ detail.createTime }}
|
|
</view>
|
|
<view class="info_item">
|
|
<u--text size="30rpx" type="info" text="记录编号"></u--text>
|
|
{{ detail.orderNo }}
|
|
</view>
|
|
<view class="info_item">
|
|
<u--text size="30rpx" type="info" text="记录凭证"></u--text>
|
|
<u--image @click="handlerPreview" width="100" height="100" :src="detail.credentials" mode=""></u--image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { getRecordDetail } from '@/api/system/user.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
detail: {}
|
|
};
|
|
},
|
|
onLoad (e) {
|
|
this.init(e.id)
|
|
},
|
|
methods: {
|
|
async init (id) {
|
|
let res = await getRecordDetail(id);
|
|
let { code, data } = res;
|
|
if (code == 200) this.detail = data;
|
|
},
|
|
handlerPreview () {
|
|
uni.previewImage({
|
|
urls: [this.detail.credentials]
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|