Files
sgy-web/pages/recruit/index.wxml
2023-07-12 17:56:36 +08:00

219 lines
14 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- 参与流程 start -->
<block wx:if="{{type == 'flowPath'}}">
<image class="recruit-title" src="https://cdn.shuiganying.com/images/2023/07/07/0ff31357e1b3c2237bbb797a07c9a418.png" mode="widthFix"></image>
<view class="recruit">
<image class="recruit-back" src="https://cdn.shuiganying.com/images/2023/07/07/a39118138469ebd5ca31eb316ff355aa.png" mode="widthFix"></image>
<view class="recruit-cont">
<view class="recruit-padding">
<view class="recruit-block">
<view class="recruit-border">
<image class="recruit-img" src="https://cdn.shuiganying.com/images/2023/07/07/843c66b3a2cfcec3c1aff664029d32a8.png" mode="widthFix"></image>
<view class="recruit-white">
<view class="recruit-label">
<view class="recruit-title">
<view class="recruit-name">招募人数</view>
<view class="recruit-time">{{recruitData.total}}人</view>
</view>
</view>
<view class="recruit-label">
<view class="recruit-title">
<view class="recruit-name">招募时间</view>
<view class="recruit-time">{{recruitData.start_at}}</view>
</view>
<view class="recruit-text">即日起开始报名{{recruitData.total}}人,人满为止</view>
</view>
<view class="recruit-label">
<view class="recruit-title">
<view class="recruit-name">招募时间</view>
</view>
<view class="recruit-text">剩余名额</view>
<view class="recruit-number">
<view class="recruit-see" wx:for="{{recruitData.surplus.array}}" wx:key="surplus">
<image class="recruit-see-img" src="https://cdn.shuiganying.com/images/2023/07/07/ffd0beb9825b9191c0ed2a17e07d57f4.png" mode="widthFix"></image>
<text class="recruit-see-text">{{item}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 流程 -->
<view class="recruit-flow">
<image class="recruit-flow-img" src="https://cdn.shuiganying.com/images/2023/07/07/3f13e7baa0d18da70d40e632572dad84.png" mode="widthFix"></image>
</view>
<view class="recruit-block">
<view class="recruit-border">
<image class="recruit-img" src="https://cdn.shuiganying.com/images/2023/07/07/76d648d27c8700798cbb96a81d7f2a52.png" mode="widthFix"></image>
</view>
</view>
<!-- 按钮 -->
<view class="recruit-btn">
<block wx:if="{{recruitData.is_show_button}}">
<image class="recruit-btn-img {{recruitData.can.status == 2 || recruitData.can.status == 3 || recruitData.can.status == 4 || recruitData.can.status == 8 || recruitData.can.status == 90 || recruitData.can.status == 91 || recruitData.can.status == 92 ? 'active' : ''}}" src="https://cdn.shuiganying.com/images/2023/07/07/327b691cd8129d8945790fd2e7c34497.png" mode="widthFix"></image>
<!-- 0可以申请 1需要面检测 2待审核 3驳回 4待发货 5签收-查看物流 6打卡 7第二次面 8 完成 90 未开始 91已结束 92活动关闭 -->
<view class="recruit-btn-text" wx:if="{{recruitData.can.status == 2 || recruitData.can.status == 3 || recruitData.can.status == 4 || recruitData.can.status == 8 || recruitData.can.status == 90 || recruitData.can.status == 91 || recruitData.can.status == 92 ? 'active' : ''}}">{{recruitData.can.text}}</view>
<view class="recruit-btn-text" bindtap="applyGo" wx:else>{{recruitData.can.text}}</view>
</block>
<block wx:else>
<image class="recruit-btn-img active" src="https://cdn.shuiganying.com/images/2023/07/07/327b691cd8129d8945790fd2e7c34497.png" mode="widthFix"></image>
<view class="recruit-btn-text">暂无邀请人,无法申请体验</view>
</block>
</view>
<view class="reject-tips" bindtap="rejectGo" wx:if="{{recruitData.can.status == 3}}">查看驳回原因</view>
<!-- <image src="/static/icons/rejectIcon.png" mode="widthFix"></image> -->
</view>
<!-- 底部 -->
<view class="recruit-bottom">
<image class="recruit-bottom-img" src="https://cdn.shuiganying.com/images/2023/07/07/99bbdab2c12d05bb267fb43886f6a5b6.png" mode="widthFix"></image>
<view class="recruit-bottom-text">水感应·好“雾”星球</view>
</view>
</view>
</view>
</block>
<!-- 参与流程 end -->
<image class="backImg" src="https://cdn.shuiganying.com/images/2023/07/11/e1dce03b6a99b3a437ae39c9e0139264.png" mode="widthFix"></image>
<!-- 打卡 start -->
<block wx:if="{{type == 'clockIn'}}">
<image class="clockImg" src="https://cdn.shuiganying.com/images/2023/07/10/5637f19fb58750b06b1f07de3777318c.png" mode="widthFix"></image>
<view class="clockIn">
<view class="recruit-padding">
<!-- 日历 -->
<view class="recruit-block">
<view class="clockIn-border recruit-border">
<view class="clockInTitle">
<view class="clockInTitle-user">Hi张张</view>
<view class="clockInTitle-text">今天是你打卡的第<view class="clockInTitle-day"><text>{{signDayNumber}}</text></view>天</view>
</view>
<view class="clockInDate">
<image class="clockInDate-img" src="https://cdn.shuiganying.com/images/2023/07/10/af0716c8c3f5f54cf3be7e9e683a0e79.png" mode="widthFix"></image>
<view class="date">
<view class="arrow-left" bindtap="couponNumber" data-type="remove"><image src="https://cdn.shuiganying.com/images/2023/07/10/49c72011750133f3eafd6be98d2b58e8.png" mode="widthFix"></image></view>
<view class="arrow-moon">{{selectMonth}}</view>
<view class="arrow-left arrow-right" bindtap="couponNumber" data-type="plus"><image src="https://cdn.shuiganying.com/images/2023/07/10/49c72011750133f3eafd6be98d2b58e8.png" mode="widthFix"></image></view>
</view>
<view class="list">
<view class="week">
<view class="week-label">
</view>
<view class="week-label">
</view>
<view class="week-label">
</view>
<view class="week-label">
</view>
<view class="week-label">
</view>
<view class="week-label">
</view>
<view class="week-label">
</view>
</view>
<view class="day">
<view class="day-label" wx:for="{{calendarData}}" wx:key="calendar">
<block wx:if="{{item.isToday}}"><view class="label-block current">{{item.day}}</view></block>
<block wx:else>
<view class="label-block {{item.isDisabled ? 'active' : ''}}" wx:if="{{!item.isSign}}">{{item.day}}</view>
<image class="label-success" wx:else src="https://cdn.shuiganying.com/images/2023/07/12/e0609d68a04be6b3c0d2b4c8b41e7a9a.png" mode="widthFix"></image>
</block>
</view>
</view>
</view>
<view class="total">
<view class="total-left">
<view class="total-left-text">每日打卡获得<text>{{signWaterNumber}}水滴</text>,累积打卡</view>
<view class="total-left-text">{{signDayCount}}天可再次兑换1瓶水感应喷雾</view>
</view>
<view class="total-btn {{canSign ? '' : 'active'}}" bindtap="tapPop">{{canSign ? '打卡': '已打卡'}}</view>
</view>
</view>
</view>
</view>
<!-- 对比 -->
<view class="ratio">
<view class="ratio-title"><image src="https://cdn.shuiganying.com/images/2023/07/11/ba562256d9a11e2881c9d4627e5f083c.png" mode="widthFix"></image></view>
<view class="recruit-block">
<view class="clockIn-border recruit-border">
<view class="recruit-photo">
<view class="recruit-photo-img"><image src="https://cdn.shuiganying.com/images/2023/05/17/8c3c9abc0e3bc265195c52372ec82723.png" mode="scaleToFill"></image></view>
<view class="recruit-photo-text">VS</view>
<view class="recruit-photo-img"><image src="https://cdn.shuiganying.com/images/2023/05/17/cf1bafbc092493f8c2b6d2e2a8ab2607.png" mode="scaleToFill"></image></view>
</view>
<view class="recruit-data">
<view class="recruit-list">
<view class="recruit-list-name">衰老度分析</view>
<view class="recruit-list-item">
<view class="recruit-list-label">抬头纹10处</view>
<view class="recruit-list-label">抬头纹10处<image src="/static/icons/drop.png" mode="widthFix"></image></view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-label">鱼尾纹8处</view>
<view class="recruit-list-label">鱼尾纹2处<image src="/static/icons/flat.png" mode="widthFix"></image></view>
</view>
</view>
<view class="recruit-list">
<view class="recruit-list-name">衰老度分析</view>
<view class="recruit-list-item">
<view class="recruit-list-label">抬头纹10处</view>
<view class="recruit-list-label">抬头纹10处<image src="/static/icons/drop.png" mode="widthFix"></image></view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-label">鱼尾纹8处</view>
<view class="recruit-list-label">鱼尾纹2处<image src="/static/icons/flat.png" mode="widthFix"></image></view>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 按钮 -->
<view class="clockIn-tool">
<view class="clockIn-btn">
<image class="clockIn-btn-img" src="https://cdn.shuiganying.com/images/2023/07/10/81929ad1ad773ad59bc461da4acff445.png" mode="widthFix"></image>
<view class="clockIn-btn-text">日常分享</view>
</view>
<navigator hover-class="none" url="/pages/recruit/writeList/writeList" class="clockIn-btn">
<image class="clockIn-btn-img" src="https://cdn.shuiganying.com/images/2023/07/10/c7a52b0906209823c68ca293946ae051.png" mode="widthFix"></image>
<view class="clockIn-btn-text">体验心得</view>
</navigator>
</view>
</view>
<!-- 临时 -->
<!-- <view bindtap="followCode">关注公众安号</view> -->
<!-- 底部 -->
<view class="recruit-bottom">
<image class="recruit-bottom-img" src="https://cdn.shuiganying.com/images/2023/07/07/99bbdab2c12d05bb267fb43886f6a5b6.png" mode="widthFix"></image>
<view class="recruit-bottom-text">水感应·好“雾”星球</view>
</view>
</view>
</block>
<!-- 打卡 end -->
<!-- 公众号弹出 -->
<view class="followPop {{followState ? 'active' : ''}}"></view>
<view class="followCont {{followState ? 'active' : ''}}">
<view class="followText">
<view class="weChat-title">关注公众号</view>
<image class="weChat-close" src="/static/icons/uricacidClose.png" bindtap="followHide"></image>
<image class="weChat-img" src="/static/imgs/weChat_code.jpg" mode="widthFix"></image>
<view class="weChat-text">截图扫码,关注公众号</view>
</view>
</view>