feat: 新增预约二维码弹窗功能

pages/index/index.wxml

@@ -45,8 +45,14 @@
     <!-- 最新预约摘要 -->
     <view class="latest-card" wx:if="{{latestRecord}}">
       <view class="latest-header">
-        <text class="latest-title">最新预约</text>
-        <view class="status-tag status-{{latestRecord.status}}">{{latestRecord.statusText}}</view>
+        <view style="display: flex; align-items: center;">
+          <text style="margin-right: 10px;" class="latest-title"> 最新预约</text>
+          <view wx:if="{{latestRecord.status === 'approved'}}" class="qrcode-btn" catchtap="showQrcode" data-id="{{latestRecord._id}}">出示凭证</view>
+        </view>
+        <view class="latest-header-right">
+
+          <view class="status-tag status-{{latestRecord.status}}">{{latestRecord.statusText}}</view>
+        </view>
       </view>
       <view class="latest-body">
         <view class="latest-row">
@@ -75,4 +81,7 @@
   <view class="footer">
     <text class="footer-text">协能工厂 · 访客管理</text>
   </view>
-</view>
+
+  <!-- 二维码弹窗 -->
+  <qrcode-modal visible="{{qrcodeVisible}}" qrcode-id="{{qrcodeId}}" bind:close="hideQrcode" />
+</view>