详情报名

master
wangxia 2 years ago
parent 71bbf8363f
commit 1628dadd3c

@ -4,8 +4,8 @@
page {
height: 100vh;
background: #f5f5f5;
--color-ysd: #00B666;
--color-hover: #3393FF;
--color-ysd: #00b666;
--color-hover: #3393ff;
--color-be: #ff4400;
--color-f40: #ff4400;
--color-027: #ff4400;
@ -122,10 +122,18 @@ page {
.pr16 {
padding-right: 16px;
}
.pl4{
padding-left: 4px;
}
.pl16 {
padding-left: 16px;
}
.pl32 {
padding-left: 32px;
}
.pr32 {
padding-right: 32px;
}
.pb12 {
padding-bottom: 12px;
}
@ -368,7 +376,9 @@ page {
.mt32 {
margin-top: 32px !important;
}
.mb24 {
margin-bottom: 24px;
}
.f11 {
font-size: 11px;
}
@ -376,7 +386,9 @@ page {
.f12 {
font-size: 12px;
}
.f15 {
font-size: 15px !important;
}
.f16 {
font-size: 16px !important;
}
@ -811,6 +823,11 @@ button::after {
align-items: center;
justify-content: space-between;
}
.fss {
display: flex;
align-items: center;
justify-content: start;
}
.fsc {
display: flex;
/* flex-direction: column; */
@ -964,7 +981,7 @@ button::after {
}
.mr16 {
margin-right: 16px;
margin-right: 16px !important;
}
.ml16 {
@ -1969,7 +1986,7 @@ page {
*/
.contact {
width: 80%;
height: 350px;
min-height: 350px;
}
.contact .contact_bottomBtn .v-center {
width: 80px !important;
@ -1995,3 +2012,31 @@ page {
padding: 0;
width: 100%;
}
/* 按钮样式 */
.normalBtn {
display: inline-block;
border-radius: 18px;
font-size: 16px;
font-weight: 601;
padding: 0;
height: 36px;
box-sizing: border-box;
margin: 0;
}
button.bgBtn {
color: #ffffff;
background-color: var(--color-ysd);
line-height: 36px;
}
button.nobg_Btn {
color: var(--color-ysd);
border: 1px solid var(--color-ysd);
line-height: 34px;
}
/* 按钮样式 end */
/* 输入框默认显示样式 */
.input-placeholder{
color: #CCCCCC;
font-weight: normal;
}
/* 输入框默认显示样式 end */

@ -62,7 +62,8 @@ Page({
posterImg: "",
safeBottom: wx.getWindowInfo().screenHeight - wx.getWindowInfo().safeArea.height + 'px',
fromScene: false,
fromShoucangOrBaoming:''
fromShoucangOrBaoming: '',
recordBillShow: false
},
showdialog () {
this.setData({
@ -1245,10 +1246,18 @@ Page({
})
},*/
hideModal () {
this.setData({
recordBillShow: false
})
},
goNewEnroll (e) {
let that = this;
// this.data.recordBillShow = true
this.setData({
recordBillShow: true
})
return
let argument;
argument = JSON.stringify(that.data.jobDetail.storeJob).replace(/\=|\&/g, "3D");
@ -1261,9 +1270,9 @@ Page({
return;
}
wx.navigateTo({
url: `../newEnroll/enroll/index?applyType=1&info=${argument}`,
});
// wx.navigateTo({
// url: `../newEnroll/enroll/index?applyType=1&info=${argument}`,
// });
// wx.navigateTo({
// url: `../newEnroll/enroll/index?applyType=1&info=${argument}`,
// });

@ -1,26 +1,22 @@
<view class="bt1">
<view class="navigatorBar" hover-class="none" style="padding-top:{{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 2}}px" hover-stop-propagation="false">
<view class="goback iconfont icon-xiangzuo" bindtap='goBack' style="top:{{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 2}}px"></view>
<view class="goback iconfont icon-xiangzuo" bindtap="goBack" style="top:{{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 2}}px"></view>
<view class="tabs daotian fw500" style="width:200px;text-align:center;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;">{{jobDetail.storeJob.jobName}}</view>
</view>
<scroll-view id="listBox" style="height: calc(100vh - 90px);padding-bottom: 30px;" scroll-y="{{true}}">
<view class="goback iconfont icon-xiangzuo noBack" bindtap='goBack' style="top:{{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 2}}px"></view>
<view class="goback iconfont icon-xiangzuo noBack" bindtap="goBack" style="top:{{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 2}}px"></view>
<view class="page-section page-section-spacing swiper">
<block wx:if="{{jobDetail.storeImage.length > 0}}">
<swiper indicator-dots="{{true}}" autoplay="{{true}}" interval="5000" duration="200">
<block wx:for="{{jobDetail.storeImage}}" wx:key="index">
<swiper-item>
<image data-src="{{item.url}}" data-id="{{item.id}}" wx:if="{{item.isImg}}" src="{{item.url}}" mode="aspectFill" class="scrollImg" bindtap="showImage"></image>
<view class="videoContainer" data-id="{{item.id}}" hover-class="none" hover-stop-propagation="false" wx:if="{{!item.isImg && item.url}}" style="width:100%;height:100%">
<video class="theVideo" id="{{item.id}}" data-id="{{item.id}}" src="{{item.url}}" show-center-play-btn='{{false}}' show-fullscreen-btn="{{true}}" show-play-btn="{{true}}" controls>
</video>
<video class="theVideo" id="{{item.id}}" data-id="{{item.id}}" src="{{item.url}}" show-center-play-btn="{{false}}" show-fullscreen-btn="{{true}}" show-play-btn="{{true}}" controls></video>
</view>
</swiper-item>
</block>
</swiper>
</block>
<block wx:else>
@ -28,17 +24,9 @@
</block>
</view>
<view class="p20 pt12 pb10" id="tocanvas">
<view class="v-center">
<view class="jobTitle">
{{jobDetail.storeJob.jobName}}
</view>
<view class="jobTitle">{{jobDetail.storeJob.jobName}}</view>
</view>
<view class="display-flex mt12">
<view class="display-flex flex-1">
@ -284,7 +272,6 @@
</view>
<view style="height: 40px;"></view>
</block>
<block wx:if="{{currIndex == '2'}}">
<view class="detailH3">面试</view>
@ -441,7 +428,6 @@
</view>-->
</view>
</scroll-view>
</view>
<view class="bottomBtn" style="padding-bottom:calc(constant(safe-area-inset-bottom) + 12px);padding-bottom:calc(env(safe-area-inset-bottom) + 12px);">
<view class="norecruit" wx:if="{{isMaskShow}}">该职位暂时停招</view>
@ -477,20 +463,69 @@
<button class="loginOut" type hover-class="none" style="background-color:#ccc;width: 260px;" hover-stop-propagation>已报名</button>
</view>
<view wx:else>
<view class="" wx:if="{{fromScene}}">
<view class wx:if="{{fromScene}}">
<button class="loginOut wxBtn ysd-base-bgcolor" hover-class="loginBtnHov" bindtap="backIndex">返回首页</button>
</view>
<view class="" wx:if="{{!isMaskShow}}">
<view class wx:if="{{!isMaskShow}}">
<button type="primary" style="width: {{!fromScene ? '260px' :''}};" class="loginOut" bindtap="goNewEnroll">立即报名</button>
</view>
<view class="" wx:else>
<view class wx:else>
<button class="loginOut" type hover-class="none" style="background-color:#ccc;width: {{!fromScene ? '260px' :''}};" hover-stop-propagation>暂时停招</button>
</view>
</view>
</view>
</view>
<view class="mask" wx:if="{{isMaskShow}}"></view>
<view aria-role="dialog" aria-modal="true" catchtouchmove="modalMove" class="fadeIn" wx:if="{{recordBillShow}}">
<view class="weui-mask" catchtap="hideModal"></view>
<view class="weui-dialog contact" style="box-sizing:border-box;">
<view class="mt24 f18 fw500 mb24">报名确认</view>
<view class="pl32">
<view class="fss">
<view class="mr16 f14">报名岗位</view>
<view class="fw500 f15">{{jobDetail.storeJob.jobName}}</view>
</view>
<view class="fss mt10">
<view class="mr16 f14">薪资待遇</view>
<view class="fw500 f15 cfred">{{jobDetail.storeJob.monthlyPay + '元/月'}}</view>
</view>
<view class="mt16 tal">
<view class="mr16 f14">
<text class="cfred">*</text>姓名
</view>
<view class="fw500 f15 fss por billInput">
<view class>
<input class="weui-input" type="text" name="userName" bindinput="bothwayBind" data-type="name" value="{{userInfo.name}}" placeholder="请输入姓名或称呼" placeholder-class="input-placeholder"/>
</view>
</view>
</view>
<view class="mt16 tal">
<view class="mr16 f14">
<text class="cfred">*</text>身份证
</view>
<view class="fw500 f15 fss por billInput">
<view class>
<input class="weui-input" type="text" name="userName" bindinput="bothwayBind" data-type="name" value="{{userInfo.name}}" placeholder="手动输入或拍照自动识别" />
</view>
<view class="t-icon t-icon-paizhao4 poa" style="right:12px" catchtap="chooseIdCard"></view>
</view>
</view>
<view class="mt16 tal">
<view class="mr16 f14">
<text class="cfred">*</text>联系电话
</view>
<view class="fw500 f15 fss por billInput">
<view class>
<input class="weui-input" type="text" name="userName" bindinput="bothwayBind" data-type="name" value="{{userInfo.name}}" placeholder="请输入联系电话" />
</view>
</view>
</view>
<view class="mt8 f11 tal cccc mb24 pl4" style="width:90%" hover-class="none" hover-stop-propagation="false">注意:不同的报名人如果填写同一个手机号,报名提交将会失败。</view>
</view>
<view class='fsa pl32 pr32 mb24' hover-class="none" hover-stop-propagation="false">
<button class="nobg_Btn normalBtn mr16" style type role="button" bindtap>我再想想</button>
<button class="bgBtn normalBtn" style type="primary" role="button" bindtap>确认报名</button>
</view>
</view>
</view>

@ -24,13 +24,13 @@ page,
padding-bottom: 10px;
}
.desp-copy {
color: #FF4400;
color: #ff4400;
font-size: 12px;
float: right;
/* top: 11px;
right: 8px;
position: relative; */
border: 1px solid #FF4400;
border: 1px solid #ff4400;
border-radius: 25rpx;
padding: 0px 8px;
height: 16px;
@ -56,7 +56,6 @@ page,
justify-content: start;
}
.servicePrice {
border: 1rpx solid var(--color-ysd);
background-color: #ffeee7;
@ -145,7 +144,9 @@ button::after {
margin: 12px 5px;
overflow: hidden;
}
.scrollImg,swiper,.theVideo {
.scrollImg,
swiper,
.theVideo {
width: 100vw;
height: calc(100vw * 281 / 375);
/* position: absolute;
@ -473,7 +474,7 @@ button.collectBtn {
}
.transparentBtn {
background-color: transparent !important;
color: #FF4400 !important;
color: #ff4400 !important;
}
.drawerMask {
position: fixed;
@ -561,5 +562,16 @@ button.collectBtn {
}
.posterImg {
height: 75vh;
width: calc(75vh * .52);
width: calc(75vh * 0.52);
}
/* 报名弹窗相关 */
.billInput {
height: 40px;
width: 90%;
padding-left: 12px;
box-sizing: border-box;
background: #f9f9f9;
border-radius: 4px;
margin-top: 4px;
}

@ -4,7 +4,7 @@
"urlCheck": false
},
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"projectname": "signupAssistant",
"projectname": "signupHelper",
"condition": {
"miniprogram": {
"list": [

Loading…
Cancel
Save