入驻高保真

src/components/settle/index.vue

+<template>
+	<view>
+		<u-navbar style="position: absolute;" title="入驻" background="{background: transparent}" :border-bottom="false"
+			back-icon-color="#ffffff" title-color="#ffffff"></u-navbar>
+		<image :src="url" style="width: 100%;" mode="widthFix"></image>
+		<view class="introduction">
+			<slot></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			index: {
+				type: Number,
+				default: 1
+			}
+		},
+		data() {
+			return {}
+		},
+		computed: {
+			url() {
+				return '../../static/settle/bachground' + this.index + '@3x.png'
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.introduction {
+		border-radius: 12rpx;
+		margin-left: 30rpx;
+		margin-right: 30rpx;
+		margin-top: -112rpx;
+		background-color: #FFFFFF;
+		overflow: auto;
+		height: calc(100vh - 368rpx);
+	}
+</style>

src/pages.json

@@ -36,13 +36,17 @@
 		{
 			"path": "pages/settle/index",
 			"style": {
-				"navigationBarTitleText": "入驻"
+				"navigationBarTitleText": "入驻",
+				"navigationStyle": "custom", // 隐藏系统导航栏
+				"disableScroll": true
 			}
 		},
 		{
 			"path": "pages/settle/base",
 			"style": {
-				"navigationBarTitleText": "入驻"
+				"navigationBarTitleText": "入驻",
+				"navigationStyle": "custom",
+				"disableScroll": true
 			}
 		},
 		{
@@ -125,7 +129,9 @@
 		{
 			"path": "pages/settle/file",
 			"style": {
-				"navigationBarTitleText": "入驻资料"
+				"navigationBarTitleText": "入驻资料",
+				"navigationStyle": "custom",
+				"disableScroll": true
 			}
 		},{
 			"path": "pages/exam/start",

src/pages/index/index.vue

@@ -57,7 +57,7 @@
 		},
 		data() {
 			return {
-				status: 0, // 入驻状态:	    1=>'待审核',     2=>'已通过',     3=>'备选',     4=>'已驳回',     5=>'已签约',     6=>'未支付保证金',     7=>'已支付保证金',
+				status: 0, // 入驻状态:0=>'待提交',1=>'待审核',2=>'已通过',3=>'备选',4=>'已驳回',5=>'已签约',6=>'未支付保证金',7=>'已支付保证金',8=>'已通过考试',9=>'待提交'
 				triggered: false,
 				list: [{
 						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
@@ -126,7 +126,8 @@
 				const callBack = (vm, result) => {
 					// 后台自动判断入驻流程是否完成，前台通过status确定状态
 					if (result && result.record) {
-						vm.status = result.record.status
+						// vm.status = result.record.status
+						vm.status = 0
 					}
 				}
 				await app.getBaseInfo(this, callBack)

src/pages/settle/base.vue

 <template>
 	<view class="content">
+		<Settle :index="2">
 		<view class="title">入驻基本信息</view>
 		<view class="base-list">
 			<!--view class="item item-input flex-yc">
@@ -48,11 +49,6 @@
 				placeholder-style='color:#CCCCCC;font-size:32rpx;'/>
 			</view>
 			<view class="tips bottom_padding_80">（选填项）输入可投入交付服务的人员数量</view>
-			
-			
-			
-			
-			
 			<view class="newAddressView">
 				<view class="newAddressTitleView"  @click="locationClick()">
 					<view class="address">
@@ -82,23 +78,27 @@
 		<view class="btn-wrap flex-xc">
 
 			<button class="btn-submit" :disabled="!submitStatus" @click="$u.debounce(submitBaseInfo, 500)">
-
 			<!--view class="">submitBaseInfo</view-->
 			<!--button class="btn-submit" :disabled="!submitStatus" @click="submitBaseInfo()"-->
-
 				确定
 			</button>
 		</view>
+		</Settle>
 	</view>
 </template>
 
 <script>
+	import Settle from '@/components/settle/index.vue'
+
 	let r = require("../../libs/bmap-wx.min.js");
 	let h = new r.BMapWX({
 		// ak: "rpVq5d3yxaRCoKzVwmFMo0o4iC524CAG",
 		ak: "lF1HoyXdiv4uZx6TrGQEZs48F5y8kEHI"
 	});
 	export default {
+		components: {
+			Settle
+		},
 		data() {
 			return {
 				baseInfo: {
@@ -345,7 +345,9 @@
 				let timer = setTimeout(() => {
 					clearTimeout(timer)
 					uni.navigateTo({
-						url:'/pages/settle/file'
+						url:'/pages/settle/file',
+						"animationType": "fade-in",
+						"animationDuration": 300
 					})
 				}, 2000)
 			},

src/pages/settle/file.vue

 <template>
 	<view class="page-content">
+		<Settle :index="2">
 		<view class="title">入驻充电安装业务所需资料</view>
 		<view class="base-list">
 			<template v-for="(fileItem, index) in formShowList">
@@ -41,11 +42,16 @@
 	                        }}
 			</button>
 		</view>
+		</Settle>
 	</view>
 </template>
 
 <script>
-	export default {
+	import Settle from '@/components/settle/index.vue'
+	export default {
+		components: {
+			Settle
+		},
 		data() {
 			return {
 				fileInfo: {

src/pages/settle/prompt.vue

@@ -65,7 +65,7 @@
 					btnTxt:'去接单广场逛逛',
 					url:'/pages/take/index'
 				}],
-				// 入驻状态:0=>'待提交',1=>'待审核',2=>'已通过',3=>'备选',4=>'已驳回',5=>'已签约',6=>'未支付保证金',7=>'已支付保证金',8=>'已通过考试'
+				// 入驻状态:0=>'待提交',1=>'待审核',2=>'已通过',3=>'备选',4=>'已驳回',5=>'已签约',6=>'未支付保证金',7=>'已支付保证金',8=>'已通过考试',9=>'待提交'
 				status:'',
 				info:null,