1.报事报修

2025-09-06 16:37:22 +08:00
parent 7c0a09d534
commit 3718586e12
12 changed files with 571 additions and 74 deletions
--- a/pages/sys/user/myRepair/addSuc.vue
+++ b/pages/sys/user/myRepair/addSuc.vue
@@ -0,0 +1,127 @@
+<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>