zhangjing/sgy-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

体验官打卡

Browse Source
This commit is contained in:
张慢慢
2023-07-17 17:33:54 +08:00
parent 3ecd1fefa7
commit 38391e46a1
18 changed files with 389 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
pages/recruit/expressTrack/expressTrack.js Normal file
View File

@@ -0,0 +1,25 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
data: {
logisticArr : '',
expressData : '',
},
onLoad(options) {
// 查看物流
this.h5url(options.id);
},
// 查看物流
h5url(id) {
wx.$api.recruit.kuaiDi(id).then(res => {
this.setData({
expressData: res.data.express_track
})
}).catch(err => {})
}
})

4
pages/recruit/expressTrack/expressTrack.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "物流信息"
}

44
pages/recruit/expressTrack/expressTrack.wxml Normal file
View File

@@ -0,0 +1,44 @@
<block wx:if="{{expressData.list.length > 0}}">
<view class="top">
<view class="top-logo">
<image src="{{expressData.logo}}" mode="aspectFill"></image>
</view>
<view class="top-cont">
<view class="top-name">
{{expressData.express_name}}
<view class="top-no">
{{expressData.no}}
</view>
</view>
<view class="top-type">
联系电话：<text>{{expressData.mobile}}</text>
</view>
</view>
</view>
<view class="white">
<view class="address">
<view class="address-tips">
收
</view>
<view class="address-text">
{{expressData.full_address}}
</view>
</view>
<view class="list">
<view class="item" wx:for="{{expressData.list}}" wx:key="logisticArr">
<view class="item-name">
<view class="item-time">
{{item.time}}
</view>
</view>
<view class="item-text">
{{item.context}}
</view>
</view>
</view>
</view>
</block>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/cont_null.png"></image>
<view>暂无物流信息</view>
</view>

141
pages/recruit/expressTrack/expressTrack.wxss Normal file
View File

@@ -0,0 +1,141 @@
.top {
background-color: #3b7cff;
padding: 30rpx 30rpx 60rpx;
box-sizing: border-box;
display: flex;
}
.top-logo {
background-color: #ffffff;
border-radius: 10rpx;
width: 100rpx;
height: 100rpx;
padding: 10rpx;
box-sizing: border-box;
}
.top-logo image {
width: 100%;
height: 100%;
}
.top-cont {
color: #ffffff;
width: calc(100% - 130rpx);
margin-left: 30rpx;
}
.top-name {
display: flex;
line-height: 44rpx;
padding: 10rpx 0;
}
.top-no {
font-size: 26rpx;
padding-left: 30rpx;
opacity: .9;
}
.top-type {
font-size: 24rpx;
}
.top-type text {
padding-left: 20rpx;
}
.address {
color: #333333;
font-size: 24rpx;
display: flex;
padding: 30rpx 30rpx 0;
}
.address-tips {
width: 54rpx;
text-align: center;
height: 54rpx;
line-height: 54rpx;
border-radius: 50%;
background-color: #EEEEEE;
margin-left: -15rpx;
font-size: 24rpx
}
.address-text {
width: calc(100% - 74rpx);
margin-left: 20rpx;
padding-top: 10rpx;
}
.white {
margin-top: -30rpx;
background-color: #ffffff;
border-radius: 20rpx;
}
.list {
padding: 0 30rpx;
box-sizing: border-box;
}
.item {
padding-bottom: 40rpx;
padding-left: 40rpx;
box-sizing: border-box;
position: relative;
}
.item:first-child {
padding-top: 30rpx;
}
.item::after {
position: absolute;
content: '';
background-color: #DDDDDD;
width: 14rpx;
height: 14rpx;
border-radius: 50%;
left: 0;
top: calc(50% - 6rpx);
z-index: 3;
border: 2rpx solid #ffffff;
}
.item::before {
position: absolute;
content: '';
background-color: #F0F0F0;
width: 2rpx;
height: 100%;
border-radius: 50%;
left: 8rpx;
top: 0;
}
.item-name {
display: flex;
}
.item-status {
font-weight: 600;
padding-right: 20rpx;
}
.item-time {
color: #868686;
}
.item-text {
color: #868686;
font-size: 24rpx;
line-height: 40rpx;
margin-top: 20rpx;
}
.item:first-child .item-time,
.item:first-child .item-text {
color: #ff8100 !important;
}

102
pages/recruit/index.js
View File

@@ -4,6 +4,8 @@ Page({
* 页面的初始数据
*/
data: {
userLogin : false,
recruitData : '',
type : 'flowPath', //flowPath 参与流程 clockIn 打卡
@@ -47,6 +49,10 @@ Page({
* 生命周期函数--监听页面显示
*/
onShow() {
this.setData({
followState: false
})
wx.login({
success: res => {
this.setData({
@@ -54,9 +60,22 @@ Page({
})
}
})
// 获取体验官首页
this.recruitInfo();
// 获取登录状态
if(wx.getStorageSync("token") != ''){
this.setData({
userLogin: true
})
return
}
this.setData({
type: 'flowPath',
followState: false
})
},
/**
@@ -70,19 +89,18 @@ Page({
this.setData({
recruitData: res.data
})
// 0可以申请 1需要面检测 5签收-查看物流 6打卡 7第二次面 8完成
if(res.data.can.status == 6 || res.data.can.status == 7 || res.data.can.status == 8) {
// 显示打卡数据
this.setData({
type : 'clockIn'
})
// 获取日历
this.signInfo();
// 获取日常任务
this.dailyInfo();
// 显示打卡数据
this.setData({
type : 'clockIn'
})
}
if(res.data.can.status == 8) {
@@ -97,12 +115,16 @@ Page({
*/
applyGo() {
if(wx.getStorageSync("token") != ''){
this.setData({
followStype : 'experience'
})
// 0可以申请 1需要面检测 5签收-查看物流 6打卡 7第二次面
if(this.data.recruitData.can.status == 0) {
this.setData({
followStype : 'experience'
})
if(!this.data.recruitData.is_subscribe) {
// 微信公众号入库
this.followCode();
this.setData({
followState: true
})
@@ -113,13 +135,25 @@ Page({
url: './referto/referto?id=' + this.data.recruitData.experience_id
})
} else if(this.data.recruitData.can.status == 5) {
var data = JSON.stringify(this.data.recruitData.express)
// 查看物流
wx.navigateTo({
url: `/pages/order/logistic/logistic?newData=` + encodeURIComponent(data)
url: "/pages/recruit/expressTrack/expressTrack?id=" + this.data.recruitData.experience_id
})
} else if(this.data.recruitData.can.status == 6) {
// 日历打卡
if(!this.data.recruitData.is_subscribe) {
// 微信公众号入库
this.followCode();
this.setData({
followState: true
})
return
}
// 填写打卡心得
wx.navigateTo({
url: './signWrite/signWrite?experienceId=' + this.data.recruitData.experience_id + '&signDayNumber=' + this.data.signDayNumber
})
} else {
// 面部检测
wx.navigateTo({
@@ -130,6 +164,9 @@ Page({
}
// 去登录
this.setData({
followState: false
})
wx.navigateTo({
url: "/pages/login/index"
})
@@ -148,6 +185,14 @@ Page({
* 获取code
*/
followCode() {
wx.login({
success: res => {
this.setData({
loginCode: res.code
})
}
})
wx.getUserProfile({
desc : "获取你的昵称、头像、地区及性别",
success : e => {
@@ -215,7 +260,13 @@ Page({
* 签到弹出
*/
tapPop() {
this.setData({
followStype : 'experience'
})
if(!this.data.recruitData.is_subscribe) {
// 微信公众号入库
this.followCode();
this.setData({
followState: true
})
@@ -236,21 +287,27 @@ Page({
})
return
}
// 微信公众号入库
this.followCode();
this.setData({
followState: !this.data.followState
})
if(this.data.followStype == 'experience') {
// 0可以申请 1需要面检测 5签收-查看物流 6打卡 7第二次面
if(this.data.recruitData.can.status == 0) {
this.setData({
followState: false
})
// 申请体验官
wx.navigateTo({
url: './referto/referto?id=' + this.data.recruitData.experience_id
})
} else {
} else if(this.data.recruitData.can.status == 6) {
// 填写打卡心得
wx.navigateTo({
url: './signWrite/signWrite?experienceId=' + this.data.recruitData.experience_id + '&signDayNumber=' + this.data.signDayNumber
})
this.setData({
followState: false
})
}
},
@@ -355,9 +412,22 @@ Page({
* 公众号弹出
*/
followHide() {
// 微信公众号入库
this.followCode();
this.setData({
followState: !this.data.followState,
followStype: 'close'
})
},
/**
* 第二次免检
*/
tapSecond() {
// 面部检测
wx.navigateTo({
url: '/pages/index/assess/assess?type=2'
})
}
})

64
pages/recruit/index.wxml
View File

@@ -1,4 +1,3 @@
<!-- 临时 -->
<!-- <view bindtap="followCode" style="position: fixed; z-index: 99999; background-color: #fff; width: 100%; top: 600rpx;">关注公众安号</view> -->
@@ -97,9 +96,13 @@
<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-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 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">
@@ -127,7 +130,9 @@
</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: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>
@@ -141,21 +146,35 @@
<view class="total-left-text">每日打卡获得<text>{{signWaterNumber}}水滴</text>，累积打卡</view>
<view class="total-left-text">{{signDayCount}}天，可再次兑换1瓶水感应喷雾</view>
</view>
<view class="total-btn" bindtap="tapPop" wx:if="{{canSign}}">打卡</view>
<view class="total-btn active" wx:else>已打卡</view>
<block wx:if="{{recruitData.can.status == 6}}">
<view class="total-btn" bindtap="tapPop" wx:if="{{canSign}}">请打卡</view>
<view class="total-btn active" wx:else>已打卡</view>
</block>
<block wx:elif="{{recruitData.can.status == 7}}">
<view class="total-btn" bindtap="tapSecond">二次面检</view>
</block>
<block wx:else>
<view class="total-btn active">已完成</view>
</block>
</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="ratio" wx:if="{{recruitData.can.status == 8}}">
<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="{{skinData.before.cover}}" mode="aspectFill"></image></view>
<view class="recruit-photo-img">
<image src="{{skinData.before.cover}}" mode="aspectFill"></image>
</view>
<view class="recruit-photo-text">VS</view>
<view class="recruit-photo-img"><image src="{{skinData.after.cover}}" mode="aspectFill"></image></view>
<view class="recruit-photo-img">
<image src="{{skinData.after.cover}}" mode="aspectFill"></image>
</view>
</view>
<view class="recruit-data">
<!-- 衰老度分析 -->
@@ -391,12 +410,17 @@
<!-- 日常分享弹出 -->
<view class="dailyBack {{dailyState ? 'active' : ''}}" catchtouchmove='true'></view>
<view class="dailyCont {{dailyState ? 'active' : ''}}" catchtouchmove='true'>
<view class="dailyCont-img"><image src="https://cdn.shuiganying.com/images/2023/07/14/a6fcd5a3203623f969058c29dd854890.png" mode="widthFix"></image></view>
<view class="dailyCont-img">
<image src="https://cdn.shuiganying.com/images/2023/07/14/a6fcd5a3203623f969058c29dd854890.png" mode="widthFix"></image>
</view>
<view class="dailyCont-white">
<view class="dailyCont-title">日常分享 <image src="/static/icons/reportColse.png" mode="widthFix" bindtap="dailyClose"></image></view>
<view class="dailyCont-title">日常分享 <image src="/static/icons/reportColse.png" mode="widthFix" bindtap="dailyClose"></image>
</view>
<view class="dailyCont-list">
<view class="dailyCont-label" wx:for="{{dailyData}}" wx:key="dailyData">
<view class="dailyCont-icon"><image src="{{item.cover}}" mode="widthFix"></image></view>
<view class="dailyCont-icon">
<image src="{{item.cover}}" mode="widthFix"></image>
</view>
<view class="dailyCont-text">
<view class="dailyCont-text-name">{{item.title}}</view>
<view class="dailyCont-text-tips">
@@ -407,7 +431,9 @@
<view class="dailyCont-go" data-title="{{item.title}}" data-id="{{item.category_id}}" bindtap="shareTap" wx:if="{{item.can_share}}">分享</view>
<view class="dailyCont-go active" wx:else>分享</view>
</view>
<view class="dailyCont-record"><view class="dailyCont-record-go" bindtap="recordTap">分享记录> </view></view>
<view class="dailyCont-record">
<view class="dailyCont-record-go" bindtap="recordTap">分享记录> </view>
</view>
</view>
</view>
</view>
@@ -431,7 +457,9 @@
</view>
<!-- 关注漂浮窗 -->
<view class="floating" bindtap="followHide" wx:if="{{!recruitData.is_subscribe}}">
<image class="floating-img" src="https://cdn.shuiganying.com/images/2023/07/14/43ab4bc418a12de6183e11d91cf3e518.png" mode="widthFix"></image>
<view class="floating-name">关注公众号</view>
</view>
<block wx:if="{{userLogin}}">
<view class="floating" bindtap="followHide" wx:if="{{!recruitData.is_subscribe}}">
<image class="floating-img" src="https://cdn.shuiganying.com/images/2023/07/14/43ab4bc418a12de6183e11d91cf3e518.png" mode="widthFix"></image>
<view class="floating-name">关注公众号</view>
</view>
</block>

7
pages/recruit/index.wxss
View File

@@ -347,7 +347,7 @@
.clockInTitle-day text {
font-size: 44rpx;
position: absolute;
left: 0;
left: -14rpx;
top: -20rpx;
font-style: italic;
font-weight: 600;
@@ -449,7 +449,7 @@
color: #ffffff;
border-radius: 80rpx;
line-height: 64rpx;
padding: 0 40rpx;
padding: 0 20rpx;
font-size: 26rpx;
}
@@ -520,7 +520,8 @@
left: 0;
top: 0;
height: 50rpx;
background-image: linear-gradient(to top, transparent, #ebf3ff);
/* background: linear-gradient(to top, transparent, #ebf3ff); */
/* background: -webkit-gradient(linear, top, transparent, color-stop(100%, #ebf3ff)); */
width: 100%;
}

4
pages/recruit/referto/referto.wxml
View File

@@ -58,6 +58,8 @@
<view class="refertoEject {{refertoStatus ? 'active' : ''}}" catchtouchmove='true'></view>
<view class="refertoCont {{refertoStatus ? 'active' : ''}}" catchtouchmove='true'>
<image class="refertoCont-img" src="https://cdn.shuiganying.com/images/2023/07/07/0a62178990571065b1332066abdfa09f.png" mode="widthFix"></image>
<navigator class="refertoCont-name" hover-class="none" url="/pages/index/assess/assess?type=1" open-type="redirectTo">去面部检测 ></navigator>
<navigator class="refertoCont-name" hover-class="none" url="/pages/index/assess/assess?type=1" open-type="redirectTo">
<image src="https://cdn.shuiganying.com/images/2023/07/17/8c076f5414184d5fa0fac84cde307980.png" mode="widthFix"></image>
</navigator>
<image class="refertoCont-close" bindtap="refertoTap" src="https://cdn.shuiganying.com/images/2023/07/07/f9975891c1efa9b5fcd59fe33a75ed60.png" mode="widthFix"></image>
</view>

18
pages/recruit/referto/referto.wxss
View File

@@ -232,15 +232,21 @@ page {
}
.refertoCont-name {
background-image: linear-gradient(to bottom, #ffb70a, #ff7e1c);
color: #fff;
width: 100%;
/* background-image: linear-gradient(to bottom, #ffb70a, #ff7e1c);
color: #fff; */
display: inline-block;
margin-bottom: 50rpx;
padding: 0 60rpx;
border: 4rpx solid #ffffff;
/* padding: 0 60rpx; */
/* border: 4rpx solid #ffffff; */
line-height: 80rpx;
border-radius: 90rpx;
font-size: 34rpx;
/* border-radius: 90rpx; */
/* font-size: 34rpx; */
}
.refertoCont-name image,
.refertoCont-img {
width: 100%;
}
.refertoCont-close {

10
pages/recruit/signWrite/signWrite.js
View File

@@ -46,15 +46,17 @@ Page({
let count = 9 - this.data.albumArr.length
wx.chooseImage({
count : count,
success : res=>{
// 上传图片
if (res.tempFilePaths){
let pathArr = res.tempFilePaths
wx.showLoading({
title: '上传中',
})
for (let i = 0; i < pathArr.length; i++){
wx.$api.file.uploadImg(pathArr[i], {}).then(res=>{
wx.showLoading({
title: '上传中',
})
let albumArr = this.data.albumArr
albumArr.push({
path: res.path,
@@ -63,6 +65,8 @@ Page({
this.setData({
albumArr
})
wx.hideLoading()
})
if (i == pathArr.length - 1) {

4
pages/recruit/signWrite/signWrite.wxml
View File

@@ -7,7 +7,7 @@
<view class="frame">
<view class="frame-write">
<view class="frame-write-name">#使用心得##第{{signDayNumber}}天#</view>
<textarea class="frame-write-text" cols="30" rows="10" placeholder="请输入您对本产品的体验感受~" placeholder-style="color: #cde0ff; font-size: 26rpx" bindinput="etcinput"></textarea>
<textarea class="frame-write-text" cols="30" rows="10" placeholder="请输入您对本产品的体验感受" placeholder-style="color: #cde0ff; font-size: 26rpx" bindinput="etcinput"></textarea>
</view>
<view class="album-list">
<view class="album-list-li" wx:for="{{albumArr}}" wx:key="album" wx:for-index="removeIndex">
@@ -25,7 +25,7 @@
</view>
<view class="frame-write" style="margin-top: 50rpx;" wx:if="{{signDayNumber == 10}}">
<view class="frame-write-name">#产品建议#</view>
<textarea class="frame-write-text" placeholder="请输入您对本产品的建议~" placeholder-style="color: #cde0ff; font-size: 26rpx" bindinput="bidinput"></textarea>
<textarea class="frame-write-text" placeholder="请输入您对本产品的建议" placeholder-style="color: #cde0ff; font-size: 26rpx" bindinput="bidinput"></textarea>
</view>
</view>
</view>

2
pages/report/detail/detail.js
View File

@@ -43,7 +43,7 @@ Page({
Type: options.type
})
if(this.data.Type == '1' || this.data.Type == '2') {
if(this.data.Type == '1') {
this.setData({
refertoStatus: true
})

1
pages/user/setup/setup.js
View File

@@ -70,6 +70,7 @@ Page({
if(type == 'avatar') {
wx.chooseMedia({
count : 1,
mediaType: 'image',
success : path => {
// 上传图片
wx.$api.file.uploadImg(path.tempFiles[0].tempFilePath, {}).then(res=>{

2
pages/user/setup/setup.wxml
View File

@@ -38,7 +38,7 @@
<view class="label-name-text">出生年月</view>
</view>
<view class="label-tips">
<picker class="entry" mode="date" value="{{birthday}}" bindchange="bindDateChange">
<picker class="entry" mode="date" value="{{birthday}}" bindchange="bindDateChange" end="2023-12-31">
{{birthday != '' ? birthday : '请选择出生年月'}}<image class="label-name-arrow" src="/static/icons/arrow_more.png" mode="widthFix"></image>
</picker>
</view>