切图

app.json

@@ -66,7 +66,8 @@
     "pages/integral/pages/gift-detail/gift-detail",
     "pages/integral/pages/exchange-record/exchange-record",
     "pages/integral/pages/exchange-detail/exchange-detail",
-    "pages/integral/pages/integral-pay/integral-pay"
+    "pages/integral/pages/integral-pay/integral-pay",
+    "pages/clock/clock"
   ],
   "subpackages": [{
       "root": "pages/expense",
@@ -110,7 +111,7 @@
         "selectedIconPath": "/images/tabs/home1.png"
       },
       {
-        "pagePath": "pages/pt/index",
+        "pagePath": "pages/clock/clock",
         "text": "打卡",
         "iconPath": "/images/tabs/clock.png",
         "selectedIconPath": "/images/tabs/clock1.png"

pages/clock/clock.js

@@ -0,0 +1,76 @@
+// pages/clock/clock.js
+import {
+  getCenterInfo
+} from '../../services/index.js'
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    approveStatus:false
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+   
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    getCenterInfo().then(data => {
+      let {
+        approveStatus
+      } = data.data
+      this.setData({
+        approveStatus, // 认证状态（0：未认证 1：等待认证 2：未通过 3：已认证） ,
+      })
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/clock/clock.json

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

pages/clock/clock.wxml

@@ -0,0 +1,21 @@
+<!--pages/clock/clock.wxml-->
+
+<view class="container">
+  <view class="no-pass" wx:if="{{approveStatus === 0}}">
+    <view class="header">
+      <image src="../../images/clock/clock-bg.png" class="no-pass-bg" mode="widthFixed"></image>
+    </view>
+    <view class="no-pass-content">
+      <image src="../../images/clock/clock-no-certified.png" class="no-passs-img"></image>
+      <view class="no-pass-content-text">
+        <view>您还没有实名认证</view>
+        <view>为保证账户安全，请完成实名认证后再进行打卡签到。</view>
+      </view>
+      <navigator class="no-pass-content-button" url="../identification/index">
+        前往认证
+      </navigator>
+    </view>
+    <image src="../../images/clock/clock-video.png" class="video"></image>
+  </view>
+  
+</view>

pages/clock/clock.wxss

@@ -0,0 +1,83 @@
+/* pages/clock/clock.wxss */
+page {
+  background: rgba(245, 245, 245, 1);
+}
+
+.video {
+  width: 710rpx;
+  height: 268rpx;
+  margin: 20rpx;
+}
+
+.no-pass {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.header {
+  width: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: -1;
+}
+
+.no-pass-bg {
+  width: 100%;
+}
+
+.no-pass-content {
+  width: 690rpx;
+  height: 840rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 10rpx 10rpx 0rpx rgba(0, 0, 0, 0.06);
+  border-radius: 32rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  margin-top: 70rpx;
+}
+
+.no-passs-img {
+  height: 269rpx;
+  width: 360rpx;
+}
+
+.no-pass-content-text {
+  margin-top: 57rpx;
+}
+
+.no-pass-content-text view:first-child {
+  text-align: center;
+  font-size: 42rpx;
+  color: #000;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+}
+
+.no-pass-content-text view:last-child {
+  text-align: center;
+  font-size: 24rpx;
+  color: #666;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  margin-top: 20rpx;
+}
+
+.no-pass-content-button {
+  width: 560rpx;
+  height: 88rpx;
+  color: #fff;
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-weight: 600;
+  line-height: 88rpx;
+  text-align: center;
+  background: rgba(0, 122, 255, 1);
+  border-radius: 10rpx;
+  border: 2rpx solid rgba(0, 122, 255, 1);
+  margin-top: 88rpx;
+}

pages/identification/index.js

@@ -73,7 +73,7 @@ Page({
       idNum,
       idFrontPic,
       idBackPic,
-      idPersonPic
+      // idPersonPic
     } = this.data;
     if (realName == "") {
       wx.showToast({
@@ -103,13 +103,13 @@ Page({
       })
       return false;
     }
-    if (idPersonPic == "") {
-      wx.showToast({
-        title: '请上传手持身份证照片',
-        icon: 'none'
-      })
-      return false;
-    }
+    // if (idPersonPic == "") {
+    //   wx.showToast({
+    //     title: '请上传手持身份证照片',
+    //     icon: 'none'
+    //   })
+    //   return false;
+    // }
     wx.showLoading({
       title: '正在创建...',
       mask: true
@@ -124,7 +124,7 @@ Page({
       idCardNumber: idNum,
       idFrontPic: idFrontPic,
       idBackPic: idBackPic,
-      idPersonPic: idPersonPic,
+      // idPersonPic: idPersonPic,
       minaType: 1, //1：代表小程序
       user_id: app.globalData.userId,
       user_token: app.globalData.userToken,

pages/identification/index.wxml

@@ -36,7 +36,7 @@
 </view>
 
 
-<view class='db'>
+<!-- <view class='db'>
   <image src='{{imgServerUrl}}/images/happyjob/tishi.png'></image>
   <text class="nickName">手持身份证照片</text>
 </view>
@@ -52,7 +52,7 @@
       <text class="zmphoto">点击上传手持证件照</text>
     </block>
   </view>
-</view>
+</view> -->
 
 <view class='bor'>
   <text>1，身份证信息仅供开心工作平台提供诚信保证使用；</text>

project.config.json

@@ -21,6 +21,7 @@
     "minified": true,
     "newFeature": true,
     "coverView": true,
+    "nodeModules": false,
     "autoAudits": true,
     "showShadowRootInWxmlPanel": true,
     "scopeDataCheck": false,
@@ -370,6 +371,12 @@
           "pathName": "pages/identification/index",
           "query": "",
           "scene": null
+        },
+        {
+          "id": -1,
+          "name": "打卡",
+          "pathName": "pages/clock/clock",
+          "scene": null
         }
       ]
     }

utils/http.js

@@ -53,7 +53,7 @@ const http = (params) => {
 
     wx.request({
       url: apiUrl + params.url, //服务器url+参数中携带的接口具体地址
-      data: getData(params.data), //请求参数
+      data: getData(params.data || {}), //请求参数
       header: Object.assign({
         "Content-Type": "application/json" //设置后端需要的常用的格式就好，特殊情况调用的时候单独设置
       }, params.header || {}),