igg4-miniprogram/src/doctor/pages/d_patientDetail/index.wxml

<wxs src="../../../utils/tools.wxs" module="tools" />
<view class="page">
  <view class="banner">
    <view class="generate-pdf" bind:tap="handleGeneratePdf">
      {{pptGenerating ? '生成中...' : '一键生成病历'}}
      <image class="icon" src="{{imageUrl}}icon144.png?t={{Timestamp}}" wx:if="{{!pptGenerating}}"></image>
    </view>
    <view class="avatar">
      <image class="avatar-img" src="{{detail.UserImg}}"></image>
    </view>
    <view class="wrap">
      <view class="name" bind:tap="handleToggleTel">
        {{showTel ? detail.Name : detail.hideName}}
        <image wx:if="{{showTel}}" class="tel-icon" src="{{imageUrl}}/5/eye2.png?t={{Timestamp}}"></image>
        <image wx:else class="tel-icon" src="{{imageUrl}}/5/eye1.png?t={{Timestamp}}"></image>
      </view>
      <view class="content">
        <view>{{detail.AgeRangeName}} | {{showTel ? detail.Telephone : detail.hideTelephone}}</view>
        <view>邀约时间：{{tools.formatDate(detail.InviteTime)}}</view>
      </view>
    </view>
  </view>

  <van-sticky>
    <view class="nav">
      <view class="nav-wrap">
        <view class="nav-item {{currentTab === 0 && 'active'}}" data-index="0" bind:tap="handleTabChange">
          基本信息
        </view>
        <view class="nav-item {{currentTab === 1 && 'active'}}" data-index="1" bind:tap="handleTabChange">
          就诊记录
        </view>
      </view>
    </view>
  </van-sticky>

  <!-- 基本信息 -->
  <block wx:if="{{currentTab === 0}}">
    <view class="container">
      <block wx:if="{{detail.HealthQA && detail.HealthQA.hasSubmitted && detail.HealthQA.questions.length > 0}}">
        <view class="row" wx:for="{{detail.HealthQA.questions}}" wx:key="QuestionNo">
          <view class="label">{{item.DoctorTitle}}</view>
          <view class="content" wx:if="{{item.AnswerTextStr}}">
            <text wx:if="{{!item.isAnswerArray}}">{{item.AnswerTextStr}}</text>
            <block wx:else>
              <view wx:for="{{item.AnswerTextArr}}" wx:for-item="ans" wx:key="index">
                {{ans}}
                <text wx:if="{{item.OtherText && index === item.AnswerTextArr.length - 1}}">
                  （{{item.OtherText}}）
                </text>
              </view>
            </block>
          </view>
          <view class="content" wx:else>无</view>
        </view>
      </block>
      <view class="row">
        <view class="label">备注</view>
        <view class="content">{{detail.DoctorRemark || '无'}}</view>
      </view>
    </view>
    <view class="chart">
      <view class="chart-header">
        <picker range="{{yearOptions}}" range-key="label" bindchange="handleChange">
          <view class="type">
            {{selectedLabel}}
            <van-icon class="icon" name="play" />
          </view>
        </picker>
        <view class="date" wx:if="{{selected === 1}}">
          <picker
            mode="date"
            fields="month"
            bindchange="handleBeginDateChange"
            value="{{BeginMonth}}"
            end="{{EndMonth}}"
          >
            <view class="start {{BeginMonth && 'active'}}">{{BeginMonth ? BeginMonth : '开始时间'}}</view>
          </picker>
          <view class="line">-</view>
          <picker
            mode="date"
            fields="month"
            bindchange="handleEndDateChange"
            value="{{EndMonth}}"
            start="{{BeginMonth}}"
          >
            <view class="end {{EndMonth && 'active'}}">{{EndMonth ? EndMonth : '结束时间'}}</view>
          </picker>
          <van-icon class="icon" name="play" />
        </view>
      </view>
      <view class="chart-container">
        <view class="c-header">
          <view class="title">血清IgG4趋势监测</view>
          <view class="sub">单位{{chartUnit}}</view>
        </view>
        <view class="w-chart">
          <ec-canvas id="chart1" ec="{{ ec }}"></ec-canvas>
        </view>
      </view>
    </view>
    <view class="case-report">
      <view class="c-header">
        <view class="name">我的病历报告</view>
      </view>
      <view class="list">
        <view
          class="row"
          wx:for="{{caseReportList}}"
          wx:key="icon"
          bind:tap="handleDetail"
          data-name="{{item.name}}"
          data-imagefield="{{item.imageField}}"
        >
          <image class="icon" src="{{imageUrl}}{{item.icon}}?t={{Timestamp}}"></image>
          <view class="col">
            <view class="name">{{item.name}}</view>
            <view class="content">{{item.content}}</view>
          </view>
        </view>
      </view>
    </view>
  </block>

  <!-- 就诊记录 -->
  <block wx:if="{{currentTab === 1}}">
    <view class="record-list">
      <view class="card" wx:for="{{recordList}}" wx:key="id">
        <view class="aside">
          <view class="line-top"></view>
          <view class="circle"></view>
          <view class="line-bottom"></view>
        </view>
        <view class="wrap">
          <view class="date">{{item.visitDate}}</view>
          <view class="w-container">
            <view class="name">IgG4值</view>
            <view class="content">
              <view class="c-left">
                <view class="num">{{item.displayIgG4Value || '--'}}</view>
                <view class="sub">mg/dL</view>
                <image class="icon" wx:if="{{item.change > 0}}" src="{{imageUrl}}icon120.png?t={{Timestamp}}"></image>
                <image class="icon" wx:elif="{{item.change < 0}}" src="{{imageUrl}}icon143.png?t={{Timestamp}}"></image>
              </view>
            </view>
            <view class="row">
              <view class="col" wx:if="{{item.oralHormoneDosage}}">
                <view class="c-name">激素用量</view>
                <view class="c-content">{{item.oralHormoneDosage}}mg/天</view>
              </view>
              <view class="col" wx:if="{{item.nextVisitDate}}">
                <view class="c-name">下次复诊时间</view>
                <view class="c-content">{{item.nextVisitDate}}</view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="empty-text" wx:if="{{!recordList.length}}">暂无就诊记录</view>
    </view>
  </block>

  <view class="footer">
    <view class="remark" bind:tap="handleRemark">备注</view>
    <view class="send" bind:tap="handleSend" wx:if="{{detail.IsCurrent==1}}">发消息</view>
  </view>
</view>

<van-popup
  show="{{ popupRemarkShow }}"
  style="--popup-close-icon-color: #283031"
  position="bottom"
  round
  closeable
  bind:close="handleRemarkClose"
>
  <view class="popup-remark">
    <view class="title">备注</view>
    <textarea
      class="textarea"
      focus="{{remarkFocus}}"
      model:value="{{remark}}"
      cursor-spacing="{{100}}"
      placeholder-style="color: rgba(194, 201, 202, 1)"
      placeholder="请输入备注"
    ></textarea>
    <view class="submit" bind:tap="handleRemarkSubmit">保存</view>
  </view>
</van-popup>

<van-popup show="{{ popupEditShow }}" position="center" round bind:close="handleRemarkClose">
  <view class="popup-edit">
    <view class="title">编辑患者信息</view>
    <view class="popup-container">
      <view class="row">
        <view class="row-header">
          <view class="label">抗体类型</view>
        </view>
        <view class="row-content">
          <view class="radio-btns">
            <view
              wx:for="{{antibodyTypeRangeList}}"
              wx:key="index"
              class="btn {{detail.AntibodyType + '' === item.id && 'active'}}"
              data-key="AntibodyType"
              data-id="{{item.id}}"
              bind:tap="handleRadio"
            >
              {{item.value}}
            </view>
          </view>
        </view>
      </view>
      <view class="row">
        <view class="row-header">
          <view class="label">胸腺异常</view>
        </view>
        <view class="row-content">
          <view class="radio-btns">
            <view
              wx:for="{{thyroidAbnormalRangeList}}"
              wx:key="index"
              class="btn {{detail.ThyroidAbnormal + '' === item.id && 'active'}}"
              data-key="ThyroidAbnormal"
              data-id="{{item.id}}"
              bind:tap="handleRadio"
            >
              {{item.value}}
            </view>
          </view>
        </view>
      </view>
      <view class="row">
        <view class="row-header">
          <view class="label">既往发生危象</view>
        </view>
        <view class="row-content">
          <view class="radio-btns">
            <view
              wx:for="{{previousConvulsionRangeList}}"
              wx:key="index"
              class="btn {{detail.PreviousConvulsion + '' === item.id && 'active'}}"
              data-key="PreviousConvulsion"
              data-id="{{item.id}}"
              bind:tap="handleRadio"
            >
              {{item.value}}
            </view>
          </view>
        </view>
      </view>
      <view class="row">
        <view class="row-header">
          <view class="label">传统免疫抑制剂</view>
        </view>
        <view class="row-content">
          <view class="radio-btns">
            <view
              wx:for="{{traditionalImmunosuppressantRangeList}}"
              wx:key="index"
              class="btn {{detail.TraditionalImmunosuppressant + '' === item.id && 'active'}}"
              data-key="TraditionalImmunosuppressant"
              data-id="{{item.id}}"
              bind:tap="handleRadio"
            >
              {{item.value}}
            </view>
          </view>
        </view>
      </view>
      <view class="row">
        <view class="row-header">
          <view class="label">医保类型</view>
        </view>
        <view class="row-content">
          <view class="radio-btns">
            <view
              wx:for="{{medicalInsuranceTypeRangeList}}"
              wx:key="index"
              class="btn {{detail.MedicalInsuranceType + '' === item.id && 'active'}}"
              data-key="MedicalInsuranceType"
              data-id="{{item.id}}"
              bind:tap="handleRadio"
            >
              {{item.value}}
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="popup-footer">
      <view class="cancel" bind:tap="handleUserCancel">取消</view>
      <view class="conform" bind:tap="handleUserSubmit">保存</view>
    </view>
  </view>
</van-popup>

<toast
  bind:cancel="handleToastCancel"
  bind:ok="handleToastOk"
  show="{{toastShow}}"
  type="{{toastType}}"
  params="{{toastParams}}"
></toast>