drone_delivery_of_medicines_applet/pages/profile/profile.wxml

<!--profile.wxml-->
<wxs module="utils">
module.exports = {
  getStatusClass: function(status) {
    if (status === '配送中') return 'delivering';
    if (status === '已完成') return 'completed';
    if (status === '待支付') return 'pending';
    if (status === 'delivering') return 'delivering';
    if (status === 'completed') return 'completed';
    if (status === 'pending') return 'pending';
    return '';
  },
  getStatusText: function(status) {
    if (status === 'delivering') return '配送中';
    if (status === 'completed') return '已完成';
    if (status === 'pending') return '待支付';
    return status;
  }
}
</wxs>
<view class="container">
  <!-- 用户信息头部 -->
  <view class="user-header">
    <view class="user-avatar">
      <image class="avatar" src="{{userInfo.avatar}}"></image>
    </view>
    <view class="user-info">
      <text class="user-name">{{userInfo.name}}</text>
      <text class="user-phone">{{userInfo.phone}}</text>
    </view>
    <view class="user-status">
      <text class="status-text">已认证</text>
    </view>
  </view>

  <!-- 身份验证模块 -->
  <view class="auth-section">
    <view class="section-title">
      <text>身份验证</text>
    </view>
    <view class="auth-list">
      <view class="auth-item">
        <view class="auth-info">
          <image class="auth-icon" src="/images/fingerprint-icon.png"></image>
          <view class="auth-text">
            <text class="auth-title">指纹验证</text>
            <text class="auth-desc">用于快速身份验证</text>
          </view>
        </view>
        <switch class="auth-switch" checked="{{userInfo.fingerprintRegistered}}" 
                bindchange="toggleFingerprint" color="#007AFF"></switch>
      </view>
      <view class="auth-item">
        <view class="auth-info">
          <image class="auth-icon" src="/images/face-icon.png"></image>
          <view class="auth-text">
            <text class="auth-title">人脸识别</text>
            <text class="auth-desc">用于高级安全验证</text>
          </view>
        </view>
        <switch class="auth-switch" checked="{{userInfo.faceRegistered}}" 
                bindchange="toggleFaceRecognition" color="#007AFF"></switch>
      </view>
    </view>
  </view>

  <!-- 病历共享设置 -->
  <view class="medical-section">
    <view class="section-title">
      <text>病历管理</text>
    </view>
    <view class="medical-item">
      <view class="medical-info">
        <image class="medical-icon" src="/images/medical-record-icon.png"></image>
        <view class="medical-text">
          <text class="medical-title">病历共享授权</text>
          <text class="medical-desc">允许医院查看您的病历信息</text>
        </view>
      </view>
      <switch class="medical-switch" checked="{{userInfo.medicalRecordsShared}}" 
              bindchange="toggleMedicalRecords" color="#007AFF"></switch>
    </view>
    <view class="medical-action" bindtap="viewMedicalRecords">
      <text class="action-text">查看病历记录</text>
      <text class="action-arrow">></text>
    </view>
  </view>

  <!-- 订单管理 -->
  <view class="order-section">
    <view class="section-title">
      <text>订单管理</text>
    </view>
    <view class="order-stats">
      <view class="stat-item" bindtap="viewOrders" data-status="全部">
        <text class="stat-number">{{orderStats.total}}</text>
        <text class="stat-label">全部订单</text>
      </view>
      <view class="stat-item" bindtap="viewOrders" data-status="配送中">
        <text class="stat-number">{{orderStats.delivering}}</text>
        <text class="stat-label">配送中</text>
      </view>
      <view class="stat-item" bindtap="viewOrders" data-status="已完成">
        <text class="stat-number">{{orderStats.completed}}</text>
        <text class="stat-label">已完成</text>
      </view>
    </view>
    <view class="recent-orders">
      <view class="recent-title">
        <text>最近订单</text>
        <text class="view-all" bindtap="viewOrders">查看全部 ></text>
      </view>
      <view class="order-list">
        <view class="order-item" wx:for="{{recentOrders}}" wx:key="id" bindtap="viewOrderDetail" data-order="{{item}}">
          <view class="order-info">
            <text class="order-hospital">{{item.hospital}}</text>
            <text class="order-date">{{item.date}}</text>
            <text class="order-medicines">{{item.medicines.join('、')}}</text>
          </view>
          <view class="order-status">
            <text class="status-badge {{utils.getStatusClass(item.status)}}">{{utils.getStatusText(item.status)}}</text>
            <text class="order-price">¥{{item.totalPrice}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>

  <!-- 病历记录 -->
  <view class="diagnosis-section">
    <view class="section-title">
      <text>病历记录</text>
    </view>
    <view class="diagnosis-stats">
      <view class="stat-item" bindtap="viewMedicalRecords">
        <text class="stat-number">{{medicalStats.total}}</text>
        <text class="stat-label">病历记录</text>
      </view>
      <view class="stat-item" bindtap="viewMedicalRecords">
        <text class="stat-number">{{medicalStats.recent}}</text>
        <text class="stat-label">最近30天</text>
      </view>
    </view>
    <view class="recent-diagnosis">
      <view class="diagnosis-item" wx:for="{{recentMedicalRecords}}" wx:key="id" bindtap="viewMedicalRecordDetail" data-record="{{item}}">
        <view class="diagnosis-info">
          <text class="diagnosis-date">{{item.date}}</text>
          <text class="diagnosis-symptoms">{{item.symptoms.join('、')}}</text>
          <text class="diagnosis-result">{{item.diagnosis}}</text>
        </view>
        <view class="diagnosis-arrow">
          <text>></text>
        </view>
      </view>
    </view>
  </view>

  <!-- 设置与帮助 -->
  <view class="settings-section">
    <view class="section-title">
      <text>设置与帮助</text>
    </view>
    <view class="settings-list">
      <view class="setting-item" bindtap="navigateToSetting" data-type="privacy">
        <image class="setting-icon" src="/images/privacy-icon.png"></image>
        <text class="setting-text">隐私设置</text>
        <text class="setting-arrow">></text>
      </view>
      <view class="setting-item" bindtap="navigateToSetting" data-type="about">
        <image class="setting-icon" src="/images/about-icon.png"></image>
        <text class="setting-text">关于我们</text>
        <text class="setting-arrow">></text>
      </view>
      <view class="setting-item" bindtap="navigateToSetting" data-type="help">
        <image class="setting-icon" src="/images/help-icon.png"></image>
        <text class="setting-text">帮助中心</text>
        <text class="setting-arrow">></text>
      </view>
      <view class="setting-item" bindtap="contactSupport">
        <image class="setting-icon" src="/images/support-icon.png"></image>
        <text class="setting-text">联系客服</text>
        <text class="setting-arrow">></text>
      </view>
    </view>
  </view>

  <!-- 退出登录 -->
  <view class="logout-section">
    <button class="logout-btn" bindtap="logout">
      <text>退出登录</text>
    </button>
  </view>

  <!-- 指纹验证模态框 -->
  <view class="modal" wx:if="{{showFingerprintModal}}">
    <view class="modal-content">
      <view class="modal-header">
        <text class="modal-title">指纹验证</text>
        <text class="modal-close" bindtap="closeFingerprintModal">×</text>
      </view>
      <view class="modal-body">
        <image class="fingerprint-icon" src="/images/fingerprint-scan.png"></image>
        <text class="modal-text">请将手指放在指纹传感器上</text>
        <text class="modal-desc">用于快速身份验证</text>
      </view>
      <view class="modal-footer">
        <button class="btn cancel" bindtap="closeFingerprintModal">取消</button>
        <button class="btn confirm" bindtap="confirmFingerprint">验证</button>
      </view>
    </view>
  </view>

  <!-- 人脸识别模态框 -->
  <view class="modal" wx:if="{{showFaceModal}}">
    <view class="modal-content">
      <view class="modal-header">
        <text class="modal-title">人脸识别</text>
        <text class="modal-close" bindtap="closeFaceModal">×</text>
      </view>
      <view class="modal-body">
        <image class="face-icon" src="/images/face-scan.png"></image>
        <text class="modal-text">请将面部对准摄像头</text>
        <text class="modal-desc">用于高级安全验证</text>
      </view>
      <view class="modal-footer">
        <button class="btn cancel" bindtap="closeFaceModal">取消</button>
        <button class="btn confirm" bindtap="confirmFaceRecognition">开始识别</button>
      </view>
    </view>
  </view>
</view>