审批后状态

pages/main/ahtml/mylock/bindLock.vue

@@ -95,12 +95,12 @@
 		data() {
 			return {
 				current: 0,
-				numList: [{
-					name: '绑定家桩'
-				}, {
-					name: '等待审核'
-				}, {
-					name: '完成建站'
+				numList: [{
+					name: '绑定地锁'
+				}, {
+					name: '等待审核'
+				}, {
+					name: '完成绑定'
 				}],
 			};
 		}

pages/main/ahtml/mylock/bindLockStatus.vue

@@ -1,19 +1,86 @@
-<template>
-	<view>
-		
-	</view>
-</template>
+<template>
+	<view class="jpmain  ">
+		<view class="body">
+			<u-steps :list="numList" mode="number" :current="current" un-active-color="#999999"></u-steps>
+		</view>
+		<view class="data">
+<!-- 			<u-icon name="clock-fill" color="#1677FF" size="128"></u-icon>-->
+			<u-icon name="checkmark-circle-fill" color="#00B962" size="128"></u-icon>
+			<view class="t1">等待审核中</view>
+			<view class="t2">绑定申请已提交，等待后台审核完成建站</view>
+		</view>
+		<view class="floating-button">
+			<view class="button button2">
+				返回
+			</view>
+
+		</view>
+
+	</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				current: 1,
+				numList: [{
+					name: '绑定地锁'
+				}, {
+					name: '等待审核'
+				}, {
+					name: '完成绑定'
+				}],
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	
+	.body {
+		padding: 32rpx;
+		background-color: rgba(242, 244, 246, 1);
+	}
+	.data{
+		text-align: center;
+		padding-top:120rpx;
+		.t1{
+			color: #101010;
+			font-weight: bold;
+			margin-top: 40rpx;
+			font-size: 40rpx;
 
-<script>
-	export default {
-		data() {
-			return {
-				
-			};
 		}
-	}
-</script>
-
-<style lang="scss">
-
-</style>
+		.t2{
+			margin-top: 8rpx;
+			color: rgba(119,119,119,1);
+			font-size: 24rpx;
+		}
+	}
+
+
+	.floating-button {
+		padding-top:120rpx;
+	text-align: center;
+		.button {
+			    margin: 0 auto;
+			
+			border-radius: 50px;
+			height: 80rpx;
+			width: 80%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 12rpx;
+
+			background-color: rgba(22, 119, 255, 1);
+			color: rgba(255, 255, 255, 1);
+			font-size: 36rpx;
+		}
+		.button2{
+			background-color:  #00B962
+		}
+	}
+</style>

pages/main/index/index.vue

@@ -41,6 +41,9 @@
 					{
 						name:"16绑定地锁",url:"pages/main/ahtml/mylock/bindLock"
 					},
+					{
+						name:"17绑定地锁（状态）",url:"pages/main/ahtml/mylock/bindLockStatus"
+					},
 					{
 						name:"19修改地锁",url:"pages/main/ahtml/mylock/editLock"
 					},