<template>
	<view class="success-container">
		<!-- 成功图标 -->
		<view class="repaired-navbar">
			<image src="/static/ic_back.png" class="repaired-back" @click="goBack" />
			<text v v-if="false" class="repaired-progress" @click="goProgress">查看进度</text>
		</view>

		<image src="/static/ic_sub_suc.png" class="img" />

		<!-- 提交成功标题 -->
		<view class="success-title">提交成功</view>

		<!-- 提示信息 -->
		<view class="success-desc">提交成功后我们将及时为您服务</view>

		<!-- 返回首页按钮 -->
		<button class="back-home-btn" @click="goBack">返回首页</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail: {}
			};
		},
		onLoad(options) {
			if (options.item) {
				const item = JSON.parse(decodeURIComponent(options.item));
				this.detail = item;
				console.log("t1",this.detail)
			}

		},
		methods: {
			goBack() {
				uni.navigateBack();
			},
			goProgress() {
				const itemStr = encodeURIComponent(JSON.stringify(this.detail));
				uni.navigateTo({
				  url: "/pages/sys/user/myRepair/repairDetail?item=" + itemStr,
				});
			}
			// async getDetial() {
			//   let handlers = await this.$u.api.getRepairDetail({}, this.detail.id);
			//   if (handlers.code === 200) this.users = [...this.users, ...handlers.data];
			// },
		}
	}
</script>

<style scoped>
	.success-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 100vh;
		background-color: #fff;
	}

	.success-icon {
		margin-bottom: 20rpx;
	}

	.success-icon image {
		width: 80rpx;
		height: 80rpx;
	}

	.success-title {
		font-size: 38rpx;
		color: #333;
		margin-bottom: 40rpx;
	}

	.success-desc {
		font-size: 28rpx;
		color: #80333333;
		margin-bottom: 246rpx;
	}

	.back-home-btn {
		width: 524rpx;
		height: 92rpx;
		line-height: 92rpx;
		text-align: center;
		background: linear-gradient(to right, #00C7FF, #0096FF);
		color: #fff;
		border-radius: 22rpx;
		font-size: 28rpx;
	}

	.repaired-navbar {
		width: 100%;
		height: 100rpx;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		position: relative;
		margin-top: 40rpx;
	}

	.repaired-back {
		width: 18rpx;
		height: 32rpx;
		margin-left: 24rpx;
	}

	.repaired-progress {
		position: absolute;
		right: 36rpx;
		top: 50%;
		transform: translateY(-50%);
		font-size: 24rpx;
		color: #333;
	}

	.img {
		width: 150rpx;
		height: 150rpx;
		margin-top: 150rpx;
		margin-bottom: 40rpx;
	}
</style>