xiangqin/pages/profile/reportInfo.vue

<template>
	<view class="index">
		<view class="left">
			<image :src="info.headimg" mode=""></image>({{info.nickname}})
		</view>
		<view class="reason">
			举报理由：{{info.title}}
		</view>
		<view class="info">
			{{info.r_content}}
		</view>
		<view class="reason">
			举报时间：{{info.create_at}}
		</view>
		<view class="reason" style="margin-top: 32rpx;">
			审核结果：{{info.status==1?'审核中':info.status==2?'已通过':'已驳回'}}
		</view>
	</view>
</template>

<script>
	export default {
		onLoad(option) {
			this.getInfo(option.id)
		},
		data() {
			return {
				info:{}
			}
		},
		methods: {
			getInfo(id){
				uni.$u.http.post('/api/user/details_report',{rid:id}).then(res => {
						this.info=res.data
				})
			}
		}
	}
</script>

<style lang="scss">
.index{
	padding: 36rpx 30rpx;
	.left{
		padding-bottom: 20rpx;
		border-bottom: 2rpx solid #F5F4F5;
		image{
			vertical-align: middle;
			width: 64rpx;
			height: 64rpx;
			border-radius: 50%;
			margin-right: 12rpx;
		}
	}
	.reason{
		font-size: 24rpx;
		font-weight: 600;
	}
	.info{
		box-sizing: border-box;
		font-size: 24rpx;
		color: #666666;
		padding: 20rpx;
		margin: 24rpx auto 32rpx;
		width: 690rpx;
		height: 280rpx;
		background: #F3F3F3;
		border-radius: 20rpx;
	}
}
</style>