appointment_system/miniprogram/dist/dev/mp-weixin/pages/me/my-appointments-page.wxml

<view class="content"><view class="header"><view class="status-bar" style="{{'height:' + a}}"></view><view class="header-content"><view class="back-button" bindtap="{{b}}"><image src="/static/ic_back.png" class="back-icon"></image></view><text class="header-title">{{c}}</text><view class="header-placeholder"></view></view></view><view class="tab-container"><view class="{{['tab-item', f && 'active']}}" bindtap="{{g}}"><text class="{{['tab-text', e && 'active']}}">{{d}}</text></view><view class="{{['tab-item', j && 'active']}}" bindtap="{{k}}"><text class="{{['tab-text', i && 'active']}}">{{h}}</text></view><view class="{{['tab-item', n && 'active']}}" bindtap="{{o}}"><text class="{{['tab-text', m && 'active']}}">{{l}}</text></view></view><scroll-view class="appointment-list" scroll-y bindscrolltolower="{{y}}" show-scrollbar="{{false}}"><view wx:for="{{p}}" wx:for-item="item" wx:key="h" class="appointment-item" bindtap="{{item.i}}"><view class="item-title">{{item.a}}</view><view class="item-row"><image src="/static/me_tiem.png" class="item-icon"></image><text class="item-text">{{item.b}}</text></view><view class="item-row"><image src="/static/me_name.png" class="item-icon"></image><text class="item-text">{{item.c}}</text></view><view class="item-row"><image src="/static/me_phone.png" class="item-icon"></image><text class="item-text">{{item.d}}</text></view><view class="item-footer"><text class="view-detail" catchtap="{{item.e}}">{{q}}</text><text class="{{['status-text', item.g]}}">{{item.f}}</text></view></view><view wx:if="{{r}}" class="loading-more"><text class="loading-text">{{s}}</text></view><view wx:if="{{t}}" class="loading-more"><text class="loading-text">{{v}}</text></view><view wx:if="{{w}}" class="empty-state"><text class="empty-icon">📋</text><text class="no-data">{{x}}</text></view></scroll-view><view wx:if="{{z}}" class="detail-mask" bindtap="{{bJ}}"><view class="detail-popup" catchtap="{{bI}}"><view class="popup-header"><text class="popup-title">{{A}}</text><view class="popup-close" bindtap="{{B}}"><image src="/static/ic_colse.png" class="close-icon"></image></view></view><scroll-view class="popup-content" scroll-y><view class="detail-item"><text class="detail-label">服务类型</text><text class="detail-value">{{C}}</text></view><view class="detail-item"><text class="detail-label">姓名</text><text class="detail-value">{{D}}</text></view><view class="detail-item"><text class="detail-label">提交时间</text><text class="detail-value">{{E}}</text></view><view class="detail-item"><text class="detail-label">联系方式</text><text class="detail-value">{{F}}</text></view><view wx:if="{{G}}" class="detail-item"><text class="detail-label">预约日期</text><text class="detail-value">{{H}}</text></view><view wx:if="{{I}}" class="detail-item"><text class="detail-label">行程类型</text><text class="detail-value">{{J}}</text></view><view wx:if="{{K}}" class="detail-item"><text class="detail-label">出发城市</text><text class="detail-value">{{L}}</text></view><view wx:if="{{M}}" class="detail-item"><text class="detail-label">到达城市</text><text class="detail-value">{{N}}</text></view><view wx:if="{{O}}" class="detail-item"><text class="detail-label">出发日期</text><text class="detail-value">{{P}}</text></view><view wx:if="{{Q}}" class="detail-item"><text class="detail-label">返程日期</text><text class="detail-value">{{R}}</text></view><view wx:if="{{S}}" class="detail-item"><text class="detail-label">舱位类型</text><text class="detail-value">{{T}}</text></view><view wx:if="{{U}}" class="detail-item"><text class="detail-label">行李件数</text><text class="detail-value">{{V}}件</text></view><view wx:if="{{W}}" class="detail-item"><text class="detail-label">国家/城市</text><text class="detail-value">{{X}}</text></view><view wx:if="{{Y}}" class="detail-item"><text class="detail-label">酒店名称</text><text class="detail-value">{{Z}}</text></view><view wx:if="{{aa}}" class="detail-item"><text class="detail-label">入住日期</text><text class="detail-value">{{ab}}</text></view><view wx:if="{{ac}}" class="detail-item"><text class="detail-label">退房日期</text><text class="detail-value">{{ad}}</text></view><view wx:if="{{ae}}" class="detail-item"><text class="detail-label">房间数量</text><text class="detail-value">{{af}}间</text></view><view wx:if="{{ag}}" class="detail-item"><text class="detail-label">房间类型</text><text class="detail-value">{{ah}}</text></view><view wx:if="{{ai}}" class="detail-item"><text class="detail-label">是否需要餐食</text><text class="detail-value">{{aj}}</text></view><view wx:if="{{ak}}" class="detail-item"><text class="detail-label">餐食计划</text><text class="detail-value">{{al}}</text></view><view wx:if="{{am}}" class="detail-item"><text class="detail-label">成人人数</text><text class="detail-value">{{an}}人</text></view><view wx:if="{{ao}}" class="detail-item"><text class="detail-label">儿童人数</text><text class="detail-value">{{ap}}人</text></view><view wx:if="{{aq}}" class="detail-item"><text class="detail-label">婴儿人数</text><text class="detail-value">{{ar}}人</text></view><view wx:if="{{as}}" class="detail-item"><text class="detail-label">乘客数量</text><text class="detail-value">{{at}}人</text></view><view wx:if="{{av}}" class="detail-item"><text class="detail-label">机场/航站楼</text><text class="detail-value">{{aw}}</text></view><view wx:if="{{ax}}" class="detail-item"><text class="detail-label">到达航班号</text><text class="detail-value">{{ay}}</text></view><view wx:if="{{az}}" class="detail-item"><text class="detail-label">出发航班号</text><text class="detail-value">{{aA}}</text></view><view wx:if="{{aB}}" class="detail-item"><text class="detail-label">航班号</text><text class="detail-value">{{aC}}</text></view><view wx:if="{{aD}}" class="detail-item"><text class="detail-label">送达地址</text><text class="detail-value">{{aE}}</text></view><view wx:if="{{aF}}" class="detail-item"><text class="detail-label">出发站</text><text class="detail-value">{{aG}}</text></view><view wx:if="{{aH}}" class="detail-item"><text class="detail-label">到达站</text><text class="detail-value">{{aI}}</text></view><view wx:if="{{aJ}}" class="detail-item"><text class="detail-label">座位等级</text><text class="detail-value">{{aK}}</text></view><view wx:if="{{aL}}" class="detail-item"><text class="detail-label">行程</text><text class="detail-value">{{aM}}</text></view><view wx:if="{{aN}}" class="detail-item"><text class="detail-label">儿童年龄</text><text class="detail-value">{{aO}}岁</text></view><view wx:if="{{aP}}" class="detail-item"><text class="detail-label">男孩数量</text><text class="detail-value">{{aQ}}人</text></view><view wx:if="{{aR}}" class="detail-item"><text class="detail-label">女孩数量</text><text class="detail-value">{{aS}}人</text></view><view wx:if="{{aT}}" class="detail-item"><text class="detail-label">医院名称</text><text class="detail-value">{{aU}}</text></view><view wx:if="{{aV}}" class="detail-item"><text class="detail-label">病情描述</text><text class="detail-value">{{aW}}</text></view><view wx:if="{{aX}}" class="detail-item"><text class="detail-label">特殊协助原因</text><text class="detail-value">{{aY}}</text></view><view wx:if="{{aZ}}" class="detail-item"><text class="detail-label">出发地</text><text class="detail-value">{{ba}}</text></view><view wx:if="{{bb}}" class="detail-item"><text class="detail-label">目的地</text><text class="detail-value">{{bc}}</text></view><view wx:if="{{bd}}" class="detail-item"><text class="detail-label">宠物类型</text><text class="detail-value">{{be}}</text></view><view wx:if="{{bf}}" class="detail-item"><text class="detail-label">宠物名称</text><text class="detail-value">{{bg}}</text></view><view wx:if="{{bh}}" class="detail-item"><text class="detail-label">检疫证明</text><text class="detail-value">{{bi}}</text></view><view wx:if="{{bj}}" class="detail-item"><text class="detail-label">服务天数</text><text class="detail-value">{{bk}}天</text></view><view wx:if="{{bl}}" class="detail-item"><text class="detail-label">起运港</text><text class="detail-value">{{bm}}</text></view><view wx:if="{{bn}}" class="detail-item"><text class="detail-label">目的港</text><text class="detail-value">{{bo}}</text></view><view wx:if="{{bp}}" class="detail-item"><text class="detail-label">物品名称</text><text class="detail-value">{{bq}}</text></view><view wx:if="{{br}}" class="detail-item"><text class="detail-label">物品数量</text><text class="detail-value">{{bs}}</text></view><view wx:if="{{bt}}" class="detail-item"><text class="detail-label">货物名称</text><text class="detail-value">{{bv}}</text></view><view wx:if="{{bw}}" class="detail-item"><text class="detail-label">货物数量</text><text class="detail-value">{{bx}}</text></view><view wx:if="{{by}}" class="detail-item"><text class="detail-label">旅游目的地</text><text class="detail-value">{{bz}}</text></view><view wx:if="{{bA}}" class="detail-item"><text class="detail-label">出行日期</text><text class="detail-value">{{bB}}</text></view><view wx:if="{{bC}}" class="detail-item"><text class="detail-label">旅游天数</text><text class="detail-value">{{bD}}天</text></view><view wx:if="{{bE}}" class="detail-item"><text class="detail-label">具体需求</text><text class="detail-value">{{bF}}</text></view><view wx:if="{{bG}}" class="detail-item"><text class="detail-label">备注</text><text class="detail-value">{{bH}}</text></view></scroll-view></view></view></view>