f

src/pages.json

@@ -255,4 +255,4 @@
       }
     ]
   }
-}
+}

src/pages/promote/report.vue

@@ -27,6 +27,7 @@ const productConfig = ref(null)
 const fullLink = ref('')
 const featureData = ref({})
 const showQRcode = ref(false)
+const showExampleQrPopup = ref(false)
 
 const logoMap = {
   riskassessment: '/static/promote/personal_data_logo.png',
@@ -192,7 +193,11 @@ function onUpdateShowQRcode(v) {
 
 function toExample() {
   if (!currentFeature.value) return
-  uni.showToast({ title: '示例报告功能敬请期待', icon: 'none' })
+  showExampleQrPopup.value = true
+}
+
+function closeExampleQrPopup() {
+  showExampleQrPopup.value = false
 }
 
 onLoad((options) => {
@@ -291,6 +296,29 @@ onMounted(() => {
       @change="onPriceChange"
     />
     <QRcode :show="showQRcode" :full-link="fullLink" @update:show="onUpdateShowQRcode" />
+
+    <view
+      v-if="showExampleQrPopup"
+      class="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
+      @click.self="closeExampleQrPopup"
+    >
+      <view class="mx-4 rounded-2xl bg-white p-6 shadow-xl" @click.stop>
+        <view class="text-center text-lg font-bold text-gray-800 mb-2">示例报告</view>
+        <view class="text-center text-sm text-gray-500 mb-4">请长按识别下方二维码查看示例</view>
+        <image
+          src="/static/me/official_qrcode.jpg"
+          class="w-56 h-56 mx-auto block rounded-lg bg-gray-100"
+          mode="aspectFit"
+          show-menu-by-longpress
+        />
+        <button
+          class="mt-4 w-full rounded-full py-2.5 text-base font-medium text-white bg-blue-500"
+          @click="closeExampleQrPopup"
+        >
+          关闭
+        </button>
+      </view>
+    </view>
   </view>
 </template>