<template>
	<view class="pages">
		<u-navbar title="解封记录详情" :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff'
			title-size='36' height='50'></u-navbar>
        <view class="one">
        	<view class="top">
        		NO.1：提交解控申请
        	</view>
			<view class="bd">
				<view class="top">
					<text style="font-weight: 600;color: #3D3D3D;">{{obj.userName == undefined ? '--' : obj.userName}}</text> <text>{{obj.submitTime == undefined ? '--' : obj.submitTime}}</text>
				</view>
				<view class="two">
					操作：<text>提交申请</text>
				</view>
			</view>
        </view>
		<view class="one">
			<view class="top">
				NO.2：审批结果
			</view>
			<view class="bd">
				<view class="top">
					<text>{{obj.verifyBy == undefined ? '--' : obj.verifyBy}}</text> <text>{{obj.verifyTime == undefined ? '--' : obj.verifyTime}}</text>
				</view>
				<view class="two">
					操作：
					<text style="color: #E83535;" v-if="obj.status == 4">驳回</text> 
					<text style="color: #4CD964;" v-if="obj.status == 3">通过</text>
					<text style="color: #ccc;" v-if="obj.status == 2">审核中</text>
				</view>
				<view class="thr">
				   审批意见：<text>{{obj.verifyRemark == undefined ? '--' : obj.verifyRemark}}</text>
				</view>
			</view>
		</view>

        <view class="anniu" @click="btncx">
        	重新上传
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgc: {
					backgroundColor: "#8883f0",
				},
				infoId:'',
				obj:{},
				riskId:''
			}
		},
		onLoad(option) {
			this.infoId = option.infoId
			this.getxq()
		},
		onShow() {

		},
		// 分享到好友（会话）
		onShareAppMessage: function() {
			return {
				title: '创想物联',
				path: '/pages/shouye/index'
			}
		},

		// 分享到朋友圈  
		onShareTimeline: function() {
			return {
				title: '创想物联',
				query: '',
				path: '/pages/shouye/index'
			}
		},
		methods: {
            getxq(){
				this.$u.get(`/app/riskInfo/${this.infoId}`).then((res) => {
					if (res.code == 200) {
						this.obj = res.data
						this.riskId = res.data.riskId
					}
				})
			},
			btncx(){
				uni.navigateTo({
					url:'/page_fenbao/fengkong?riskid=' + this.riskId
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	/deep/ .u-title {
		padding-bottom: 22rpx;
	}

	/deep/ .u-icon__icon {
		padding-bottom: 22rpx;
	}

	page {
		background-color: #fff;
		.anniu{
			width: 590rpx;
			height: 82rpx;
			background: #8883f0;
			font-weight: 600;
			font-size: 32rpx;
			color: #FFFFFF;
			text-align: center;
			line-height: 82rpx;
			position: fixed;
			left: 50%;
			transform: translateX(-50%);
			bottom: 124rpx;
			border-radius: 50rpx;
		}
		.one{
			width: 610rpx;
			margin: auto;
			margin-top: 76rpx;
			.top{
				font-weight: 600;
				font-size: 32rpx;
				color: #3D3D3D;
			}
			.bd{
				margin-top: 36rpx;
				width: 590rpx;
				max-height: 238rpx;
				background: #ECF5FF;
				border-radius: 14rpx 14rpx 14rpx 14rpx;
				padding: 30rpx 32rpx;
				box-sizing: border-box;
				.top{
					display: flex;
					justify-content: space-between;
					width: 100%;
					margin-top: 12rpx;
					text{
						font-size: 24rpx;
						color: #808080;
					}
				}
				.two{
					margin-top: 12rpx;
					font-size: 28rpx;
					color: #808080;
					text{
						font-weight: 600;
						color: #4CD964;
					}
				}
				.thr{
					margin-top: 12rpx;
					font-size: 28rpx;
					color: #808080;
					text{
						font-weight: 600;
						color: #3D3D3D;
					}
				}
			}
		}
	}
</style>