88 lines
3.6 KiB
Plaintext
88 lines
3.6 KiB
Plaintext
<view class="page-bg">
|
|
<view class="container">
|
|
|
|
<!-- 头部：小色带 + 深墨标题 + 一句定位（内页规范，与陪诊指南、联系我们同构） -->
|
|
<view class="page-header">
|
|
<view class="header-accent"></view>
|
|
<text class="header-title">陪诊师团队</text>
|
|
<text class="header-subtitle">每位都实名上岗，从业信息可核对</text>
|
|
</view>
|
|
|
|
<view wx:if="{{ loading }}" class="state">
|
|
<text class="state-text">加载中…</text>
|
|
</view>
|
|
|
|
<view wx:elif="{{ attendants.length === 0 }}" class="state">
|
|
<text class="state-text">暂无陪诊师信息</text>
|
|
</view>
|
|
|
|
<view wx:else class="list">
|
|
<view
|
|
class="staff-card"
|
|
wx:for="{{ attendants }}"
|
|
wx:key="id"
|
|
data-id="{{ item.id }}"
|
|
bindtap="goToDetail"
|
|
>
|
|
|
|
<view class="staff-head">
|
|
<!-- 头像兜底：无头像时用浅橙衬底 + 姓氏首字，避免破图。
|
|
整页沿用「浅橙衬底承载标识」的语言，不额外引入色相 -->
|
|
<image
|
|
wx:if="{{ item.avatar }}"
|
|
class="staff-avatar"
|
|
src="{{ item.avatar }}"
|
|
mode="aspectFill"
|
|
/>
|
|
<view wx:else class="staff-avatar staff-avatar-fallback">
|
|
<text class="staff-avatar-text">{{ item.initial }}</text>
|
|
</view>
|
|
|
|
<view class="staff-main">
|
|
<view class="staff-name-row">
|
|
<text class="staff-name">{{ item.name }}</text>
|
|
<view class="staff-badge" wx:if="{{ item.qualificationVerified }}">
|
|
<t-icon name="check" size="22rpx" color="#9B4508" />
|
|
<text class="staff-badge-text">资质已核验</text>
|
|
</view>
|
|
</view>
|
|
<view class="staff-meta">
|
|
<text class="staff-meta-text">从业 {{ item.workYears }} 年</text>
|
|
<!-- 年龄未登记时（后端给 0）整段连同分隔线一起隐藏，不留孤立竖线 -->
|
|
<block wx:if="{{ item.age > 0 }}">
|
|
<view class="meta-sep"></view>
|
|
<text class="staff-meta-text">{{ item.age }} 岁</text>
|
|
</block>
|
|
<view class="meta-sep"></view>
|
|
<text class="staff-meta-text">已服务 {{ item.orderCount }} 次</text>
|
|
</view>
|
|
<!-- 擅长场景：与姓名、从业信息同列，排在从业信息下方 -->
|
|
<view class="staff-tags" wx:if="{{ item.specialtyTags.length > 0 }}">
|
|
<text
|
|
class="staff-tag"
|
|
wx:for="{{ item.specialtyTags }}"
|
|
wx:for-item="tag"
|
|
wx:key="*this"
|
|
>{{ tag }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 服务区域 / 语言：单行小字，用细竖线分隔（不用中点字符） -->
|
|
<view class="staff-area" wx:if="{{ item.areaText || item.langText }}">
|
|
<text class="staff-area-text" wx:if="{{ item.areaText }}">服务区域 {{ item.areaText }}</text>
|
|
<view class="area-sep" wx:if="{{ item.areaText && item.langText }}"></view>
|
|
<text class="staff-area-text" wx:if="{{ item.langText }}">语言 {{ item.langText }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 说明：交代字段口径，同时暗示「不展示联系方式」是有意为之，而非信息缺失 -->
|
|
<view class="notice" wx:if="{{ !loading }}">
|
|
<text class="notice-text">以上为陪同人员信息公示，用于核对身份与从业信息，不含联系方式。</text>
|
|
</view>
|
|
|
|
<view class="footer-space"></view>
|
|
</view>
|
|
</view>
|