预约考试页面

pages.json

@@ -208,6 +208,36 @@
 					}
 				}
 			},
+			{
+				"path": "exam/index",
+				"style": {
+					"navigationBarTitleText": "我的考试",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
+			},
+			{
+				"path": "exam/exam_appointment",
+				"style": {
+					"navigationBarTitleText": "考试预约",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
+			},
+			{
+				"path": "exam/exam_result",
+				"style": {
+					"navigationBarTitleText": "考试成绩和证书",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
+			},
 			{
 				"path": "bank/detail",
 				"style": {
@@ -297,6 +327,16 @@
 						"bounce": "none"
 					}
 				}
+			},
+			{
+				"path": "appointment/appointment_success",
+				"style": {
+					"navigationBarTitleText": "预约成功",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
 			}
 		]/*,
 		 "plugins": {

pages/index/index.vue

@@ -28,7 +28,6 @@ export default {
 	methods: {
 		jumpBank() {
 			this.$navTo.togo('/pages2/bank/questionBank');
-			// this.$navTo.togo('/pages2/appointment/index');
 		},
 		getDict() {
 		

pages/wd/index.vue

@@ -59,6 +59,15 @@
 						<view>我的发票</view>
 					</navigator>
 				</view>
+				<navigator url="/pages2/exam/index"  class="menu_box">
+					<view style="display: flex;align-items: center;">
+						<image src="/static/icon/my_icon7.png" class="my_icon"></image>
+						<view>我的考试</view>
+					</view>
+					<view>
+						<text style="color: #007AFF;margin: 0 5rpx;">3</text>考试预约
+					</view>
+				</navigator>
 				<navigator url="/pages2/order/index"  class="menu_box">
 					<view style="display: flex;align-items: center;">
 						<image src="/static/icon/my_icon7.png" class="my_icon"></image>

pages2/appointment/appointment_success.vue

@@ -0,0 +1,196 @@
+<template>
+	<view class="safeArea">
+		<view style="padding: 8rpx;">
+			<view class="box1">
+				<view>您所报考的【XXXXX】专业</view>
+				<view class="status">
+					<u-icon name="checkmark-circle" color="#34C759" size="32"></u-icon><text style="margin-left: 8rpx;">考试预约成功</text>
+				</view>
+			</view>
+			<view class="box2">
+				<view class="title2">报考学员信息</view>
+				<u-line color="#D6D6DB" />
+				<view class="boxMain">
+					<view class="list_item">
+						<view class="txt_left">姓名</view>
+						<view class="txt_right">倪虹洁</view>
+					</view>
+					<view class="list_item">
+						<view class="txt_left">身份证</view>
+						<view class="txt_right">44046354687236685698</view>
+					</view>
+					<view class="list_item">
+						<view class="txt_left">考试身份</view>
+						<view class="txt_right">非补考学员</view>
+					</view>
+				</view>
+			</view>
+			<view class="box2">
+				<view class="title2">考试预约信息</view>
+				<u-line color="#D6D6DB" />
+				<view class="boxMain">
+					<view class="list_item">
+						<view class="txt_left">考试标题</view>
+						<view class="txt_right txt_right1">2020年二建建筑工程管理与实补考标题</view>
+					</view>
+					<view class="list_item">
+						<view class="txt_left">报名开放时间</view>
+						<view class="txt_right">2021/10/23 ~ 2021/10/29</view>
+					</view>
+					<view class="list_item">
+						<view class="txt_left">报考专业</view>
+						<view class="txt_right">XXXXX专业</view>
+					</view>
+					<view class="list_item">
+						<view class="txt_left">考试地点</view>
+						<view class="txt_right">广州市天河区燕岭路建设大厦3楼</view>
+					</view>
+					<view class="list_item">
+						<view class="txt_left">考试时间</view>
+						<view class="txt_right">2021/10/23  10:00 ~ 11:00</view>
+					</view>
+					<view class="list_item">
+						<view class="txt_left">考前培训地点</view>
+						<view class="txt_right">广州市天河区燕岭路建设大厦3楼</view>
+					</view>
+					<view class="list_item">
+						<view class="txt_left">考前培训时间</view>
+						<view class="txt_right">2021/10/23  10:00:00</view>
+					</view>
+					<view class="tip">*您可在“我的＞我的考试预约”中查询</view>
+				</view>
+			</view>
+			<view style="height: 120rpx;"></view>
+			<view class="foot safeArea">
+				<view class="btn return">返回我的网课</view>
+				<view class="btn view">查看【我的考试预约】</view>
+			</view>
+		</view>
+	</view>
+	
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+export default {
+	components: {
+		
+	},
+	data() {
+		return {
+		};
+	},
+	onShow() {
+	},
+	methods: {
+	},
+	onReachBottom() {},
+	computed: { ...mapGetters(['userInfo']) }
+};
+</script>
+<style >
+	::-webkit-scrollbar{
+	 width: 0;
+	 height: 0;
+	 color: transparent
+	}
+	page{
+		background-color: #EAEEF1;
+	}
+</style>
+<style scoped lang="scss">
+	.tip{
+		font-size: 24rpx;
+		color: #999999;
+		height: 40rpx;
+		line-height: 40rpx;
+	}
+	.title2{
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #333333;
+		height: 90rpx;
+		line-height: 90rpx;
+		margin-left: 30rpx;
+	}
+	.box2{
+		width: 100%;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin-top: 16rpx;
+		.boxMain{
+			padding: 30rpx;
+		}
+		.list_item{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			line-height: 1;
+			&:not(:last-child){
+				margin-bottom: 57rpx;
+			}
+			.txt_left{
+				font-size: 24rpx;
+				color: #666666;
+			}
+			.txt_right{
+				color: #333333;
+				font-size: 30rpx;
+				font-weight: bold;
+				width: 75%;
+				text-align: right;
+				&.txt_right1{
+					width:370rpx;
+					text-align: left;
+					line-height: 1.4;
+				}
+			}
+		}
+	}
+	.box1{
+		width: 100%;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 15rpx;
+		text-align: center;
+		.status{
+			font-size: 36rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #34C759;
+			margin: 19rpx 0;
+		}
+	}
+	.foot{
+		height: 98rpx;
+		width: 100%;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		background: rgba(255, 255, 255, 0.98);
+		box-sizing: unset;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		.btn{
+			height: 80rpx;
+			line-height: 80rpx;
+			border-radius: 40rpx;
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			text-align: center;
+		}
+		.return{
+			width: 264rpx;
+			background: #F5F5F5;
+			color: #007AFF;
+		}
+		.view{
+			width: 374rpx;
+			background: #007AFF;
+			color: #FFFFFF;
+			margin-left:24rpx;
+		}
+	}
+</style>

pages2/exam/exam_appointment.vue

@@ -0,0 +1,323 @@
+<template>
+	<view>
+		<view style="width: 100%;text-align: center;position: fixed;height: 96rpx;z-index: 999;">
+			<u-tabs :list="list" sticky :current="current" @change="change" active-color="#007AFF"  inactive-color="#999"></u-tabs>
+		</view>
+		<view class="safeArea" style="position: absolute;top: 96rpx;width: 100%;">
+			<view v-show="current==0" class="examMain">
+				<view class="noData" v-if="list1.length === 0">您暂无相关考试预约哦~</view>
+				<view  v-for="(item, index) in list1" :key="index" class="examList">
+					<view class="time">2021/10/29 09:30:00</view>
+					<view class="main">
+						<view class="top" @click="showDetails(item.id)">
+							<view class="subject">2020年二建建筑工程管理与实补考标...</view>
+							<u-icon name="arrow-right" color="#999999" size="28"></u-icon>
+						</view>
+						<view class="item">
+							<view class="left">报考专业</view>
+							<view class="right">XXXXX专业</view>
+						</view>
+						<view class="item">
+							<view class="left">考试地点</view>
+							<view class="right">广州市天河区燕岭路建设大厦3楼</view>
+						</view>
+						<view class="item">
+							<view class="left">考试时间</view>
+							<view class="right">2021/10/23  10:00 ~ 11:00</view>
+						</view>
+						<view class="item">
+							<view class="left">考前培训地点</view>
+							<view class="right">广州市天河区燕岭路建设大厦3楼</view>
+						</view>
+						<view class="item">
+							<view class="left">考前培训时间</view>
+							<view class="right">2021/10/23  10:00:00</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 弹框 考试详情-->
+		<u-popup v-model="details_show" mode="center" class="detailsModel">
+			<view class="detailsBox">
+				<view class="time">2021年10月29日 09:30:00</view>
+				<view class="boxItem border">
+					<view class="title">报考学员信息</view>
+					<view class="item">姓名：<text class="val">倪虹洁</text></view>
+					<view class="item">身份证：<text class="val">44046354687236685698</text></view>
+					<view class="item">考试身份：<text class="val">非补考学员</text></view>
+				</view>
+				<view class="boxItem">
+					<view class="title">报考学员信息</view>
+					<view class="item">考试标题：<text class="val">这是一个考试标题</text></view>
+					<view class="item">报名开放时间：<text class="val">2021/10/23 ~ 2021/10/29</text></view>
+					<view class="item">报考专业：<text class="val">XXXXXXX</text></view>
+					<view class="item">考试地点：<text class="val">XXXXXXX</text></view>
+					<view class="item">考试时间：<text class="val">XXXXXXX</text></view>
+					<view class="item">考前培训地点：<text class="val">XXXXXXX</text></view>
+					<view class="item">考前培训时间：<text class="val">XXXXXXX</text></view>
+				</view>
+				<u-line color="#EEEEEE" />
+				<view class="foot">
+					<view class="btn" @click="hideModel">知道了</view>
+					<view class="btn cancel" @click="cancelBtn">取消预约</view>
+				</view>
+			</view>
+		</u-popup>
+		<!-- 弹框 取消预约-->
+		<u-popup v-model="cancel_show" mode="center" class="detailsModel">
+			<view class="tipBox">
+				<view class="title">温馨提示</view>
+				<view class="main">
+					<view class="item">每次考试均有名额限制，</view>
+					<view class="item">取消预约后，您可能无法再次预约本次考试。</view>
+					<view class="item">请慎重考虑。</view>
+					<view class="item">您确定要取消本次考试预约吗？。</view>
+				</view>
+				<view class="btn">
+					<view class="btn1 cancel" @click="cancel_show=false">取消</view>
+					<view class="btn1 submit" @click="submit">确定</view>
+				</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+export default {
+	data() {
+		return {
+			details_show: false,
+			cancel_show: false,
+			list: [
+				{
+					name: '已预约'
+				}, 
+				{
+					name: '已取消'
+				}, 
+				{
+					name: '已过期'
+				}
+			],
+			list1:[1,2,3],
+			current: 0
+		};
+	},
+	onPullDownRefresh(){
+	},
+	onLoad(option) {
+		
+	},
+	onShow() {
+		/* if(this.current === 2 && this.$method.isLogin()){
+			this.$refs.refMy.init();
+		} */
+	},
+	onShareAppMessage(res) {
+		var self = this;
+		return {
+			title: '中正',
+			path: `/pages/index/index?inviteCode=` + userInfo == null ? '' : userInfo.userAccount
+		};
+	},
+	methods: {
+		showDetails(id){
+			this.details_show = true
+		},
+		cancelBtn(){
+			this.cancel_show = true
+		},
+		hideModel(){
+			this.details_show = false
+		},
+		submit(){
+			console.log('确定')
+		},
+		change(index){
+			this.current = index;
+		}
+	},
+	onReachBottom() {},
+	// computed: { ...mapGetters(['userInfo']) }
+};
+</script>
+<style >
+page {
+	background: #EAEEF1;
+}
+.detailsModel .u-mode-center-box{
+	border-radius: 24rpx;
+}
+</style>
+<style scoped lang="scss">
+.noData{
+	text-align: center;
+	font-size: 32rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #999999;
+	margin: 160rpx 0;
+}
+.examMain{
+	padding: 8rpx;
+	.time{
+		text-align: center;
+		font-size: 24rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: #999999;
+	}
+	.main{
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin: 20rpx 0;
+	}
+	.top{
+		height: 103rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		border-bottom: 1px solid #EEEEEE;
+		.subject{
+			max-width: 514rpx;
+			height:40rpx;
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #007AFF;
+			white-space:nowrap;
+			overflow:hidden;
+			text-overflow:ellipsis;
+		}
+	}
+	.item{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-left:31rpx;
+		height: 80rpx;
+		padding-right:24rpx;
+		border-bottom: 1px solid #EEEEEE;
+		font-size: 24rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: #666666;
+		.right{
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+		}
+	}
+}
+.detailsBox{
+	width: 640rpx;
+	background: #FFFFFF;
+	border-radius: 24rpx;
+	.time{
+		margin: 32rpx 0;
+		padding: 0 37rpx;
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #333333;
+	}
+	.boxItem{
+		margin-left: 36rpx;
+		margin-bottom: 29rpx;
+		&.border{
+			border-bottom: 1px solid #eee;
+		}
+		.title{
+			font-size: 24rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #007AFF;
+			position: relative;
+			&::before{
+				content: '';
+				width: 4rpx;
+				height: 24rpx;
+				background: #007AFF;
+				border-radius: 2rpx;
+				position: absolute;
+				top:6rpx;
+				left: -8rpx;
+			}
+		}
+		.item{
+			margin: 24rpx 0;
+			font-size: 26rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #999999;
+			.val{
+				color: #333333;
+			}
+		}
+	}
+	.foot{
+		padding: 20rpx 40rpx;
+		display: flex;
+		justify-content: center;
+		.btn{
+			width: 200rpx;
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			background: #F5F5F5;
+			border-radius: 40rpx;
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #007AFF;
+			&.cancel{
+				background: #FF3B30;
+				color: #FFFFFF;
+			}
+		}
+	}
+}
+.tipBox{
+	width: 640rpx;
+	padding: 30rpx 20rpx 40rpx;
+	background: #FFFFFF;
+	border-radius: 24rpx;
+	font-family: PingFang SC;
+	.title{
+		text-align: center;
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #333333;
+		margin-bottom: 40rpx;
+	}
+	.main{
+		font-size: 30rpx;
+		font-weight: 500;
+		color: #666666;
+		line-height: 48rpx;
+		margin-bottom: 40rpx;
+	}
+	.btn{
+		display: flex;
+		justify-content: center;
+		.btn1{
+			width: 200rpx;
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			background: #F5F5F5;
+			border-radius: 40px;
+			font-size: 30rpx;
+			font-weight: bold;
+			color: #007AFF;
+			margin: 0 20rpx;
+			&.submit{
+				background: #007AFF;
+				color:#fff;
+			}
+		}
+	}
+}
+</style>

pages2/exam/exam_result.vue

@@ -0,0 +1,311 @@
+<template>
+	<view>
+		<view style="width: 100%;text-align: center;position: fixed;height: 96rpx;z-index: 999;">
+			<u-tabs :list="list" sticky :current="current" @change="change" active-color="#007AFF" inactive-color="#999"></u-tabs>
+		</view>
+		<view class="safeArea" style="position: absolute;top: 96rpx;width: 100%;">
+			<view v-show="current==0" class="examMain">
+				<view class="noData" v-if="list1.length === 0">您暂无相关考试成绩和证书哦~~</view>
+				<view  v-for="(item, index) in list1" :key="index" class="examList">
+					<view class="time">2021/10/29 09:30:00</view>
+					<view class="main">
+						<view class="top" @click="showDetails(item.id)">
+							<view class="subject">2020年二建建筑工程管理与实补考标...</view>
+							<u-icon name="arrow-right" color="#999999" size="28"></u-icon>
+						</view>
+						<view class="item">
+							<view class="left">报考专业</view>
+							<view class="right">XXXXX专业</view>
+						</view>
+						<view class="item">
+							<view class="left">考试地点</view>
+							<view class="right">广州市天河区燕岭路建设大厦3楼</view>
+						</view>
+						<view class="item">
+							<view class="left">考试时间</view>
+							<view class="right">2021/10/23  10:00 ~ 11:00</view>
+						</view>
+						<view class="item">
+							<view class="left">考试成绩</view>
+							<view class="right">99分</view>
+						</view>
+						<view class="item">
+							<view class="left">考试结果</view>
+							<view class="right pass">通过</view>
+							<!-- <view class="right nopass">未通过</view> --><!--这是不通过样式-->
+						</view>
+						<view class="item">
+							<view class="left">证书编号</view>
+							<view class="right">XXXXXXXXXX</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 弹框 考试详情-->
+		<u-popup v-model="details_show" mode="center" class="detailsModel">
+			<view class="detailsBox">
+				<view class="time">2021年10月29日 09:30:00</view>
+				<view class="boxItem border">
+					<view class="title">报考学员信息</view>
+					<view class="item">姓名：<text class="val">倪虹洁</text></view>
+					<view class="item">身份证：<text class="val">44046354687236685698</text></view>
+					<view class="item">考试身份：<text class="val">非补考学员</text></view>
+				</view>
+				<view class="boxItem">
+					<view class="title">报考学员信息</view>
+					<view class="item">考试标题：<text class="val">这是一个考试标题</text></view>
+					<view class="item">报名开放时间：<text class="val">2021/10/23 ~ 2021/10/29</text></view>
+					<view class="item">报考专业：<text class="val">XXXXXXX</text></view>
+					<view class="item">考试地点：<text class="val">XXXXXXX</text></view>
+					<view class="item">考试时间：<text class="val">XXXXXXX</text></view>
+					<view class="item">考前培训地点：<text class="val">XXXXXXX</text></view>
+					<view class="item">考前培训时间：<text class="val">XXXXXXX</text></view>
+				</view>
+				<view class="boxItem">
+					<view class="title">考试成绩和证书信息</view>
+					<view class="item">考试成绩：<text class="val">96分</text></view>
+					<view class="item">考试结果：<text class="val pass">通过</text></view>
+					<!-- <view class="item">考试结果：<text class="val nopass">未通过</text></view> -->
+					<view class="item">证书编号：<text class="val">XXXXXXX</text></view>
+				</view>
+				<u-line color="#EEEEEE" />
+				<view class="foot">
+					<view class="btn" @click="hideModel">知道了</view>
+				</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+export default {
+	data() {
+		return {
+			details_show: false,
+			list: [
+				{
+					name: '已通过(3)'
+				}, 
+				{
+					name: '未通过(0)'
+				}
+			],
+			list1:[1,2,3],
+			current: 0
+		};
+	},
+	onPullDownRefresh(){
+	},
+	onLoad(option) {
+		
+	},
+	onShow() {
+		/* if(this.current === 2 && this.$method.isLogin()){
+			this.$refs.refMy.init();
+		} */
+	},
+	onShareAppMessage(res) {
+		var self = this;
+		return {
+			title: '中正',
+			path: `/pages/index/index?inviteCode=` + userInfo == null ? '' : userInfo.userAccount
+		};
+	},
+	methods: {
+		showDetails(id){
+			this.details_show = true
+		},
+		hideModel(){
+			this.details_show = false
+		},
+		change(index){
+			this.current = index;
+		}
+	},
+	onReachBottom() {},
+	// computed: { ...mapGetters(['userInfo']) }
+};
+</script>
+<style >
+page {
+	background: #EAEEF1;
+}
+.detailsModel .u-mode-center-box{
+	border-radius: 24rpx;
+}
+</style>
+<style scoped lang="scss">
+.noData{
+	text-align: center;
+	font-size: 32rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #999999;
+	margin: 160rpx 0;
+}
+.pass{
+	color: #34C759!important;
+}
+.nopass{
+	color: #FF3B30!important;;
+}
+.examMain{
+	padding: 8rpx;
+	.time{
+		text-align: center;
+		font-size: 24rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: #999999;
+	}
+	.main{
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin: 20rpx 0;
+	}
+	.top{
+		height: 103rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		border-bottom: 1px solid #EEEEEE;
+		.subject{
+			max-width: 514rpx;
+			height:40rpx;
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #007AFF;
+			white-space:nowrap;
+			overflow:hidden;
+			text-overflow:ellipsis;
+		}
+	}
+	.item{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-left:31rpx;
+		height: 80rpx;
+		padding-right:24rpx;
+		border-bottom: 1px solid #EEEEEE;
+		font-size: 24rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: #666666;
+		.right{
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+		}
+	}
+}
+.detailsBox{
+	width: 640rpx;
+	background: #FFFFFF;
+	border-radius: 24rpx;
+	.time{
+		margin: 32rpx 0;
+		padding: 0 37rpx;
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #333333;
+	}
+	.boxItem{
+		margin-left: 36rpx;
+		margin-bottom: 29rpx;
+		&.border{
+			border-bottom: 1px solid #eee;
+		}
+		.title{
+			font-size: 24rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #007AFF;
+			position: relative;
+			&::before{
+				content: '';
+				width: 4rpx;
+				height: 24rpx;
+				background: #007AFF;
+				border-radius: 2rpx;
+				position: absolute;
+				top:6rpx;
+				left: -12rpx;
+			}
+		}
+		.item{
+			margin: 24rpx 0;
+			font-size: 26rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #999999;
+			.val{
+				color: #333333;
+			}
+		}
+	}
+	.foot{
+		padding: 20rpx 40rpx;
+		display: flex;
+		justify-content: center;
+		.btn{
+			width: 526rpx;
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			background: #F5F5F5;
+			border-radius: 40rpx;
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			background: #007AFF;
+			color: #FFFFFF;
+		}
+	}
+}
+.tipBox{
+	width: 640rpx;
+	padding: 30rpx 20rpx 40rpx;
+	background: #FFFFFF;
+	border-radius: 24rpx;
+	font-family: PingFang SC;
+	.title{
+		text-align: center;
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #333333;
+		margin-bottom: 40rpx;
+	}
+	.main{
+		font-size: 30rpx;
+		font-weight: 500;
+		color: #666666;
+		line-height: 48rpx;
+		margin-bottom: 40rpx;
+	}
+	.btn{
+		display: flex;
+		justify-content: center;
+		.btn1{
+			width: 200rpx;
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			background: #F5F5F5;
+			border-radius: 40px;
+			font-size: 30rpx;
+			font-weight: bold;
+			color: #007AFF;
+			margin: 0 20rpx;
+			&.submit{
+				background: #007AFF;
+				color:#fff;
+			}
+		}
+	}
+}
+</style>

pages2/exam/index.vue

@@ -0,0 +1,68 @@
+<template>
+	<view class="safeArea">
+		<view class="examWrap">
+			<view class="examItem" @click="goAppointment">
+				<view class="item">考试预约</view>
+				<view class="item"><text class="num">3</text>个<u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
+			</view>
+			<view class="examItem" @click="goResult">
+				<view class="item">考试成绩和证书</view>
+				<view class="item"><u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+export default {
+	components: {
+	},
+	data() {
+		return {
+		};
+	},
+	onShow() {
+	},
+	methods: {
+		goAppointment(){
+			this.$navTo.togo('/pages2/exam/exam_appointment');
+		},
+		goResult(){
+			this.$navTo.togo('/pages2/exam/exam_result');
+		}
+	},
+	onReachBottom() {},
+	computed: { ...mapGetters(['userInfo']) }
+};
+</script>
+<style >
+	page {
+			background: #EAEEF1;
+		}
+</style>
+<style scoped lang="scss">
+.examWrap{
+	padding: 16rpx;
+	.examItem{
+		height: 80rpx;
+		background: #FFFFFF;
+		box-shadow: 0px 0px 16rpx 4rpx rgba(145, 156, 178, 0.1);
+		border-radius: 16rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0 25rpx;
+		font-size: 32rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: #333333;
+		margin-bottom: 16rpx;
+		.num{
+			color:#007AFF;
+			text-decoration: underline;
+			margin-right: 5rpx;
+		}
+	}
+}
+</style>

pages2/order/confirm_success.vue

@@ -9,7 +9,7 @@
 						<view class="btn1">
 							继续选课
 						</view>
-						<view class="btn2">
+						<view class="btn2" @click="goAppointment">
 							我的订单
 						</view>
 					</view>
@@ -73,6 +73,9 @@ export default {
 		} */
 	},
 	methods: {
+		goAppointment(){
+			this.$navTo.togo('/pages2/appointment/appointment_success');
+		},
 		radioChange(e) {
 			// console.log(e);
 		},