2

src/pages.json

@@ -72,6 +72,8 @@
 			"root": "pages/contract", //合同分包
 			"pages": [{
 				"path": "contract" //电子合同
+			},{
+				"path": "orderList" //电子合同
 			}]
 		},
 		{

src/pages/contract/orderList.vue

+<style scoped>
+	.orderList {
+		width: 100%;
+		min-height: 100vh;
+		box-sizing: border-box;
+		padding: 30rpx;
+		background-color: #fff;
+	}
+
+	.Order_List {
+		width: 100%;
+		height: auto;
+		background-color: #fff;
+		border-radius: 16rpx;
+		padding: 40rpx;
+		box-sizing: border-box;
+		margin-bottom: 30rpx;
+		box-shadow: 0 0 40rpx rgba(0, 0, 0, .07);
+	}
+
+	.Order_Top {
+		display: flex;
+		justify-content: space-between;
+	}
+
+	.Order_Number {
+		color: #111111;
+		font-size: 26rpx;
+	}
+
+	.Order_Complete {
+		color: #21D188;
+	}
+
+	.Order_Cancel {
+		color: #999999;
+	}
+
+	.Order_noPay {
+		color: #2FB4FB;
+	}
+
+	.Order_Bottom {
+		display: flex;
+		justify-content: space-between;
+		margin-top: 32rpx;
+
+	}
+	
+	.text_tree {
+		white-space: normal;
+		color: #111111;
+		font-size: 20rpx;
+		font-weight: bold;
+		margin-bottom: 20rpx;
+	}
+
+	.Order_TipList {
+		margin-bottom: 17rpx;
+		color: #111111;
+		font-size: 24rpx;
+
+	}
+
+	.Order_tips {
+		display: inline-block;
+		width: 120rpx;
+		text-align-last: justify;
+		color: #999999;
+	}
+	.Order_Status{
+		font-size: 36rpx;
+	}
+</style>
+<template>
+	<view class="orderList">
+		<view class="Order_List" v-for="(item,index) in orderList" :key="index" >
+			<view class="Order_Top">
+				<view class="Order_Number">订单号：{{item.OrderId}}</view>
+				<view class="Order_Status">
+					<text class="Order_Complete" v-if="item.OrderState==1">正常</text>
+					<text class="Order_Cancel" v-if="item.OrderState==2">退学</text>
+					<text class="Order_Cancel" v-if="item.OrderState==3">取消</text>
+					<text class="Order_noPay" v-if="item.OrderState==4">待付款</text>
+				</view>
+			</view>
+			<view class="Order_Bottom">
+				<view style="width:100%;">
+					<view class="Order_Name">{{item.CourseName}}</view>
+					<view class="text_tree">{{item.ClassName}}</view>
+					<view class="Order_TipList">
+						<view class="Order_tips">下单客户：</view>
+						<text>{{item.GuestName}}</text>
+					</view>
+					<view class="Order_TipList">
+						<view class="Order_tips">完成课时：</view>
+						<text>{{item.CompleteHours}}</text>
+					</view>
+					<view class="Order_TipList">
+						<view class="Order_tips">总课时：</view>
+						<text>{{item.TotalHours}}</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		ref,
+		reactive,
+		toRefs,
+		toRef,
+		getCurrentInstance,
+		watch,
+		computed,
+		onMounted,
+		inject,
+	} from "vue";
+	import bottom from "../../components/bottom";
+	export default {
+		components: {
+			bottom,
+		},
+		setup(props, context) {
+			let {
+				proxy
+			} = getCurrentInstance();
+			let data = reactive({
+				pageTitle:"合同列表",
+				msg: {
+					pageIndex: 1,
+					pageSize: 10,
+					OrderType:1
+				},
+				pageCount:0,
+				orderList: []
+			});
+			const methods = {
+				jumpPage(url) {
+					uni.navigateTo({
+						url: url,
+					});
+				},
+				getData() {
+					proxy.$request("/AppletIndex/GetOrderPage", data.msg).then((res) => {
+						console.log(res)
+						data.orderList = res.Data.PageData;
+					});
+
+				},
+			};
+			let that = methods;
+			return {
+				...toRefs(data),
+				...methods
+			};
+		},
+		onLoad(options) {
+			this.msg.OrderType=options.type
+			this.getData();
+			if(options.type==1){
+				this.pageTitle='语培订单'
+			}else if(options.type==2){
+				this.pageTitle='留学订单'
+			}
+			uni.setNavigationBarTitle({
+			    title: this.pageTitle
+			});
+		},
+		onReachBottom() {
+			
+			console.log(this.msg)
+		}
+	};
+</script>

src/pages/person/person.vue

@@ -15,7 +15,7 @@
 			</view>
 		</view>
 		<view class="orderInfo flex_between_center">
-			<view class="orderItem ">
+			<view class="orderItem" @click="jumpPage(`/pages/contract/orderList?type=1`)">
 				<view class=" flex_between_center" style="width:100%">
 					<view class="orderNum">{{ pageData.OrderNum||0 }}</view>
 					<image src="../../static/image/person/order1.png" mode="aspectFill" class="orderIcon"></image>
@@ -24,7 +24,7 @@
 					语培订单
 				</view>
 			</view>
-			<view class="orderItem ">
+			<view class="orderItem" @click="jumpPage(`/pages/contract/orderList?type=2`)">
 				<view class=" flex_between_center" style="width:100%">
 					<view class="orderNum">{{ pageData.StudyAbroadNum||0 }}</view>
 					<image src="../../static/image/person/order2.png" mode="aspectFill" class="orderIcon"></image>