drone_delivery_of_medicines_applet/pages/diagnosis/diagnosis.wxml

<!--diagnosis.wxml-->
<view class="container">
  <!-- AI医生介绍 -->
  <view class="ai-doctor-section">
    <view class="doctor-avatar">
      <image class="avatar" src="/images/ai-doctor.png"></image>
    </view>
    <view class="doctor-info">
      <text class="doctor-name">AI医生助手</text>
      <text class="doctor-desc">基于大数据分析的智能诊断系统</text>
    </view>
  </view>

  <!-- 症状输入区域 -->
  <view class="symptom-section">
    <view class="section-title">
      <text>请描述您的症状</text>
    </view>
    <view class="input-area">
      <textarea class="symptom-input" placeholder="例如：头痛、发烧、咳嗽..." 
                value="{{symptomText}}" bindinput="onSymptomInput" 
                maxlength="500" show-confirm-bar="false"></textarea>
      <view class="input-tips">
        <text class="char-count">{{symptomText.length}}/500</text>
        <text class="tip-text">请尽量详细描述症状</text>
      </view>
    </view>
  </view>

  <!-- 常见症状快捷输入 -->
  <view class="quick-symptoms" wx:if="{{!diagnosisResult}}">
    <view class="section-title">
      <text>常见症状</text>
    </view>
    <view class="symptom-tags">
      <view class="symptom-tag" wx:for="{{commonSymptoms}}" wx:key="*this" 
            bindtap="addSymptom" data-symptom="{{item}}">
        <text>{{item}}</text>
      </view>
    </view>
  </view>

  <!-- 诊断按钮 -->
  <view class="diagnosis-action" wx:if="{{!diagnosisResult}}">
    <button class="diagnosis-btn" bindtap="startDiagnosis" disabled="{{!symptomText}}">
      <text>开始AI诊断</text>
    </button>
  </view>

  <!-- 诊断结果 -->
  <view class="result-section" wx:if="{{diagnosisResult}}">
    <view class="result-header">
      <text class="result-title">AI诊断结果</text>
      <view class="result-status">
        <text class="status-text">诊断完成</text>
        <image class="status-icon" src="/images/success-icon.png"></image>
      </view>
    </view>

    <!-- 诊断详情 -->
    <view class="diagnosis-detail">
      <view class="detail-item">
        <text class="item-label">初步诊断：</text>
        <text class="item-value diagnosis-name">{{diagnosisResult.diagnosis}}</text>
      </view>
      <view class="detail-item">
        <text class="item-label">症状匹配：</text>
        <view class="symptom-match">
          <text class="match-tag" wx:for="{{diagnosisResult.symptoms}}" wx:key="*this">
            {{item}}
          </text>
        </view>
      </view>
      <view class="detail-item">
        <text class="item-label">专业建议：</text>
        <text class="item-value suggestion">{{diagnosisResult.suggestion}}</text>
      </view>
    </view>

    <!-- 推荐药品 -->
    <view class="recommend-medicine" wx:if="{{diagnosisResult.recommendedMedicines}}">
      <view class="section-title">
        <text>推荐药品</text>
      </view>
      <view class="medicine-list">
        <view class="medicine-item" wx:for="{{diagnosisResult.recommendedMedicines}}" wx:key="*this" 
              bindtap="navigateToMedicine" data-medicine="{{item}}">
          <image class="medicine-icon" src="/images/medicine-icon.png"></image>
          <view class="medicine-info">
            <text class="medicine-name">{{item}}</text>
            <text class="medicine-action">立即购买 ></text>
          </view>
        </view>
      </view>
    </view>

    <!-- 操作按钮 -->
    <view class="action-buttons">
      <button class="btn secondary" bindtap="resetDiagnosis">
        <text>重新诊断</text>
      </button>
      <button class="btn primary" bindtap="saveDiagnosis">
        <text>保存记录</text>
      </button>
    </view>
  </view>

  <!-- 诊断历史 -->
  <view class="history-section" wx:if="{{diagnosisHistory.length > 0}}">
    <view class="section-title">
      <text>诊断历史</text>
    </view>
    <view class="history-list">
      <view class="history-item" wx:for="{{diagnosisHistory}}" wx:key="id">
        <view class="history-content">
          <text class="history-date">{{item.date}}</text>
          <text class="history-symptom">{{item.symptoms}}</text>
          <text class="history-diagnosis">{{item.diagnosis}}</text>
        </view>
        <view class="history-action">
          <text class="view-btn" bindtap="viewHistory" data-item="{{item}}">查看</text>
        </view>
      </view>
    </view>
  </view>

  <!-- 加载状态 -->
  <view class="loading-section" wx:if="{{isDiagnosing}}">
    <view class="loading-content">
      <image class="loading-icon" src="/images/loading.gif"></image>
      <text class="loading-text">AI医生正在分析中...</text>
      <text class="loading-desc">请耐心等待，这通常需要几秒钟</text>
    </view>
  </view>
</view>