<view class="{{['record-container', virtualHostClass]}}" style="{{virtualHostStyle}}" hidden="{{virtualHostHidden || false}}" id="{{i}}"><view class="filter-bar"><view class="type-filter"><text wx:for="{{a}}" wx:for-item="type" wx:key="b" class="{{[type.c && 'active']}}" bindtap="{{type.d}}">{{type.a}}</text></view></view><scroll-view scroll-y class="record-list" refresher-enabled refresher-triggered="{{f}}" bindrefresherrefresh="{{g}}" bindscrolltolower="{{h}}"><view wx:for="{{b}}" wx:for-item="record" wx:key="q" class="record-item card"><view class="header"><view class="vaccine-info"><text class="name">{{record.a}}</text><text class="{{['status', record.c]}}">{{record.b}}</text></view><text class="time">{{record.d}}</text></view><view class="clinic-info"><image src="{{record.e}}" mode="aspectFit" class="logo"/><view class="info"><text class="name">{{record.f}}</text><text class="address">{{record.g}}</text></view></view><view class="detail-info"><view class="info-item"><text class="label">接种人</text><text class="value">{{record.h}}</text></view><view class="info-item"><text class="label">接种剂次</text><text class="value">{{record.i}}</text></view><view class="info-item"><text class="label">疫苗批号</text><text class="value">{{record.j}}</text></view></view><view class="footer"><view class="fee-info"><text class="label">接种费用</text><text wx:if="{{record.k}}" class="price">MOP {{record.l}}</text><text wx:else class="free">免费</text></view><view class="actions"><button wx:if="{{record.m}}" class="action-btn" bindtap="{{record.n}}">取消预约</button><button wx:if="{{record.o}}" class="action-btn" bindtap="{{record.p}}">查看证明</button></view></view></view><view wx:if="{{c}}" class="load-more"><text>加载中...</text></view><view wx:if="{{d}}" class="empty-state"><image src="{{e}}" mode="aspectFit"/><text>暂无接种记录</text></view></scroll-view></view>
|
