ChuangHengWx/pagesHome/reportResult.vue

<template>
	<view class="default_page" :style="{'height':h+'px', 'padding-top':mt+'px'}">
		<cus-header title='生成报告' bgColor="transparent"></cus-header>
		<div class="box adffcac">
			<div class="box-loading adffcacjc">{{1}}%</div>
			<div class="box-p1">{{'报告正在生成中~'}}</div>
			<div class="box-p2">预计所需时间7-10分钟</div>
			<div class="box-p3">{{'稍后可去报告管理中查看结果'}}</div>
		</div>
		<div class="form">
			<div class="form-item adfacjb">
				<div class="form-item-left">问卷名称</div>
				<div class="form-item-right">{{'GW+MC PREILL36测评题库版本'}}</div>
			</div>
			<div class="form-item adfacjb">
				<div class="form-item-left">团队名称</div>
				<div class="form-item-right">{{'甜梦巧克力有限公司'}}</div>
			</div>
			<div class="form-item adfacjb">
				<div class="form-item-left">创建时间</div>
				<div class="form-item-right">{{'2025-10-23 15:00'}}</div>
			</div>
		</div>
		<div class="btn">
			<div class="zt_btn" @click="handleBack">返回</div>
			<!-- <div class="zt_btn" @click="handleReCreate">重新生成</div> -->
		</div>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				// 报告生成失败
				// 失败原因：网络延迟
			}
		},
		methods:{
			handleBack(){
				uni.navigateBack()
			},
			handleReCreate(){
				
			}
		}
	}
</script>

<style scoped lang="scss">
	.default_page{
		background: #F7F7F7;
		.box{
			width: 100%;
			background: #FFFFFF;
			border-radius: 36rpx 36rpx 0rpx 0rpx;
			padding: 54rpx 0 64rpx;
			&-loading{
				width: 340rpx;
				height: 340rpx;
				background: url('https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/send_loading.png') no-repeat;
				background-size: 100% 100%;
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 54rpx;
				color: #FFFFFF;
				line-height: 54rpx;
			}
			&-p1{
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #002846;
				line-height: 40rpx;
				text-align: center;
				margin-top: 41rpx;
			}
			&-p2{
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #002846;
				line-height: 28rpx;
				text-align: center;
				margin-top: 23rpx;
			}
			&-p3{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #667E90;
				line-height: 28rpx;
				text-align: center;
				margin-top: 24rpx;
			}
		}
		
		.form{
			width: 100%;
			margin-top: 20rpx;
			&-item{
				padding: 28rpx 24rpx;
				background: #FFFFFF;
				box-shadow: inset 0rpx -1rpx 0rpx 0rpx #EFEFEF;
				&-left{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 30rpx;
					color: #002846;
					line-height: 42rpx;
				}
				&-right{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 30rpx;
					color: #667E90;
					line-height: 32rpx;
					text-align: right;
				}
			}
		}
		
		.btn{
			width: calc(100% -100rpx);
			margin: 120rpx 50rpx 0;
		}
	}
</style>