family-education/education_uni/subpkg/my/suggestion/my_suggestion_detail.vue

<template>
	<view class="wrapper">
		<!-- 建议号和ID -->
		<view>
		    <view>
		        <text>建议号:</text>
		        <text class="benginTwo">{{suggestion.id}}</text>
		    </view>
		    <view>
		        <text>ID:</text>
		        <text class="benginTwo">{{suggestion.fromUid}}</text>
		    </view>
		</view>
		<!-- 处理人ID和处理人昵称 -->
		<view>
		    <view>
		        <text>处理人ID:</text>
		        <text>{{suggestion.processorUid}}</text>
		    </view>
		    <view>
		        <text>处理人昵称:</text>
		        <text>{{suggestion.name}}</text>
		    </view>
		</view>
		<!-- 建议标题和日期 -->
		<view class="suggestTitleWrapper">
		    <text class="suggestTtile">建议标题</text>
		    <text class="suggestTime">{{suggestion.adviseTitle}}</text>
		</view>
		<!-- 建议内容 -->
		<view class="suggestContentWrapper">
		    <text>建议内容：</text>
		    <text>{{suggestion.adviseDetail}}</text>
		</view>
		<!-- 处理结果 -->
		<view class="handleResult">
		    <text>处理结果描述：</text>
		    <text>{{suggestion.result}}</text>
		</view>
		<!-- 日期 -->
		<view class="handleResult">
		    <text>结案日期时间：</text>
		    <text class="handleTime">{{suggestion.closetime}}</text>
		</view>
		<!-- 处理状态 -->
		<view class="handleStatus">
		    <text>{{suggestion.status}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				suggestion: {}
			}
		},
		onLoad(opt){
			this.suggestion = JSON.parse(decodeURIComponent(opt.item));
			if(this.suggestion.processorUid==null){
				this.suggestion.processorUid = " ";
			}
			if(this.suggestion.name==null){
				this.suggestion.name = " ";
			}
			if(this.suggestion.result==null){
				this.suggestion.result = " ";
			}
			if(this.suggestion.closetime==null){
				this.suggestion.closetime = " ";
			}
			
		}
	}
</script>

<style lang="scss">
/* 设置背景 */
page{
	height: 100%;
	background-color: #FFF2CC;
}

.wrapper {
	padding: 20rpx;
}

.benginTwo {
	margin-left: 10rpx;
}

/* 建议标题和时间 */
.suggestTitleWrapper{
    margin-top: 50rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* 单独设置标题 */
.suggestTtile{
    font-weight: bold;
}
/* 单独设置建议时间 */
.suggestTime{
    font-size: 26rpx;
    color: #A6A6A6;
}

/* 建议内容 */
.suggestContentWrapper{
    margin-top: 40rpx;
    display: flex;
    flex-direction: column;
    height: 600rpx;
}
/* 处理结果 */
.handleResult{
    margin-top: 30rpx;
}
/* 处理时间 */
.handleTime{
    font-weight: bold;
}
/* 处理状态 */
.handleStatus{
    margin: 60rpx 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: bold;
    color: red;
}

</style>