zsk
/
signupHelper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

详情报名

Browse Source
master
wangxia 2 years ago
parent 71bbf8363f
commit 1628dadd3c
5 changed files with 1992 additions and 1891 deletions
Show Stats Download Patch File Download Diff File

59
app.wxss
Unescape Escape View File

@ -4,8 +4,8 @@
page { page {
height: 100vh; height: 100vh;
background: #f5f5f5; background: #f5f5f5;
--color-ysd: #00B666; --color-ysd: #00b666;
--color-hover: #3393FF; --color-hover: #3393ff;
--color-be: #ff4400; --color-be: #ff4400;
--color-f40: #ff4400; --color-f40: #ff4400;
--color-027: #ff4400; --color-027: #ff4400;
@ -122,10 +122,18 @@ page {
.pr16 { .pr16 {
padding-right: 16px; padding-right: 16px;
} }
.pl4{
padding-left: 4px;
}
.pl16 { .pl16 {
padding-left: 16px; padding-left: 16px;
} }
.pl32 {
padding-left: 32px;
}
.pr32 {
padding-right: 32px;
}
.pb12 { .pb12 {
padding-bottom: 12px; padding-bottom: 12px;
} }
@ -368,7 +376,9 @@ page {
.mt32 { .mt32 {
margin-top: 32px !important; margin-top: 32px !important;
} }
.mb24 {
margin-bottom: 24px;
}
.f11 { .f11 {
font-size: 11px; font-size: 11px;
} }
@ -376,7 +386,9 @@ page {
.f12 { .f12 {
font-size: 12px; font-size: 12px;
} }
.f15 {
font-size: 15px !important;
}
.f16 { .f16 {
font-size: 16px !important; font-size: 16px !important;
} }
@ -811,6 +823,11 @@ button::after {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.fss {
display: flex;
align-items: center;
justify-content: start;
}
.fsc { .fsc {
display: flex; display: flex;
/* flex-direction: column; */ /* flex-direction: column; */
@ -964,7 +981,7 @@ button::after {
} }
.mr16 { .mr16 {
margin-right: 16px; margin-right: 16px !important;
} }
.ml16 { .ml16 {
@ -1969,7 +1986,7 @@ page {
*/ */
.contact { .contact {
width: 80%; width: 80%;
height: 350px; min-height: 350px;
} }
.contact .contact_bottomBtn .v-center { .contact .contact_bottomBtn .v-center {
width: 80px !important; width: 80px !important;
@ -1995,3 +2012,31 @@ page {
padding: 0; padding: 0;
width: 100%; 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 */

21
pages/detail/index.js
Unescape Escape View File

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

83
pages/detail/index.wxml
Unescape Escape View File

@ -1,26 +1,22 @@
<view class="bt1"> <view class="bt1">
<view class="navigatorBar" hover-class="none" style="padding-top:{{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 2}}px" hover-stop-propagation="false"> <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 class="tabs daotian fw500" style="width:200px;text-align:center;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;">{{jobDetail.storeJob.jobName}}</view>
</view> </view>
<scroll-view id="listBox" style="height: calc(100vh - 90px);padding-bottom: 30px;" scroll-y="{{true}}"> <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"> <view class="page-section page-section-spacing swiper">
<block wx:if="{{jobDetail.storeImage.length > 0}}"> <block wx:if="{{jobDetail.storeImage.length > 0}}">
<swiper indicator-dots="{{true}}" autoplay="{{true}}" interval="5000" duration="200"> <swiper indicator-dots="{{true}}" autoplay="{{true}}" interval="5000" duration="200">
<block wx:for="{{jobDetail.storeImage}}" wx:key="index"> <block wx:for="{{jobDetail.storeImage}}" wx:key="index">
<swiper-item> <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> <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%"> <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 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>
</view> </view>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
</block> </block>
<block wx:else> <block wx:else>
@ -28,17 +24,9 @@
</block> </block>
</view> </view>
<view class="p20 pt12 pb10" id="tocanvas"> <view class="p20 pt12 pb10" id="tocanvas">
<view class="v-center"> <view class="v-center">
<view class="jobTitle"> <view class="jobTitle">{{jobDetail.storeJob.jobName}}</view>
{{jobDetail.storeJob.jobName}}
</view>
</view> </view>
<view class="display-flex mt12"> <view class="display-flex mt12">
<view class="display-flex flex-1"> <view class="display-flex flex-1">
@ -284,7 +272,6 @@
</view> </view>
<view style="height: 40px;"></view> <view style="height: 40px;"></view>
</block> </block>
<block wx:if="{{currIndex == '2'}}"> <block wx:if="{{currIndex == '2'}}">
<view class="detailH3">面试</view> <view class="detailH3">面试</view>
@ -441,7 +428,6 @@
</view>--> </view>-->
</view> </view>
</scroll-view> </scroll-view>
</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="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> <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> <button class="loginOut" type hover-class="none" style="background-color:#ccc;width: 260px;" hover-stop-propagation>已报名</button>
</view> </view>
<view wx:else> <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> <button class="loginOut wxBtn ysd-base-bgcolor" hover-class="loginBtnHov" bindtap="backIndex">返回首页</button>
</view> </view>
<view class="" wx:if="{{!isMaskShow}}"> <view class wx:if="{{!isMaskShow}}">
<button type="primary" style="width: {{!fromScene ? '260px' :''}};" class="loginOut" bindtap="goNewEnroll">立即报名</button> <button type="primary" style="width: {{!fromScene ? '260px' :''}};" class="loginOut" bindtap="goNewEnroll">立即报名</button>
</view> </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> <button class="loginOut" type hover-class="none" style="background-color:#ccc;width: {{!fromScene ? '260px' :''}};" hover-stop-propagation>暂时停招</button>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="mask" wx:if="{{isMaskShow}}"></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
pages/detail/index.wxss
Unescape Escape View File

@ -24,13 +24,13 @@ page,
padding-bottom: 10px; padding-bottom: 10px;
} }
.desp-copy { .desp-copy {
color: #FF4400; color: #ff4400;
font-size: 12px; font-size: 12px;
float: right; float: right;
/* top: 11px; /* top: 11px;
right: 8px; right: 8px;
position: relative; */ position: relative; */
border: 1px solid #FF4400; border: 1px solid #ff4400;
border-radius: 25rpx; border-radius: 25rpx;
padding: 0px 8px; padding: 0px 8px;
height: 16px; height: 16px;
@ -56,7 +56,6 @@ page,
justify-content: start; justify-content: start;
} }
.servicePrice { .servicePrice {
border: 1rpx solid var(--color-ysd); border: 1rpx solid var(--color-ysd);
background-color: #ffeee7; background-color: #ffeee7;
@ -145,7 +144,9 @@ button::after {
margin: 12px 5px; margin: 12px 5px;
overflow: hidden; overflow: hidden;
} }
.scrollImg,swiper,.theVideo { .scrollImg,
swiper,
.theVideo {
width: 100vw; width: 100vw;
height: calc(100vw * 281 / 375); height: calc(100vw * 281 / 375);
/* position: absolute; /* position: absolute;
@ -473,7 +474,7 @@ button.collectBtn {
} }
.transparentBtn { .transparentBtn {
background-color: transparent !important; background-color: transparent !important;
color: #FF4400 !important; color: #ff4400 !important;
} }
.drawerMask { .drawerMask {
position: fixed; position: fixed;
@ -561,5 +562,16 @@ button.collectBtn {
} }
.posterImg { .posterImg {
height: 75vh; 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;
} }

2
project.private.config.json
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save