拼工详情页

app.json

@@ -48,7 +48,8 @@
     "pages/fulltime/index",
     "pages/parttime/index",
     "pages/jipin/index",
-    "pages/reward/index"
+    "pages/reward/index",
+    "pages/pt-tip/index"
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/detail/index.js

@@ -363,6 +363,7 @@ Page({
       showJoinPt: true,
       joinPtList: this.data.storeAction[index]
     })
+    console.log("DFD", this.data.joinPtList)
   },
 
   // 加入拼工(所有拼工)
@@ -386,12 +387,14 @@ Page({
       showJoinPt: false
     })
   },
-  confirmPt() {
+  //加入拼工，进入拼工详情
+  confirmPt(e) {
+    var groupId = e.currentTarget.dataset.groupid;
     this.setData({
       showJoinPt: false
     })
     wx.navigateTo({
-      url: '../pt-detail/index',
+      url: '../pt-detail/index?hpPositionGroupId=' + groupId + '&positionCategory=' + self.data.positionCategory + '&positionId=' + self.data.hpPositionId,
     })
   },
   // 所有拼工

pages/detail/index.wxml

@@ -667,7 +667,7 @@
     </view>
     <view class="modal-footer">
       <view class="btn-cancel" bindtap="cancelPt" data-status="cancelPt">放弃拼工</view>
-      <view class="btn-confirm" bindtap="confirmPt" data-status="confirmPt">加入拼工</view>
+      <view class="btn-confirm" bindtap="confirmPt" data-status="confirmPt" data-groupid="{{joinPtList[0].groupId}}">加入拼工</view>
     </view>
   </view>
 </view>

pages/pt-detail/index.js

@@ -1,6 +1,13 @@
-import { getGroupDetail,groupApply } from '../../services/index.js'
-import { imgServerUrl } from '../../config/config.js'
-import { showToast } from '../../utils/tips.js'
+import {
+  getGroupDetail,
+  groupApply
+} from '../../services/index.js'
+import {
+  imgServerUrl
+} from '../../config/config.js'
+import {
+  showToast
+} from '../../utils/tips.js'
 const WxParse = require('../../plugins/wxParse/wxParse.js');
 
 var app = getApp()
@@ -8,17 +15,19 @@ var app = getApp()
 Page({
   data: {
     imgServerUrl: imgServerUrl,
-    clearTimer:false,
+    clearTimer: false,
     myFormat: ['天', ':', ':', ' '],
   },
 
-  onLoad: function (options) {
+  onLoad: function(options) {
     this.setData({
-      hpPositionGroupId : options.hpPositionGroupId
+      hpPositionGroupId: options.hpPositionGroupId,
+      positionCategory: options.positionCategory,
+      positionId: options.positionId
     })
 
   },
-  onShow: function (options) {
+  onShow: function(options) {
     if (app.globalData.userInfo) {
       console.log('有info===', app.globalData)
       this.fetchData()
@@ -40,67 +49,62 @@ Page({
       })
     }
   },
-  onUnload:function(){
+
+  onUnload: function() {
     this.setData({
-      clearTimer:true
+      clearTimer: true
     })
   },
-  onShareAppMessage: function () {
+
+  onShareAppMessage: function() {
     return {
       title: '开心工作参团有奖',
       path: '/pages/pt-detail/index?hpPositionGroupId=' + this.data.hpPositionGroupId,
       imageUrl: ''
     }
   },
-   //获取历史记录
-  fetchData() {    
-    getGroupDetail({
-      hpPositionGroupId: this.data.hpPositionGroupId
-    }).then(data => {
-      data.data.leftTime = data.data.leftTime <= 0 ? 0 : (new Date().getTime() + data.data.leftTime * 1000)
-      console.log(data.data.leftTime)
-      let userList = data.data.userList
-      if (userList && userList.length<3){
-        let i = userList.length;
-        for (; i < 3;i++){
-          userList[i] = { headerPic: this.data.imgServerUrl+'/images/avatar/man.png' }
-        }
-      }
-      this.setData({
-        data:data.data
-      })
-      let posComDesc = data.data.posComDesc
-      if (posComDesc) {
-        WxParse.wxParse('comdesc', 'html', posComDesc, this);
-      }
-    })
+
+
+  //获取历史记录
+  fetchData() {
+
   },
-// 拼团倒计时结束
-  myLinsterner(e){
-    this.setData({
-      clearTimer:true
-    })
-    showToast('拼团已结束')
+
+  // 拼团倒计时结束
+  myLinsterner(e) {
+    // this.setData({
+    //   clearTimer: true
+    // })
+    // showToast('拼团已结束')
   },
-// 一键参团
-  joinGroup(e){
-    let { formId } = e.detail
-    wx.setStorageSync('resumeUrl','/pages/user-info/user-info?hpPositionGroupId='+this.options.hpPositionGroupId+"&formId="+formId)
-    groupApply(this.options.hpPositionGroupId,formId).then(data=>{
+
+  // 一键参团
+  joinGroup(e) {
+    let {
+      formId
+    } = e.detail
+    wx.setStorageSync('resumeUrl', '/pages/user-info/user-info?hpPositionGroupId=' + this.options.hpPositionGroupId + "&formId=" + formId)
+    groupApply(this.options.hpPositionGroupId, formId).then(data => {
       this.fetchData()
     })
   },
 
+  ptTip() {
+    wx.navigateTo({
+      url: '../pt-tip/index',
+    })
+  },
+
   //分享图片
-  toShare(){
+  toShare() {
     wx.navigateTo({
-      url: '../pt-share/pt-share?hpPositionGroupId='+this.data.hpPositionGroupId,
+      url: '../pt-share/pt-share?hpPositionGroupId=' + this.data.hpPositionGroupId,
     })
   },
-  
+
   onError(err) {
-    app.aldstat.sendEvent('报错',{
-        'err': err
+    app.aldstat.sendEvent('报错', {
+      'err': err
     });
   },
 })

pages/pt-detail/index.wxml

@@ -1,54 +1,337 @@
-<import src="../../plugins/wxParse/wxParse.wxml"/>
-
-<view class='panel'>
-  <view class='row job' data-value="{{data.comApproveState}}">{{data.comName}}
-    <image wx:if="{{data.comApproveState==1}}" class="auth" src="{{imgServerUrl}}/images/detail/auth-has.png" mode="widthFix"/>
-  </view>
-  <view class='row award'>
-    <text class='award-info'><text class='money'>{{data.lowerNum}}-{{data.hightNum}}元/月</text></text>
-    <navigator url='../document/pt' wx:if="{{type==1}}"><view class="rule">说明</view></navigator>
-  </view>
-  <view class='row pt-award' wx:if="{{false}}">
-    <text>参团上班奖励<text class="num">1000元</text></text>
-    <view class='toTuan'>去参团 <i-icon type="enter"></i-icon> </view>
-  </view>
-</view>
-
-<view class="card top1" wx:if="{{true}}">
-  <view class="card-title">
-    <image class="card-title-icon" src="{{imgServerUrl}}/images/detail/icon-box.png" mode="widthFix"></image>
-    参团人员
-  </view>
-  <view class="card-content" >
-    <view class="avatar-box" wx:for='{{data.userList}}' wx:for-item="item" >
-      <view class="avatar-img">
-        <image class='avatar' src='{{item.headerPic}}'></image>
+<!--pages/pt-detail/index.wxml-->
+<wxs src="../tools.wxs" module="globalTools" />
+<import src="../../plugins/wxParse/wxParse.wxml" />
+<block wx:if="{{!isExist}}">
+  <view class='panel'>
+    <view class='one'>
+      <view class='left'>
+        {{postitionDetail.positionName}}
+      </view>
+      <view class='salary'>
+        <image src='../../images/happyjob/dollor.png'></image>
+        <block wx:if="{{postitionDetail.salary}}">
+          {{postitionDetail.salary}}
+        </block>
+        <block wx:elif="{{postitionDetail.totalSalary}}">
+          {{postitionDetail.totalSalary}}
+        </block>
+        <block wx:else>
+          {{postitionDetail.basicSalary}}
+        </block>
+      </view>
+    </view>
+    <view class="two">
+      <view class='left'>
+        {{postitionDetail.companyName}}
+      </view>
+      <view class='right'>
+        <view>
+          招聘人数：{{postitionDetail.recruitNumber?postitionDetail.recruitNumber:'若干'}}人 发布于：{{globalTools.subStrTime(postitionDetail.updateDate)}}
+        </view>
+      </view>
+    </view>
+    <view class='three'>
+      <view class='pt'>
+        <view class='title'>孟璐6166 的拼工，已有 15 位伙伴加入</view>
+        <view class='avtar'>
+          <view class='border'>
+            <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+          </view>
+          <view class='border'>
+            <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+          </view>
+          <view class='border'>
+            <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+          </view>
+        </view>
+        <view class='time'>
+          距离结束还有：
+          <i-count-down target="{{leftTime}}" bindcallback="myLinsterner" class="countdown-class" clear-timer="{{clearTimer}}" format="{{myFormat}}" show-day="{{true}}"></i-count-down>
+        </view>
+        <view class='join'>
+          <text bindtap=''>加入拼工</text>
+        </view>
+      </view>
+    </view>
+    <view class='four' bindtap='ptTip'>
+      <view class='left'>
+        <image src='../../images/happyjob/pt_tip.png'></image>
+        <text>拼工须知：时间截止后不足拼工人数则按普通岗位提交</text>
+      </view>
+      <view class='right'>
+        <image src='../../images/happyjob/right.png'></image>
+      </view>
+    </view>
+    <view class='five'>
+      <view class='title'>
+        <view class='left'></view>
+        <view class='right'>招工简章</view>
+      </view>
+      <view class="company">
+        {{postitionDetail.hpCompany.companyDescription}}
+      </view>
+      <view class="com">
+        <view class='left'>公司地址:</view>
+        <view class='right'>{{postitionDetail.hpCompany.address}}</view>
+      </view>
+      <view class="com">
+        <view class='left'>客服电话:</view>
+        <view class='right' bindtap='phoneCall'>{{postitionDetail.contactPhone}}</view>
       </view>
-    </view>   
-  </view>
-  <view class="card-footer">
-    <view class='djs' wx:if='{{data.leftTime}}' >倒计时：
-      <i-count-down target="{{data.leftTime}}" bindcallback="myLinsterner" clear-timer="{{clearTimer}}" format="{{myFormat}}" show-day="{{true}}"></i-count-down>
     </view>
   </view>
-</view>
-
-<view class="btn-group">
-  <i-button wx:if="{{data.groupStatus==0 && data.userIsPart==1}}" type="success" shape="circle" i-class="primay" open-type="share">邀请朋友参团</i-button>
-  <form bindsubmit="joinGroup" report-submit='true' data-groupid="{{item.hpPositionGroupId}}"  wx:if="{{data.groupStatus==0 && data.userIsPart!=1}}">
-    <button class="distance selfBtn" form-type="submit">一键参团</button>
-  </form>
-  <i-button wx:if="{{data.groupStatus==0 && data.userIsPart==1}}" bind:click="toShare" type="info" shape="circle" i-class="info">生成分享图片</i-button>
-  <i-button wx:if="{{data.groupStatus==1}}" type="success" shape="circle" i-class="info">拼团成功</i-button>
-</view>
-<view class="card">
-  <view class="card-title">
-    <image class="card-title-icon" src="{{imgServerUrl}}/images/detail/icon-box.png" mode="widthFix"></image>
-    招聘简章
-  </view>
-  <view class='card-content'>
-    <view class="desc">
-      <template is="wxParse" data="{{wxParseData:comdesc.nodes}}"/>
-    </view> 
-  </view>
-</view>
+</block>
+<block wx:else>
+  <block wx:if="{{isEnd == 0}}">
+    <view class='panel'>
+      <view class='one'>
+        <view class='left'>
+          {{postitionDetail.positionName}}
+        </view>
+        <view class='salary'>
+          <image src='../../images/happyjob/dollor.png'></image>
+          <block wx:if="{{postitionDetail.salary}}">
+            {{postitionDetail.salary}}
+          </block>
+          <block wx:elif="{{postitionDetail.totalSalary}}">
+            {{postitionDetail.totalSalary}}
+          </block>
+          <block wx:else>
+            {{postitionDetail.basicSalary}}
+          </block>
+        </view>
+      </view>
+      <view class="two">
+        <view class='left'>
+          {{postitionDetail.companyName}}
+        </view>
+        <view class='right'>
+          <view>
+            招聘人数：{{postitionDetail.recruitNumber?postitionDetail.recruitNumber:'若干'}}人 发布于：{{globalTools.subStrTime(postitionDetail.updateDate)}}
+          </view>
+        </view>
+      </view>
+      <view class='three'>
+        <view class='pt'>
+          <view class='title_1'>
+            <image src='../../images/happyjob/pting.png'></image>
+            拼工中...</view>
+          <view class='avtar'>
+            <view class='border_1'>
+              <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+            </view>
+            <view class='border_1'>
+              <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+            </view>
+            <view class='border_1'>
+              <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+            </view>
+          </view>
+          <view class='time_1'>
+            距离结束还有：
+            <i-count-down target="{{leftTime}}" bindcallback="myLinsterner" class="countdown-class" clear-timer="{{clearTimer}}" format="{{myFormat}}" show-day="{{true}}"></i-count-down>
+          </view>
+          <view class='again'>
+            再邀请2位伙伴，奖励增加200元；再邀请4位伙伴，奖励增加300元。
+          </view>
+          <view class='interview'>
+            <text bindtap=''>邀请好友一起来拼工</text>
+          </view>
+          <view class='join_1'>
+            <text bindtap='makeMyPt'>生成我的拼工分享图</text>
+          </view>
+        </view>
+      </view>
+      <view class='four' bindtap='ptTip'>
+        <view class='left'>
+          <image src='../../images/happyjob/pt_tip.png'></image>
+          <text>拼工须知：时间截止后不足拼工人数则按普通岗位提交</text>
+        </view>
+        <view class='right'>
+          <image src='../../images/happyjob/right.png'></image>
+        </view>
+      </view>
+      <view class='five'>
+        <view class='title'>
+          <view class='left'></view>
+          <view class='right'>招工简章</view>
+        </view>
+        <view class="company">
+          {{postitionDetail.hpCompany.companyDescription}}
+        </view>
+        <view class="com">
+          <view class='left'>公司地址:</view>
+          <view class='right'>{{postitionDetail.hpCompany.address}}</view>
+        </view>
+        <view class="com">
+          <view class='left'>客服电话:</view>
+          <view class='right' bindtap='phoneCall'>{{postitionDetail.contactPhone}}</view>
+        </view>
+      </view>
+    </view>
+  </block>
+  <!-- 拼团成功 -->
+  <block wx:if="{{isEnd == 1}}">
+    <view class='panel'>
+      <view class='one'>
+        <view class='left'>
+          {{postitionDetail.positionName}}
+        </view>
+        <view class='salary'>
+          <image src='../../images/happyjob/dollor.png'></image>
+          <block wx:if="{{postitionDetail.salary}}">
+            {{postitionDetail.salary}}
+          </block>
+          <block wx:elif="{{postitionDetail.totalSalary}}">
+            {{postitionDetail.totalSalary}}
+          </block>
+          <block wx:else>
+            {{postitionDetail.basicSalary}}
+          </block>
+        </view>
+      </view>
+      <view class="two">
+        <view class='left'>
+          {{postitionDetail.companyName}}
+        </view>
+        <view class='right'>
+          <view>
+            招聘人数：{{postitionDetail.recruitNumber?postitionDetail.recruitNumber:'若干'}}人 发布于：{{globalTools.subStrTime(postitionDetail.updateDate)}}
+          </view>
+        </view>
+      </view>
+      <view class='three'>
+        <view class='pt'>
+          <view class='title_2'>
+            <image src='../../images/happyjob/ptscs.png'></image>
+            拼工成功</view>
+          <view class='avtar'>
+            <view class='border_1'>
+              <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+            </view>
+            <view class='border_1'>
+              <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+            </view>
+            <view class='border_1'>
+              <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+            </view>
+          </view>
+          <view class='time'>
+            共有2人加入了开心姐的拼工，获得拼工奖励金为：
+          </view>
+          <view class='pt_money'>
+            3000元+300元
+          </view>
+        </view>
+      </view>
+      <view class='four' bindtap='ptTip'>
+        <view class='left'>
+          <image src='../../images/happyjob/pt_tip.png'></image>
+          <text>拼工须知：时间截止后不足拼工人数则按普通岗位提交</text>
+        </view>
+        <view class='right'>
+          <image src='../../images/happyjob/right.png'></image>
+        </view>
+      </view>
+      <view class='five'>
+        <view class='title'>
+          <view class='left'></view>
+          <view class='right'>招工简章</view>
+        </view>
+        <view class="company">
+          {{postitionDetail.hpCompany.companyDescription}}
+        </view>
+        <view class="com">
+          <view class='left'>公司地址:</view>
+          <view class='right'>{{postitionDetail.hpCompany.address}}</view>
+        </view>
+        <view class="com">
+          <view class='left'>客服电话:</view>
+          <view class='right' bindtap='phoneCall'>{{postitionDetail.contactPhone}}</view>
+        </view>
+      </view>
+    </view>
+  </block>
+  <!-- 拼团失败 -->
+  <block wx:if="{{isEnd == 2}}">
+    <view class='panel'>
+      <view class='one'>
+        <view class='left'>
+          {{postitionDetail.positionName}}
+        </view>
+        <view class='salary'>
+          <image src='../../images/happyjob/dollor.png'></image>
+          <block wx:if="{{postitionDetail.salary}}">
+            {{postitionDetail.salary}}
+          </block>
+          <block wx:elif="{{postitionDetail.totalSalary}}">
+            {{postitionDetail.totalSalary}}
+          </block>
+          <block wx:else>
+            {{postitionDetail.basicSalary}}
+          </block>
+        </view>
+      </view>
+      <view class="two">
+        <view class='left'>
+          {{postitionDetail.companyName}}
+        </view>
+        <view class='right'>
+          <view>
+            招聘人数：{{postitionDetail.recruitNumber?postitionDetail.recruitNumber:'若干'}}人 发布于：{{globalTools.subStrTime(postitionDetail.updateDate)}}
+          </view>
+        </view>
+      </view>
+      <view class='three'>
+        <view class='pt'>
+          <view class='title_3'>
+            <image src='../../images/happyjob/ptfail.png'></image>
+            拼工失败</view>
+          <view class='avtar'>
+            <view class='border_1'>
+              <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+            </view>
+            <view class='border_1'>
+              <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+            </view>
+            <view class='border_1'>
+              <image src='https://hpjobtest.oss-cn-shanghai.aliyuncs.com/uploadfiles/banner/bannermina/banner1.jpg'></image>
+            </view>
+          </view>
+          <view class='time'>
+            只有1人加入了开心姐的拼工，获得基础励金：
+          </view>
+          <view class='pt_money'>
+            3000元
+          </view>
+        </view>
+      </view>
+      <view class='four' bindtap='ptTip'>
+        <view class='left'>
+          <image src='../../images/happyjob/pt_tip.png'></image>
+          <text>拼工须知：时间截止后不足拼工人数则按普通岗位提交</text>
+        </view>
+        <view class='right'>
+          <image src='../../images/happyjob/right.png'></image>
+        </view>
+      </view>
+      <view class='five'>
+        <view class='title'>
+          <view class='left'></view>
+          <view class='right'>招工简章</view>
+        </view>
+        <view class="company">
+          {{postitionDetail.hpCompany.companyDescription}}
+        </view>
+        <view class="com">
+          <view class='left'>公司地址:</view>
+          <view class='right'>{{postitionDetail.hpCompany.address}}</view>
+        </view>
+        <view class="com">
+          <view class='left'>客服电话:</view>
+          <view class='right' bindtap='phoneCall'>{{postitionDetail.contactPhone}}</view>
+        </view>
+      </view>
+    </view>
+  </block>
+</block>

pages/pt-detail/index.wxss

@@ -1,169 +1,380 @@
+/* pages/pt-detail/index.wxss */
+
 .panel {
-  position: relative;
-  padding: 0 30rpx 80rpx;
-  background: url('https://happyjob.oss-cn-shanghai.aliyuncs.com/uploadfiles/mina/images/detail/detail-bg.jpg') no-repeat;
-  background-size: 100% 100%;
-  border-bottom: 1px solid #fff;
-}
-.panel .bg {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: -1;
 }
-.panel .row {
+
+.panel .one {
   display: flex;
-  margin-bottom: 40rpx;
+  align-items: center;
+  height: 70rpx;
+  justify-content: space-between;
+  padding: 0 30rpx;
 }
-.panel .job {
-  color: #fff;
-  padding-top: 90rpx;
-  font-size: 38rpx;
-  letter-spacing: 4rpx;
+
+.panel .one .left {
+  color: #232327;
+  font-size: 30rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  display: flex;
+  align-items: center;
+  height: 100%;
 }
-.panel .auth {
-  width: 150rpx;
+
+.panel .one .left image {
+  width: 58rpx;
+  height: 26rpx;
   margin-left: 10rpx;
 }
-.panel .award-info {
-  padding: 4rpx 15rpx;
-  margin-left: 10rpx;
-  color: #6a9fe8;
-  font-size: 28rpx;
-}
-.panel .money {
-  font-size: 33rpx;
-  color: #58a8ff;
-  font-weight: 700;
-}
-.panel .rule {
-  margin-left: 100rpx;
-  height: 40rpx;
-  line-height: 36rpx;
-  color: #bdbaba;
-  font-size: 22rpx;
-  padding: 0 10rpx;
-  border-radius: 10rpx;
-  border: 2rpx solid #bdbaba;
-  box-sizing: border-box;
+
+.panel .one .salary {
+  font-size: 32rpx;
+  font-family: Arial-BoldMT;
+  font-weight: bold;
+  color: rgba(30, 98, 167, 1);
+}
+
+.panel .one .salary image {
+  width: 18rpx;
+  height: 24rpx;
 }
-.panel .pt-award {
+
+.panel .two {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  background: #fff5e1;
-  color: #3c3c3c;
-  font-size: 28rpx;
-  padding: 10rpx 20rpx;
+  justify-content: space-between;
+  padding: 0 30rpx 30rpx 30rpx;
+  color: #999;
+  font-size: 20rpx;
 }
-.panel .pt-award .num {
-  font-size: 30rpx;
-  font-weight: 700;
+
+.panel .two .left {
+  display: flex;
+  flex-direction: row;
 }
-.panel .pt-award .toTuan {
-  padding: 0 15rpx;
-  height: 40rpx;
-  text-align: center;
-  background-image: linear-gradient(87deg, #ffc466 0%, #f94f28 100%), linear-gradient(#36a0db, #36a0db);
-  border-radius: 10rpx;
-  color: #fff;
+
+.panel .two .right {
+  color: #999;
+  font-size: 20rpx;
 }
-page {
-  background: #fefefe;
-  padding-bottom: 50rpx;
+
+.panel .three {
+  display: flex;
+  width: 100%;
+  background-color: #fafafa;
 }
-.card {
-  position: relative;
-  border-radius: 10rpx;
-  margin: 0 20rpx 0;
-  padding: 0 40rpx;
-  background-color: #ffffff;
-  box-shadow: 0px 12px 59px 3px rgba(0, 0, 0, 0.09);
-  border-radius: 16rpx;
-  border: solid 1px #f1f1f1;
-  z-index: 2;
+
+.panel .three .pt {
+  display: flex;
+  width: 100%;
+  background-color: #fff;
+  margin: 10rpx 10rpx 0 10rpx;
+  border-radius: 17rpx;
+  flex-direction: column;
 }
-.card.top1 {
-  margin-top: -100rpx;
+
+.panel .three .pt .title {
+  display: flex;
+  justify-content: center;
+  font-size: 26rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(154, 154, 156, 1);
+  padding-top: 68rpx;
 }
-.card-title {
+
+.panel .three .pt .title_1 {
   display: flex;
+  justify-content: center;
+  font-size: 42rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(255, 143, 1, 1);
+  padding-top: 68rpx;
   align-items: center;
-  font-size: 30rpx;
-  padding: 30rpx 0;
 }
-.card-title-icon {
-  width: 55rpx;
-  margin-right: 10rpx;
+
+.panel .three .pt .title_1 image {
+  width: 40rpx;
+  height: 46rpx;
+  padding-right: 24rpx;
 }
-.card-content {
+
+.panel .three .pt .title_2 {
   display: flex;
+  justify-content: center;
+  padding-top: 68rpx;
   align-items: center;
-  flex-wrap: wrap;
+  font-size: 50rpx;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  color: rgba(255, 64, 14, 1);
+}
+
+.panel .three .pt .title_2 image {
+  width: 40rpx;
+  height: 46rpx;
+  padding-right: 24rpx;
+}
+
+.panel .three .pt .title_3 {
+  display: flex;
+  justify-content: center;
+  padding-top: 68rpx;
+  align-items: center;
+  font-size: 50rpx;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: 500;
+  color: rgba(134, 139, 146, 1);
+}
+
+.panel .three .pt .title_3 image {
+  width: 40rpx;
+  height: 46rpx;
+  padding-right: 24rpx;
+}
+
+.panel .three .pt .avtar {
+  padding-top: 44rpx;
+  display: flex;
   width: 100%;
-  padding: 20rpx 0;
-  border-bottom: 1px solid #eee;
+  justify-content: center;
+}
+
+.panel .three .pt .avtar :first-child {
+  margin-left: 0rpx !important;
 }
-.card-content .avatar-box {
-  flex: 0 0 auto;
-  text-align: center;
-  width: 25%;
+
+.panel .three .pt .avtar .border {
+  width: 110rpx;
+  height: 110rpx;
+  border-radius: 50%;
+  border: 2rpx solid #fff;
+  background-color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: -30rpx;
 }
-.card-content .avatar-box .avatar {
-  background-color: #f1f1f1;
+
+.panel .three .pt .avtar .border_1 {
+  width: 110rpx;
+  height: 110rpx;
   border-radius: 50%;
-  border: 1px solid #e2e2e1;
-  overflow: hidden;
-  height: 102rpx;
-  width: 102rpx;
+  border: 2rpx solid #fff;
+  background-color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: 24rpx;
+}
+
+.panel .three .pt .avtar image {
+  width: 98rpx;
+  height: 98rpx;
+  border-radius: 50%;
+}
+
+.panel .three .pt .time {
+  display: flex;
+  justify-content: center;
+  font-size: 26rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(154, 154, 156, 1);
+  padding-top: 30rpx;
+}
+
+.panel .three .pt .time  .countdown-class {
+  margin-top: -34rpx;
+}
+
+.panel .three .pt .pt_money {
+  padding-top: 40rpx;
+  padding-bottom: 70rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 50rpx;
+  font-family: Arial-BoldMT;
+  font-weight: bold;
+  color: rgba(255, 143, 1, 1);
+}
+
+.panel .three .pt .time_1 {
+  display: flex;
+  justify-content: center;
+  font-size: 26rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(154, 154, 156, 1);
+  padding-top: 30rpx;
+  border-bottom: 2rpx solid #fafafa;
+  padding-bottom: 24rpx;
+}
+
+.panel .three .pt .time_1  .countdown-class {
+  margin-top: -34rpx;
+}
+
+.panel .three .pt .again {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 22rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(102, 102, 102, 1);
+  padding-top: 20rpx;
+}
+
+.panel .three .pt .join {
+  display: flex;
+  padding: 70rpx 100rpx;
+}
+
+.panel .three .pt .join text {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 72rpx;
+  background: rgba(255, 143, 1, 1);
+  border-radius: 36rpx;
+  font-size: 32rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 1);
+}
+
+.panel .three .pt .join_1 {
+  display: flex;
+  padding: 24rpx 100rpx 70rpx 100rpx;
+}
+
+.panel .three .pt .join_1 text {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 72rpx;
+  background: rgba(255, 143, 1, 1);
+  border-radius: 36rpx;
+  font-size: 32rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 1);
 }
-.card-content .avatar-box .avatar .avatar-img {
+
+.panel .three .pt .interview {
+  display: flex;
+  padding: 48rpx 100rpx 0 100rpx;
+}
+
+.panel .three .pt .interview text {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 100%;
+  height: 72rpx;
+  border: 2rpx solid rgba(255, 143, 1, 1);
+  border-radius: 36rpx;
+  font-size: 32rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: #ff8f01;
+}
+
+.panel .four {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 72rpx;
+  background-color: #fafafa;
+  padding: 0 30rpx;
+}
+
+.panel .four .left {
+  display: flex;
   height: 100%;
+  align-items: center;
+}
+
+.panel .four .left image {
+  width: 24rpx;
+  height: 24rpx;
 }
-.card .card-footer {
-  text-align: center;
-  padding-bottom: 30rpx;
+
+.panel .four .left text {
+  color: #666;
   font-size: 24rpx;
-  color: #58a8ff;
+  margin-left: 10rpx;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: 400;
+}
+
+.panel .four .right {
+  display: flex;
+  height: 100%;
+  align-items: center;
 }
-.djs {
-  display: inline-block;
+
+.panel .four .right image {
+  width: 14rpx;
+  height: 24rpx;
 }
-.btn-group {
-  margin: 60rpx!important;
+
+.panel .five {
+  display: flex;
+  justify-content: center;
+  padding: 60rpx 30rpx 40rpx 30rpx;
+  flex-direction: column;
 }
-.btn-group .primay {
-  background: #007aac!important;
+
+.panel .five .title {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-bottom: 20rpx;
 }
-.btn-group .info {
-  background: #37a0db!important;
+
+.panel .five .title .left {
 }
-.desc {
-  font-size: 24rpx;
-  color: #6b6b6b;
-  line-height: 52rpx;
-}
-.selfBtn {
-  text-align: center;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  background-image: none;
-  white-space: nowrap;
-  user-select: none;
-  font-size: 14px;
-  border: 0!important;
-  position: relative;
-  text-decoration: none;
-  height: 44px;
-  line-height: 44px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-  color: #495060!important;
-  margin: 10px;
-  color: #fff!important;
-  background: #2d8cf0!important;
-  border-radius: 44px;
+
+.panel .five .title .right {
+  color: #222;
+  font-size: 26rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+}
+
+.panel .five .company {
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 22rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(102, 102, 102, 1);
+  padding-bottom: 78rpx;
+}
+
+.panel .five .com {
+  display: flex;
+  flex-direction: row;
+  color: #666;
+  font-size: 22rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  padding-top: 10rpx;
+}
+
+.panel .five .com .left {
+  width: 16%;
+}
+
+.panel .five .com .right {
+  width: 82%;
+  margin-left: 36rpx;
+  display: flex;
+  flex-wrap: wrap;
 }

pages/pt-tip/index.js

@@ -0,0 +1,66 @@
+// pages/pt-tip/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/pt-tip/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/pt-tip/index.wxml

@@ -0,0 +1,33 @@
+<!--pages/pt-tip/index.wxml-->
+<view class='panel'>
+  <view class='title'>
+    请认真仔细阅读拼团规则：
+  </view>
+  <view class='tip'>
+    1 、拼团有效期是自开团时刻起，到拼团时间结束为止；
+  </view>
+  <view class='tip'>
+    2 、拼团有效期内，拼团人数达到3人，则拼团成功，未达到3人视为拼团失败，如在拼团有效期内拼团人数超过3人，也可成团，上不封顶。
+  </view>
+  <view class='tip'>
+    3、 拼团总人数达5人或5人以上，可叠加奖励金，具体以当天实际情况为准；
+  </view>
+  <view class='tip'>
+    4、 奖励金领取规则，依据返费规则，并与返费同时发放；
+  </view>
+  <view class='tip'>
+    5、 拼团奖励金以当天实际情况为准；
+  </view>
+  <view class='tip'>
+    6、每天每个用户只能参加一次拼团，拼团结束时可再次参加；
+  </view>
+  <view class='tip'>
+    7、 拼团规则不与经纪人规则同时适用；
+  </view>
+  <view class='tip'>
+    8、 具体可咨询客服电话：400-692-0099；
+  </view>
+  <view class='tip'>
+    9、本活动最终解释权归开心工作所有。
+  </view>
+</view>

pages/pt-tip/index.wxss

@@ -0,0 +1,17 @@
+/* pages/pt-tip/index.wxss */
+
+.panel {
+  padding: 0 30rpx;
+}
+
+.panel .title {
+  color: #ff400e;
+  font-size: 24rpx;
+  padding-top: 30rpx;
+}
+
+.panel .tip {
+  padding-top: 40rpx;
+  color: #666;
+  font-size: 24rpx;
+}