Mini-Program/pages/qrcode/index.wxml

<view class="container">
  <view class="user-info">
    <view class="user-info-header">
      <text class="user-info-title">登录信息</text>
    </view>
    <view class="user-info-content">
      <text class="user-info-item">职位：<text class="user-info-value">{{userInfo.projectName}}</text></text>
      <text class="user-info-item">姓名：<text class="user-info-value">{{userInfo.name}}</text></text>
      <text class="user-info-item">电话：<text class="user-info-value">{{userInfo.phoneNumber}}</text></text>
    </view>
  </view>

  <view class="header">
    <text class="header-title">生成邀请二维码</text>
    <text class="header-subtitle">创建一个二维码，邀请他人填写合格证信息</text>
  </view>
  
  <view class="info-box">
    <text class="info-box-title">使用说明</text>
    <text class="info-box-item">1. 点击下方按钮生成邀请二维码</text>
    <text class="info-box-item">2. 将生成的二维码分享给需要填写信息的人</text>
    <text class="info-box-item">3. 对方扫描二维码后，填写完整的合格证信息并提交</text>
    <text class="info-box-item">4. 您可以扫描下方二维码查看和导出已填写的信息</text>
  </view>
  
  <view class="qr-container">
    <text class="qr-container-title">📝 邀请二维码</text>
    <view wx:if="{{qrCodeUrl}}" class="qrcode-image">
      <image 
        src="{{qrCodeUrl}}" 
        mode="aspectFit"
        bindload="onImageLoad"
        binderror="onImageError"
        bindlongpress="onQRCodeLongPress"
      ></image>
      <view wx:if="{{imageLoading}}" class="image-loading">
        <text>加载中...</text>
      </view>
      <view wx:if="{{imageError}}" class="image-error">
        <text>加载失败，请重试</text>
      </view>
    </view>
    <view wx:else class="qrcode-placeholder">
      <text class="placeholder-text">二维码将显示在这里</text>
    </view>
    <view class="qr-info">
      <text class="qr-info-title">作用：邀请他人填写合格证信息</text>
      <text class="qr-info-subtitle">扫描此二维码进入信息填写页面</text>
    </view>
  </view>
  
  <view class="action-buttons">
    <button class="action-btn primary" bindtap="generateQRCode">生成邀请二维码</button>
    <button wx:if="{{qrCodeUrl}}" class="action-btn primary" bindtap="shareQRCode">分享二维码</button>
    <button class="action-btn primary" bindtap="goToQrCollection">二维码合集</button>
  </view>
  
  <view class="footer">
    <text class="footer-text">技术支持：四川又鸟蛋贸易有限公司</text>
  </view>
</view>