You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
2.5 KiB
60 lines
2.5 KiB
<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>
|
|
</view>
|
|
|
|
<view class="footer">
|
|
<text class="footer-text">技术支持：四川又鸟蛋贸易有限公司</text>
|
|
</view>
|
|
</view>
|