优化了页面；增加了陪诊师页面

2026-10-06 21:57:12 +08:00
parent 509a10e4f1
commit f655c906f5
17 changed files with 671 additions and 56 deletions
@@ -0,0 +1,82 @@
+<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>
+              <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>