Signed-off-by: liuboyan <632697560@qq.com>

报名详情

config/api.js

@@ -41,6 +41,10 @@ module.exports = {
 	
 	//  获取全部客户列表
 	getCustomerList: API_BASE + '/v2/sale/center/getCustomerList',
+	//  获取客户报名列表
+	getOrderList: API_BASE + '/v2/sale/center/getCustomerDetailList',
+	//  获取客户报名详情
+	getOrderInfo: API_BASE + '/v2/sale/center/getCustomerDetail',
 	//  获取当月销售额
 	getSaleSortInfo: API_BASE + '/v2/sale/center/getSaleSort',
 	//  获取业绩销售列表

pages.json

@@ -56,6 +56,16 @@
 			"style": {
 				"navigationBarTitleText": "全部客户"
 			}
+		}, {
+			"path": "orderList",
+			"style": {
+				"navigationBarTitleText": "报名列表"
+			}
+		},  {
+			"path": "orderDetail",
+			"style": {
+				"navigationBarTitleText": "报名详情"
+			}
 		}, {
 			"path": "marketRankList",
 			"style": {

pagesMain/customerList.vue

@@ -11,7 +11,7 @@
 				 :refresher-triggered="triggered" :refresher-threshold="100" refresher-background="white" @refresherrefresh="onRefresh"
 				 @refresherrestore="onRestore">
 					<u-card :show-head="false" :show-foot="false" margin="10px 15px" borderRadius="40" v-for="(site, index2) in item.tableList"
-					 :key="index2" class="card-box">
+					 :key="index2" class="card-box" @click="goToOrderList(site)">
 						<view slot="body" class="card-content">
 							<view class="student-info">
 								<view class="info-name">{{site.studentName}}</view>
@@ -144,6 +144,14 @@
 						type: 'warning',
 					})
 				})
+			},
+			//  跳转订单列表
+			goToOrderList(item) {
+				if (item.status == 1) {
+					uni.navigateTo({
+						url: '/pagesMain/orderList?id=' + item.id
+					});
+				}
 			}
 		},
 	}

pagesMain/orderDetail.vue

@@ -0,0 +1,127 @@
+<template>
+	<view class="content">
+		<u-cell-group>
+			<u-cell-item :arrow="false" :title-style="{width: '100%'}">
+				<view slot="title" style="display: flex;justify-content: center;">
+					<u-avatar :src="orderInfo.url" size="140"></u-avatar>
+				</view>
+			</u-cell-item>
+			<u-cell-item title="接收人" :value="orderInfo.coachName" :arrow="false"></u-cell-item>
+			<u-cell-item title="家长姓名" :value="orderInfo.parentsName" :arrow="false"></u-cell-item>
+			<u-cell-item title="学员姓名" :value="orderInfo.studentName" :arrow="false"></u-cell-item>
+			<u-cell-item title="学员性别" :value="orderInfo.sex" :arrow="false"></u-cell-item>
+			<u-cell-item title="学员年龄" :value="orderInfo.age" :arrow="false"></u-cell-item>
+			<u-cell-item title="学生生日" :value="orderInfo.birthday" :arrow="false"></u-cell-item>
+			<u-cell-item title="手机号码" :value="orderInfo.phone" :arrow="false"></u-cell-item>
+			<u-cell-item title="报名班级" :value="orderInfo.className" :arrow="false"></u-cell-item>
+			<u-cell-item title="课时数" :value="orderInfo.courseNumber" :arrow="false"></u-cell-item>
+			<u-cell-item title="课时单价" :value="orderInfo.coursePrice" :arrow="false"></u-cell-item>
+			<u-cell-item title="课时总价" :value="orderInfo.sumPrice" :arrow="false"></u-cell-item>
+			<u-cell-item title="订单号" :value="orderInfo.orderNo" :arrow="false"></u-cell-item>
+			<u-cell-item title="赠课数量" :value="orderInfo.lessonsGiveNumber" :arrow="false"></u-cell-item>
+			<u-cell-item title="赠品" :title-style="{width: '100%'}" :arrow="false">
+				<text slot="label">{{orderInfo.giftId.map( site => { return site.name } ).join('，')}}</text>
+			</u-cell-item>
+			<u-cell-item title="销售员" :value="orderInfo.saleName" :arrow="false"></u-cell-item>
+			<u-cell-item title="谈单人" :value="orderInfo.talkerName" :arrow="false"></u-cell-item>
+			<u-cell-item title="支付方式" :value="orderInfo.payTypeValue" :arrow="false"></u-cell-item>
+			<u-cell-item title="备注" :label="orderInfo.remark" :arrow="false" :title-style="{width: '100%'}"></u-cell-item>
+			<u-cell-item title="查看合同协议" @click="checkContract()"></u-cell-item>
+		</u-cell-group>
+		<u-top-tips ref="uTips"></u-top-tips>
+	</view>
+</template>
+
+<script>
+	import {
+		mapGetters
+	} from 'vuex'
+	const NET = require('@/utils/request')
+	const API = require('@/config/api')
+	export default {
+		computed: {
+			...mapGetters([
+				'mainColor',
+				'customStyle',
+			])
+		},
+		data() {
+			return {
+				id: '',
+				orderInfo: {
+					url: '',
+					coachName: '',
+					parentsName: '',
+					studentName: '',
+					sex: '',
+					age: '',
+					birthday: '',
+					phone: '',
+					className: '',
+					courseNumber: '',
+					coursePrice: '',
+					sumPrice: '',
+					orderNo: '',
+					lessonsGiveNumber: '',
+					giftId: [],
+					saleName: '',
+					talkerName: '',
+					payTypeValue: '',
+					remark: '',
+					contractUrl: '',
+				},
+			}
+		},
+		onLoad(options) {
+			this.id = options.id
+			this.initialize()
+		},
+		methods: {
+			initialize() {
+				NET.request(API.getOrderInfo, {
+					id: this.id
+				}, 'POST').then(res => {
+					this.orderInfo = res.data
+				}).catch(error => {
+					this.$refs.uTips.show({
+						title: error.message,
+						type: 'warning',
+					})
+				})
+			},
+			//  显示合同
+			checkContract() {
+				uni.downloadFile({
+					url: this.orderInfo.contractUrl,
+					success: (res) => {
+						uni.openDocument({
+							filePath: res.tempFilePath,
+						});
+					}
+				})
+			},
+		},
+	}
+</script>
+
+<style>
+	page {
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+</style>
+<style lang="scss" scoped>
+	@import "@/static/css/themes.scss";
+
+	.content {
+		width: 100%;
+		float: left;
+		box-sizing: border-box;
+
+		.scroll-box {
+			width: 100%;
+			height: 100vh;
+		}
+	}
+</style>

pagesMain/orderList.vue

@@ -0,0 +1,134 @@
+<template>
+	<view class="content">
+		<scroll-view scroll-y class="scroll-box" :refresher-enabled="true" :refresher-triggered="triggered"
+		 :refresher-threshold="100" refresher-background="white" @refresherrefresh="onRefresh" @refresherrestore="onRestore">
+			<u-card :head-border-bottom="false" :foot-border-top="false" padding="0px" margin="10px" borderRadius="40" v-for="(item, index) in tableList"
+			 :key="index" class="class-card" @click="goToOrderDetail(item)">
+				<view class="class-content" slot="head" style="padding-top: 10px;">
+					<view class="class-name">{{item.studentName}}</view>
+				</view>
+				<view class="class-content" slot="body">
+					<view class="class-info-text">
+						<u-icon name="order"></u-icon>
+						订单号：{{item.orderNo}}
+					</view>
+					<view class="class-info-text">
+						<u-icon name="clock"></u-icon>
+						报名时间：{{item.orderNo}}
+					</view>
+				</view>
+			</u-card>
+			<u-divider v-if="isOver" bg-color="transparent">没有更多了</u-divider>
+		</scroll-view>
+		<u-top-tips ref="uTips"></u-top-tips>
+	</view>
+</template>
+
+<script>
+	import {
+		mapGetters
+	} from 'vuex'
+	const NET = require('@/utils/request')
+	const API = require('@/config/api')
+	export default {
+		computed: {
+			...mapGetters([])
+		},
+		data() {
+			return {
+				id: '',
+				triggered: false,
+				isOver: false,
+				tableList: [],
+			}
+		},
+		onLoad(options) {
+			this.id = options.id
+			this.getTableList()
+		},
+		onReady() {},
+		methods: {
+			//  下拉刷新
+			onRefresh() {
+				this.triggered = true
+				this.isOver = false
+				this.getTableList()
+			},
+			//  重置下拉刷新状态
+			onRestore() {
+				this.triggered = 'restore'
+				this.triggered = false
+			},
+			//  获取列表数据
+			getTableList() {
+				NET.request(API.getOrderList, {
+					id: this.id
+				}, 'POST').then(res => {
+					this.triggered = false
+					this.tableList = res.data
+					this.isOver = true
+				}).catch(error => {
+					this.triggered = false
+					this.$refs.uTips.show({
+						title: error.message,
+						type: 'warning',
+					})
+				})
+			},
+			//  跳转订单详情
+			goToOrderDetail(item) {
+				uni.navigateTo({
+					url: '/pagesMain/orderDetail?id=' + item.id
+				});
+			}
+		},
+	}
+</script>
+
+<style>
+	page {
+		width: 100%;
+		height: 100%;
+		background-color: #f7f7f7;
+	}
+</style>
+<style lang="scss" scoped>
+	@import "@/static/css/themes.scss";
+
+	.content {
+		width: 100%;
+		float: left;
+
+		.scroll-box {
+			width: 100%;
+			height: 100vh;
+			padding-bottom: 10px;
+			box-sizing: border-box;
+
+			.class-card {
+				.class-content {
+					padding: 5px 15px;
+				}
+
+				.class-name {
+					height: 20px;
+					display: inline-block;
+					font-weight: bold;
+					font-size: 14px;
+					line-height: 20px;
+				}
+
+				.class-info-text {
+					color: #999999;
+					margin-bottom: 5px;
+
+					/deep/.u-icon {
+						margin-right: 5px;
+						font-size: 14px;
+						color: #000000;
+					}
+				}
+			}
+		}
+	}
+</style>