提交预约前判断类型给出婚检提示

h5/pages/main/tjyy/tjyy.vue

@@ -30,7 +30,7 @@ let yucunkuan = ref(0); // 计算后的预存款
 let jifen = ref(0); // 计算后的可用积分
 let keyong_jifen = ref(0); // 可用积分
 let erxianInfo=ref(null);
-
+let TiShiPopupRef=ref(null);
 const mountedAction = async () => {
   uni.showLoading({
     title: "加载中",
@@ -266,6 +266,19 @@ const getnmrList = async () => {
   });
 };
 
+
+let checkup_type_id=$store.getCheckupTypeId()?.id
+let NextStatus=ref(true)
+const toNext=()=>{
+	NextStatus.value=true
+	if(checkup_type_id==4){
+		  NextStatus.value=false;
+		  TiShiPopupRef.value.open();
+		  return false;
+	}
+	comfrimyy()
+}
+
 const comfrimyy = async () => {
   let plan_id = "";
   let plan_nmr_id = "";
@@ -279,6 +292,7 @@ const comfrimyy = async () => {
     }
   }
   
+
   if (yytjInfo.value?.nmr_list?.length > 1) {
     plan_nmr_id = yytjInfo.value?.nmr_list[0]?.id;
   }
@@ -426,6 +440,14 @@ const toRouter = (url, status, index) => {
 </script>
 <template>
   <DraggableButton />
+  <uni-popup ref="TiShiPopupRef" style="z-index: 999;">
+  	<view class="tishi_main">
+  		<view class="tishi_title">提示</view>
+  		<!-- <view class="tishi_title2">专家定制套餐</view> -->
+  		<view class="tishi_content">请您的配偶在15分钟内完成预约，否则本次预约将会失效，如有支付，金额会原路退回</view>
+  		<view class="tishi_button" @click="comfrimyy()">我已知晓</view>
+  	</view>
+  </uni-popup>
   <uni-popup ref="popup">
     <view
       class="center relative px-10rpx pb-30rpx text-36rpx bg-#fff rounded-t-15rpx box-border col"
@@ -840,7 +862,7 @@ const toRouter = (url, status, index) => {
           <text>{{ netReceiptsPrice }}</text>
         </view>
         <button
-          @click="comfrimyy"
+          @click="toNext()"
           class="w-276rpx h-76rpx center text-#fff text-30rpx rounded-full bg-#239EA3 !m-0"
         >
           提交预约
@@ -850,6 +872,41 @@ const toRouter = (url, status, index) => {
   </view>
 </template>
 <style scoped lang="scss">
+	.tishi_main{
+		background-color: #fff;
+		padding: 40rpx 50rpx;
+		width:600rpx;
+		border-radius: 40rpx;
+	}
+	.tishi_button{
+		width: 365rpx;
+		background-color: #009da5;
+		color:#fff;
+		text-align: center;
+		padding-top: 10rpx;
+		padding-bottom: 10rpx;
+		border-radius: 40rpx;
+		margin: 40rpx auto 10rpx auto;
+	}
+	.tishi_title{
+		text-align: center;
+		font-size: 30rpx;
+		font-weight: 600;
+		color:#2b2827;
+	}
+	.tishi_title2{
+		font-size: 28rpx;
+		margin-top: 30rpx;
+		font-weight: 600;
+		color:#3a3635;
+		border-left: 3px solid #009da5;
+		padding-left: 5rpx;
+	}
+	.tishi_content{
+		font-size: 28rpx;
+		margin-top: 30rpx;
+		color:#474241;
+	}
 .activeTime {
   background-color: #239ea3;
   color: #fff;