团检套餐 弹出额度剩余提醒

h5/pages/main/tj/tjxq.vue

@@ -36,6 +36,8 @@
 	let status = ref(0); // 1个检套餐 2个检自选 3团检套餐 4团检自选
 	let buyText = ref("立即购买"); // 购买按钮文字
 	let notice = ref({}); // 体检须知
+	let losePrice = ref(0); // 剩余金额
+	let popupTip = ref(null); // 剩余额度提示弹窗
 
 	const GetReadmeDetails = async () => {
 		const response = await $api("GetReadme");
@@ -124,7 +126,12 @@
 	};
 
 	const buy = () => {
+		
 		if (tabIndex.value == 0) {
+			if (losePrice.value > 0 && groupId.value.length>0) {
+			  popupTip.value.open("center"); // 弹剩余额度提醒
+			  return;
+			}
 			GetReadmeDetails();
 		}
 		if (tabIndex.value == 1 && buyText.value == "立即购买") {
@@ -172,6 +179,7 @@
 					status.value = 3;
 				}
 			}
+			losePrice.value = response.data.lose_price;
 			comboInfo.value = response.data.combo_info;
 			itemsInfo.value = response.data.items_info;
 			totalPrice.value = response.data.true_price;
@@ -199,7 +207,10 @@
 			mountedAction();
 		}
 	};
-
+    const toreadme=()=>{
+		GetReadmeDetails();
+		 popupTip.value.close()
+	}
 	onShow(() => {
 		if (!!config_ref.value) {
 			mountedAction();
@@ -207,6 +218,33 @@
 	});
 </script>
 <template>
+	<uni-popup ref="popupTip">
+	  <view
+	    class="mb-70rpx bg-#fff text-center box-border pt-80rpx pb-50rpx px-65rpx w-90vw rounded-15rpx"
+	  >
+	    <view
+	      class="w-full text-center text-##090909 text-26rpx line-height-[50rpx]"
+	      >您还剩余
+	      {{ losePrice }}
+	      元体检额度尚未使用，确认提交后剩余体检额度将无法使用!</view
+	    >
+	    <view class="mt-50rpx between">
+	      <button
+	        type="primary"
+	        @click="toreadme()"
+	        class="w-196rpx h-68rpx center text-#fff text-24rpx !bg-#239EA3 rounded-8rpx"
+	      >
+	        我想好了
+	      </button>
+	      <button
+	        @click="popupTip.close()"
+	        class="w-196rpx h-68rpx center text-#239EA3 text-24rpx !bg-#D9F3F2 rounded-8rpx"
+	      >
+	        我再想想
+	      </button>
+	    </view>
+	  </view>
+	</uni-popup>
 	<DraggableButton />
 	<view>
 		<view v-if="!!$store.config">