Browse Source

Merge commit 'bf0f26888dc39802a7dcb80d302de8e3d70f4e50' into master-uat

zhengkaixin 2 years ago
parent
commit
a108c9be89

BIN
assets/img/issue1@1x.png


BIN
assets/img/issue2@1x.png


BIN
assets/img/issue3@1x.png


BIN
assets/img/mineCover.png


BIN
assets/img/riFill-camera-fill Copy@1x.png


BIN
assets/img/riFill-checkbox-circle-fill@1x.png


BIN
assets/img/riFill-error-warning-fill@1x.png


BIN
assets/img/riFill-shield-user-fill@1x.png


BIN
assets/img/riLine-customer-service-line@1x.png


BIN
assets/img/riLine-folder-2-line@1x.png


BIN
assets/img/riLine-folder-user-line@1x.png


BIN
assets/img/riLine-inbox-archive-line@1x.png


BIN
assets/img/riLine-logout-box-r-line@1x.png


BIN
assets/img/riLine-mail-star-line@1x.png


BIN
assets/img/riLine-service-line@1x.png


BIN
assets/img/riLine-shield-user-line@1x.png


BIN
assets/img/riLine-time-line@1x.png


BIN
assets/img/riLine-todo-line@1x.png


+ 46 - 1
pages.json

@@ -152,7 +152,52 @@
             "path" : "pages/jobInformation/jobDetails",
             "style" :                                                                                    
             {
-                "navigationBarTitleText": "",
+                "navigationBarTitleText": "岗位详情",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/mine/myJobInformation/myJobInformation",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "求职信息",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/mine/myJobInformation/myRegistration",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "我的报名",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/mine/employmentService/laborManagement/laborManagement",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "用工管理",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/mine/employmentService/laborManagement/postMessage",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "发布求职信息",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/mine/employmentService/receiveRegistration",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "收到报名",
                 "enablePullDownRefresh": false
             }
             

+ 116 - 2
pages/issue/issue.vue

@@ -1,8 +1,71 @@
 <template>
 	<view>
-		发布
+		<u-navbar back-text="发布" back-icon-size="28" back-icon-color="#ffffff"
+			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
 		<tabbar  ref="mytabbar"
 		:current="2"></tabbar>
+		<view class="main">
+			<view class="title">
+				选择您要发布的信息
+			</view>
+			<view class="headline">
+				您好,欢迎来到荆开零工驿站
+			</view>
+			<view class="card">
+				<view class="icon">
+					<img src="../../assets/img/issue1@1x.png" alt="">
+				</view>
+				<view class="card-title">
+					  <view class="title1">
+					  	求职信息
+					  </view>
+					<view class="title2">
+						坐等好工作来找你
+					</view>
+				</view>
+				
+				<view class="right">
+					<u-icon name="arrow-right" color="#D6D6D6"></u-icon>
+				</view>
+			</view>
+			
+			<view class="card">
+				<view class="icon">
+					<img src="../../assets/img/issue2@1x.png" alt="">
+				</view>
+				<view class="card-title">
+					  <view class="title1">
+					  	招工信息
+					  </view>
+					<view class="title2">
+						精准满足用工需求
+					</view>
+				</view>
+				
+				<view class="right">
+					<u-icon name="arrow-right" color="#D6D6D6"></u-icon>
+				</view>
+			</view>
+			
+			<view class="card">
+				<view class="icon">
+					<img src="../../assets/img/issue3@1x.png" alt="">
+				</view>
+				<view class="card-title">
+					  <view class="title1">
+					  	共享用工
+					  </view>
+					<view class="title2">
+						发布共享公共信息
+					</view>
+				</view>
+				
+				<view class="right">
+					<u-icon name="arrow-right" color="#D6D6D6"></u-icon>
+				</view>
+			</view>
+			
+		</view>
 	</view>
 </template>
 
@@ -22,7 +85,58 @@
 		}
 	}
 </script>
-
 <style>
+	page{
+		padding-bottom: 100px;
+	}
+</style>
+<style scoped lang="scss">
+	.main{
+		padding:96rpx 32rpx;
+		.title{
+			color: rgba(16, 16, 16, 1);
+			font-size: 48rpx;
+			font-family: 'PingFangSC-medium';
+			line-height: 48rpx;
+		}
+		.headline{
+			margin-top: 12rpx;
+			line-height: 48rpx;
+			color: rgba(119, 119, 119, 1);
+			margin-bottom: 60rpx;
+		}
+	.card{
+		display: flex;
+		align-items: center;
+		padding: 32rpx;
+		border-radius: 12px;
+		margin-bottom: 40rpx;
+		background-color: rgba(245, 250, 255, 1);
+		.icon{
+			width: 136rpx;
+			height: 136rpx;
+			img{
+				width: 100%;
+				height: 100%;
+			}
+		}
+		.card-title{
+			margin-left: 40rpx;
+			.title1{
+				color: rgba(16, 16, 16, 1);
+				font-size: 36rpx;
+				font-family: 'PingFangSC-medium';
+			}
+			.title2{
+				color: rgba(119, 119, 119, 1);
+				margin-top: 8rpx;
+			}
+		}
+		.right{
+			margin-left: auto;
+		}
+	}
+	
+	}
 
 </style>

+ 219 - 0
pages/mine/employmentService/laborManagement/laborManagement.vue

@@ -0,0 +1,219 @@
+<template>
+	<view>
+		<u-navbar back-text="用工管理" back-icon-size="28" back-icon-color="#ffffff"
+			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
+		<!-- 标签 -->
+		<view class="tabs">
+			<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
+		</view>
+		<!-- 发布中 -->
+		<view class="my-registration" v-if="current==0">
+			<view class="card">
+				<view class="positon-salary">
+					<view class="positon">
+						摄影助理
+					</view>
+					<view class="salary">
+						200元/天
+					</view>
+				</view>
+				<view class="tags-date">
+					<view class="tags">
+						招聘1人
+					</view>
+					<view class="date">
+						报名时间:2023-06-01
+					</view>
+				</view>
+				<u-line color="#E6E6E6"></u-line>
+				<view class="buttons">
+					<view class="btn refresh">
+						刷新
+					</view>
+					<view class="btn amend">
+						修改
+					</view>
+					<view class="btn delete">
+						删除
+					</view>
+				</view>
+			</view>
+		</view>
+		
+	 <!-- 待审核 -->
+	 <view class="my-registration" v-if="current==1">
+	 	<view class="card">
+	 		<view class="positon-salary">
+	 			<view class="positon">
+	 				摄影助理
+	 			</view>
+	 			<view class="salary">
+	 				200元/天
+	 			</view>
+	 		</view>
+	 		<view class="tags-date">
+	 			<view class="tags">
+	 				招聘1人
+	 			</view>
+	 			<view class="date">
+	 				报名时间:2023-06-01
+	 			</view>
+	 		</view>
+	 		<u-line color="#E6E6E6"></u-line>
+	 		<view class="buttons">
+	 			
+	 			<view class="btn amend">
+	 				修改
+	 			</view>
+	 			<view class="btn delete">
+	 				删除
+	 			</view>
+	 		</view>
+	 	</view>
+	 </view>
+	 <!-- 未通过 -->
+	 <view class="my-registration" v-if="current==2">
+	 	<view class="card">
+	 		<view class="positon-salary">
+	 			<view class="positon">
+	 				摄影助理
+	 			</view>
+	 			<view class="salary">
+	 				200元/天
+	 			</view>
+	 		</view>
+	 		<view class="tags-date">
+	 			<view class="tags">
+	 				招聘1人
+	 			</view>
+	 			<view class="date">
+	 				报名时间:2023-06-01
+	 			</view>
+	 		</view>
+	 		<u-line color="#E6E6E6"></u-line>
+	 		<view class="buttons">
+	 			
+	 			<view class="btn amend">
+	 				修改
+	 			</view>
+	 			<view class="btn delete">
+	 				删除
+	 			</view>
+	 		</view>
+	 	</view>
+	 </view>
+	     
+		 <!-- 底部 -->
+		 <view class="bottom">
+		 	<button class="issue">发布用工需求
+</button>
+		 </view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '发布中'
+				}, {
+					name: '待审核'
+				},{
+					name:'未通过'
+				}],
+				current: 0
+			}
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			}
+		}
+	}
+</script>
+<style>
+	page {
+		background: #F0F0F2;
+		padding-bottom: 150px;
+	}
+</style>
+<style scoped lang="scss">
+	.card{
+		margin: 24rpx 32rpx;
+		background-color: #fff;
+		padding: 24rpx;
+		border-radius: 12px;
+		.positon-salary{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.positon{
+				color: rgba(16, 16, 16, 1);
+				font-size: 36rpx;
+				
+				font-family: 'PingFangSC-medium';
+			}
+			.salary{
+				color: rgba(255, 61, 0, 1);
+				font-size: 32rpx;
+				font-family: 'PingFangSC-medium';
+			}
+		}
+		.tags-date{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 16rpx;
+			margin-bottom: 24rpx;
+			.tags{
+				
+				color: rgba(102, 102, 102, 1);
+			}
+			
+			.date{
+				color: rgba(153, 153, 153, 1);
+				font-size: 24rpx;
+			}
+		}
+		// 按钮
+		.buttons{
+			display: flex;
+			justify-content: flex-end;
+			margin-top: 24rpx;
+			.btn{
+				width: 120rpx;
+				height: 56rpx;
+				line-height: 56rpx;
+				border-radius: 50px;
+				background-color: rgba(255, 255, 255, 1);
+				color: rgba(119, 119, 119, 1);
+				text-align: center;
+				font-family: Microsoft Yahei;
+				border: 1px solid rgba(207, 210, 213, 1);
+				margin-left: 24rpx;
+			}
+			.delete{
+				color: rgba(238, 49, 56, 1);
+			}
+		}
+	}
+
+   .bottom{
+	   position: fixed;
+	   left: 0;
+	   right: 0;
+	   bottom: 0;
+	   .issue{
+		   height: 96rpx;
+		   line-height: 96rpx;
+		   border-radius: 50px;
+		   background-color: rgba(34, 149, 255, 1);
+		   color: rgba(241, 241, 241, 1);
+		   font-size: 36rpx;
+		   text-align: center;
+		   box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.03);
+		   margin: 24rpx 32rpx;
+	   }
+   }
+</style>

+ 255 - 0
pages/mine/employmentService/laborManagement/postMessage.vue

@@ -0,0 +1,255 @@
+<template>
+	<view>
+		<u-navbar back-text="发布求职信息" back-icon-size="28" back-icon-color="#ffffff"
+			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
+		<!-- 基本信息 -->
+		<view class="information-group">
+			<view class="headline">
+				基本信息
+			</view>
+			<!-- 职位名称 -->
+			<view class="item">
+				<view class="title">
+					<text>*</text>职位名称
+				</view>
+				<view class="input">
+					<input type="text" placeholder="请填写职位名称">
+				</view>
+			</view>
+			<!-- *薪资待遇 -->
+			<view class="item">
+				<view class="title">
+					<text>*</text>薪资待遇
+				</view>
+				<view class="input">
+					<input type="text" placeholder="请填写薪资待遇">
+				</view>
+				<view class="unit">
+					计件
+				</view>
+				<view class="icon">
+					<u-icon name="arrow-right" color="#999999"></u-icon>
+				</view>
+
+			</view>
+			<!--结算形式 -->
+			<view class="item">
+				<view class="title">
+					<text>*</text>结算形式
+				</view>
+				<view class="input">
+					<input type="text" placeholder="请选择结算形式">
+				</view>
+				<view class="icon">
+					<u-icon name="arrow-right" color="#999999"></u-icon>
+				</view>
+			</view>
+			<!-- 行业 -->
+			<view class="item">
+				<view class="title">
+					<text>*</text>行业
+				</view>
+				<view class="input">
+					<input type="text" placeholder="请选择行业">
+				</view>
+				<view class="icon">
+					<u-icon name="arrow-right" color="#999999"></u-icon>
+				</view>
+			</view>
+			<!-- 招聘人数 -->
+			<view class="item">
+				<view class="title">
+					<text>*</text>招聘人数
+				</view>
+				<view class="input">
+					<input type="text" placeholder="请填写招聘人数">
+				</view>
+
+			</view>
+
+
+
+
+		</view>
+		<!-- 工作描述 -->
+		<view class="job-description">
+			<view class="title">
+				<text>*</text>工作描述
+			</view>
+			<textarea class="textarea" placeholder="请简单描述工作内容及职位要求"></textarea>
+		</view>
+		<!-- 个人信息 -->
+		<view class="information-group">
+					<view class="headline">
+						基本信息
+					</view>
+					<!-- 联系人 -->
+					<view class="item">
+						<view class="title">
+							<text>*</text>联系人
+						</view>
+						<view class="input">
+							<input  type="text" placeholder="李">
+						</view>
+					</view>
+					<!-- 联系电话 -->
+					<view class="item">
+						<view class="title">
+							<text>*</text>联系电话
+						</view>
+						<view class="input">
+							<input type="text" placeholder="15500001111">
+						</view>
+						
+						
+						
+					</view>
+					<!--工作地区 -->
+					<view class="item">
+						<view class="title">
+							<text>*</text>工作地区
+						</view>
+						<view class="input">
+							<input type="text" placeholder="开发区">
+						</view>
+						<view class="icon">
+							<u-icon name="arrow-right" color="#999999"></u-icon>
+						</view>
+					</view>
+					<!-- 详细地址 -->
+					
+					<view class="item">
+						<view class="title">
+							<text>*</text>详细地址
+						</view>
+						<view class="input">
+							<input type="text" placeholder="请填写详细的工作地址">
+						</view>
+						<view class="icon">
+							<u-icon name="arrow-right" color="#999999"></u-icon>
+						</view>
+					</view>
+					
+					
+					
+					
+					
+					
+				</view>
+		<button class="issue" type="default">发布</button>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+<style>
+	page {
+		background: #F0F0F2;
+		padding-bottom: 150px;
+	}
+</style>
+
+<style lang="scss" scoped>
+	.information-group {
+		margin: 32rpx;
+		padding: 24rpx 32rpx;
+		background-color: #fff;
+        border-radius: 24rpx;
+		.headline {
+			color: rgba(16, 16, 16, 1);
+			font-size: 36rpx;
+			margin-bottom: 24rpx;
+
+			font-family: 'PingFangSC-medium';
+		}
+
+		.item {
+			display: flex;
+			align-items: center;
+			padding: 24rpx 0;
+			border-bottom: 1px solid #f1f1f1;
+
+			.title {
+				color: rgba(51, 51, 51, 1);
+				font-size: 32rpx;
+				width: 148rpx;
+
+				text {
+					color: #EE3138
+				}
+			}
+
+			.input {
+				width: 350rpx;
+				margin-left: 24rpx;
+
+				/deep/.uni-input-input {
+					color: rgba(51, 51, 51, 1);
+				}
+			}
+
+			.icon {
+				margin-left: auto;
+			}
+
+			.unit {
+				margin-left: auto;
+				color: rgba(51, 51, 51, 1);
+				font-size: 32rpx;
+			}
+		}
+	}
+
+	// 工作描述
+	.job-description {
+		margin: 24rpx 32rpx;
+		background-color: #fff;
+		border-radius: 12px;
+		padding: 24rpx 32rpx;
+
+		.title {
+			color: #333333;
+			font-size: 18px;
+			font-family: 'PingFangSC-medium';
+		}
+
+		text {
+			color: #FF0000;
+		}
+
+		.textarea {
+			margin-top: 24rpx;
+			line-height: 40rpx;
+			width: 100%;
+			height: 200rpx;
+
+		}
+
+	}
+
+	/* 发布 */
+	.issue {
+		background-color: rgba(34, 149, 255, 1);
+		color: rgba(241, 241, 241, 1);
+		font-size: 18px;
+		height: 96rpx;
+		line-height: 96rpx;
+		border-radius: 50px;
+		position: fixed;
+		left: 32rpx;
+		right: 32rpx;
+		bottom: 20rpx;
+		z-index: 999;
+	}
+</style>

+ 233 - 0
pages/mine/employmentService/receiveRegistration.vue

@@ -0,0 +1,233 @@
+<template>
+	<view>
+		<u-navbar back-text="我的报名" back-icon-size="28" back-icon-color="#ffffff"
+			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
+		<!-- 标签 -->
+		<view class="tabs">
+			<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
+		</view>
+		<!-- 我的报名 -->
+		<view class="receive-registration" v-if="current==0">
+			<view class="card">
+				<view class="top">
+					
+				<!-- 头像 -->
+				<view class="photo">
+					<img src="../../../assets/img/informationPhoto.png"></img>
+				</view>
+				<!-- 信息 -->
+				<view class="infos">
+					<view class="positon-salary">
+						<view class="positon">
+							家政清洁
+						</view>
+						<view class="salary">
+							200元/天
+						</view>
+					</view>
+					<view class="tags-date">
+						<view class="tags">
+							<view class="item">
+								男
+							</view>
+							<view class="item">
+								21岁
+							</view>
+							<view class="item">
+								高中
+							</view>
+						</view>
+						<view class="date">
+							报名时间:2023-06-01
+						</view>
+					</view>
+				</view>
+					
+			
+				</view>
+				<u-line color="#E6E6E6"></u-line>
+				<view class="buttons">
+					<view class="btn check">
+						查看
+					</view>
+					<view class="btn delete">
+						删除
+					</view>
+				</view>
+			</view>
+		</view>
+	 <!-- 邀请记录 -->
+	 <view class="invitation-record" v-if="current==1">
+	 	<view class="card">
+	 		<view class="top">
+	 			
+	 		<!-- 头像 -->
+	 		<view class="photo">
+	 			<img src="../../../assets/img/informationPhoto.png"></img>
+	 		</view>
+	 		<!-- 信息 -->
+	 		<view class="infos">
+	 			<view class="positon-salary">
+	 				<view class="positon">
+	 					家政清洁
+	 				</view>
+	 				<view class="salary">
+	 					200元/天
+	 				</view>
+	 			</view>
+	 			<view class="tags-date">
+	 				<view class="tags">
+	 					<view class="item">
+	 						男
+	 					</view>
+	 					<view class="item">
+	 						21岁
+	 					</view>
+	 					<view class="item">
+	 						高中
+	 					</view>
+	 				</view>
+	 				<view class="date">
+	 					报名时间:2023-06-01
+	 				</view>
+	 			</view>
+	 		</view>
+	 			
+	 	
+	 		</view>
+	 		<u-line color="#E6E6E6"></u-line>
+	 		<view class="buttons">
+	 			<view class="btn check">
+	 				查看
+	 			</view>
+	 			
+	 		</view>
+	 	</view>
+	 </view>
+	     
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '收到的报名'
+				}, {
+					name: '邀请记录'
+				}],
+				current: 0
+			}
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			}
+		}
+	}
+</script>
+<style>
+	page {
+		background: #F0F0F2;
+		padding-bottom: 150px;
+	}
+</style>
+<style scoped lang="scss">
+	.card{
+		margin: 24rpx 32rpx;
+		background-color: #fff;
+		padding: 24rpx;
+		border-radius: 12px;
+		.top{
+			display: flex;
+		}
+		// 头像
+		.photo{
+			width: 48px;
+			height: 48px;
+			border-radius: 50px;
+			overflow: hidden;
+			margin-right: 16rpx;
+			img{
+				width: 100%;
+				height: 100%;
+			}
+		}
+		// 信息
+		.infos{
+			flex: 1;
+		}
+		.positon-salary{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.positon{
+				color: rgba(16, 16, 16, 1);
+				font-size: 36rpx;
+				
+				font-family: 'PingFangSC-medium';
+			}
+			.salary{
+				color: rgba(255, 61, 0, 1);
+				font-size: 32rpx;
+				font-family: 'PingFangSC-medium';
+			}
+		}
+		.tags-date{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 16rpx;
+			margin-bottom: 24rpx;
+			.tags{
+				display: flex;
+				.item{
+					border-radius: 4px;
+					background-color: rgba(241, 241, 247, 1);
+					color: rgba(129, 127, 153, 1);
+					font-size: 12px;
+					text-align: center;
+					line-height: 36rpx;
+					height: 36rpx;
+					padding: 0 12rpx;
+					margin-right: 8rpx;
+				}
+			}
+			.company{
+				color: rgba(51, 51, 51, 1);
+				font-size: 24rpx;
+			}
+			.date{
+				color: rgba(153, 153, 153, 1);
+				font-size: 24rpx;
+			}
+		}
+		
+		.buttons{
+			display: flex;
+			justify-content: flex-end;
+			margin-top: 24rpx;
+			// 查看
+			.btn{
+				width: 120rpx;
+				height: 56rpx;
+				line-height: 56rpx;
+				
+				border-radius: 50px;
+				background-color: rgba(255, 255, 255, 1);
+				color: rgba(119, 119, 119, 1);
+				text-align: center;
+				font-family: Microsoft Yahei;
+				border: 1px solid rgba(207, 210, 213, 1);
+				margin-left: 24rpx;
+			}
+			// 删除
+			.delete{
+				color: rgba(255, 61, 0, 1);
+			}
+		}
+	}
+
+   
+</style>

+ 294 - 3
pages/mine/mine.vue

@@ -1,6 +1,138 @@
 <template>
 	<view>
-		mine
+		<u-navbar back-text="我的" back-icon-size="28" back-icon-color="#ffffff"
+			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
+		<view class="top">
+			<view class="photo">
+				<u-avatar :src="src"></u-avatar>
+			</view>
+			<!-- <view class="login">
+				请登录
+			</view> -->
+			<!-- 已登录 -->
+			<view class="logined">
+				<view class="name">
+					你好,许慕 
+					<view class="img-box">
+						
+						<img src="../../assets/img/riFill-shield-user-fill@1x.png" alt="">
+					</view>
+				</view>
+				<view class="tel">
+					155****1111
+				</view>
+				
+			</view>
+		</view>
+		<!-- 求职信息 -->
+		<view class="card card1">
+			<view class="title">
+				求职信息
+			</view>
+			 <u-grid :col="3" :border="false">
+			 		<u-grid-item>
+			 			<view class="icon">
+			 				<img src="../../assets/img/riLine-folder-user-line@1x.png" alt="">
+			 			</view>
+			 			<view class="grid-text">求职信息</view>
+			 		</u-grid-item>
+			 		<u-grid-item>
+			 			<view class="icon">
+			 				<img src="../../assets/img/riLine-todo-line@1x.png" alt="">
+			 			</view>
+			 			<view class="grid-text">我的报名</view>
+			 		</u-grid-item>
+			 		<u-grid-item>
+						<u-badge count="1" size="mini" :offset="[28,34]"></u-badge>
+			 			<view class="icon">
+			 				<img src="../../assets/img/riLine-mail-star-line@1x.png" alt="">
+			 			</view>
+			 			<view class="grid-text">收到邀请</view>
+			 		</u-grid-item>
+			 	</u-grid>
+		</view>
+		<!-- 用工服务 -->
+		
+		<view class="card ">
+			<view class="title">
+				用工服务
+			</view>
+			 <u-grid :col="4" :border="false">
+			 		<u-grid-item>
+			 			<view class="icon">
+			 				<img src="../../assets/img/riLine-folder-2-line@1x.png" alt="">
+			 			</view>
+			 			<view class="grid-text">用工管理</view>
+			 		</u-grid-item>
+			 		<u-grid-item>
+			 			<view class="icon">
+			 				<img src="../../assets/img/riLine-inbox-archive-line@1x.png" alt="">
+			 			</view>
+			 			<view class="grid-text">收到报名</view>
+			 		</u-grid-item>
+			 		<u-grid-item>
+			 			<view class="icon">
+			 				<img src="../../assets/img/riLine-time-line@1x.png" alt="">
+			 			</view>
+			 			<view class="grid-text">邀请记录</view>
+			 		</u-grid-item>
+					<u-grid-item>
+						<view class="icon">
+							<img src="../../assets/img/riLine-service-line@1x.png" alt="">
+						</view>
+						<view class="grid-text">共享用工</view>
+					</u-grid-item>
+			 	</u-grid>
+		</view>
+		
+		<!-- 其他服务 -->
+		<view class="card ">
+			<view class="title">
+				其他服务
+			</view>
+			 <u-grid :col="3" :border="false">
+			 		<u-grid-item>
+						<img src="../../assets/img/riFill-error-warning-fill@1x.png" class="badge-icon"></img>
+						<img src="../../assets/img/riFill-checkbox-circle-fill@1x.png" class="checked">
+			 			<view class="icon">
+			 				<img src="../../assets/img/riLine-shield-user-line@1x.png" alt="">
+			 			</view>
+			 			<view class="grid-text">实名认证</view>
+			 		</u-grid-item>
+			 		<u-grid-item>
+			 			<view class="icon">
+			 				<img src="../../assets/img/riLine-customer-service-line@1x.png" alt="">
+			 			</view>
+			 			<view class="grid-text">联系客服</view>
+			 		</u-grid-item>
+			 		<u-grid-item>
+			 			<view class="icon">
+			 				<img src="../../assets/img/riLine-logout-box-r-line@1x.png" alt="">
+			 			</view>
+			 			<view class="grid-text">退出登录</view>
+			 		</u-grid-item>
+			 	</u-grid>
+		</view>
+		<!-- 登录弹窗 -->
+			<u-popup v-model="show" mode="center" closeable="true">
+				<view class="title">
+					登录荆开零工驿站
+				</view>
+				<view class="login-btn">
+				<u-icon name="weixin-fill" size="46"></u-icon>	<text>微信用户一键登录</text>
+				</view>
+				
+				<view class="radio">
+					<!-- <radio></radio>
+						<view class="agreement">
+							阅读并同意<text style="color: #2795FD">《用户隐私协议》</text>
+					</view> -->
+					<u-radio-group v-model="value">
+						<u-radio active-color="red">阅读并同意<text style="color: #2795FD">《用户隐私协议》</text></u-radio>
+					</u-radio-group>
+				</view>
+			</u-popup>
+		 
 		<tabbar  ref="mytabbar"
 		:current="4"></tabbar>
 	</view>
@@ -14,7 +146,10 @@
 		},
 		data() {
 			return {
-				
+				src: '',
+				show:'true',
+			    value: 'false',
+							
 			}
 		},
 		methods: {
@@ -22,7 +157,163 @@
 		}
 	}
 </script>
-
 <style>
+	page {
+		background: #F0F0F2;
+		padding-bottom: 150px;
+	}
+	
+</style>
+<style lang="scss" scoped>
+
+	.top{
+		
+		display: flex;
+		align-items: center;
+		padding: 40rpx 32rpx 88rpx;
+		background:url(@/assets/img/mineCover.png),linear-gradient(180deg, rgba(39,149,253,1) 0%,rgba(118,182,255,1) 100%);
+	    background-repeat:no-repeat;
+	  background-position: right;
+	  .photo{
+		  /deep/.u-avatar{
+			  width: 120rpx !important;
+			  height: 120rpx !important;
+			  box-shadow: 0px 1px 3px 0px rgba(39, 149, 253, 100);
+			  border: 2px solid rgba(255, 255, 255, 1);
+		  }
+	  }
+	  .login{
+		  color: rgba(255, 255, 255, 1);
+		  font-size: 40rpx;
+		  text-align: left;
+		  font-family: 'PingFangSC-medium';
+		  margin-left: 24rpx;
+	  }
+	  .logined{
+		  color: rgba(255, 255, 255, 1);
+		  margin-left: 24rpx;
+		    .name{
+				
+				font-size: 40rpx;
+				font-family: 'PingFangSC-medium';
+				display: flex;
+				align-items: center;
+				.img-box{
+					
+					margin-left: 8rpx;
+					overflow: hidden;
+					img{
+						width: 40rpx;
+						height: 40rpx;
+						vertical-align: middle;
+						z-index: 999;
+						position: relative;
+						
+						
+						
+					}
+				}
+				
+			}
+			.tel{
+				margin-top: 8rpx;
+				font-size: 32rpx;
+			}
+	  }
+	
+	}
+  .card1{
+	  margin-top: -32rpx !important;
+	 
+  }
+  .card{
+	  background-color: #fff;
+	  border-radius: 12px;
+	  margin: 32rpx ;
+	  padding: 32rpx;
+	  /deep/.u-grid-item{
+	  		  width: 25% !important;
+	  }
+	  .title{
+		  color: rgba(16, 16, 16, 1);
+		  font-size: 40rpx;
+		  margin-bottom: 20rpx;
+	  }
+	  .grid-text{
+		  color: rgba(51, 51, 51, 1);
+		  margin-top: 8rpx;
+	  }
+	 
+	  .icon{
+		  width: 56rpx;
+		  height: 56rpx;
+		  img{
+			  width: 100%;
+			  height: 100%;
+		  }
+	  }
+	  .badge-icon {
+	  			position: absolute;
+	  			top: 24rpx;
+	  			right: 40rpx;
+	  			width: 30rpx;
+	  			height: 30rpx;
+	  		}
+	  .checked{
+	  	  position: absolute;
+	  	  bottom: 72rpx;
+	  	  right: 40rpx;
+	  	  width: 30rpx;
+	  	  height: 30rpx;
+	  }
+  }
+
+// 弹窗
+/deep/.u-mode-center-box{
+	width: 560rpx !important;
+	border-radius: 12px;
+	padding: 80rpx 48rpx;
+	display: flex;
+	.title{
+		color: rgba(16, 16, 16, 1);
+		font-size: 36rpx;
+		font-family: 'PingFangSC-medium';
+	}
+	.login-btn{
+		background-color: rgba(0, 188, 99, 1);
+		color: #fff;
+		padding: 28rpx 70rpx;
+		margin-top: 56rpx;
+		margin-bottom: 16rpx;
+		border-radius: 8px;
+		display: flex;
+		
+		font-size: 32rpx;
+		text{
+			margin-left: 8rpx;
+		}
+	}
+	.radio {
+		display: inline-block;
+		width: 100%;
+		display: flex;
+		justify-content: center;
+		font-size: 24rpx;
+		color: #777777;
+		margin-left: 20rpx;
+		.uni-radio-input{
+			width: 24rpx;
+			height: 24rpx;
+			
+		}
+		
+		.uni-radio-input-checked:before{
+			font-size: 24rpx;
+			    background-color: rgb(0, 122, 255);
+			    border-color: rgb(0, 122, 255);
+		}
+	}
+}
+
 
 </style>

+ 267 - 0
pages/mine/myJobInformation/myJobInformation.vue

@@ -0,0 +1,267 @@
+<template>
+	<view>
+		<u-navbar back-text="求职信息" back-icon-size="28" back-icon-color="#ffffff"
+			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
+		<view class="main">
+			<!-- 个人信息 -->
+			<view class="person-infos">
+				<view class="infos">
+					<view class="name">
+						许慕
+					</view>
+					<view class="gender-age">
+						<text class="text">女</text>|
+						<text class="text">28</text>
+					</view>
+				</view>
+
+				<view class="photo">
+					<u-avatar :src="src" size="120" mode="circle"></u-avatar>
+					<img class="camera" src="../../../assets/img/riFill-camera-fill Copy@1x.png" alt="">
+
+				</view>
+
+			</view>
+			<!-- 信息填写 -->
+			<view class="information-group">
+				<!-- 联系电话 -->
+				<view class="item">
+					<view class="title">
+						联系电话
+					</view>
+					<view class="input">
+						<input v-model="tel" type="text" placeholder="">
+					</view>
+				</view>
+				<!-- 意向行业 -->
+				<view class="item">
+					<view class="title">
+						意向行业
+					</view>
+					<view class="input">
+						<input type="text" placeholder="请选择意向行业">
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#999999"></u-icon>
+					</view>
+				</view>
+				<!--意向岗位 -->
+				<view class="item">
+					<view class="title">
+						意向行业
+					</view>
+					<view class="input">
+						<input type="text" placeholder="请填写想找的工作岗位">
+					</view>
+					
+				</view>
+				<!-- 期望薪资 -->
+				<view class="item">
+					<view class="title">
+						期望薪资
+					</view>
+					<view class="input">
+						<input type="text" placeholder="请填写期望薪资">
+					</view>
+					 <view class="unit">
+					 	元/天
+					 </view>
+				</view>
+				<!-- 结算方式 -->
+				<view class="item">
+					<view class="title">
+						结算方式
+					</view>
+					<view class="input">
+						<input type="text" placeholder="请选择结算方式">
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#999999"></u-icon>
+					</view>
+				</view>
+				<!-- 工作经验 -->
+				<view class="item">
+					<view class="title">
+						工作经验
+					</view>
+					<view class="input">
+						<input type="text" placeholder="请选择工作经验">
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#999999"></u-icon>
+					</view>
+				</view>
+				<!-- 学历 -->
+				<view class="item">
+					<view class="title">
+						学历
+					</view>
+					<view class="input">
+						<input type="text" placeholder="请选择学历">
+					</view>
+					<view class="icon">
+						<u-icon name="arrow-right" color="#999999"></u-icon>
+					</view>
+				</view>
+			</view>
+		</view>
+
+	
+	     <view class="service-description">
+			 <view class="title">
+			 	<text>*</text>服务描述
+			 </view>
+	     	  <textarea  class="textarea"placeholder="请描述您能提供哪些服务,或者是您擅长的,有足浴您更快、更准确的找到工作。"></textarea>
+	     </view>
+	
+	 <button class="save" type="default">保存</button>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+				src: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fci.xiaohongshu.com%2F8de99fdd-9eb8-705a-df1a-4af35b8366b3%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fci.xiaohongshu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1691222390&t=e34c33e89b90bdb21dd8320f835d3bd8',
+				tel: '15011110000'
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+<style>
+	page {
+		background: #F0F0F2;
+		padding-bottom: 150px;
+	}
+</style>
+<style lang="scss" scoped>
+	.main {
+		margin: 24rpx 32rpx;
+		background-color: #fff;
+		padding: 40rpx 32rpx 0;
+		border-radius: 12px;
+
+		.person-infos {
+			display: flex;
+			justify-content: space-between;
+
+			.infos {
+				.name {
+					color: rgba(51, 51, 51, 1);
+					font-size: 20px;
+					font-family: 'PingFangSC-medium';
+				}
+
+				.gender-age {
+					color: rgba(119, 119, 119, 1);
+					margin-top: 8rpx;
+
+					.text {
+						margin: 0 8rpx;
+					}
+
+					.text:nth-of-type(1) {
+						margin-left: 0;
+					}
+				}
+
+			}
+
+			.photo {
+				position: relative;
+
+				img {
+					width: 60px;
+					height: 60px;
+				}
+
+				.camera {
+					width: 48rpx;
+					height: 48rpx;
+					position: absolute;
+					top: 36rpx;
+					left: 36rpx;
+					z-index: 999;
+				}
+
+			}
+
+
+		}
+
+		.information-group {
+			.item {
+				display: flex;
+				align-items: center;
+				padding: 24rpx 0;
+				border-bottom: 1px solid #f1f1f1;
+
+				.title {
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+					width: 140rpx;
+				}
+
+				.input {
+					width: 360rpx;
+					margin-left: 24rpx;
+        
+					/deep/.uni-input-input {
+						color: rgba(51, 51, 51, 1);
+					}
+				}
+				.icon{
+					margin-left: auto;
+				}
+				.unit{
+					margin-left: auto;
+					color: #333333;
+					font-size: 24rpx;
+				}
+			}
+		}
+
+	}
+
+// 服务描述
+.service-description{
+	margin: 24rpx 32rpx;
+	background-color: #fff;
+	border-radius: 12px;
+	padding: 24rpx 32rpx;
+	.title{
+		color: #333333;
+		font-size: 18px;
+		font-family: 'PingFangSC-medium';
+	}
+	text{
+		color: #FF0000;
+	}
+	.textarea{
+		margin-top:24rpx;
+		line-height:40rpx;
+		width: 100%;
+		height:240rpx;
+		
+	}
+	
+}
+
+.save{
+	background-color: rgba(34, 149, 255, 1);
+	color: rgba(241, 241, 241, 1);
+	font-size: 18px;
+	height: 96rpx;
+	line-height: 96rpx;
+	border-radius: 50px;
+	position: fixed;
+	left: 32rpx;
+	right: 32rpx;
+	bottom: 20rpx;
+	z-index: 999;
+}
+</style>

+ 163 - 0
pages/mine/myJobInformation/myRegistration.vue

@@ -0,0 +1,163 @@
+<template>
+	<view>
+		<u-navbar back-text="我的报名" back-icon-size="28" back-icon-color="#ffffff"
+			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
+		<!-- 标签 -->
+		<view class="tabs">
+			<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
+		</view>
+		<!-- 我的报名 -->
+		<view class="my-registration" v-if="current==0">
+			<view class="card">
+				<view class="positon-salary">
+					<view class="positon">
+						家政清洁
+					</view>
+					<view class="salary">
+						200元/天
+					</view>
+				</view>
+				<view class="tags-date">
+					<view class="tags">
+						<view class="item">
+							企业
+						</view>
+						<view class="item">
+							周结
+						</view>
+					</view>
+					<view class="date">
+						报名时间:2023-06-01
+					</view>
+				</view>
+				<u-line color="#E6E6E6"></u-line>
+				<view class="check">
+					查看
+				</view>
+			</view>
+		</view>
+	 <!-- 收到的邀请 -->
+	 <view class="invitation-received" v-else>
+		 <view class="card">
+		 	<view class="positon-salary">
+		 		<view class="positon">
+		 			家政清洁
+		 		</view>
+		 		<view class="salary">
+		 			200元/天
+		 		</view>
+		 	</view>
+		 	<view class="tags-date">
+		 		<view class="company">
+		 			荆鹏家政公司
+		 			
+		 		</view>
+		 		<view class="date">
+		 			邀请时间:2023-06-01
+		 		</view>
+		 	</view>
+		 	<u-line color="#E6E6E6"></u-line>
+		 	<view class="check">
+		 		查看
+		 	</view>
+		 </view>
+	 	
+	 </view>
+	     
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '我的报名'
+				}, {
+					name: '收到的邀请'
+				}],
+				current: 0
+			}
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			}
+		}
+	}
+</script>
+<style>
+	page {
+		background: #F0F0F2;
+		padding-bottom: 150px;
+	}
+</style>
+<style scoped lang="scss">
+	.card{
+		margin: 24rpx 32rpx;
+		background-color: #fff;
+		padding: 24rpx;
+		border-radius: 12px;
+		.positon-salary{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.positon{
+				color: rgba(16, 16, 16, 1);
+				font-size: 36rpx;
+				
+				font-family: 'PingFangSC-medium';
+			}
+			.salary{
+				color: rgba(255, 61, 0, 1);
+				font-size: 32rpx;
+				font-family: 'PingFangSC-medium';
+			}
+		}
+		.tags-date{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 16rpx;
+			margin-bottom: 24rpx;
+			.tags{
+				display: flex;
+				.item{
+					border-radius: 4px;
+					background-color: rgba(241, 241, 247, 1);
+					color: rgba(129, 127, 153, 1);
+					font-size: 12px;
+					text-align: center;
+					line-height: 36rpx;
+					height: 36rpx;
+					padding: 0 12rpx;
+					margin-right: 8rpx;
+				}
+			}
+			.company{
+				color: rgba(51, 51, 51, 1);
+				font-size: 24rpx;
+			}
+			.date{
+				color: rgba(153, 153, 153, 1);
+				font-size: 24rpx;
+			}
+		}
+		// 查看
+		.check{
+			width: 120rpx;
+			height: 56rpx;
+			line-height: 56rpx;
+			margin-left: auto;
+			margin-top: 24rpx;
+			border-radius: 50px;
+			background-color: rgba(255, 255, 255, 1);
+			color: rgba(119, 119, 119, 1);
+			text-align: center;
+			font-family: Microsoft Yahei;
+			border: 1px solid rgba(207, 210, 213, 1);
+		}
+	}
+
+   
+</style>