|
|
|
|
<view class="page">
|
|
|
|
|
<view class="container" wx:if="{{!loading && photos.length > 0}}">
|
|
|
|
|
<view class="title">
|
|
|
|
|
{{photoAngleName}}时间线对比
|
|
|
|
|
<view class="date">生成日期:{{photos[0].recordDate}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="card" wx:for="{{photos}}" wx:key="photoId" data-index="{{index}}">
|
|
|
|
|
<view class="aside">
|
|
|
|
|
<view class="circle"></view>
|
|
|
|
|
<view class="line-bottom"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="c-container">
|
|
|
|
|
<view class="c-header">
|
|
|
|
|
<view class="date">{{item.isBaseline === 1 ? '基准照片' : '对比照片'}} {{item.recordDate}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="tags">
|
|
|
|
|
<view wx:if="{{item.isBaseline === 1}}" class="tag tag1">基准照片</view>
|
|
|
|
|
<view class="tag tag2">替妥尤单抗:{{item.treatmentCount}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="photo-card">
|
|
|
|
|
<image class="photo" src="{{item.photoUrl}}" mode="aspectFill"></image>
|
|
|
|
|
<view class="mask" wx:if="{{!item.isCropped}}" bind:tap="handleCrop" data-index="{{index}}">
|
|
|
|
|
<image class="icon" src="{{imageUrl}}icon165.png?t={{Timestamp}}"></image>
|
|
|
|
|
点击裁剪
|
|
|
|
|
</view>
|
|
|
|
|
<view class="mask" wx:else bind:tap="handleRestore" data-index="{{index}}">
|
|
|
|
|
<image class="icon" src="{{imageUrl}}icon166.png?t={{Timestamp}}"></image>
|
|
|
|
|
点击还原
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="footer">
|
|
|
|
|
<view class="btn1" bind:tap="handleMergePreview">对比图预览</view>
|
|
|
|
|
<view class="btn2" bind:tap="handleSaveAlbum">保存到相册</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 加载中 -->
|
|
|
|
|
<view class="loading" wx:if="{{loading}}">
|
|
|
|
|
<van-loading type="spinner" color="#8c75d0"></van-loading>
|
|
|
|
|
<text class="loading-text">加载中...</text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 空状态 -->
|
|
|
|
|
<view class="empty" wx:if="{{!loading && photos.length === 0}}">
|
|
|
|
|
<image class="empty-icon" src="{{imageUrl}}none3.png?t={{Timestamp}}"></image>
|
|
|
|
|
<text class="empty-text">暂无对比照片</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<imageMerge id="merge" bindsave="onMergeSave" binderror="onMergeError" />
|