chenglijuan
82 lines
2.9 KiB
Plaintext
82 lines
2.9 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>
|
|
|
|
<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="detail-section">
|
|
<view class="detail-row">
|
|
<text class="detail-label">核销状态</text>
|
|
<text class="detail-value {{record.checkStatus === '1' ? 'text-success' : 'text-warning'}}">{{record.checkStatusText}}</text>
|
|
</view>
|
|
<view class="verify-btn-wrap" wx:if="{{record.checkStatus === '0'}}">
|
|
<view class="verify-btn {{verifying ? 'verify-btn-disabled' : ''}}" bindtap="onVerify">
|
|
{{verifying ? '核销中...' : '确认核销'}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |