职位详情功能

h5_web/pages.json

@@ -226,7 +226,16 @@
 				"navigationBarBackgroundColor": "#3D5D4C",
 				"navigationBarTextStyle": "white"
 			}
-		}, {
+		},
+		{
+			"path": "pages/resumeDeliveryResults/resumeDeliveryResults",
+			"style": {
+				"navigationBarTitleText": "简历投递结果",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		{
 			"path": "pages/applyEducationCode/applyEducationCode",
 			"style": {
 				"navigationBarTitleText": "退役军人职业教育码申请",
@@ -235,7 +244,8 @@
 				"navigationBarTextStyle": "white"
 			}
 
-		}, {
+		},
+		{
 			"path": "pages/applyEducationCode/applyEducationSuccess",
 			"style": {
 				"navigationBarTitleText": "退役军人职业教育码申请",
@@ -283,4 +293,4 @@
 			"text": "我"
 		}]
 	}
-}
+}

h5_web/pages/jobDetails/jobDetails.vue

@@ -5,7 +5,81 @@
 
 <template>
 	<view class="jobdetails">
-    <view class="">职位详情</view>
+    <view class="jobdetails-head">
+    	<u-card :border="false" :head-border-bottom="false" :foot-border-top="false" :padding="0" :border-radius="0" class="jobdetails-head-card">
+    		<view slot="head">
+          <view class="jobdetails-head-cardhead">
+            <view class="content">
+              <view class="left">
+                <view>保安员</view>
+                <view>经验1-3年 / 大专</view>
+              </view>
+              <view class="right">4.0k-8.0k</view>
+            </view>
+          </view>
+    		</view>
+    		<view slot="body">
+          <view class="jobdetails-head-cardbody">
+            <view class="container" @tap="tapHeadCardBody(recruitmentData)">
+              <view class="image">
+                <u-image width="86rpx" height="86rpx" :src="recruitmentData.img" mode="aspectFill"></u-image>
+              </view>
+              <view class="content">
+                <view class="content-left">
+                  <view >顺丰速运有限公司贵州分公司</view>
+                  <view >快递和运输 · 199-499人</view>
+                </view>
+                <view class="content-right">
+                  <u-icon name="arrow-right" color="#000000" size="48"></u-icon>
+                </view>
+              </view>
+            </view>
+          </view>
+    		</view>
+    		<view slot="foot">
+          <view class="jobdetails-head-cardfoot">
+            <view class="content">
+              <view class="content-left">
+                <view >贵州省乌当区顺海中路88号（保利国际温泉酒店）</view>
+              </view>
+              <view class="content-right" @tap="tapHeadCardFoot(recruitmentData)">
+                <u-icon name="map-fill" color="#028DFE" size="30" class="content-right-icon"></u-icon>
+                <view class="content-right-text">查看位置</view>
+              </view>
+            </view>
+          </view>
+    		</view>
+    	</u-card>
+    </view>
+    
+    <view class="jobdetails-content">
+      <u-card :border="false" :head-border-bottom="false" :foot-border-top="false" :padding="0" :border-radius="0" class="jobdetails-content-card">
+      	<view slot="head">
+          <view class="jobdetails-content-cardhead">
+            <view class="container">
+              <view class="title">职位描述</view>
+              <view class="content">
+                <u-input :disabled="true" v-model="detailsInfo.jobDesc" type="textarea" class="content-textarea" />
+              </view>
+            </view>
+          </view>
+      	</view>
+      	<view slot="body">
+          <view class="jobdetails-content-cardbody">
+            <view class="container">
+              <view class="title">职位要求</view>
+              <view class="content">
+                <u-input :disabled="true" v-model="detailsInfo.jobRequire" type="textarea" class="content-textarea" />
+              </view>
+            </view>
+          </view>
+      	</view>
+      </u-card>
+    </view>
+    
+    <view class="jobdetails-bottom">
+      <u-button type="primary" @click="handleResumeClick">提交简历</u-button>
+    </view>
 	</view>
 </template>
 
@@ -13,14 +87,43 @@
 	export default {
 		data() {
 			return {
+        recruitmentData: {},
+        detailsInfo: {
+          jobDesc: `1、规划产品发展方向，制定产品计划和竞争策略；\n2、编写产品需求文档，对产品需求进行评估及确认项目开发周期；\n3、跟踪项目进度，协调各方资源，产品培训和产品演示；\n4、对产品的设计、开发、包装、渠道、定价、上市、维护等过程进行全程监控；\n5、协助营销市场部门，参与各类市场活动等`,
+          jobRequire: `1. 大专学历，2年以上蓝牙耳机产品经理岗位经验；\n2. 英语听说读写能力强，能熟练用英语与国外客户沟通交流；\n3、熟悉产品设计、研发流程，有完整的项目管理经验；\n4、有创造性、规划产品，有较强的市场敏锐性和超前意识。`
+        }
 			};
 		},
 		onLoad(param) {
-      console.log("jobDetails-onLoad: ",param);
+      console.log("jobDetails-onLoad: ",JSON.parse(param.item));
+      this.recruitmentData = JSON.parse(param.item);
 		},
 		onShow() {
 		},
 		methods: {
+      /**
+       * 企业信息事件
+       */
+      tapHeadCardBody(param){
+        
+      },
+      /**
+       * 企业位置事件
+       */
+      tapHeadCardFoot(param){
+        
+      },
+      /**
+       * 提交简历按钮事件
+       */
+      handleResumeClick(){
+        this.$u.route({
+        	url: 'pages/resumeDeliveryResults/resumeDeliveryResults',
+        	params: {
+        	  // item: JSON.stringify(param)
+        	}
+        });
+      }
 		}
 	}
 </script>

h5_web/pages/jobDetails/scss/jobDetails.scss

@@ -0,0 +1,222 @@
+// page{background-color: #f2f2f2;}
+.jobdetails{
+  background-color: #f2f2f2;
+  
+  &-head{
+    &-card{
+      margin: 0 0 20rpx !important;
+      
+      .jobdetails-head-cardhead{
+        padding: 40rpx 5% 0;
+        
+        .content{
+          padding-bottom: 30rpx;
+          width: 100%;
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: space-between;
+          border-bottom: 1px solid #e4e7ed;
+        }
+        
+        .left{
+          max-width: 70%;
+          
+          view:first-child{
+            margin-bottom: 12rpx;
+            font-size: 46rpx;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #000000;
+            line-height: 65rpx;
+            letter-spacing: 2px;
+          }
+          
+          view:last-child{
+            font-size: 36rpx;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #9B9B9B;
+            line-height: 50rpx;
+            letter-spacing: 1px;
+          }
+        }
+        
+        .right{
+          text-align: right;
+          font-size: 36rpx;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #EF651F;
+          line-height: 50rpx;
+          letter-spacing: 1px;
+        }
+      }
+      
+      .jobdetails-head-cardbody{
+        padding: 30rpx 5% 0;
+        
+        .container{
+          padding-bottom: 30rpx;
+          width: 100%;
+          display: flex;
+          flex-wrap: wrap;
+          border-bottom: 1px solid #e4e7ed;
+          
+          .content{
+            margin-left: 4%;
+            width: 80%;
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            
+            .content-left{
+              max-width: 85%;
+              
+              view:first-child{
+                margin-bottom: 12rpx;
+                font-size: 32rpx;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #000000;
+                line-height: 45rpx;
+              }
+              
+              view:last-child{
+                font-size: 24rpx;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #9F9F9F;
+                line-height: 33rpx;
+              }
+            }
+            
+            .content-right{
+              margin-top: 15rpx;
+              text-align: right;
+              line-height: 80rpx;
+            }
+          }
+        }
+      }
+      
+      .jobdetails-head-cardfoot{
+        padding: 30rpx 5% 0;
+        
+        .content{
+          padding-bottom: 30rpx;
+          width: 100%;
+          display: flex;
+          flex-wrap: wrap;
+          justify-content: space-between;
+          
+          .content-left{
+            max-width: 80%;
+            
+            view:first-child{
+              font-size: 22rpx;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #9F9F9F;
+              line-height: 30rpx;
+            }
+          }
+          
+          .content-right{
+            display: flex;
+            flex-wrap: wrap;
+            line-height: 30rpx;
+            
+            &-icon{
+              display: initial;
+            }
+            
+            &-text{
+              text-align: right;
+              font-size: 22rpx;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #028DFE;
+              line-height: 30rpx;
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  &-content{
+    &-card{
+      margin: 0 0 20rpx !important;
+      
+      .jobdetails-content-cardhead{
+        padding: 40rpx 5% 0;
+        
+        .container{
+          padding-bottom: 30rpx;
+          width: 100%;
+          border-bottom: 1px solid #e4e7ed;
+          
+          .title{
+            margin-bottom: 12rpx;
+            font-size: 36rpx;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: bold;
+            color: #000000;
+            line-height: 45rpx;
+            letter-spacing: 1px;
+          }
+          
+          .content{
+            .content-textarea{
+              ::v-deep .u-input__textarea{
+                font-size: 28rpx;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #545454;
+                line-height: 35rpx;
+                letter-spacing: 1px;
+              }
+            }
+          }
+        }
+      }
+      
+      .jobdetails-content-cardbody{
+        padding: 40rpx 5% 0;
+        
+        .container{
+          padding-bottom: 30rpx;
+          width: 100%;
+          
+          .title{
+            margin-bottom: 12rpx;
+            font-size: 36rpx;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: bold;
+            color: #000000;
+            line-height: 45rpx;
+            letter-spacing: 1px;
+          }
+          
+          .content{
+            .content-textarea{
+              ::v-deep .u-input__textarea{
+                font-size: 28rpx;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #545454;
+                line-height: 35rpx;
+                letter-spacing: 1px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  &-bottom{
+    background-color: #FFFFFF;
+    padding: 43rpx 5%;
+  }
+}

h5_web/pages/recruitment/recruitment.vue

@@ -5,7 +5,7 @@
 
 <template>
 	<view class="recruitment">
-    <u-navbar title-color="#FFFFFF" :bpay-bottom="false" back-icon-color="#FFFFFF" :background="{background: '#3D5D4C' }" title="招聘就业" class="recruitment-unavbar" />
+    <u-navbar title-color="#FFFFFF" :customBack="navbarCustomBack" :bpay-bottom="false" back-icon-color="#FFFFFF" :background="{background: '#3D5D4C' }" title="招聘就业" class="recruitment-unavbar" />
     
     <!-- ###################################-- 轮播图 -- ################################### -->
     <view class="recruitment-banner">
@@ -193,18 +193,15 @@
 			this.getBannerList();
 		},
 		methods: {
-			/**
-				 * 打开新页面
-				 * @param {String} path 跳转路径
-				 * */
-			openPage(path,msg) {
-			  this.$u.route({
-			    url: path,
-				params:{
-					msg:msg
-				}
-			  })
-			},
+      /**
+       * 导航栏返回事件
+       */
+      navbarCustomBack(){
+        this.$u.route({
+          type: 'switchTab',
+          url: 'pages/index/index'
+        });
+      },
 			getBannerList(){
 				this.$u.api.getIndexBannerList()
 				.then(res=>{

h5_web/pages/resumeDeliveryResults/resumeDeliveryResults.vue

@@ -0,0 +1,53 @@
+<!-- 
+ * @title 简历投递结果 
+ * @author Rockery(1113269755@qq.com)
+-->
+
+<template>
+	<view class="resumedeliveryresults">
+    <u-navbar title-color="#FFFFFF"  :customBack="navbarCustomBack" :bpay-bottom="false" back-icon-color="#FFFFFF" :background="{background: '#3D5D4C' }" title="简历投递结果" class="resumedeliveryresults-unavbar" />
+    <view class="resumedeliveryresults-image">
+      <image src="@/static/img/resumedeliveryresults-head-png.png" mode="aspectFill" class="image"></image>
+    </view>
+    <view class="resumedeliveryresults-content">简历投递成功，等待企业反馈</view>
+    <view class="resumedeliveryresults-bottom">
+      <u-button type="primary" @click="handleOKClick" class="okbtn">好的</u-button>
+    </view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+			};
+		},
+		onLoad() {
+		},
+		onShow() {
+      
+		},
+		methods: {
+      /**
+       * 导航栏返回事件
+       */
+      navbarCustomBack(){
+        this.$u.route({
+          url: 'pages/recruitment/recruitment'
+        });
+      },
+      /**
+       * 好的按钮事件
+       */
+      handleOKClick(){
+        this.$u.route({
+          url: 'pages/recruitment/recruitment'
+        });
+      }
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+  @import './scss/resumeDeliveryResults.scss';
+</style>

h5_web/pages/resumeDeliveryResults/scss/resumeDeliveryResults.scss

@@ -0,0 +1,40 @@
+.resumedeliveryresults{
+  &-unavbar{
+    ::v-deep .u-border-bottom:after {
+      border-bottom-width: 0 !important;
+    }
+  }
+  
+  &-image{
+    margin-top: 10vh;
+    width: 100%;
+    text-align: center;
+    
+    .image{
+      width: 176rpx;
+      height: 176rpx;
+    }
+  }
+  
+  &-content{
+    margin-top: 36rpx;
+    width: 100%;
+    text-align: center;
+    font-size: 36rpx;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: bold;
+    color: #000000;
+    line-height: 45rpx;
+  }
+  
+  &-bottom{
+    margin-top: 30vh;
+    width: 100%;
+    text-align: center;
+    
+    .okbtn{
+      width: 50%;
+      border-radius: 40rpx;
+    }
+  }
+}