新增切图

pages/clock/clock.js

@@ -2,13 +2,17 @@
 import {
   getCenterInfo
 } from '../../services/index.js'
+import {
+  imgServerUrl
+} from '../../config/config.js'
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-    approveStatus:false
+    approveStatus:false,
+    imgServerUrl
   },
 
   /**

pages/clock/clock.wxml

@@ -1,7 +1,28 @@
 <!--pages/clock/clock.wxml-->
 
 <view class="container">
-  <view class="no-pass" wx:if="{{approveStatus === 0}}">
+  <view class="no-authentication" wx:if="{{approveStatus === 0}}">
+    <view class="header">
+      <image src="../../images/clock/clock-bg.png" class="no-authentication-bg" mode="widthFixed"></image>
+    </view>
+    <view class="no-authentication-content">
+      <image src="{{imgServerUrl}}/images/clock/clock-no-certified.png" class="no-authentication-img"></image>
+      <view class="no-authentication-content-text">
+        <view>您的审核未通过</view>
+        <view>
+          <text>请再次上传您本人的真实身份证图片，</text>
+          <view>
+            <text>已经上传将无法更改。</text>
+          </view>
+        </view>
+      </view>
+      <navigator class="no-authentication-content-button" url="../identification/index">
+        前往认证
+      </navigator>
+    </view>
+    <image src="../../images/clock/clock-video.png" class="video"></image>
+  </view>
+  <view class="no-pass" wx:elif="{{approveStatus === 2}}">
     <view class="header">
       <image src="../../images/clock/clock-bg.png" class="no-pass-bg" mode="widthFixed"></image>
     </view>
@@ -17,5 +38,12 @@
     </view>
     <image src="../../images/clock/clock-video.png" class="video"></image>
   </view>
-  
+  <view wx:else>
+    <view wx:if="{{approveStatus === 1}}">
+      <image src="{{imgServerUrl}}/images/clock/clock-approving.png"></image>
+    </view>
+    <view wx:else>
+      <image src="{{imgServerUrl}}/images/clock/clock-in.png"></image>
+    </view>
+  </view>
 </view>

pages/clock/clock.wxss

@@ -9,7 +9,8 @@ page {
   margin: 20rpx;
 }
 
-.no-pass {
+.no-pass,
+.no-authentication {
   position: relative;
   display: flex;
   align-items: center;
@@ -25,11 +26,13 @@ page {
   z-index: -1;
 }
 
-.no-pass-bg {
+.no-pass-bg,
+.no-authentication-bg {
   width: 100%;
 }
 
-.no-pass-content {
+.no-pass-content,
+.no-authentication-content {
   width: 690rpx;
   height: 840rpx;
   background: rgba(255, 255, 255, 1);
@@ -42,16 +45,19 @@ page {
   margin-top: 70rpx;
 }
 
-.no-passs-img {
+.no-passs-img,
+.no-authentication-img {
   height: 269rpx;
   width: 360rpx;
 }
 
-.no-pass-content-text {
+.no-pass-content-text,
+.no-authentication-content-text {
   margin-top: 57rpx;
 }
 
-.no-pass-content-text view:first-child {
+.no-pass-content-text view:first-child,
+.no-authentication-content-text view:first-child {
   text-align: center;
   font-size: 42rpx;
   color: #000;
@@ -59,7 +65,8 @@ page {
   font-weight: 500;
 }
 
-.no-pass-content-text view:last-child {
+.no-pass-content-text view:last-child,
+.no-authentication-content-text view:last-child {
   text-align: center;
   font-size: 24rpx;
   color: #666;
@@ -68,7 +75,8 @@ page {
   margin-top: 20rpx;
 }
 
-.no-pass-content-button {
+.no-pass-content-button,
+.no-authentication-content-button {
   width: 560rpx;
   height: 88rpx;
   color: #fff;