支付前弹窗

pages/order/orderList/index.js

@@ -21,7 +21,8 @@ Page({
   select_allowance: false,
   allowance_data: null,
   allowance_price: 0,
-  flag:null
+  flag:null,
+  linkmanList:[]
   },
 
   /**
@@ -33,7 +34,8 @@ Page({
       ticketList: app.globalData.list,
       kjId: app.globalData.kjId,
       gp_id: app.globalData.gp_id || app.globalData.team_id,
-      flag:options.flag
+      flag:options.flag,
+      // linkmanList: app.globalData.linkmanList
     })
     let price = 0, sku_id = [] ,postFee= 0; 
     app.globalData.postProduct.map(item => {

pages/order/orderList/index.wxml

@@ -45,6 +45,12 @@
 				X{{item.num}}
 			</view>
 		</view>
+    <view style="padding-left: 10rpx;margin: 30rpx 0 22.67rpx;">出行人信息</view>
+    <view wx:for="{{item.linkmanList}}" style="padding-left: 10rpx;" wx:for-item="items">
+      <view class="text"><view class="text-left">姓名：</view>{{items.name}}</view>
+      <view class="text"><view class="text-left">身份证：</view>{{items.id_number}}</view>
+      <view class="text"><view class="text-left">手机号：</view>{{items.tel}}</view>
+    </view>
 	</view>
 </view>
 

pages/order/orderList/index.wxss

@@ -61,4 +61,16 @@ page{
   align-items: center;
   background-color: #fff;
 	margin: 30rpx 25rpx;
+}
+
+.text {
+  margin-bottom: 22.67rpx;
+  color: #333;
+  font-size: 28rpx;
+  font-weight: 500;
+  display: flex;
+}
+
+.text-left {
+  color: #999;
 }

pages/order/scene/index.js

@@ -29,7 +29,8 @@ Page({
     pIndex: 0,
     flag:null,
 		ticket_type:1,
-		isCar:'single'
+    isCar:'single',
+    showMask: false
   },
 
   /**
@@ -71,6 +72,16 @@ Page({
       this.couponCom = this.selectAllComponents("#coupon")[0];
     }
   },
+  next: function () {
+    this.setData({
+      showMask:true
+    })
+  },
+  cancel: function () {
+    this.setData({
+      showMask:false
+    })
+  },
   changeGroupName: function (e) {
     this.setData({
       groupName: e.detail.value
@@ -250,7 +261,8 @@ Page({
       }],
       originate_order_id: this.data.kjId,
       gp_id: app.globalData.gp_id,
-      team_id: app.globalData.team_id
+      team_id: app.globalData.team_id,
+      linkmanList:this.data.linkmanList
     }
     if (app.globalData.from) {
       data.system_name = app.globalData.from;
@@ -276,7 +288,9 @@ Page({
     }
 	if(app.globalData.list){
 		app.globalData.list[app.globalData.index] = this.data.product
-	}
+		app.globalData.list[app.globalData.index].linkmanList = this.data.linkmanList
+  }
+  // app.globalData.linkmanList = this.data.linkmanList
   app.globalData.ticketPrice += (this.data.singlePrice * this.data.productNum - (this.data.coupon?this.data.coupon.activity.money:0))/100;
   console.log(app.globalData);
 	if(app.globalData.list && app.globalData.list.length > app.globalData.index + 1 &&this.data.type!='museum'){
@@ -284,7 +298,7 @@ Page({
 			app.globalData.createDate.product_list.push(data.product_list[0])
 		}else{
 			app.globalData.createDate = data
-		}
+    }
 		app.globalData.index = app.globalData.index + 1
 		app.globalData.product = app.globalData.list[app.globalData.index]
 		wx.redirectTo({

pages/order/scene/index.wxml

@@ -52,10 +52,39 @@
     <view class="fixed-price-box" wx:else><text>合计：</text><text
         class="price">¥{{((singlePrice * productNum - (coupon?coupon.activity.money:0))>0?(singlePrice * productNum - (coupon?coupon.activity.money:0)):0)/ 100}}</text>
     </view>
-    <view class="fixed-btn" bindtap="order">下一步</view>
+    <view class="fixed-btn" bindtap="next">下一步</view>
   </view>
   <view class="fixed-bottom yuyue-box" wx:else>
     <view class="fixed-btn yuyue-btn" bindtap="order" wx:if="{{type=='museum'}}">立即预约</view>
     <view class="fixed-btn yuyue-btn" bindtap="activityOrder" wx:else>立即预约</view>
   </view>
+  <view class="mask" style="align-items:flex-end" wx:if="{{showMask}}">
+  <view class="mask-bg" bindtap="cancel"></view>
+  <view class="mask-content1">
+      <view class="dialog-top">
+        <view class="scene-title">拙政园-旺季成人票</view>
+        <view class="people-message">出行人信息</view>
+        <view style="max-height:430rpx;overflow: scroll;">
+          <view class="people" wx:for="{{linkmanList}}">
+            <view class="flex">
+              <view>姓名：</view>
+              <view style="color: #333;">{{item.name}}</view>
+            </view>
+            <view class="flex" style="margin: 19.33rpx 0;">
+              <view>身份证：</view>
+              <view style="color: #333;">{{item.id_number}}</view>
+            </view>
+            <view class="flex">
+              <view>手机号：</view>
+              <view style="color: #333;">{{item.tel}}</view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="bottom-btn">
+        <view class="cancle" bindtap="cancel">取消</view>
+        <view class="confirm" bindtap="order">无问题，去支付</view>
+      </view>
+  </view>
+</view>
 </view>

pages/order/scene/index.wxss

@@ -276,4 +276,68 @@ page {
 .mask-allowance .mask-content .rule-title {
   text-align: center;
   margin-bottom: 20rpx;
+}
+
+.dialog-top {
+  color: #999;
+  font-weight: 500;
+  padding: 40rpx 33.33rpx 0;
+}
+
+.scene-title {
+  font-size: 35rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 32.67rpx;
+}
+
+.people-message {
+  margin-bottom: 26.67rpx;
+  /* padding-bottom: 26.67rpx; */
+  /* border-bottom: 1px solid #F0F0F0; */
+  font-weight: bold;
+  font-size: 32rpx;
+}
+
+.people {
+  border-top: 1rpx solid #F0F0F0;
+  padding: 26.67rpx 0 24rpx;
+}
+
+.flex {
+  display: flex;
+}
+
+.bottom-btn {
+  display: flex;
+  border-top: 1rpx solid #F0F0F0;
+  height: 96rpx;
+  /* padding: 32.67rpx 0; */
+}
+
+.cancle {
+  width: 50%;
+  color: #999;
+  text-align: center;
+  line-height: 96rpx;
+}
+
+.confirm {
+  width: 50%;
+  text-align: center;
+  color: #D62828;
+  line-height: 96rpx;
+  border-left: 1rpx solid #F0F0F0;
+}
+
+.mask-content1 {
+  max-height: 710rpx;
+  position: relative;
+  z-index: 1;
+  width: 80%;
+  background: white;
+  border-radius: 12rpx;
+  /* margin-bottom: 45%; */
+  overflow-y: auto;
+  margin: auto;
 }