[绑定关系，弹框]

pages/report/detail/detail.js

@@ -33,15 +33,22 @@ Page({
 
         buttonLeft: 100,
         progress: 100, // 进度条的宽度，这里的单位是px，所以在wxml文件中要改为rpx
-        precent: 50 // 这个是百分比
+        precent: 50, // 这个是百分比
+
+        refertoStatus: false
     },
 
     onLoad(options) {
-        console.log(options)
         this.setData({
             Type: options.type
         })
 
+        if(this.data.Type == '1' || this.data.Type == '2') {
+            this.setData({
+                refertoStatus: true
+            })
+        }
+
         this.setData({
             imageId:　options.image_id
         })
@@ -158,4 +165,13 @@ Page({
             isFixedTop: parseInt(e.scrollTop)
         });
     },
+
+    /**
+     * 关闭弹框，跳转首页
+     */
+    refertoTap() {
+        this.setData({
+            refertoStatus: false
+        })
+    }
 })

pages/report/detail/detail.wxml

@@ -381,12 +381,25 @@
     <!-- 按钮 -->
     <view class="footer {{footerPop ? 'active' : ''}}">
         <view class="footer-flex" wx:if="{{Type == '1' || Type == '2'}}">
-            <navigator hover-class="none" url="/pages/index/index" class="footer-flex-btn footer-flex-share" open-type="switchTab">返回首页</navigator>
-            <navigator hover-class="none" url="/pages/mall/index" open-type="switchTab" class="footer-flex-btn">产品推荐</navigator>
+            <navigator hover-class="none" url="/pages/recruit/index" class="footer-flex-btn footer-flex-share" open-type="switchTab">回到体验官</navigator>
         </view>
         <view class="footer-flex" wx:else>
             <navigator hover-class="none" url="../share/share" class="footer-flex-btn footer-flex-share">邀请好友</navigator>
             <navigator hover-class="none" url="/pages/mall/index" open-type="switchTab" class="footer-flex-btn">产品推荐</navigator>
         </view>
     </view>
+</view>
+<view class="refertoEject {{refertoStatus ? 'active' : ''}}" catchtouchmove='true'></view>
+<view class="refertoCont {{refertoStatus ? 'active' : ''}}" catchtouchmove='true'>
+    <view class="refertoCont-text">
+        <view class="refertoCont-title">温馨提示</view>
+        <image class="refertoCont-ls" src="/static/imgs/ls.png" mode="widthFix"></image>
+        <view class="refertoCont-tips">
+            您已经成功申请体验官，请在收到产品后进行10天的打卡体验，感谢您的支持
+        </view>
+        <view class="refertoCont-btn" bindtap="refertoTap">
+            我知道了
+        </view>
+    </view>
+    <!-- <image class="refertoCont-close" bindtap="refertoTap" src="https://cdn.shuiganying.com/images/2023/07/07/f9975891c1efa9b5fcd59fe33a75ed60.png" mode="widthFix"></image> -->
 </view>

pages/report/detail/detail.wxss

@@ -616,4 +616,85 @@ page {
 .surveyTop-close image {
     width: 60rpx;
     height: 60rpx;
+}
+
+/* 弹出 */
+.refertoEject {
+    position: fixed;
+    width: 100vw;
+    height: 100vh;
+    left: 0;
+    top: 0;
+    background-color: rgba(0, 0, 0, .6);
+    z-index: 10000;
+    display: none;
+}
+
+.refertoEject.active {
+    display: block;
+}
+
+.refertoCont {
+    -webkit-box-orient: vertical;
+    -webkit-box-pack: center;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 100000;
+    padding: 0 15%;
+    box-sizing: border-box;
+    text-align: center;
+    display: none;
+}
+
+.refertoCont.active {
+    display: -webkit-box;
+}
+
+.refertoCont-text {
+    background-color: #ffffff;
+    border-radius: 20rpx;
+    padding: 60rpx 40rpx 40rpx;
+    box-sizing: border-box;
+    margin-bottom: 60rpx;
+    position: relative;
+}
+
+.refertoCont-ls {
+    position: absolute;
+    right: -80rpx;
+    top: -90rpx;
+    width: 250rpx;
+}
+
+.refertoCont-title {
+    text-align: left;
+    font-weight: 600;
+    font-size: 34rpx;
+}
+
+.refertoCont-tips {
+    line-height: 48rpx;
+    margin-top: 60rpx;
+    text-align: justify;
+}
+
+.refertoCont-btn{
+    background-image: linear-gradient(to bottom, #ffb70a, #ff7e1c);
+    color: #fff;
+    display: inline-block;
+    width: 100%;
+    border: 4rpx solid #ffffff;
+    line-height: 78rpx;
+    border-radius: 90rpx;
+    font-size: 28rpx;
+    margin: 40rpx 0 0;
+}
+
+.refertoCont-close {
+    width: 68rpx;
+    display: block;
+    margin: 0 auto;
 }