chenglijuan
91 lines
3.2 KiB
Plaintext
91 lines
3.2 KiB
Plaintext
<view class="page">
|
|
<!-- 加载中 -->
|
|
<view class="loading" wx:if="{{loading}}">
|
|
<text class="loading-icon">⏳</text>
|
|
<text class="loading-text">加载中...</text>
|
|
</view>
|
|
|
|
<!-- 错误提示 -->
|
|
<view class="error" wx:if="{{error}}">
|
|
<text class="error-icon">❌</text>
|
|
<text class="error-text">{{error}}</text>
|
|
</view>
|
|
|
|
<!-- 预约记录详情 -->
|
|
<view class="record-detail" wx:if="{{!loading && !error && record}}">
|
|
<view class="detail-header">
|
|
<view class="title">预约详情</view>
|
|
<view class="status-tag status-{{record.status}}">{{record.statusText}}</view>
|
|
</view>
|
|
|
|
<view class="detail-section">
|
|
<view class="section-title">访客信息</view>
|
|
<view class="detail-row">
|
|
<text class="detail-label">姓名</text>
|
|
<text class="detail-value">{{record.name}}</text>
|
|
</view>
|
|
<view class="detail-row">
|
|
<text class="detail-label">手机号</text>
|
|
<text class="detail-value">{{record.phone}}</text>
|
|
</view>
|
|
<view class="detail-row">
|
|
<text class="detail-label">所属公司</text>
|
|
<text class="detail-value">{{record.company}}</text>
|
|
</view>
|
|
<view class="detail-row">
|
|
<text class="detail-label">来访事由</text>
|
|
<text class="detail-value">{{record.reason}}</text>
|
|
</view>
|
|
<view class="detail-row" wx:if="{{record.plateNumber}}">
|
|
<text class="detail-label">车牌号</text>
|
|
<text class="detail-value">{{record.plateNumber}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="detail-section">
|
|
<view class="section-title">预约信息</view>
|
|
<view class="detail-row">
|
|
<text class="detail-label">来访日期</text>
|
|
<text class="detail-value">{{record.date}}</text>
|
|
</view>
|
|
<view class="detail-row">
|
|
<text class="detail-label">来访时间</text>
|
|
<text class="detail-value">{{record.time}}</text>
|
|
</view>
|
|
<view class="detail-row">
|
|
<text class="detail-label">创建时间</text>
|
|
<text class="detail-value">{{record.createTime}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="detail-section">
|
|
<view class="section-title">被访人信息</view>
|
|
<view class="detail-row">
|
|
<text class="detail-label">被访人姓名</text>
|
|
<text class="detail-value">{{record.hostName}}</text>
|
|
</view>
|
|
<view class="detail-row">
|
|
<text class="detail-label">拜访区域</text>
|
|
<text class="detail-value">{{record.area}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 核销状态 -->
|
|
<view class="check-section">
|
|
<view class="detail-row">
|
|
<text class="detail-label">核销状态</text>
|
|
<text class="check-status {{record.isChecked ? 'checked' : 'unchecked'}}">{{record.checkStatusText}}</text>
|
|
</view>
|
|
<button
|
|
wx:if="{{!record.isChecked && record.status === 'approved'}}"
|
|
class="verify-btn"
|
|
bindtap="handleVerify"
|
|
loading="{{verifying}}"
|
|
disabled="{{verifying}}"
|
|
>核销到访</button>
|
|
<view wx:elif="{{record.isChecked}}" class="verified-tip">
|
|
<text>该预约记录已核销</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |