我的网课

pages.json

@@ -60,11 +60,13 @@
 			"path": "pages/shopping/shoppingCart",
 			"style": {
 				"navigationBarTitleText": "购物车",
+				"navigationBarTextStyle": "white",
+				"navigationStyle": "custom", // 隐藏系统导航栏
 				"app-plus": {
-					"titleNView": false //禁用原生导航栏  
+					"titleNView": false, //禁用原生导航栏 
+					"bounce": "none"
 				}
 			}
-		
 		}
 	],
 	"subPackages": [{
@@ -172,6 +174,36 @@
 						"bounce": "none"
 					}
 				}
+			},
+			{
+				"path": "order/confirm_pay",
+				"style": {
+					"navigationBarTitleText": "订单支付",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
+			},
+			{
+				"path": "order/confirm_success",
+				"style": {
+					"navigationBarTitleText": "支付成功",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
+			},
+			{
+				"path": "order/index",
+				"style": {
+					"navigationBarTitleText": "我的订单",
+					"app-plus": {
+						"titleNView": false, //禁用原生导航栏 
+						"bounce": "none"
+					}
+				}
 			}
 		],
 		"plugins": {

pages/shopping/shoppingCart.vue

@@ -1,6 +1,145 @@
 <template>
 	<view>
-		购物车
+		<u-navbar :is-back="false" title="购物车" :border-bottom="false"  title-color="#333333" back-icon-color="#ffffff">
+			<view class="slot-wrap">
+				<image  src="/static/logo2.png" style="width: 178rpx;height: 31rpx;margin-left: 30rpx;"></image>
+			</view>
+		</u-navbar>
+		<view style="padding: 30rpx;padding-bottom: 98rpx;">
+			 <u-checkbox-group
+			            v-model="checkboxValue1"
+			            placement="column"
+			            @change="checkboxChange">
+			<view v-for="(item,index) in list" :key="index" >
+				<view class="item">
+					<view>
+						<view style="display: flex;justify-content: space-between;padding-bottom: 15rpx;">
+							<view style="display: flex;align-items:center;">
+								<u-checkbox
+									v-model="item.checked" 
+									shape="circle"
+									:name="item.name">
+								</u-checkbox>
+							</view>
+							<image src="/static/login_bg.jpg" style="height: 134rpx;width: 388rpx;border-radius: 16rpx;"></image>
+							<view style="margin-left: 20rpx;">
+								<view style="color: #333333;font-size: 30rpx;font-weight: bold;">
+									2020年二建建筑工程管理与实
+									务（实务专题班）
+								</view>
+								<view class="priceTag">
+									¥ 999.00
+								</view>
+							</view>
+							
+						</view>
+						<u-line color="#D6D6DB" />
+						<view style="display: flex;justify-content: space-between;align-items: center;height: 50rpx;" @click="openPopup(index)">
+							<view style="color: #666666;font-size: 24rpx;margin-left: 60rpx;">选择班级</view>
+							<view><u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
+						</view>
+					</view>
+				</view>
+			</view>
+			</u-checkbox-group>
+		</view>
+		<view class="bottomBox">
+			<view>
+				<u-checkbox
+					label="all"
+					name="all"
+					shape="circle"
+					@change="checkboxAllChange"
+					v-model="allChecked" 
+				>
+				</u-checkbox>
+				<text>全选</text>
+			</view>
+			<view style="display: flex;align-items: center;">
+				<view style="color: #999999;margin-right: 8rpx;">合计</view>
+				<view class="priceTag">¥ 999.00</view>
+				<view style="display: flex;color: #FFFFFF;align-items: center;">
+					<view class="btn2" @click="goBuy()">结算</view>
+				</view>
+			</view>
+		</view>
+		
+		<u-popup v-model="show" mode="bottom"border-radius="40">
+			<view class="popup_box">
+				<view style="margin-bottom: 20rpx;">
+					<view class="line1"></view>
+					<view class="grade">选择班级</view>
+				</view>
+				<u-line color="#D6D6DB" />
+				<view>
+					<scroll-view scroll-y="true" style="height: 500rpx;">
+						<view>
+							<u-checkbox-group @change="checkboxGroupChange">
+								<view v-for="(item, index) in list" :key="index" >
+									<view style="display: flex;align-items: center;padding: 20rpx;">
+										<view>
+											<u-checkbox
+												shape="circle"
+												@change="checkboxChange" 
+												v-model="item.checked" 
+												:name="item.name"
+											></u-checkbox>
+										</view>
+										<view :class="item.checked?'white-box blue-box':'white-box'" >
+											<view>
+												<view class="blackTxt">2021年第1期二级建造师继续教育选修课（市政）标题过长换行显示</view>
+												<view class="redTxt">有效期至：2021/11/30</view>
+												<view class="redTxt">本班还剩41天将结束学习</view>
+											</view>
+										</view>
+									</view>
+								</view>
+							</u-checkbox-group>
+						</view>
+					</scroll-view>
+				</view>
+				<view class="confrim-btn">
+					<view class="okBtn">确定</view>
+				</view>
+			</view>
+		</u-popup>
+		<u-popup v-model="show1" mode="bottom"border-radius="40">
+			<view class="popup_box">
+				<view style="margin-bottom: 20rpx;">
+					<view class="line1"></view>
+					<view class="grade">选择考期/地区</view>
+				</view>
+				<u-line color="#D6D6DB" />
+				<view style="display: flex;height: 500rpx;">
+					<view style="width: 50%;">
+						<view class="topTxt">考期</view>
+						<view>
+							<picker-view  :indicator-style="indicatorStyle" :value="value" @change="bindChange" class="picker-view">
+								<picker-view-column>
+									<view class="picker-item" v-for="(item,index) in list1" :key="index">{{item.label}}</view>
+								</picker-view-column>
+							</picker-view>
+						</view>
+					</view>
+					<view style="width: 50%;">
+						<view class="topTxt">地区</view>
+						<view>
+							<picker-view  :indicator-style="indicatorStyle" :value="value" @change="bindChange" class="picker-view">
+								<picker-view-column>
+									<view class="picker-item" v-for="(item,index) in list2" :key="index">{{item.label}}</view>
+								</picker-view-column>
+								<picker-view-column>
+									<view class="picker-item" v-for="(item,index) in list3" :key="index">{{item.label}}</view>
+								</picker-view-column>
+							</picker-view>
+						</view>
+					</view>
+				</view>
+				<view class="confrim-btn">
+					<view class="okBtn">确定</view>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -8,15 +147,226 @@
 	export default {
 		data() {
 			return {
-				
+				allChecked:false,
+				checkboxValue1:[],
+				list: [{
+					name: 'apple',
+					checked: false,
+					disabled: false
+				},
+				{
+					name: 'banner',
+					checked: false,
+					disabled: false
+				},
+				{
+					name: 'orange',
+					checked: false,
+					disabled: false
+				}
+				],
+				list1:[
+						{
+							value: '1',
+							label: '2021年6月'
+						},
+						{
+							value: '2',
+							label: '2021年7月'
+						}
+					],
+					list1:[
+						{
+							value: '1',
+							label: '2021年6月'
+						},
+						{
+							value: '2',
+							label: '2021年7月'
+						},
+						{
+							value: '3',
+							label: '2021年8月'
+						},
+						{
+							value: '4',
+							label: '2021年9月'
+						}
+					],
+					list2:[
+						{
+							value: '1',
+							label: '广东'
+						},
+						{
+							value: '2',
+							label: '北京'
+						}
+					],
+					list3:[
+						{
+							value: '1',
+							label: '广州'
+						},
+						{
+							value: '2',
+							label: '深圳'
+						}
+					],
+					value1:'',
+				show:false,
+				show1:false
 			}
 		},
 		methods: {
-			
+			goBuy(){
+				this.$navTo.togo('/pages2/order/confirm_pay');
+			},
+			checkboxChange(n) {
+				console.log('change', n);
+			},
+			openPopup(index){
+				if(index==0){
+					this.show = true
+				}else{
+					this.show1 = true
+				}
+				
+			},
+			checkboxAllChange(n){
+				console.log(this.allChecked,n)
+				if(n.value){
+					for(let i =0;i<this.list.length;i++){
+						this.list[i].checked = true
+					}
+				}else{
+					for(let i =0;i<this.list.length;i++){
+						this.list[i].checked = false
+					}
+				}
+			}
 		}
 	}
 </script>
-
-<style>
-
+<style >
+	page{
+		background-color: #EAEEF1;
+	}
+</style>
+<style scoped>
+	.picker-item {
+	        height: 50px;
+	        align-items: center;
+	        justify-content: center;
+	        text-align: center;
+	    }
+	.picker-view {
+		width: 100%;
+		height: 420rpx;
+		text-align: center;
+	}
+	.topTxt{
+		font-size: 30rpx;
+		color: #666666;
+		text-align: center;
+		padding: 20rpx 0;
+	}
+	.blackTxt{
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #333333;
+	}
+	.redTxt{
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		color: #FF2D55;
+		margin-top: 13rpx;
+	}
+	.blue-box{
+		background: #EBF5FF;
+	}
+	.white-box{
+		width: 646rpx;
+		height: 220rpx;
+		border-radius: 24rpx;
+		align-items: center;
+		display: flex;
+		padding-left: 15rpx;
+	}
+	.okBtn{
+		width: 200rpx;
+		height: 64rpx;
+		background: linear-gradient(0deg, #015EEA, #00C0FA);
+		border-radius: 32rpx;
+		color: #FFFFFF;
+		text-align: center;
+		line-height: 64rpx;
+	}
+	.confrim-btn{
+		height: 98rpx;
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content:center;
+	}
+	.grade{
+		height: 23rpx;
+		font-size: 24rpx;
+		color: #999999;
+		margin: 0 auto;
+		margin-top: 15rpx;
+		text-align: center;
+	}
+	.line1{
+		width: 80rpx;
+		height: 8rpx;
+		background: #999999;
+		border-radius: 4rpx;
+		margin: 0 auto;
+		margin-top: 15rpx;
+	}
+	.popup_box {
+		height: 700rpx;
+		box-shadow: 0rpx 0rpx 16rpx 4rpx rgba(145, 156, 178, 0.1);
+		border-radius: 32rpx 32rpx 0rpx 0rpx;
+	}
+	.item{
+		width: 100%;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin-bottom: 20rpx;
+		padding: 15rpx;
+		display: flex;
+		
+	}
+	.priceTag{
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #FF2D55;
+		display: flex;
+		flex-direction: row-reverse;
+		margin-right: 8rpx;
+	}
+	.btn2{
+		width: 200rpx;
+		height: 64rpx;
+		background: linear-gradient(0deg, #015EEA, #00C0FA);
+		border-radius: 32rpx;
+		text-align: center;
+		line-height: 64rpx;
+	}
+	.bottomBox{
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		left: 0;
+		height:98rpx ;
+		background-color: #FFFFFF;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0 30rpx;
+	}
 </style>

pages/wd/index.vue

@@ -55,6 +55,15 @@
 					<view>我的发票</view>
 				</navigator>
 			</view>
+			<view class="menu_box">
+				<navigator url="/pages2/order/index" style="display: flex;align-items: center;">
+					<image src="/static/icon/my_icon7.png" class="my_icon"></image>
+					<view>我的订单</view>
+				</navigator>
+				<view>
+					<text style="color: #007AFF;margin: 0 5rpx;">3</text>笔待支付
+				</view>
+			</view>
 			<view class="menu_box">
 				<view style="display: flex;align-items: center;">
 					<image src="/static/icon/my_icon8.png" class="my_icon"></image>

pages2/order/confirm_list.vue

@@ -3,7 +3,7 @@
 		<view style="padding: 30rpx;padding-bottom: 98rpx;">
 			<view v-for="(item,index) in list" :key="index" >
 				<view class="item">
-					<view style="display: flex;justify-content: space-between;">
+					<view style="display: flex;justify-content: space-between;padding-bottom: 15rpx;">
 						<image src="/static/login_bg.jpg" style="height: 134rpx;width: 388rpx;border-radius: 16rpx;"></image>
 						<view style="margin-left: 20rpx;">
 							<view style="color: #333333;font-size: 30rpx;font-weight: bold;">
@@ -15,16 +15,97 @@
 							</view>
 						</view>
 					</view>
-					
+					<u-line color="#D6D6DB" />
+					<view style="display: flex;justify-content: space-between;align-items: center;height: 50rpx;" @click="openPopup(index)">
+						<view style="color: #666666;font-size: 24rpx;">选择班级</view>
+						<view><u-icon name="arrow-right" color="#999999" size="28"></u-icon></view>
+					</view>
 				</view>
 			</view>
 		</view>
 		<view class="bottomBox">
 			<view class="priceTag">¥ 999.00</view>
 			<view style="display: flex;color: #FFFFFF;align-items: center;">
-				<view class="btn2">确认购买</view>
+				<view class="btn2" @click="goBuy()">确认购买</view>
 			</view>
 		</view>
+		
+		<u-popup v-model="show" mode="bottom"border-radius="40">
+			<view class="popup_box">
+				<view style="margin-bottom: 20rpx;">
+					<view class="line1"></view>
+					<view class="grade">选择班级</view>
+				</view>
+				<u-line color="#D6D6DB" />
+				<view>
+					<scroll-view scroll-y="true" style="height: 500rpx;">
+						<view>
+							<u-checkbox-group @change="checkboxGroupChange">
+								<view v-for="(item, index) in list" :key="index" >
+									<view style="display: flex;align-items: center;padding: 20rpx;">
+										<view>
+											<u-checkbox
+												shape="circle"
+												@change="checkboxChange" 
+												v-model="item.checked" 
+												:name="item.name"
+											></u-checkbox>
+										</view>
+										<view :class="item.checked?'white-box blue-box':'white-box'" >
+											<view>
+												<view class="blackTxt">2021年第1期二级建造师继续教育选修课（市政）标题过长换行显示</view>
+												<view class="redTxt">有效期至：2021/11/30</view>
+												<view class="redTxt">本班还剩41天将结束学习</view>
+											</view>
+										</view>
+									</view>
+								</view>
+							</u-checkbox-group>
+						</view>
+					</scroll-view>
+				</view>
+				<view class="confrim-btn">
+					<view class="okBtn">确定</view>
+				</view>
+			</view>
+		</u-popup>
+		<u-popup v-model="show1" mode="bottom"border-radius="40">
+			<view class="popup_box">
+				<view style="margin-bottom: 20rpx;">
+					<view class="line1"></view>
+					<view class="grade">选择考期/地区</view>
+				</view>
+				<u-line color="#D6D6DB" />
+				<view style="display: flex;height: 500rpx;">
+					<view style="width: 50%;">
+						<view class="topTxt">考期</view>
+						<view>
+							<picker-view  :indicator-style="indicatorStyle" :value="value" @change="bindChange" class="picker-view">
+								<picker-view-column>
+									<view class="picker-item" v-for="(item,index) in list1" :key="index">{{item.label}}</view>
+								</picker-view-column>
+							</picker-view>
+						</view>
+					</view>
+					<view style="width: 50%;">
+						<view class="topTxt">地区</view>
+						<view>
+							<picker-view  :indicator-style="indicatorStyle" :value="value" @change="bindChange" class="picker-view">
+								<picker-view-column>
+									<view class="picker-item" v-for="(item,index) in list2" :key="index">{{item.label}}</view>
+								</picker-view-column>
+								<picker-view-column>
+									<view class="picker-item" v-for="(item,index) in list3" :key="index">{{item.label}}</view>
+								</picker-view-column>
+							</picker-view>
+						</view>
+					</view>
+				</view>
+				<view class="confrim-btn">
+					<view class="okBtn">确定</view>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -37,7 +118,74 @@ export default {
 	},
 	data() {
 		return {
-			list:[1,2,3,1,2,3,1,2,3]
+			indicatorStyle: `height: 50px;`,
+			showArea:true,
+			show1:false,
+			list:[{
+					name: 'apple',
+					checked: false,
+					disabled: false
+				},
+				{
+					name: 'banner',
+					checked: false,
+					disabled: false
+				},
+				{
+					name: 'orange',
+					checked: false,
+					disabled: false
+				}],
+				list1:[
+					{
+						value: '1',
+						label: '2021年6月'
+					},
+					{
+						value: '2',
+						label: '2021年7月'
+					}
+				],
+				list1:[
+					{
+						value: '1',
+						label: '2021年6月'
+					},
+					{
+						value: '2',
+						label: '2021年7月'
+					},
+					{
+						value: '3',
+						label: '2021年8月'
+					},
+					{
+						value: '4',
+						label: '2021年9月'
+					}
+				],
+				list2:[
+					{
+						value: '1',
+						label: '广东'
+					},
+					{
+						value: '2',
+						label: '北京'
+					}
+				],
+				list3:[
+					{
+						value: '1',
+						label: '广州'
+					},
+					{
+						value: '2',
+						label: '深圳'
+					}
+				],
+				value1:'',
+			show:false
 		};
 	},
 	onPullDownRefresh(){
@@ -51,7 +199,33 @@ export default {
 		} */
 	},
 	methods: {
-		
+		goBuy(){
+			this.$navTo.togo('/pages2/order/confirm_pay');
+		},
+		bindChange(e) {
+			const val = e.detail.value
+		},
+		checkboxChange(e) {
+			//console.log(e);
+		},
+		// 选中任一checkbox时，由checkbox-group触发
+		checkboxGroupChange(e) {
+			// console.log(e);
+		},
+		// 全选
+		checkedAll() {
+			this.list.map(val => {
+				val.checked = true;
+			})
+		},
+		openPopup(index){
+			if(index==0){
+				this.show = true
+			}else{
+				this.show1 = true
+			}
+			
+		}
 	},
 	onReachBottom() {},
 	computed: { ...mapGetters(['userInfo']) }
@@ -63,6 +237,83 @@ export default {
 	}
 </style>
 <style scoped>
+	.picker-item {
+	        height: 50px;
+	        align-items: center;
+	        justify-content: center;
+	        text-align: center;
+	    }
+	.picker-view {
+		width: 100%;
+		height: 420rpx;
+		text-align: center;
+	}
+	.topTxt{
+		font-size: 30rpx;
+		color: #666666;
+		text-align: center;
+		padding: 20rpx 0;
+	}
+	.blackTxt{
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #333333;
+	}
+	.redTxt{
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		color: #FF2D55;
+		margin-top: 13rpx;
+	}
+	.blue-box{
+		background: #EBF5FF;
+	}
+	.white-box{
+		width: 646rpx;
+		height: 220rpx;
+		border-radius: 24rpx;
+		align-items: center;
+		display: flex;
+		padding-left: 15rpx;
+	}
+	.okBtn{
+		width: 200rpx;
+		height: 64rpx;
+		background: linear-gradient(0deg, #015EEA, #00C0FA);
+		border-radius: 32rpx;
+		color: #FFFFFF;
+		text-align: center;
+		line-height: 64rpx;
+	}
+	.confrim-btn{
+		height: 98rpx;
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content:center;
+	}
+	.grade{
+		height: 23rpx;
+		font-size: 24rpx;
+		color: #999999;
+		margin: 0 auto;
+		margin-top: 15rpx;
+		text-align: center;
+	}
+	.line1{
+		width: 80rpx;
+		height: 8rpx;
+		background: #999999;
+		border-radius: 4rpx;
+		margin: 0 auto;
+		margin-top: 15rpx;
+	}
+	.popup_box {
+		height: 700rpx;
+		box-shadow: 0rpx 0rpx 16rpx 4rpx rgba(145, 156, 178, 0.1);
+		border-radius: 32rpx 32rpx 0rpx 0rpx;
+	}
 	.item{
 		width: 100%;
 		background: #FFFFFF;

pages2/order/confirm_pay.vue

@@ -0,0 +1,215 @@
+<template>
+	<view>
+		<view>
+			<view style="padding: 30rpx;">
+				<view class="box1">
+					<view class="box1_t1">
+						<u-icon name="checkmark-circle" color="#34C759" size="32"></u-icon><text style="margin-left: 8rpx;">订单提交成功，请您尽快付款！</text></view>
+					<view class="box1_t2">请在24小时内付款，否则订单将自动取消</view>
+				</view>
+				<view class="box2">
+					<view class="title2">支付信息</view>
+					<u-line color="#D6D6DB" />
+					<view style="padding:10rpx 30rpx;">
+						<view class="list_item">
+							<view class="txt_left">商品名称</view>
+							<view class="txt_right">2020年二建建筑工程管理与实务（实务专题班）</view>
+						</view>
+						<view class="list_item">
+							<view class="txt_left">应付金额</view>
+							<view class="txt_right_price">¥ 999.00</view>
+						</view>
+						<view class="list_item">
+							<view class="txt_left">订单编号</view>
+							<view class="txt_right_sn">20211013105634GZ</view>
+						</view>
+						<view class="tip">*您可在“我的＞我的订单”中查询</view>
+					</view>
+				</view>
+				<view class="box3">
+					<view class="title2">支付信息</view>
+					<u-line color="#D6D6DB" />
+					<view style="padding:20rpx 30rpx;">
+						<u-radio-group v-model="value" @change="radioGroupChange">
+						<view class="list_item">
+							<view class="txt_left_pay"><image src="/static/wepay.png" class="pay_icon"></image>微信支付</view>
+							<view ><u-radio @change="radioChange" name="wepay"></u-radio></view>
+						</view>
+						<view class="list_item">
+							<view class="txt_left_pay"><image src="/static/unipay.png" class="pay_icon"></image>云闪付</view>
+							<view ><u-radio @change="radioChange" name="unipay"></u-radio></view>
+						</view>
+						</u-radio-group>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="bottomBtn" @click="pay()">确认支付</view>
+	</view>
+	
+</template>
+
+<script>
+
+import { mapGetters } from 'vuex';
+export default {
+	components: {
+		
+	},
+	data() {
+		return {
+			list:[
+				{
+					name: '网课'
+				},
+				{
+					name: '题库通'
+				}
+			],
+			array:['全部','建设工程施工管理','机电全科','机电工程管理与实','机电全科','全科'],
+			current:0,
+			menuIndex:0
+		};
+	},
+	onPullDownRefresh(){
+	},
+	onLoad(option) {
+		
+	},
+	onShow() {
+		/* if(this.current === 2 && this.$method.isLogin()){
+			this.$refs.refMy.init();
+		} */
+	},
+	methods: {
+		pay(){
+			this.$navTo.togo('/pages2/order/confirm_success');
+		},
+		radioChange(e) {
+			// console.log(e);
+		},
+		// 选中任一radio时，由radio-group触发
+		radioGroupChange(e) {
+			// console.log(e);
+		},
+		cMenu(index){
+			this.menuIndex = index;
+		},
+		change(index){
+			this.current = index;
+		}
+	},
+	onReachBottom() {},
+	computed: { ...mapGetters(['userInfo']) }
+};
+</script>
+<style >
+	::-webkit-scrollbar{
+	 width: 0;
+	 height: 0;
+	 color: transparent
+	}
+	page{
+		background-color: #EAEEF1;
+	}
+</style>
+<style scoped>
+	
+	.txt_left_pay{
+		display: flex;
+		align-items: center;
+		height: 64rpx;
+		font-size: 24rpx;
+		color: #666666;
+	}
+	.pay_icon{
+		width: 64rpx;
+		height: 64rpx;
+		margin-right: 10rpx;
+	}
+	.box3{
+		width: 100%;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin-top: 30rpx;
+	}
+	.tip{
+		font-size: 24rpx;
+		color: #999999;
+		height: 40rpx;
+		line-height: 40rpx;
+	}
+	.txt_right_sn{
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #666666;
+	}
+	.txt_right_price{
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #FF2D55;
+	}
+	.txt_left{
+		font-size: 24rpx;
+		color: #666666;
+	}
+	.txt_right{
+		color: #333333;
+		font-weight: bold;
+		width: 75%;
+	}
+	.list_item{
+		display: flex;
+		justify-content: space-between;
+		height: 90rpx;
+		align-items: center;
+	}
+	.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: 30rpx;
+	}
+	.box1_t2{
+		font-size: 24rpx;
+		color: #999999;
+		text-align: center;
+	}
+	.box1_t1{
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #333333;
+		height: 70rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+	}
+	.box1{
+		width: 100%;
+		height: 120rpx;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		
+	}
+	.bottomBtn{
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		height: 98rpx;
+		background: linear-gradient(0deg, #015EEA, #00C0FA);
+		color: #FFFFFF;
+		text-align: center;
+		line-height: 98rpx;
+		font-weight: bold;
+		font-size: 30rpx;
+	}
+</style>

pages2/order/confirm_success.vue

@@ -0,0 +1,223 @@
+<template>
+	<view>
+		<view>
+			<view style="padding: 30rpx;">
+				<view class="box1">
+					<view class="box1_t1">
+						<u-icon name="checkmark-circle" color="#34C759" size="32"></u-icon><text style="margin-left: 8rpx;">您的订单已支付成功！</text></view>
+					<view style="display: flex;align-items: center;justify-content: center;">
+						<view class="btn1">
+							继续选课
+						</view>
+						<view class="btn2">
+							我的订单
+						</view>
+					</view>
+				</view>
+				
+				<view class="box2">
+					<view class="title2">订单信息</view>
+					<u-line color="#D6D6DB" />
+					<view style="padding:10rpx 30rpx;">
+						<view class="list_item">
+							<view class="txt_left">商品名称</view>
+							<view class="txt_right">2020年二建建筑工程管理与实务（实务专题班）</view>
+						</view>
+						<view class="list_item">
+							<view class="txt_left">应付金额</view>
+							<view class="txt_right_price">¥ 999.00</view>
+						</view>
+						<view class="list_item">
+							<view class="txt_left">订单编号</view>
+							<view class="txt_right_sn">20211013105634GZ</view>
+						</view>
+						<view class="tip">*您可在“我的＞我的订单”中查询</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+	
+</template>
+
+<script>
+
+import { mapGetters } from 'vuex';
+export default {
+	components: {
+		
+	},
+	data() {
+		return {
+			list:[
+				{
+					name: '网课'
+				},
+				{
+					name: '题库通'
+				}
+			],
+			array:['全部','建设工程施工管理','机电全科','机电工程管理与实','机电全科','全科'],
+			current:0,
+			menuIndex:0
+		};
+	},
+	onPullDownRefresh(){
+	},
+	onLoad(option) {
+		
+	},
+	onShow() {
+		/* if(this.current === 2 && this.$method.isLogin()){
+			this.$refs.refMy.init();
+		} */
+	},
+	methods: {
+		radioChange(e) {
+			// console.log(e);
+		},
+		// 选中任一radio时，由radio-group触发
+		radioGroupChange(e) {
+			// console.log(e);
+		},
+		cMenu(index){
+			this.menuIndex = index;
+		},
+		change(index){
+			this.current = index;
+		}
+	},
+	onReachBottom() {},
+	computed: { ...mapGetters(['userInfo']) }
+};
+</script>
+<style >
+	::-webkit-scrollbar{
+	 width: 0;
+	 height: 0;
+	 color: transparent
+	}
+	page{
+		background-color: #EAEEF1;
+	}
+</style>
+<style scoped>
+	.btn2{
+		width: 160rpx;
+		height: 56rpx;
+		background: #007AFF;
+		border-radius: 16rpx;
+		font-size: 30rpx;
+		color: #FFFFFF;
+		margin: 10rpx;
+		text-align: center;
+		line-height: 56rpx;
+	}
+	.btn1{
+		width: 160rpx;
+		height: 56rpx;
+		background: #F5F5F5;
+		border-radius: 16rpx;
+		font-size: 30rpx;
+		color: #007AFF;
+		margin: 10rpx;
+		text-align: center;
+		line-height: 56rpx;
+	}
+	.txt_left_pay{
+		display: flex;
+		align-items: center;
+		height: 64rpx;
+		font-size: 24rpx;
+		color: #666666;
+	}
+	.pay_icon{
+		width: 64rpx;
+		height: 64rpx;
+		margin-right: 10rpx;
+	}
+	.box3{
+		width: 100%;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin-top: 30rpx;
+	}
+	.tip{
+		font-size: 24rpx;
+		color: #999999;
+		height: 40rpx;
+		line-height: 40rpx;
+	}
+	.txt_right_sn{
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #666666;
+	}
+	.txt_right_price{
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #FF2D55;
+	}
+	.txt_left{
+		font-size: 24rpx;
+		color: #666666;
+	}
+	.txt_right{
+		color: #333333;
+		font-weight: bold;
+		width: 75%;
+	}
+	.list_item{
+		display: flex;
+		justify-content: space-between;
+		height: 90rpx;
+		align-items: center;
+	}
+	.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: 30rpx;
+	}
+	.box1_t2{
+		font-size: 24rpx;
+		color: #999999;
+		text-align: center;
+	}
+	.box1_t1{
+		font-size: 30rpx;
+		font-weight: bold;
+		color: #333333;
+		height: 70rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+	}
+	.box1{
+		width: 100%;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		padding: 15rpx;
+	}
+	.bottomBtn{
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		height: 98rpx;
+		background: linear-gradient(0deg, #015EEA, #00C0FA);
+		color: #FFFFFF;
+		text-align: center;
+		line-height: 98rpx;
+		font-weight: bold;
+		font-size: 30rpx;
+	}
+</style>

pages2/order/index.vue

@@ -0,0 +1,137 @@
+<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"></u-tabs>
+		</view>
+		<view style="position: absolute;top: 96rpx;width: 100%;">
+			<view v-show="current==0">
+				<view  v-for="(item, index) in list1" style="padding: 20rpx;">
+					<view class="item">
+						<view style="display: flex;justify-content: space-between;align-items: center;height: 50rpx;" @click="openPopup(index)">
+							<view style="color: #666666;font-size: 24rpx;">订单编号：2018031903</view>
+							<view style="color: #999999;font-size: 24rpx;">2021-10-20</view>
+						</view>
+						<u-line color="#D6D6DB" />
+						<view style="display: flex;justify-content: space-between;padding: 25rpx 0;">
+							<image src="/static/login_bg.jpg" style="height: 134rpx;width: 388rpx;border-radius: 16rpx;"></image>
+							<view style="margin-left: 20rpx;">
+								<view style="color: #333333;font-size: 30rpx;font-weight: bold;">
+									2020年二建建筑工程管理与实
+									务（实务专题班）
+								</view>
+								<view class="priceTag">
+									¥ 999.00
+								</view>
+							</view>
+						</view>
+						<u-line color="#D6D6DB" />
+						<view style="display: flex;flex-direction: row-reverse;align-items: center;height: 50rpx;" @click="openPopup(index)">
+							<view class="btn1">取消订单</view>
+							<view class="btn2">继续支付</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+
+import { mapGetters } from 'vuex';
+export default {
+	components: {
+		
+	},
+	data() {
+		return {
+			list: [
+				{
+					name: '待支付'
+				}, 
+				{
+					name: '已支付'
+				}, 
+				{
+					name: '已取消'
+				}
+			],
+			list1:[1,2,3,4,5,6,7],
+			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: {
+		change(index){
+			this.current = index;
+		}
+	},
+	onReachBottom() {},
+	computed: { ...mapGetters(['userInfo']) }
+};
+</script>
+<style >
+	page {
+			background: #EAEEF1;
+		}
+</style>
+<style scoped>
+	.btn2{
+		width: 144rpx;
+		height: 48rpx;
+		background: #FFFFFF;
+		border: 2rpx solid #007AFF;
+		border-radius: 16rpx;
+	}
+	.btn1{
+		width: 144rpx;
+		height: 48rpx;
+		background: #FFFFFF;
+		border: 2rpx solid #999999;
+		border-radius: 16rpx;
+	}
+.item{
+		width: 100%;
+		background: #FFFFFF;
+		border-radius: 16rpx;
+		margin-bottom: 20rpx;
+		padding: 15rpx;
+	}
+	.priceTag{
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #FF2D55;
+		display: flex;
+		flex-direction: row-reverse;
+	}
+	
+	.bottomBox{
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		left: 0;
+		height:98rpx ;
+		background-color: #FFFFFF;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0 30rpx;
+	}
+</style>

pages2/wd/edu_info.vue

@@ -14,10 +14,10 @@
 				<u-form-item label="学校名称" :label-width="auto"><u-input v-model="schoolInfo.schoolName" /></u-form-item>
 				<u-form-item label="全日制" :label-width="auto">
 					<picker @change="bindPickerChangeFull" :value="index_full" :range="dictObj['full_time_school']">
-					              <view class="picker">
-					                {{dictObj['full_time_school'][index_full]}}
-					              </view>
-					    </picker>
+						  <view class="picker">
+							{{dictObj['full_time_school'][index_full]}}
+						  </view>
+					</picker>
 				</u-form-item>
 				<u-form-item  label="入学时间" prop="birth" :label-width="auto">
 					<picker mode="date" :value="admissionTime"   @change="bindDateChange">