修改

pages/jiuzhai/jz_Reserve.vue

 <style>
 .jz_Reserve {
   padding-bottom: 180rpx;
+  background-color: #fff;
 }
 .jz_ReserTop {
   width: 100%;
@@ -113,6 +114,7 @@
 .jz_form {
   margin-top: 60rpx;
   padding: 0 45rpx;
+  
 }
 .jz_form .form-items {
   margin-bottom: 20rpx;
@@ -131,6 +133,7 @@
   font-weight: 600;
   margin-right: 60rpx;
   flex-shrink: 0;
+  width:56px;
 }
 .jz_form .form-items .val {
   flex: 1;
@@ -239,6 +242,25 @@
   line-height: 40rpx;
   margin-right: 24rpx;
 }
+.jz_GuestList{
+	box-shadow: 0px 2px 15px 0px rgba(76, 76, 76, 0.13);
+	padding:20rpx;
+	margin:25rpx;
+	border-radius: 25rpx;
+}
+.jz_GuestList .form-items:last-child{
+	margin-bottom:0;
+	padding-bottom:6rpx;
+}
+.jz_TextArea{
+	height: 50px;
+	margin-bottom:10px;
+	width:auto;
+	border: 1px solid #DFDDD8;
+	border-radius: 4px;
+	margin:25rpx;
+	padding:20rpx;
+}
 </style>
 <template>
   <view class="jz_Reserve">
@@ -282,14 +304,18 @@
         />即时确认：本产品付款后可快速确认，放心期待您的旅行
       </view>
     </view>
-    <view class="jz_form">
+    <view class="jz_form jz_GuestList" v-for="(subItem,subIndex) in GuestList" :key="subIndex">
+	  <view style="margin:10rpx 0 15rpx 0;">
+		  游客：{{subIndex+1}}
+	  </view>
       <view class="form-items">
         <view class="label">游客姓名</view>
         <view class="val">
           <input
             type="text"
-            v-model="contactName"
-            placeholder="若是多人,输入代表人员即可"
+			:key="subIndex"
+            v-model="subItem.SurName"
+            placeholder="请输入游客姓名"
           />
         </view>
       </view>
@@ -298,12 +324,34 @@
         <view class="val">
           <input
             type="number"
-            v-model="contactMobile"
-            placeholder="输入电话号码"
+            v-model="subItem.MobilePhone"
+            placeholder="请输入联系电话"
           />
         </view>
       </view>
+	  <view class="form-items">
+	    <view class="label">身份证</view>
+	    <view class="val">
+	      <input
+	        type="number"
+	        v-model="subItem.IdCard"
+	        placeholder="请输入身份证号"
+	      />
+	    </view>
+	  </view>
+	  <view class="form-items">
+		<view class="label">学生</view>
+		<view class="val" style="margin-top: -20rpx;">
+			<u-checkbox-group>
+				<u-checkbox v-model="subItem.IsHightSchool"></u-checkbox>
+			</u-checkbox-group>
+		</view>
+	  </view>
     </view>
+	<view>
+		<textarea class="jz_TextArea" placeholder="请输入备注信息" 
+		v-model="Remarks"/>
+	</view>
     <view class="empty-block"></view>
     <!-- <view class="jz_ReseOrder">
 			<view class="jz_ReDix">
@@ -487,6 +535,8 @@ export default {
       contactName: "",
       orderInfo: {},
       orderData: "",
+	  Remarks:"",//备注
+	  GuestList:[]
     };
   },
   created() {
@@ -600,24 +650,56 @@ export default {
             : 0) * this.orderMsg.ChirdNoBedNum;
       }
       this.price = money;
+	  
+	  //根据总人数 生成旅客信息
+	  for(var i=0;i<this.total;i++){
+	    let obj = {
+			Id:0,
+			SurName:"",//姓
+			Name:"",//名
+			IdCard:"",//身份证
+			MobilePhone:"",//联系电话
+			IsHightSchool:false,//是否高校学生1 是  2否
+	    }
+		this.GuestList.push(obj);
+	  }
     },
     //去支付
     goPay() {
-      if (this.contactName == "") {
-        uni.showToast({
-          title: "请输入联系人姓名",
-          icon: "none",
-        });
-      } else if (this.contactMobile == "") {
-        uni.showToast({
-          title: "请输入联系人电话",
-          icon: "none",
-        });
-      } else {
+	  for(var i=0;i<this.GuestList.length;i++){
+		  if(this.GuestList[i].SurName==''){
+			uni.showToast({
+			  title: `请输入游客${i+1}的姓名`,
+			  icon: "none",
+			}); 
+			return
+		  }
+		  if(this.GuestList[i].IdCard==''){
+			uni.showToast({
+			  title: `请输入游客${i+1}的身份证`,
+			  icon: "none",
+			}); 
+			return
+		  }
+		  if(this.GuestList[i].MobilePhone==''){
+			uni.showToast({
+			  title: `请输入游客${i+1}的联系电话`,
+			  icon: "none",
+			}); 
+			return
+		  }
+		}
         this.submit = true;
         this.userInfo = uni.getStorageSync("mall_UserInfo");
         this.basedataObj = uni.getStorageSync("basedata").mall;
-        var CustomerId = this.basedataObj.virtualB2BCustomerId;
+        var CustomerId = this.basedataObj.virtualB2BCustomerId;		
+		this.GuestList.forEach(x=>{
+			if(x.IsHightSchool){
+				x.IsHightSchool=1
+			}else{
+				x.IsHightSchool=2
+			}
+		})
         var ContactName = this.contactName;
         var ContactMobile = this.contactMobile;
         var CustomerType = 4;
@@ -679,15 +761,8 @@ export default {
           OrderSource: 6,
           // #endif
           MiniAppUserId: this.userInfo.UserId,
-		  Remarks:"",//备注
-		  GuestList:[{
-			  Id:0,
-			  SurName:"",//姓
-			  Name:"",//名
-			  IdCard:"",//身份证
-			  MobilePhone:"",//联系电话
-			  IsHightSchool:2,//是否高校学生1 是  2否
-		  }]
+		  Remarks:this.Remarks,//备注
+		  GuestList:this.GuestList
         };
         this.apipost(
           "sellorder_post_SetOrderInfoForB2B",
@@ -712,7 +787,6 @@ export default {
             this.submit = false;
           }
         );
-      }
     },
     // #ifdef MP-WEIXIN
     //微信支付