<template>
	<view class="content">
		<view class="box">
			<view class="hr">
				<view class="label">审批人：</view>
				<view class="value">{{ proveInfo.applyUser }}</view>
			</view>
			<view class="hr">
				<view class="label">审批回复时间：</view>
				<view class="value">{{ proveInfo.replyTime }}</view>
			</view>
			<view class="hr">
				<view class="label">审批回复：</view>
				<view class="value">
					<view class="text">
						{{ proveInfo.applyContent || "请补充企业资质" }}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				proveInfo: {}
			};
		},
		onLoad(option) {
			this.getInfo(option.id);
		},
		methods: {
			getInfo(id) {
				// 获取审批回复
				this.sendRequest({
					url: "xmgl/xzSupplierQualificationApply/queryById",
					data: {
						id
					},
					method: "GET",
					success: (res) => {
						console.log(res);
						this.proveInfo = res.result;
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		padding: 25rpx;

		.box {
			box-shadow: 0 6rpx 10rpx 1rpx #eee;
			border-radius: 12rpx;

			.hr {
				display: flex;
				padding: 30rpx;
				border-bottom: 1rpx solid #ddd;

				&:last-child {
					border: none;
				}

				.label {}

				.value {
					flex: 1;
					text-align: right;
					margin-left: 20rpx;

					.text {
						box-shadow: 0 0 1rpx 1rpx #ddd;
						border-radius: 12rpx;
						min-height: 200rpx;
						text-align: left;
						padding: 20rpx;
						color: #bbb;
					}
				}
			}
		}
	}
</style>