已报名会议缴费状态的不同显示

components/imageUpload/imageUpload.js

@@ -18,6 +18,10 @@ Component({
     maxSize: {
       type: Number,
       value: 1
+    },
+    // 图片的回显
+    initImgsList:{
+      type:String
     }
   },
 
@@ -28,6 +32,20 @@ Component({
     // 图片路径数组
     tempFilePaths: []
   },
+  lifetimes: {
+    attached: function() {
+      console.log(' this.data.initImgsList', this.data.initImgsList);
+      let initImgArr = this.data.initImgsList.split(',')
+      const arr = []
+      for (let index = 0; index < initImgArr.length; index++) {
+         arr.push( baseUrl + URL_CONFIG + 'sys/common/download/' +  initImgArr[index])
+      }
+      this.setData({
+        tempFilePaths:arr
+      })
+      console.log(this.data.tempFilePaths);
+    },
+  },
 
   /**
    * 组件的方法列表
@@ -171,4 +189,4 @@ Component({
       })
     }
   }
-})
+})

pages/meeting/meeting.js

@@ -74,8 +74,7 @@ Page({
     let meetingInfo =JSON.stringify(e.currentTarget.dataset.meetinginfo)
     let meetingItem = e.currentTarget.dataset.meetinginfo
 
-
-    // 如果是去报名页面需要在缓存中存储会议信息 当报名结束后 需要清除缓存中的当前会议信息
+    // 如果是去报名页面需要在缓存中存储会议信息 当报名结束后 需要清除缓存中的当前会议信息 meetingSignUpType 1 可报名 2报名
     if(meetingItem.meetingSignUpType === 1){
       wx.setStorage({
         key:"currentMeetingInfo",
@@ -93,11 +92,7 @@ Page({
           }
         }
       })
-    }else if(meetingItem.meetingType === 4){
-      wx.navigateTo({
-        url: `../meetingDetailSigned/meetingDetailSigned?meetingInfo=${meetingInfo}`, // (已报名)
-      })
-    }else{
+    }else if(meetingItem.meetingSignUpType === 2){
       wx.navigateTo({
         url: `../meetingDetailSigned/meetingDetailSigned?meetingInfo=${meetingInfo}`, // (已报名)
       })

pages/meetingDetailSigned/meetingDetailSigned.js

@@ -5,6 +5,7 @@ import {
 
 import MeetingApi from '../../assets/js/http/meetingApi'
 import signUpApi from '../../assets/js/http/signUp'
+import {baseUrl,URL_CONFIG} from '../../assets/js/http/api'
 Page({
 
   /**
@@ -23,7 +24,11 @@ Page({
     // 缴费凭证id
     imageIds:[],
     // 订单后四位
-    ordeCode:''
+    ordeCode:'',
+    // 缴费凭证的回显 
+    payRecordImgSrc:'',
+    // 签到图片的回显
+    signImgSrc:''
   },
 
   // 获取图片的id
@@ -40,7 +45,6 @@ Page({
   },
   // 上传汇款凭证 
   editPayRecord(){
- 
     const param = {
       id:this.data.meetingInfo.situationId,
       orderCode:this.data.ordeCode,
@@ -54,6 +58,9 @@ Page({
           icon: "success",
           duration: 800,
         });
+        wx.navigateBack({
+          delta: 1,
+        })
       }else{
         wx.showToast({
           title:res.message,
@@ -72,6 +79,19 @@ Page({
         this.setData({
           singInPersonInfo: res.result
         })
+        // 已经审核的获取审核凭证的src
+        if(res.result.checkResult !== 0){
+          this.setData({
+            payRecordImgSrc:baseUrl + URL_CONFIG + 'sys/common/download/' + res.result.paymentRecord
+          })
+        }
+        console.log(this.data.payRecordImgSrc);
+        // 已经签到的获取签到的图片的src
+        if(res.result.checkIn === 1){
+          this.setData({
+            signImgSrc:baseUrl + URL_CONFIG + 'sys/common/download/' + res.result.check_file
+          })
+        }
       }
     })
   },
@@ -194,4 +214,4 @@ Page({
   onShareAppMessage: function () {
 
   }
-})
+})

pages/meetingDetailSigned/meetingDetailSigned.wxml

@@ -107,7 +107,8 @@
 		</view>
 		<view class="sign-in">
 			<text>邮寄地址</text>
-			<text class="sign-in-text">{{singInPersonInfo.postContactAddress === null ? '' : singInPersonInfo.postContactAddress}}</text>
+			<text class="sign-in-text">{{singInPersonInfo.postContactAddress === null ? '' :
+				singInPersonInfo.postContactAddress}}</text>
 		</view>
 		<view>
 			<text>邮编</text>
@@ -117,29 +118,52 @@
 	<!-- 缴费凭证 begin -->
 	<view class="payment-record" wx:if="{{singInPersonInfo.payMode === 2 ||  singInPersonInfo.payMode === 1}}">
 		<view class="p-20">
-			<text>缴费凭证</text>
-			<view class="payment-text">
-				<image-upload bindgetIds='getImagesId' maxLength='1'></image-upload>
+			<text class="validate">缴费凭证</text>
+			<!-- 未审核的显示 -->
+			<!-- 这里需要处理回显 -->
+			<view class="payment-text" wx:if="{{singInPersonInfo.checkResult !== 1}}">
+				<image-upload bindgetIds='getImagesId' maxLength='1' initImgsList="{{singInPersonInfo.paymentRecord}}"></image-upload>
 			</view>
+
+			<!-- 审核通过的显示 -->
+			<view class="payment-text" wx:if="{{singInPersonInfo.checkResult === 1}}">
+			<image src="{{payRecordImgSrc}}" class="back-img"></image>
+			</view>
+
 		</view>
 		<view class="line"></view>
+
 		<!-- 缴费方式为线上的显示 -->
 		<view class="p-20" wx:if="{{singInPersonInfo.payMode === 2 }}">
-			<text>缴费订单号后四位数</text>
+			<text class="validate">缴费订单号后四位数</text>
 			<input class="input" placeholder="请输入订单号后四位数" bindblur="setOrdeCode" />
 		</view>
 		<view class="tip" wx:if="{{singInPersonInfo.payMOde === 2 }}">请在会议期间内上传缴费凭证和缴费订单号后四位</view>
 	</view>
+	<!-- 参会人的付款凭证审核状态 0 未审核 1已通过 2拒绝 -->
+	<!-- 未审核不显示 -->
+	<view wx:if="{{singInPersonInfo.checkResult !== 0}}" class="p-20 base">
+		<text>缴费凭证状态：</text>
+		<text wx:if="{{singInPersonInfo.checkResult === 1}}">{{singInPersonInfo.checkResult_dictText}}</text>
+		<text
+			wx:if="{{singInPersonInfo.checkResult === 2}}">{{singInPersonInfo.checkResult_dictText}}({{singInPersonInfo.checkRemark}})</text>
+	</view>
 	<!-- 缴费凭证 end -->
 	<!-- 报名信息end -->
+
 	<!-- 签到信息begin -->
-	<view class="basic-info" style="margin-top: 10px;">
+	<!-- 有签到信息才显示 -->
+	<view class="basic-info" style="margin-top: 10px;" wx:if="{{singInPersonInfo.checkIn === 1}}">
 		<view class="title">
 			<text>签到信息</text>
 		</view>
 		<view>
 			<text>签到时间</text>
-			<text>签到时间的显示</text>
+			<text>{{singInPersonInfo.checkInTime}}</text>
+		</view>
+		<view>
+			<text>签到信息</text>
+			<imgae class="back-img" src="{{signImgSrc}}"></imgae>
 		</view>
 	</view>
 	<!-- 签到信息end -->
@@ -154,7 +178,8 @@
 	<!-- 会议状态end -->
 
 	<view class="sign-up-empty"></view>
-	<view class="sign-up">
+	<!-- 签到 -->
+	<view class="sign-up" wx:if="{{}}">
 		<text bindtap="editPayRecord">确定</text>
 	</view>
-</view>
+</view>

pages/meetingDetailSigned/meetingDetailSigned.wxss

@@ -198,4 +198,12 @@ margin-top: 15px;
   padding-bottom: 10px;
   color: #333;
   font-size: 14px;
-}
+}
+.back-img {
+  width: 100px;
+  height: 100px;
+}
+
+.base {
+  background-color: #fff;
+}