feat: 经纪人增加地图并且优化页面滑动浏览体验、招聘修改了图标、培训专场修改了顶部图片、申请经纪人按新内容进行了修改、晋快招搭建了页面

pages.json

@@ -17,8 +17,8 @@
 			"path": "pages/index/index",
 			"style": {
 				"navigationBarTitleText": "晋江人力",
-				"enablePullDownRefresh": true,
-				"onReachBottomDistance": 50,
+				// "enablePullDownRefresh": true,
+				// "onReachBottomDistance": 50,
 				"navigationStyle": "custom"
 			}
 		},
@@ -510,6 +510,13 @@
 				"enablePullDownRefresh": true,
 				"onReachBottomDistance": 50
 			}
+		},{
+			"path": "pages/comjobs/recruitFast",
+			"style": {
+				"navigationBarTitleText": "晋快招",
+				"enablePullDownRefresh": true,
+				"onReachBottomDistance": 50
+			}
 		},
 
 		// 常见问题

pages/broker/brokerform.vue

@@ -1,6 +1,68 @@
 <template>
 	<view>
-		<form>
+		<view class="header" :style="'background-image:url('+$getImageUrl('static/images/applet/bg/broker.png')+');'">
+			<image class="header-icon" :src="$getImageUrl('static/images/applet/index/topApplyIcon.png')"></image>
+		</view>
+
+		<view class="broKerForm">
+			<view class="broKerForm-item">
+				<view class="item-title">姓名</view>
+				<view class="item-area">
+					<input class="item-area-input" placeholder="请输入姓名" data-val="title" @input="bindInput"
+						placeholder-style="color: #979797;"></input>
+				</view>
+			</view>
+			<view class="broKerForm-item">
+				<view class="item-title">手机号</view>
+				<view class="item-area">
+					<input class="item-area-input" placeholder="请输入手机号" data-val="mobile" @input="bindInput"
+						placeholder-style="color: #979797;"></input>
+				</view>
+			</view>
+			<view class="broKerForm-item">
+				<view class="item-title">代理门店</view>
+				<view class="item-area">
+					<picker mode="selector" @change="agentChange" :value="agentIndex" :range="agentArray"
+						range-key="title">
+						<view class="picker">
+							{{agentArray[agentIndex].title}}
+						</view>
+					</picker>
+					<!-- <u-icon name="arrow-right" color="#747474" size="15"></u-icon> -->
+				</view>
+			</view>
+			<view class="broKerForm-item">
+				<view class="item-title">镇/街道</view>
+				<view class="item-area">
+					<picker mode="multiSelector" @change="TownChange" @columnchange="TownColumnChange"
+						:value="townIndex" :range="townArray">
+						<view class="picker">
+							{{townArray[0][townIndex[0]]}}，{{townArray[1][townIndex[1]]}}
+						</view>
+					</picker>
+					<!-- <u-icon name="arrow-right" color="#747474" size="15"></u-icon> -->
+				</view>
+			</view>
+			<view class="broKerForm-item">
+				<view class="item-title">区域</view>
+				<view class="item-area">
+					<input class="item-area-input" placeholder="请输入区域" data-val="region" @input="bindInput"
+						placeholder-style="color: #979797;"></input>
+				</view>
+			</view>
+			<view class="broKerForm-item">
+				<view class="item-title">工作地点</view>
+				<view class="item-area" style="background-color: #FFFFFF;">
+					<input placeholder="详细地址" disabled :value="address" v-if="address"></input>
+					<button class="cu-btn bg-blue margin-tb-sm lg" style="width: 100%;" @tap="gpsmap()">地图选位置</button>
+				</view>
+			</view>
+		</view>
+
+		<view class="bottomArea"></view>
+		<view class="bottomButton" @tap="submit">立即提交</view>
+
+		<form v-if="false">
 			<view class="cu-form-group margin-top">
 				<view class="title"><text class="text-red text-bold padding-right-xs">*</text>姓名</view>
 				<input placeholder="请输入姓名" data-val="title" @input="bindInput"></input>
@@ -19,7 +81,8 @@
 			</view>
 			<view class="cu-form-group">
 				<view class="title"><text class="text-red text-bold padding-right-xs">*</text>镇街</view>
-				<picker mode="multiSelector" @change="TownChange" @columnchange="TownColumnChange" :value="townIndex" :range="townArray">
+				<picker mode="multiSelector" @change="TownChange" @columnchange="TownColumnChange" :value="townIndex"
+					:range="townArray">
 					<view class="picker">
 						{{townArray[0][townIndex[0]]}}，{{townArray[1][townIndex[1]]}}
 					</view>
@@ -65,11 +128,11 @@
 					[],
 					[],
 				],
-				townIndex: [0,0],
+				townIndex: [0, 0],
 				village: [],
 			};
 		},
-		onLoad: function(){ 
+		onLoad: function() {
 			_this = this;
 			_this.userinfo = _this.checkLogin("/pages/my/myinfo");
 			//公司
@@ -90,7 +153,7 @@
 				path: "index/getTown",
 				data: {}
 			}).then((data) => {
-				_this.townArray = [data.town,data.village[0]];
+				_this.townArray = [data.town, data.village[0]];
 				_this.village = data.village
 			}).catch((err) => {
 				uni.showModal({
@@ -116,10 +179,10 @@
 				//公司变更
 				if (e.detail.column == 0) {
 					_this.townArray[1] = _this.village[e.detail.value];
-					_this.townIndex = [e.detail.value,0];
+					_this.townIndex = [e.detail.value, 0];
 					_this.$forceUpdate();
 				}
-				
+
 				//街道变更
 				if (e.detail.column == 1) {
 					townIndex[1] = e.detail.value;
@@ -131,13 +194,13 @@
 				this.region = e.detail.value
 			},
 			//打开地图
-			gpsmap:function(){
+			gpsmap: function() {
 				uni.chooseLocation({
-				    success: function (res) {
-						_this.address=res.address;
-						_this.forminfo.latitude=res.latitude;
-						_this.forminfo.longitude=res.longitude;			
-				    }
+					success: function(res) {
+						_this.address = res.address;
+						_this.forminfo.latitude = res.latitude;
+						_this.forminfo.longitude = res.longitude;
+					}
 				});
 			},
 			submit() {
@@ -145,27 +208,32 @@
 					return false;
 				}
 				_this.isRotate = true;
-				
+
 				let data = _this.forminfo;
-				let validate = {"title":"姓名","mobile":"手机号","region":"区域","latitude":"请点击地图选择位置"};
+				let validate = {
+					"title": "姓名",
+					"mobile": "手机号",
+					"region": "区域",
+					"latitude": "请点击地图选择位置"
+				};
 				for (var i in validate) {
 					if (data[i] == "") {
 						uni.showModal({
 							title: '信息提示',
-							content: validate[i]+"不能为空",
+							content: validate[i] + "不能为空",
 							showCancel: false
 						});
 						_this.isRotate = false;
 						return false;
 					}
 				}
-				
+
 				data.userid = _this.userinfo.id;
 				data.workerid = _this.agentArray[_this.agentIndex].workerid;
 				data.agentid = _this.agentArray[_this.agentIndex].id;
 				data.town = _this.townArray[0][_this.townIndex[0]];
 				data.village = _this.townArray[1][_this.townIndex[1]];
-				
+
 				_this.$req.ajax({
 					path: "broker/apply",
 					data: data
@@ -176,7 +244,7 @@
 						showCancel: false,
 						success: function() {
 							uni.reLaunch({
-							    url: '/pages/index/index'
+								url: '/pages/index/index'
 							});
 						},
 					});
@@ -193,9 +261,111 @@
 	}
 </script>
 
-<style>
+<style lang="scss">
 	.cu-form-group .title {
 		min-width: calc(4em + 15px);
 	}
-</style>
 
+	page {
+		background-color: #FFFFFF
+	}
+
+	.header {
+		width: 100%;
+		height: 266rpx;
+		padding-left: 46rpx;
+		background: linear-gradient(270deg, #484353 0%, #6F6F6F 100%);
+		opacity: 1;
+		display: flex;
+		align-items: center;
+		background-size: cover;
+		background-position: center;
+
+		.header-icon {
+			width: 97rpx;
+			height: 97rpx;
+		}
+	}
+
+	.broKerForm {
+		padding: 40rpx 70rpx;
+
+		.broKerForm-item {
+			margin-bottom: 35rpx;
+
+			.item-area {
+				margin-top: 15rpx;
+				padding: 15rpx 36rpx;
+				width: 100%;
+				// height: 66rpx;
+				background: #F7F7F7;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				font-size: 28rpx;
+				color: #979797;
+				line-height: 66rpx;
+
+				.item-area-input {
+					width: 100%;
+					display: flex;
+					align-items: center;
+				}
+
+				picker {
+					flex: 1;
+					padding-right: 40rpx;
+					overflow: hidden;
+					position: relative;
+
+					.picker {
+						// line-height: 100rpx;
+						font-size: 28rpx;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						overflow: hidden;
+						width: 100%;
+						// text-align: right;
+					}
+
+				}
+
+				picker::after {
+					font-family: cuIcon;
+					display: block;
+					content: "\e6a3";
+					position: absolute;
+					font-size: 34rpx;
+					color: #8799a3;
+					// line-height: 100rpx;
+					width: 60rpx;
+					text-align: center;
+					top: 0;
+					bottom: 0;
+					right: -20rpx;
+					margin: auto;
+				}
+			}
+		}
+	}
+
+
+	.bottomArea {
+		height: 120rpx;
+	}
+
+	.bottomButton {
+		position: fixed;
+		bottom: 30rpx;
+		z-index: 100;
+		margin: 0 28rpx;
+		width: 696rpx;
+		height: 90rpx;
+		line-height: 90rpx;
+		background: #CA151C;
+		font-size: 33rpx;
+		text-align: center;
+		color: #FFFFFF;
+		border-radius: 10rpx;
+	}
+</style>

pages/broker/brokerlist.vue

@@ -1,15 +1,23 @@
 <template>
 	<view>
-		<view class="cu-bar search bg-gray">
-			<view class="search-form round text-center">
-				<text class="cuIcon-search"></text>
-				<input @input="bindInput" :adjust-position="false" type="text" placeholder="搜索经纪人名称或区域"
-					confirm-type="search"></input>
+		<u-sticky>
+			<view class="cu-bar search bg-gray">
+				<view class="search-form round text-center">
+					<text class="cuIcon-search"></text>
+					<input @input="bindInput" :adjust-position="false" type="text" placeholder="请输入关键字"
+						confirm-type="search"></input>
+				</view>
+				<view class="action" v-if="searchval!==''">
+					<button class="cu-btn bg-white shadow-blur round" @click="btnSearch()">搜索</button>
+				</view>
 			</view>
-			<view class="action" v-if="searchval!==''">
-				<button class="cu-btn bg-white shadow-blur round" @click="btnSearch()">搜索</button>
+
+			<view class="page-section page-section-gap">
+				<map style="width: 100%; height: 200px;" :latitude="latitude" :longitude="longitude" :markers="covers"
+					@markertap="markertap">
+				</map>
 			</view>
-		</view>
+		</u-sticky>
 
 		<view class="menu" v-if="false">
 			<view class="menu-top">
@@ -63,49 +71,57 @@
 			</view>
 		</view>
 
-		<view class="mainArea">
+		<view class="mainArea" :style="{height:mainHeight}">
 			<view class="areaList">
-				<view class="areaCard" :class="areaItem == '' ? 'areaCardSel' : ''" @click="selArea('全部')">全部</view>
-				<view class="areaCard" v-for="(item,index) in mainArea" :key="index" :class="areaItem == item ? 'areaCardSel' : ''" @click="selArea(item)">{{item}}</view>
+				<scroll-view :style="{height:mainHeight}" class="areaScroll" scroll-y="true">
+					<view class="areaCard" :class="areaItem == '' ? 'areaCardSel' : ''" @click="selArea('全部')">全部</view>
+					<view class="areaCard" v-for="(item,index) in mainArea" :key="index"
+						:class="areaItem == item ? 'areaCardSel' : ''" @click="selArea(item)">{{item}}</view>
+				</scroll-view>
 			</view>
 
 			<view class="brokerList">
-				<view class="brokerCard" v-for="(item,index) in plist" :key="index">
-					<view class="brokerCard-avatar">
-						<image class="brokerCard-avatar-image"
-							:src="item.muser.avatar ? item.muser.avatar : $getImageUrl('static/images/applet/dfhead.jpg')">
-						</image>
-						<view class="avatar-bg"
-							:style="'background-image:url('+$getImageUrl('static/images/applet/bg/brokerIdentity.png')+');'">
-							<view class="avatar-bg-title">金牌经纪人 {{item.title}}</view>
-							<!-- <view class="avatar-bg-name"></view> -->
-						</view>
-					</view>
-					<view class="brokerCard-infor">
-						<view class="infor-header">
-							<view :data-index="index" @tap="showModal">{{item.title}}</view>
-							<image :data-telephone="item.mobile" @tap="makeTelephone" class="infor-header-icon"
-								:src="$getImageUrl('static/images/applet/broker/contact.png')" mode="widthFix"></image>
-						</view>
-						<view class="infor-item" :data-index="index" @tap="showModal">
-							<image class="infor-item-icon" :src="$getImageUrl('static/images/applet/broker/broker.png')"
-								mode="widthFix"></image>
-							<view class="infor-item-text">优秀经纪人</view>
-						</view>
-						<view class="infor-item" :data-index="index" @tap="showModal">
-							<image class="infor-item-icon" :src="$getImageUrl('static/images/applet/broker/broker.png')"
-								mode="widthFix"></image>
-							<view class="infor-item-text">镇/村：{{item.town}} - {{item.village}}</view>
+				<scroll-view :style="{height:mainHeight}" class="brokerScroll" scroll-y="true"
+					@scrolltolower="brokerListLower">
+					<view class="brokerCard" v-for="(item,index) in plist" :key="index">
+						<view class="brokerCard-avatar">
+							<image class="brokerCard-avatar-image"
+								:src="item.muser.avatar ? item.muser.avatar : $getImageUrl('static/images/applet/dfhead.jpg')">
+							</image>
+							<view class="avatar-bg"
+								:style="'background-image:url('+$getImageUrl('static/images/applet/bg/brokerIdentity.png')+');'">
+								<view class="avatar-bg-title">金牌经纪人 {{item.title}}</view>
+								<!-- <view class="avatar-bg-name"></view> -->
+							</view>
 						</view>
-						<view class="infor-item" :data-index="index" @tap="showModal">
-							<image class="infor-item-icon" :src="$getImageUrl('static/images/applet/index/cardD.png')"
-								mode="widthFix"></image>
-							<view class="infor-item-text">服务区域：{{item.region}}</view>
+						<view class="brokerCard-infor">
+							<view class="infor-header">
+								<view :data-index="index" @tap="showModal">{{item.title}}</view>
+								<image :data-telephone="item.mobile" @tap="makeTelephone" class="infor-header-icon"
+									:src="$getImageUrl('static/images/applet/broker/contact.png')" mode="widthFix">
+								</image>
+							</view>
+							<view class="infor-item" :data-index="index" @tap="showModal">
+								<image class="infor-item-icon"
+									:src="$getImageUrl('static/images/applet/broker/broker.png')" mode="widthFix">
+								</image>
+								<view class="infor-item-text">优秀经纪人</view>
+							</view>
+							<view class="infor-item" :data-index="index" @tap="showModal">
+								<image class="infor-item-icon" src="../../static/images/comJobs/icon-pageView.png"
+									mode="widthFix">
+								</image>
+								<view class="infor-item-text">镇/村：{{item.town}} - {{item.village}}</view>
+							</view>
+							<view class="infor-item" :data-index="index" @tap="showModal">
+								<image class="infor-item-icon"
+									:src="$getImageUrl('static/images/applet/index/cardD.png')" mode="widthFix"></image>
+								<view class="infor-item-text">服务区域：{{item.region}}</view>
+							</view>
 						</view>
 					</view>
-				</view>
-				
-				<uni-load-more :status="pstatus"></uni-load-more>
+					<uni-load-more :status="pstatus"></uni-load-more>
+				</scroll-view>
 			</view>
 		</view>
 
@@ -276,6 +292,14 @@
 				transition: "all .3s",
 				mainArea: [],
 				areaItem: "",
+
+				id: 0, // 使用 marker点击事件 需要填写id
+				title: 'map',
+				latitude: 0.000000,
+				longitude: 0.000000,
+				covers: [],
+				mainHeight: 0,
+				bottomHeight: 0
 			};
 		},
 		onLoad: function() {
@@ -283,15 +307,25 @@
 			_this.arealist.data = require('@/common/area.json');
 			_this.getMore();
 			_this.getArea();
+
+			uni.getLocation({
+				success: function(res) {
+					console.log(res);
+					console.log('纬度：' + res.latitude);
+					console.log('经度：' + res.longitude);
+					_this.latitude = res.latitude;
+					_this.longitude = res.longitude;
+				},
+			});
 		},
 		onPullDownRefresh: function() {
 			_this.pageRefresh();
 		},
 		onReachBottom: function() {
-			if (_this.pstatus !== 'more') {
-				return;
-			}
-			_this.getMore();
+			// if (_this.pstatus !== 'more') {
+			// 	return;
+			// }
+			// _this.getMore();
 		},
 		onShareAppMessage: function(res) {
 			return {
@@ -299,16 +333,46 @@
 				path: "/pages/broker/brokerlist"
 			}
 		},
+		onReady: function() {
+			var _this = this;
+			uni.getSystemInfo({
+				success: (resu) => {
+					const query = uni.createSelectorQuery()
+					query.select('.mainArea').boundingClientRect()
+					query.exec(function(res) {
+						uni.createSelectorQuery().selectAll('.tabbar').boundingClientRect(data => {
+							_this.mainHeight = resu.windowHeight - res[0].top - data[0]
+								.height + 'px';
+							console.log('打印页面的剩余高度', _this.mainHeight);
+						}).exec()
+					})
+				},
+				fail: (res) => {}
+			})
+		},
 		methods: {
+			brokerListLower() {
+				if (_this.pstatus !== 'more') {
+					return;
+				}
+				_this.getMore();
+			},
+
+			markertap(e) {
+				console.log("点击标记点", e.detail.markerId)
+				_this.modal.name = "detailsbox";
+				_this.modal.brokerinfo = _this.plist[e.detail.markerId];
+			},
+
 			selArea(item) {
-				if(item == '全部') {
+				if (item == '全部') {
 					_this.areaItem = ''
 				} else {
 					_this.areaItem = item;
 				}
 				_this.pageRefresh();
 			},
-			
+
 			getArea() {
 				_this.$req.ajax({
 					path: "index/getStreet"
@@ -393,6 +457,7 @@
 					_this.pstatus = data.pstatus;
 					_this.plist = _this.plist.concat(data.plist);
 					_this.ppage += 1;
+					_this.getAreaList();
 					uni.stopPullDownRefresh();
 					console.log("列表", _this.plist)
 				}).catch((err) => {
@@ -404,7 +469,26 @@
 				});
 			},
 
+			getAreaList() {
+				_this.covers = [];
+				for (var i in _this.plist) {
+					let EmptyList = {};
+					EmptyList.id = parseInt(i)
+					EmptyList.latitude = _this.plist[i].latitude
+					EmptyList.longitude = _this.plist[i].longitude
+					EmptyList.iconPath = _this.plist[i].muser.avatar ? _this.plist[i].muser.avatar : _this.$getImageUrl(
+						'static/images/applet/dfhead.jpg')
+					EmptyList.title = _this.plist[i].title
+					// EmptyList.label = _this.plist[i].title
+					EmptyList.width = 30
+					EmptyList.height = 30
+					_this.covers.push(EmptyList);
+				}
+				console.log("查看经纬度", _this.covers)
+			},
+
 			showModal: function(e) {
+				console.log("查看ID", e)
 				var index = e.currentTarget.dataset.index;
 				_this.modal.name = "detailsbox";
 				_this.modal.brokerinfo = _this.plist[index];
@@ -495,7 +579,6 @@
 	}
 
 	.mainArea {
-		padding-left: 15rpx;
 		width: 100%;
 		display: flex;
 		justify-content: space-between;
@@ -503,126 +586,134 @@
 
 	.areaList {
 		flex: 1;
-		padding: 30rpx 20rpx 0;
 		background-color: #FFFFFF;
 
-		.areaCard {
-			margin-bottom: 20rpx;
-			height: 50rpx;
-			line-height: 50rpx;
-			font-size: 25rpx;
-			font-weight: 600;
-			text-align: center;
-			border-radius: 25rpx;
-		}
-		
-		.areaCardSel {
-			margin-bottom: 20rpx;
-			height: 50rpx;
-			line-height: 50rpx;
-			font-size: 25rpx;
-			font-weight: 600;
-			text-align: center;
-			border-radius: 25rpx;
-			background-color: #383838;
-			color: #FFFFFF;
+		.areaScroll {
+			padding: 30rpx 20rpx 30rpx;
+
+			.areaCard {
+				margin-bottom: 20rpx;
+				height: 50rpx;
+				line-height: 50rpx;
+				font-size: 25rpx;
+				font-weight: 600;
+				text-align: center;
+				border-radius: 25rpx;
+			}
+
+			.areaCardSel {
+				margin-bottom: 20rpx;
+				height: 50rpx;
+				line-height: 50rpx;
+				font-size: 25rpx;
+				font-weight: 600;
+				text-align: center;
+				border-radius: 25rpx;
+				background-color: #cd0000;
+				color: #FFFFFF;
+			}
 		}
 	}
 
 	.brokerList {
 		flex: 3;
-		padding: 28rpx 26rpx 0;
 
-		.brokerCard {
-			margin-bottom: 30rpx;
-			padding: 24rpx 28rpx;
-			display: flex;
-			background-color: #FFFFFF;
-			border-radius: 12rpx;
+		.brokerScroll {
+			padding: 17rpx 17rpx 0;
 
-			.brokerCard-avatar {
-				width: 170rpx;
-				height: 170rpx;
-				position: relative;
+			.brokerCard {
+				margin-bottom: 15rpx;
+				padding: 15rpx 15rpx;
 				display: flex;
-				justify-content: center;
+				background-color: #FFFFFF;
+				border-radius: 12rpx;
 
-				.brokerCard-avatar-image {
+				.brokerCard-avatar {
 					width: 170rpx;
 					height: 170rpx;
-				}
-
-				.avatar-bg {
-					width: 160rpx;
-					height: 40rpx;
-					position: absolute;
-					bottom: 10rpx;
-					background-size: cover;
-					background-position: 0 1rpx;
-					font-size: 13rpx;
-					color: #F9E2AC;
+					position: relative;
 					display: flex;
-					align-items: center;
+					justify-content: center;
 
-
-					.avatar-bg-title {
-						margin-left: 40rpx;
-						line-height: 40rpx;
-						overflow: hidden;
-						text-overflow: ellipsis;
-						-webkit-line-clamp: 1;
-						display: -webkit-box;
-						-webkit-box-orient: vertical;
+					.brokerCard-avatar-image {
+						width: 170rpx;
+						height: 170rpx;
 					}
 
-					// .avatar-bg-name {
-					// 	margin-left: 5rpx;
-					// 	line-height: 30rpx;
-
-					// }
-				}
-			}
-
-			.brokerCard-infor {
-				flex: 1;
-				margin-left: 28rpx;
-				height: 170rpx;
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-
-				.infor-header {
-					font-size: 28rpx;
-					font-weight: 600;
-					color: #383838;
-					display: flex;
-					align-items: center;
-					justify-content: space-between;
-
-					.infor-header-icon {
-						width: 100rpx;
+					.avatar-bg {
+						width: 160rpx;
+						height: 40rpx;
+						position: absolute;
+						bottom: 10rpx;
+						background-size: cover;
+						background-position: 0 1rpx;
+						font-size: 13rpx;
+						color: #F9E2AC;
+						display: flex;
+						align-items: center;
+
+
+						.avatar-bg-title {
+							margin-left: 40rpx;
+							line-height: 40rpx;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							-webkit-line-clamp: 1;
+							display: -webkit-box;
+							-webkit-box-orient: vertical;
+						}
+
+						// .avatar-bg-name {
+						// 	margin-left: 5rpx;
+						// 	line-height: 30rpx;
+
+						// }
 					}
 				}
 
-				.infor-item {
-					font-size: 22rpx;
-					font-weight: 400;
-					color: #747474;
+				.brokerCard-infor {
+					flex: 1;
+					margin-left: 28rpx;
+					height: 170rpx;
 					display: flex;
-					align-items: center;
+					flex-direction: column;
+					justify-content: space-between;
 
-					.infor-item-icon {
-						margin-right: 20rpx;
-						width: 22rpx;
+					.infor-header {
+						font-size: 25rpx;
+						font-weight: 600;
+						color: #383838;
+						display: flex;
+						align-items: center;
+						justify-content: space-between;
+
+						.infor-header-icon {
+							width: 100rpx;
+							height: 20rpx;
+						}
 					}
 
-					.infor-item-text {
-						flex: 1;
-						overflow: hidden;
-						text-overflow: ellipsis;
-						-webkit-line-clamp: 1;
-						display: -webkit-box;
-						-webkit-box-orient: vertical;
+					.infor-item {
+						font-size: 20rpx;
+						font-weight: 400;
+						color: #747474;
+						display: flex;
+						align-items: center;
+
+						.infor-item-icon {
+							margin-right: 20rpx;
+							width: 22rpx;
+							height: 22rpx;
+						}
+
+						.infor-item-text {
+							flex: 1;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							-webkit-line-clamp: 1;
+							display: -webkit-box;
+							-webkit-box-orient: vertical;
+						}
 					}
 				}
 			}

pages/comjobs/comjobs.vue

@@ -3,50 +3,60 @@
 		<view class="cu-bar search bg-gray">
 			<view class="search-form round text-center">
 				<text class="cuIcon-search"></text>
-				<input v-model="searchval" :adjust-position="false" type="text" placeholder="搜索岗位或公司" confirm-type="search" @confirm="btnSearch()"></input>
+				<input v-model="searchval" :adjust-position="false" type="text" placeholder="请输入关键字"
+					confirm-type="search" @confirm="btnSearch()"></input>
 			</view>
 			<view class="action" v-if="searchval!==''">
 				<button class="cu-btn bg-white shadow-blur round" @click="btnSearch()">搜索</button>
 			</view>
 		</view>
- 
+
 		<view class="filterbg">
 			<view class="flex justify-between solids-bottom padding bg-white">
-				<view class="text-bold"><view class="cu-tag radius bg-red" @tap="resetFilter">重置</view></view>
+				<view class="text-bold">
+					<view class="cu-tag radius bg-red" @tap="resetFilter">重置</view>
+				</view>
 				<view class="flex justify-end">
-					<view class="cu-tag radius bg-green" data-filterbox="rectype" @click="checkRectype('悬赏招聘',1)">悬赏招聘</view>
-					<!-- <view class="cu-tag radius bg-green" data-filterbox="rectype" @tap="showFilter">{{rectypelist.title}}</view> -->
-					<view class="cu-tag radius bg-green" data-filterbox="wtype" @tap="showFilter">{{wtypelist.title}}</view>
-					<view class="cu-tag radius bg-green" data-filterbox="cate" @tap="showFilter">{{catelist.title}}</view>
-					<view class="cu-tag radius bg-green" data-filterbox="area" @tap="showFilter">{{arealist.title}}</view>
+					<!-- <view class="cu-tag radius bg-green" data-filterbox="rectype" @tap="showFilter">
+						{{rectypelist.title}}</view> -->
+					<view class="cu-tag radius bg-green" data-filterbox="wtype" @tap="showFilter">{{wtypelist.title}}
+					</view>
+					<view class="cu-tag radius bg-green" data-filterbox="cate" @tap="showFilter">{{catelist.title}}
+					</view>
+					<view class="cu-tag radius bg-green" data-filterbox="area" @tap="showFilter">{{arealist.title}}
+					</view>
 				</view>
 			</view>
-			 
+
 			<view class="filtercon" v-if="filterbox!==null" @click="hideFilter()">
 				<view class="padding bg-white" v-if="filterbox=='rectype'" @click.stop>
 					<block v-for="(item,index) in rectypelist.data" :key="index">
-						<button class="cu-btn margin-lr-xs margin-tb-xs" @click="checkRectype(item.title,item.value)">{{item.title}}</button>
+						<button class="cu-btn margin-lr-xs margin-tb-xs"
+							@click="checkRectype(item.title,item.value)">{{item.title}}</button>
 					</block>
 				</view>
-				
+
 				<view class="padding bg-white" v-if="filterbox=='wtype'" @click.stop>
 					<block v-for="(item,index) in wtypelist.data" :key="index">
-						<button class="cu-btn margin-lr-xs margin-tb-xs" @click="checkWtype(item.title,item.value)">{{item.title}}</button>
+						<button class="cu-btn margin-lr-xs margin-tb-xs"
+							@click="checkWtype(item.title,item.value)">{{item.title}}</button>
 					</block>
 				</view>
 				<view class="padding bg-white" v-if="filterbox=='cate'" @click.stop>
 					<block v-for="(item,index) in catelist.data" :key="index">
-						<button class="cu-btn margin-lr-xs margin-tb-xs" @click="checkCate(item.title,item.value)">{{item.title}}</button>
+						<button class="cu-btn margin-lr-xs margin-tb-xs"
+							@click="checkCate(item.title,item.value)">{{item.title}}</button>
 					</block>
 				</view>
-				
+
 				<view class="grid margin-bottom text-left col-3 bg-white" v-if="filterbox=='area'" @click.stop>
 					<view class="solids-right padding-bottom">
 						<scroll-view scroll-y="true" style="height: 600rpx;">
 							<view class="solid-bottom text-gray padding-lr-sm padding-tb-sm">选择市</view>
 							<view class="solid-bottom padding-lr-sm padding-tb-sm" @click="checkArea(4,0)">全部</view>
 							<block v-for="(item,index) in arealist.data" :key="index">
-								<view class="solid-bottom padding-lr-sm padding-tb-sm" @click="checkArea(1,index)">{{item.title}}</view>
+								<view class="solid-bottom padding-lr-sm padding-tb-sm" @click="checkArea(1,index)">
+									{{item.title}}</view>
 							</block>
 						</scroll-view>
 					</view>
@@ -54,7 +64,8 @@
 						<scroll-view scroll-y="true" style="height: 600rpx;">
 							<view class="solid-bottom text-gray padding-lr-sm padding-tb-sm">选择区县</view>
 							<block v-for="(item,index) in arealist.cityarr" :key="index">
-								<view class="solid-bottom padding-lr-sm padding-tb-sm" @click="checkArea(2,index)">{{item.title}}</view>
+								<view class="solid-bottom padding-lr-sm padding-tb-sm" @click="checkArea(2,index)">
+									{{item.title}}</view>
 							</block>
 						</scroll-view>
 					</view>
@@ -62,35 +73,40 @@
 						<scroll-view scroll-y="true" style="height: 600rpx;">
 							<view class="solid-bottom text-gray padding-lr-sm padding-tb-sm">选择镇街</view>
 							<block v-for="(item,index) in arealist.districtarr" :key="index">
-								<view class="solid-bottom padding-lr-sm padding-tb-sm" @click="checkArea(3,index)">{{item.title}}</view>
+								<view class="solid-bottom padding-lr-sm padding-tb-sm" @click="checkArea(3,index)">
+									{{item.title}}</view>
 							</block>
 						</scroll-view>
 					</view>
 				</view>
 			</view>
 		</view>
-		
+
 		<view class="comjobsList">
 			<view class="listCard" v-for="(item,index) in plist" :key="index" @tap="goDetail(item.id)">
 				<view class="listCard-item">
-					<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardA.png')" mode="widthFix"></image>
+					<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardA.png')"
+						mode="widthFix"></image>
 					<view class="item-content bold">{{item.title}}</view>
 				</view>
 				<view class="listCard-item short">
-					<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardA.png')" mode="widthFix"></image>
+					<image class="item-icon" src="../../static/images/comJobs/icon-sum.png"
+						mode="widthFix"></image>
 					<view class="item-content red">{{item.zwagall}}</view>
 				</view>
 				<view class="listCard-item bottom">
-					<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardA.png')" mode="widthFix"></image>
+					<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardD.png')"
+						mode="widthFix"></image>
 					<view class="item-content">地点：{{item.address}}</view>
 				</view>
 				<view class="listCard-item short bottom">
-					<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardA.png')" mode="widthFix"></image>
+					<image class="item-icon" src="../../static/images/comJobs/icon-pageView.png"
+						mode="widthFix"></image>
 					<view class="item-content">浏览量：{{item.volume}}</view>
 				</view>
 			</view>
 		</view>
-		
+
 		<block v-for="(item,index) in plist" :key="index" v-if="false">
 			<view class="cu-card dynamic no-card solid-bottom echo-comjobs-item padding-top-sm padding-lr-sm radius">
 				<view class="cu-item shadow padding-top-sm padding-bottom" @tap="goDetail(item.id)">
@@ -105,11 +121,14 @@
 						</view>
 						<view class="basis-sm text-cut text-right text-gray text-sm">
 							<view><text class="text-red text-bold">{{item.zwagall}}</text></view>
-							<view v-if="item.recruitment_cate == 2"><text class="text-red text-bold">悬赏{{item.retmoney}}{{item.is_pay == 1 ? '（已支付）' : ''}}</text></view>
+							<view v-if="item.recruitment_cate == 2"><text
+									class="text-red text-bold">悬赏{{item.retmoney}}{{item.is_pay == 1 ? '（已支付）' : ''}}</text>
+							</view>
 						</view>
 					</view>
 					<view class="padding-lr padding-tb-xs text-cut">
-						<view v-for="(titem,tindex) in item.tags" :key="tindex" class="cu-tag light bg-blue lg echo-tags-item">{{titem}}</view>
+						<view v-for="(titem,tindex) in item.tags" :key="tindex"
+							class="cu-tag light bg-blue lg echo-tags-item">{{titem}}</view>
 					</view>
 					<view class="padding-lr text-cut text-sm flex justify-between align-center">
 						<view class="basis-lg text-df text-cut">{{item.worker.title}}</view>
@@ -132,7 +151,7 @@
 		</block>
 		<uni-load-more :status="pstatus"></uni-load-more>
 		<wxContact></wxContact>
-		
+
 		<view class="padding-sm"></view>
 		<view class="padding-xl"></view>
 		<view class="cu-bar tabbar bg-white foot">
@@ -156,14 +175,14 @@
 				微工作
 			</view>
 			<!-- #endif -->
-			
+
 			<view class="action text-gray" @tap="goNavPage('/pages/broker/brokerlist')">
 				<view class="cuIcon-cu-image">
 					<image src="../../static/tabbar/broker.png"></image>
 				</view>
 				经纪人
 			</view>
-			
+
 			<view class="action text-gray" @tap="goNavPage('/pages/my/my')">
 				<view class="cuIcon-cu-image">
 					<image src="../../static/tabbar/my.png"></image>
@@ -209,7 +228,7 @@
 					data: [],
 					community: "",
 				},
-				
+
 				searchval: "",
 				pstatus: 'more',
 				ppage: 1,
@@ -217,7 +236,7 @@
 				plist: []
 			};
 		},
-		onLoad: function(option){
+		onLoad: function(option) {
 			_this = this;
 			_this.searchval = option.searchval || "";
 			// _this.rectypelist.value = option.rectypelistID || 0;
@@ -230,7 +249,7 @@
 			_this.$req.ajax({
 				path: "comjobs/pagecomjobs",
 			}).then((data) => {
-				console.log("分类",data)
+				console.log("分类", data)
 				_this.catelist.data = data.catelist;
 				_this.wtypelist.data = data.wtypelist;
 				_this.rectypelist.data = data.rectypelist;
@@ -257,51 +276,51 @@
 			return {
 				title: "企业招聘",
 				path: "/pages/comjobs/comjobs"
-		    }
+			}
 		},
 		methods: {
 			showFilter: function(e) {
 				var nowfilterbox = e.currentTarget.dataset.filterbox;
-				if (_this.filterbox == nowfilterbox){
+				if (_this.filterbox == nowfilterbox) {
 					_this.filterbox = null;
-				}else{
+				} else {
 					_this.filterbox = nowfilterbox;
 				}
 				uni.pageScrollTo({
-				    scrollTop: 0,
-				    duration: 300
+					scrollTop: 0,
+					duration: 300
 				});
 			},
 			hideFilter: function(e) {
 				_this.filterbox = null;
 			},
-			checkRectype: function(title,value) {
+			checkRectype: function(title, value) {
 				_this.rectypelist.title = title;
 				_this.rectypelist.value = value;
-				console.log("悬赏聘",_this.rectypelist.title,_this.rectypelist.value)
+				console.log("悬赏聘", _this.rectypelist.title, _this.rectypelist.value)
 				_this.filterbox = null;
 				_this.pageRefresh();
 			},
-			checkWtype: function(title,value) {
+			checkWtype: function(title, value) {
 				_this.wtypelist.title = title;
 				_this.wtypelist.value = value;
 				_this.filterbox = null;
 				_this.pageRefresh();
 			},
-			checkCate: function(title,value) {
+			checkCate: function(title, value) {
 				_this.catelist.title = title;
 				_this.catelist.value = value;
 				_this.filterbox = null;
 				_this.pageRefresh();
 			},
 			checkArea: function(level, index) {
-				if (level==1){
+				if (level == 1) {
 					_this.arealist.cityarr = _this.arealist.data[index].children;
 					_this.arealist.districtarr = [];
-				}else if (level==2){
+				} else if (level == 2) {
 					_this.arealist.districtarr = _this.arealist.cityarr[index].children;
 					_this.arealist.area_2 = _this.arealist.cityarr[index].value;
-				}else if (level==3){
+				} else if (level == 3) {
 					_this.arealist.value = _this.arealist.community = "";
 					_this.arealist.title = _this.arealist.districtarr[index].title;
 					if (_this.arealist.area_2 == "350582") {
@@ -315,10 +334,10 @@
 						//其他区域
 						_this.arealist.value = _this.arealist.districtarr[index].title;
 					}
-					
+
 					_this.filterbox = null;
 					_this.pageRefresh();
-				}else if (level==4){
+				} else if (level == 4) {
 					_this.arealist.cityarr = [];
 					_this.arealist.districtarr = [];
 					_this.arealist.title = "全部";
@@ -327,7 +346,7 @@
 					_this.pageRefresh();
 				}
 			},
-			
+
 			// 搜索
 			bindInput: function(e) {
 				_this.searchval = e.detail.value;
@@ -357,7 +376,7 @@
 				_this.arealist.districtarr = [];
 				_this.pageRefresh();
 			},
-			
+
 			pageRefresh: function() {
 				_this.pstatus = 'more';
 				_this.ppage = 1;
@@ -373,12 +392,12 @@
 						searchval: _this.searchval,
 						cateid: _this.catelist.value,
 						wtype: _this.wtypelist.value,
-						rectype: 1,
+						rectype: _this.rectypelist.value,
 						district: _this.arealist.value,
 						community: _this.arealist.community
 					}
 				}).then((data) => {
-					console.log("查看数据",data)
+					console.log("查看数据", data)
 					_this.pstatus = data.pstatus;
 					_this.plist = _this.plist.concat(data.plist);
 					_this.ppage += 1;
@@ -407,7 +426,7 @@
 				_this.province = e.province;
 				_this.pageRefresh();
 			},
-			
+
 			goNavPage: function(pageurl) {
 				uni.redirectTo({
 					url: pageurl
@@ -420,7 +439,7 @@
 <style lang="scss">
 	.comjobsList {
 		padding: 28rpx 26rpx 0;
-		
+
 		.listCard {
 			margin-bottom: 40rpx;
 			padding: 28rpx 24rpx;
@@ -428,16 +447,17 @@
 			border-radius: 12rpx;
 			display: flex;
 			flex-wrap: wrap;
-			
+
 			.listCard-item {
 				width: 60%;
 				display: flex;
 				align-items: center;
-				
+
 				.item-icon {
 					width: 35rpx;
+					height: 35rpx;
 				}
-				
+
 				.item-content {
 					flex: 1;
 					margin-left: 15rpx;
@@ -450,28 +470,28 @@
 					display: -webkit-box;
 					-webkit-box-orient: vertical;
 				}
-				
+
 				.bold {
 					font-size: 28rpx;
 					font-weight: 600;
 					color: #383838;
-				} 
-				
+				}
+
 				.red {
 					font-size: 28rpx;
 					font-weight: 500;
 					color: #CA151C;
 				}
 			}
-			
+
 			.short {
 				width: 35%;
 				margin-left: 15rpx;
 			}
-			
+
 			.bottom {
 				margin-top: 28rpx;
 			}
 		}
 	}
-</style>
+</style>

pages/comjobs/recruitFast.vue

@@ -0,0 +1,243 @@
+<template>
+	<view>
+		<view class="topBg" :style="'background-image:url('+$getImageUrl('static/images/applet/bg/course.png')+');'">
+			<image class="topBg-image" :src="$getImageUrl('static/images/applet/index/hotRighrOne.png')"></image>
+		</view>
+
+		<view class="header">
+			<view class="cu-bar search bg-gray">
+				<view class="search-form round text-center">
+					<text class="cuIcon-search"></text>
+					<input v-model="searchval" :adjust-position="false" type="text" placeholder="请输入关键字"
+						confirm-type="search" @confirm="btnSearch()"></input>
+				</view>
+				<view class="action" v-if="searchval!==''">
+					<button class="cu-btn bg-white shadow-blur round" @click="btnSearch()">搜索</button>
+				</view>
+			</view>
+			<view class="screen">
+				<image class="screen-icon" src="../../static/images/comJobs/screen.png"></image>
+				<view class="">筛选</view>
+			</view>
+		</view>
+
+		<view class="list">
+			<view class="card" v-for="(item,index) in plist" :key="index" @tap="goDetail(item.id)">
+				<view class="card-top">
+					<view class="card-top-item long">
+						<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardA.png')"></image>
+						<view class="item-text bold">{{item.title}}</view>
+					</view>
+					<view class="card-top-item short">
+						<image class="item-icon" src="../../static/images/comJobs/icon-pageView.png"></image>
+						<view class="item-text">浏览量：{{item.volume}}</view>
+					</view>
+					<view class="card-top-item long">
+						<image class="item-icon" src="../../static/images/comJobs/icon-sum.png"></image>
+						<view class="item-text red">工资：{{item.zwagall}}</view>
+					</view>
+					<view class="card-top-item short">
+						<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardC.png')"></image>
+						<view class="item-text">赏金<text class="item-text-money">300元</text></view>
+					</view>
+					<view class="card-top-item long">
+						<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardB.png')"></image>
+						<view class="item-text">工作时间：</view>
+					</view>
+					<view class="card-top-item short">
+						<image class="item-icon" :src="$getImageUrl('static/images/applet/index/cardD.png')"></image>
+						<view class="item-text">地点：{{item.district}}</view>
+					</view>
+				</view>
+				<view class="card-bottom">
+					<view class="bottom-title">{{item.worker.title}}</view>
+					<u-icon name="more-dot-fill" color="#747474" size="20"></u-icon>
+				</view>
+			</view>
+			
+			<uni-load-more :status="pstatus"></uni-load-more>
+		</view>
+	</view>
+</template>
+
+<script>
+	var _this;
+	export default {
+		data() {
+			return {
+				searchval: "",
+				ppage: 1,
+				psize: 20,
+				plist: [],
+				pstatus: 'more',
+			}
+		},
+		onLoad() {
+			_this = this;
+			_this.getMore();
+		},
+		methods: {
+			goDetail: function(comjobsid) {
+				uni.navigateTo({
+					url: '/pages/comjobs/detail?comjobsid=' + comjobsid
+				});
+			},
+			
+			getMore() {
+				_this.$req.ajax({
+					path: "comjobs/listcomjobs",
+					data: {
+						ppage: _this.ppage,
+						psize: _this.psize,
+						rectype: 2
+					}
+				}).then((data) => {
+					_this.pstatus = data.pstatus;
+					_this.plist = _this.plist.concat(data.plist);
+					_this.ppage += 1;
+					console.log("列表数据", _this.plist)
+					uni.stopPullDownRefresh();
+				}).catch((err) => {
+					uni.showModal({
+						title: '信息提示',
+						content: err,
+						showCancel: false
+					});
+				});
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #f0f0f0;
+	}
+
+	.topBg {
+		height: 266rpx;
+		padding-right: 54rpx;
+		background-size: cover;
+		background-position: center;
+		display: flex;
+		align-items: center;
+		justify-content: flex-end;
+		
+		.topBg-image {
+			width: 192rpx;
+			height: 170rpx;
+		}
+	}
+
+	.header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		.search {
+			flex: 1;
+		}
+
+		.screen {
+			width: 150rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-size: 28rpx;
+			font-weight: 400;
+			color: #191919;
+
+			.screen-icon {
+				margin-right: 10rpx;
+				width: 28rpx;
+				height: 28rpx;
+			}
+		}
+	}
+
+	.list {
+		padding: 10rpx 26rpx 0;
+
+		.card {
+			margin-bottom: 30rpx;
+			background: #FFFFFF;
+			border-radius: 12rpx;
+
+			.card-top {
+				padding: 32rpx 32rpx 0;
+				border-bottom: 2rpx solid #E2E2E2;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				flex-wrap: wrap;
+
+				.long {
+					width: 57%;
+				}
+
+				.short {
+					width: 40%;
+				}
+
+				.card-top-item {
+					margin-bottom: 34rpx;
+					display: flex;
+					align-items: center;
+
+					.item-icon {
+						margin-right: 15rpx;
+						width: 35rpx;
+						height: 35rpx;
+					}
+
+					.item-text {
+						flex: 1;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						-webkit-line-clamp: 1;
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						font-size: 28rpx;
+						font-weight: 400;
+						color: #747474;
+
+						.item-text-money {
+							margin-left: 10rpx;
+							font-size: 40rpx;
+							font-weight: 600;
+							color: #FF0000;
+						}
+					}
+
+					.bold {
+						font-weight: 600;
+						color: #383838;
+					}
+
+					.red {
+						color: #CA151C;
+					}
+				}
+			}
+			
+			.card-bottom {
+				padding: 20rpx 32rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				
+				.bottom-title {
+					width: 80%;
+					font-size: 32rpx;
+					font-weight: 600;
+					color: #383838;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					-webkit-line-clamp: 1;
+					display: -webkit-box;
+					-webkit-box-orient: vertical;
+				}
+			}
+		}
+	}
+</style>

pages/index/index.vue

@@ -27,7 +27,7 @@
 		<view class="summary">
 
 			<view class="topMenu">
-				<view class="topMenu-item" @tap="develop()">
+				<view class="topMenu-item"  @click="goLPage('/pages/comjobs/recruitFast')">
 					<image class="item-icon" :src="$getImageUrl('static/images/applet/index/topMenuA.png')"></image>
 					<view class="item-title">晋快招</view>
 				</view>
@@ -300,22 +300,22 @@
 				path: "/pages/index/index"
 			}
 		},
-		onPullDownRefresh: function() {
-			if (_this.status == 0) {
-				_this.ppage = 1;
-				_this.plist = [];
-				_this.pstatus = 'more';
-			} else if (_this.status == 1) {
-				_this.ppagen = 1;
-				_this.plistn = [];
-				_this.pstatusn = 'more';
-			} else if (_this.status == 2) {
-				_this.ppagen = 1;
-				_this.plistn = [];
-				_this.plistl = 'more';
-			}
-			_this.getMore();
-		},
+		// onPullDownRefresh: function() {
+		// 	if (_this.status == 0) {
+		// 		_this.ppage = 1;
+		// 		_this.plist = [];
+		// 		_this.pstatus = 'more';
+		// 	} else if (_this.status == 1) {
+		// 		_this.ppagen = 1;
+		// 		_this.plistn = [];
+		// 		_this.pstatusn = 'more';
+		// 	} else if (_this.status == 2) {
+		// 		_this.ppagen = 1;
+		// 		_this.plistn = [];
+		// 		_this.plistl = 'more';
+		// 	}
+		// 	_this.getMore();
+		// },
 		onReachBottom: function() {
 			if (_this.status == 0) {
 				if (_this.pstatus !== 'more') {

pages/train/joinlist.vue

@@ -1,6 +1,9 @@
 <template>
 	<view>
-		<image mode="widthFix" style="width: 100%;" :src="post" v-if="post"></image>
+		<!-- <image mode="widthFix" style="width: 100%;" :src="post" v-if="post"></image> -->
+		<view class="topBg" :style="'background-image:url('+$getImageUrl('static/images/applet/bg/course.png')+');'">
+			<image class="topBg-image" :src="$getImageUrl('static/images/applet/index/hotRighrOne.png')"></image>
+		</view>
 
 		<view class="topArea">
 			<button class="topArea-btn" @tap="addTrain">添加培训意愿</button>
@@ -12,7 +15,8 @@
 				<view class="courseRight">
 					<view class="courseCard-header">
 						<view class="header-title">{{item.train.title}}</view>
-						<image class="header-icon" src="../../static/images/index/applyCancel.png" mode="widthFix" @tap="delJoin(index, item.id)">
+						<image class="header-icon" src="../../static/images/index/applyCancel.png" mode="widthFix"
+							@tap="delJoin(index, item.id)">
 						</image>
 					</view>
 					<view class="courseCard-item">{{item.train.contact}}</view>
@@ -169,6 +173,21 @@
 </script>
 
 <style lang="scss">
+	.topBg {
+		height: 266rpx;
+		padding-right: 54rpx;
+		background-size: cover;
+		background-position: center;
+		display: flex;
+		align-items: center;
+		justify-content: flex-end;
+
+		.topBg-image {
+			width: 192rpx;
+			height: 170rpx;
+		}
+	}
+
 	.topArea {
 		margin-top: 40rpx;
 		padding: 0 26rpx;
@@ -194,7 +213,7 @@
 			border-radius: 12rpx;
 			display: flex;
 			overflow: hidden;
-			
+
 			// .courseLeft {
 			// 	width: 8rpx;
 			// 	height: 100%;
@@ -210,7 +229,7 @@
 				flex-direction: column;
 				justify-content: space-between;
 				border-left: 5px solid #009600;
-				
+
 				.courseCard-header {
 					// margin-bottom: 10rpx;
 					display: flex;