321

components/com/index/ReservationPopup.vue

@@ -105,12 +105,11 @@
 					style="height: 80rpx; flex: 3; background-color: #1989FA; border-radius: 10rpx; margin-left: 20rpx;">
 					<text style="font-size: 24rpx; font-weight: 600; color: white;">取消组局</text>
 				</view>
-				<view class="center"
+				<button @click.stop open-type="share" style=" background-color:#00AC4E;color: #fff; height: 80rpx; flex: 1; background-color:#00AC4E; border-radius: 10rpx;margin-left: 20rpx;" class="center evaluate-btn"
-					style="height: 80rpx; flex: 1; background-color:#00AC4E; border-radius: 10rpx;margin-left: 20rpx;">
+					:data-item="reservation">
-					<text style="font-size: 24rpx; font-weight: 600; color: white;">分享</text>
+					<text class="evaluate-btn-text">分享</text>
-					<button style="width:100%;height:80rpx;position: absolute; background-color: transparent;"
+				</button>
-						open-type="share" :data-item="reservationData" @click.stop></button>
+			 
-				</view>
 			</view>
 			<view class="row" v-if="isAddhandleJoin == 3" style="width: 100%; margin-top: 30rpx;">
 				<view class="center" @click="close"

components/com/page/qiandao-popup.vue

@@ -32,7 +32,6 @@
 				</view>
 			</view>
 		</view>
-
 	</uni-popup>
 </template>
 

pages/appointment/appointment-page.vue

@@ -101,7 +101,8 @@
 				<text style="margin: 20rpx; color: white;">发起预约</text>
 			</view>
 
-			<view class="center note-container">
+			<view class="center note-container" @click="tipsShow">
+
 				<text class="muted-text">组局成功后，发起者可通过店员领取线下红包</text>
 			</view>
 
@@ -111,6 +112,32 @@
 		<up-picker title="年龄范围选择" :show="agePickerVisible" :columns="agePickerColumns" :keyName="'text'"
 			:defaultIndex="agePickerDefaultIndex" @confirm="onAgePickerConfirm" @cancel="() => agePickerVisible = false"
 			@close="() => agePickerVisible = false"></up-picker>
+
+		<uni-popup ref="submitPopupRef" type="center">
+
+			<view style="width: 90vw;height:300rpx;background-color: #fff;border-radius: 20rpx;">
+				<view>
+					<view style="height: 80rpx;"></view>
+					<view style="font-size: 32rpx;font-weight: 500;color: #000;text-align: center;">发起预约成功！</view>
+					<view style="height:100rpx;"></view>
+					<view style="display: flex;width: 100%;height:100rpx;">
+						<button @click.stop open-type="share"
+							style=" background-color:#00AC4E;color: #fff;width: 50%;height: 100%; background-color:#00AC4E;"
+							class="center evaluate-btn" :data-item="reservation">
+							<text class="evaluate-btn-text">分享给好友</text>
+						</button>
+ 
+						<view
+							style="width: 50%;height: 100%;background-color: #f7f7f7;display: flex;align-items: center;justify-content: center;"
+							@click="submitPopupRef.close();">
+							<text>关闭</text>
+						</view>
+					</view>
+
+				</view>
+			</view>
+		</uni-popup>
+
 	</com-page-container-base>
 
 </template>
@@ -137,6 +164,11 @@ import {
 	forEach,
 	union
 } from 'lodash';
+import {
+
+	getDetail
+} from '@/common/server/index'
+
 import TimeSelectCell from '@/components/com/appointment/time-select-cell.vue'
 import LabelField from '@/components/com/appointment/label-field.vue'
 import LabelSlectField from '@/components/com/appointment/label-slect-field.vue'
@@ -148,11 +180,12 @@ import {
 	getReservationRoomList, addSQReservation, cancelReservation, canCreateSQReservation
 } from '@/common/server/interface/sq'
 const _containerBase = ref(null)
+const submitPopupRef = ref(null)
 // 年龄选择器状态
 const agePickerVisible = ref(false)
 const agePickerColumns = ref([[], []])
 const agePickerDefaultIndex = ref([0, 0])
-
+const reservationData = ref(null)
 const lineHeight = ref("15rpx")
 const timeRange = ref(["2小时", "3小时", "4小时", "自定义"])
 const timeRangeValue = ref("")
@@ -200,6 +233,9 @@ const onTimeRangeChange = async (val) => {
 const getRoomPickerName = () => {
 	return reservationInfo.value.room_name;
 }
+const tipsShow = () => {
+	submitPopupRef.value.open()
+}
 
 const openUpDatesTimePicker = async (isManual = true) => {
 	var now = reservationInfo.value.start_time * 1000;
@@ -513,8 +549,6 @@ const submitReservation = async () => {
 			return
 		}
 
-
-
 		var resPay = null;
 		if (submitData.deposit_fee > 0) {
 			resPay = await usePay(submitData.deposit_fee);
@@ -561,12 +595,19 @@ const submitReservation = async () => {
 			}
 			console.log("payRes", payRes);
 		}
-		// 提交成功
+		var share_id = result.data;
-		uni.showToast({
+		var detailData = await getDetail(share_id);
-			title: '预约提交成功',
+		if (detailData != null) {
-			icon: 'success'
+			reservationData.value = detailData;
-		})
+			tipsShow();
+		} else {
 
+			// 提交成功
+			uni.showToast({
+				title: '预约提交成功',
+				icon: 'success'
+			})
+		}
 		// 可以跳转到其他页面或重置表单
 		// uni.navigateBack() // 返回上一页
 		// 或者重置表单