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.
81 lines
3.7 KiB
81 lines
3.7 KiB
<navbar fixed title="突眼日记" custom-style="background:{{background}}"> |
|
<van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" /> |
|
</navbar> |
|
|
|
<view class="container" style="padding-top:{{pageTop+20}}px;"> |
|
<!-- 基准照片设置卡片 - 未设置状态 --> |
|
<view wx:if="{{!hasBaseline}}" class="setting-card-empty" bindtap="addRecord"> |
|
<view class="setting-header"> |
|
<view class="setting-title"> |
|
<image class="icon" src="{{imageUrl}}icon144.png?t={{Timestamp}}"></image> |
|
<text>基准照片设置</text> |
|
</view> |
|
<view class="setting-status">待设置</view> |
|
</view> |
|
<view class="setting-desc">请先上传一组完整的照片作为基准，后续记录将以此为参照进行对比。</view> |
|
</view> |
|
|
|
<!-- 基准照片设置卡片 - 已设置状态 --> |
|
<view wx:if="{{hasBaseline}}" class="setting-card" bindtap="viewBaselineDetail"> |
|
<view class="setting-header"> |
|
<view class="setting-title"> |
|
<image class="icon" src="{{imageUrl}}icon143.png?t={{Timestamp}}"></image> |
|
<text>基准照片设置</text> |
|
</view> |
|
</view> |
|
<view class="setting-body"> |
|
<image class="photo" mode="aspectFill" src="{{baselinePhotoUrl || imageUrl + 'icon143.png?t=' + Timestamp}}"></image> |
|
<view class="wrap"> |
|
<view class="name">已设置基准照</view> |
|
<view class="date">记录日期：{{baselineDate}}</view> |
|
</view> |
|
<view class="more">查看</view> |
|
</view> |
|
</view> |
|
|
|
<!-- 功能按钮区 --> |
|
<view class="action-buttons"> |
|
<view class="action-btn primary" bindtap="addRecord" style="background: url('{{imageUrl}}bg57.png?t={{Timestamp}}') no-repeat top center/100%;"> |
|
<image class="btn-icon" src="{{imageUrl}}icon147.png?t={{Timestamp}}"></image> |
|
<text class="btn-text">新增记录</text> |
|
</view> |
|
<view class="action-btn secondary" bindtap="comparePhotos"> |
|
<image class="btn-icon" src="{{imageUrl}}icon145.png?t={{Timestamp}}"></image> |
|
<text class="btn-text">照片对比</text> |
|
</view> |
|
</view> |
|
|
|
<!-- 历史记录 --> |
|
<view class="history-section"> |
|
<view class="section-title"> |
|
<view class="title-bar"></view> |
|
<text>历史记录</text> |
|
</view> |
|
|
|
<!-- 空状态 --> |
|
<view wx:if="{{recordList.length === 0 && !loading}}" class="history-empty"> |
|
<image class="icon" src="{{imageUrl}}icon146.png?t={{Timestamp}}"></image> |
|
<text class="empty-text">暂无记录，点击上方按钮开始</text> |
|
</view> |
|
|
|
<!-- 记录列表 --> |
|
<view wx:if="{{recordList.length > 0}}" class="history-list"> |
|
<view class="list-item" wx:for="{{recordList}}" wx:key="recordId" data-record-id="{{item.recordId}}" bind:tap="handleHistory"> |
|
<view wx:if="{{item.isBaseline === 1}}" class="benchmark" style="background: url('{{imageUrl}}bg50.png?t={{Timestamp}}') no-repeat top center/100%">基准照</view> |
|
<image class="photo" mode="aspectFill" src="{{item.firstPhotoUrl || imageUrl + 'icon143.png?t=' + Timestamp}}"></image> |
|
<view class="wrap"> |
|
<view class="date">{{item.recordDate}}</view> |
|
<view class="tag" wx:if="{{item.treatmentCount > 0}}">替妥尤单抗:{{item.treatmentCount >= 9 ? '>8' : item.treatmentCount}}</view> |
|
<view class="rotate">已上传{{item.photoCount}}个角度</view> |
|
</view> |
|
<image class="more" src="{{imageUrl}}icon148.png?t={{Timestamp}}"></image> |
|
</view> |
|
</view> |
|
|
|
<!-- 分页状态 --> |
|
<view wx:if="{{recordList.length > 0}}" class="list-footer"> |
|
<view wx:if="{{loading}}" class="footer-text">加载中...</view> |
|
<view wx:elif="{{!hasMore}}" class="footer-text">没有更多了</view> |
|
</view> |
|
</view> |
|
</view>
|
|
|