xinda-miniprogram/src/pages/d_patientDetail/index.wxml

<navbar fixed title="患者档案" custom-style="background:{{background}}" z-index="10">
  <van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" />
</navbar>

<view
  class="page"
  style="background: url('{{imageUrl}}bg10.png?t={{Timestamp}}') no-repeat top center/100% 610rpx;padding-top:{{pageTop+70}}px;"
>
  <view class="banner">
    <view class="watermark">
      <view class="p">本页面内容涉及患者个人信息</view>
      <view class="p">仅用于{{hospital.Name}}{{doctor.Name}}医生进行患者随访管理</view>
      <view class="p">不可用于其他用途</view>
    </view>
    <view class="banner-container">
      <view class="avatar">
        <image class="avatar-img" src="{{detail.UserImg}}"></image>
        <image wx:if="{{detail.Gender==='1'}}" class="icon" src="{{imageUrl}}icon64.png?t={{Timestamp}}"></image>
        <image wx:if="{{detail.Gender==='2'}}" class="icon" src="{{imageUrl}}icon65.png?t={{Timestamp}}"></image>
      </view>
      <view class="w-header">
        <view class="name">
          {{showTel ? detail.Name : detail.hideName}}
          <view class="age">{{detail.AgeRangeName}}</view>
        </view>
        <view class="tel" bind:tap="handleToggleTel">
          {{showTel ? detail.Telephone : '***********'}}
          <image wx:if="{{showTel}}" class="tel-icon" src="{{imageUrl}}icon63.png?t={{Timestamp}}"></image>
          <image wx:else class="tel-icon" src="{{imageUrl}}icon62.png?t={{Timestamp}}"></image>
        </view>
        <view class="date">注册时间:{{detail.BecomePatientTime}}</view>
      </view>
    </view>
  </view>

  <view class="info-card">
    <view class="row">
      <view class="label">Graves病病史</view>
      <view class="content">{{detail.IsGravesName}}</view>
    </view>
    <view class="row">
      <view class="label">
        TED（甲状腺眼突）
        <view></view>
        及其相关眼部手术史
      </view>
      <view class="content">{{detail.HasTedSurgeryName}}</view>
    </view>
    <view class="row" wx:if="{{detail.DoctorRemark}}">
      <view class="label">备注</view>
      <view class="content">{{detail.DoctorRemark}}</view>
    </view>
  </view>
  <view class="edc-card" bind:tap="handleEDC" wx:if="{{userInfo.IsEDC==='1'}}">
    <image wx:if="{{detail.IsEDC==1}}" class="icon" src="{{imageUrl}}icon50.png?t={{Timestamp}}"></image>
    <image wx:else class="icon" src="{{imageUrl}}icon66.png?t={{Timestamp}}"></image>
    <view class="content">标识为EDC患者</view>
  </view>
  <view class="footer">
    <view class="btn" bind:tap="handleSend">发消息</view>
    <view class="btn" bind:tap="handleRemark">备注</view>
  </view>
  <view class="chart-list">
    <view class="chart-title">GO-QOL生活质量评估报告</view>
    <view class="chart-filter">
      <picker class="type" mode="selector" range="{{typeRange}}" range-key="value" bind:change="handleTypeChange">
        {{typeName}}
        <image class="icon" src="{{imageUrl}}za-images/doctor/triangle-down.png?t={{Timestamp}}"></image>
      </picker>
      <view class="range">
        <picker
          mode="date"
          end="{{EndDate}}"
          fields="{{fields[type]}}"
          mode="date"
          model:value="{{StartDate}}"
          bindchange="handleChange"
        >
          {{StartDate}}
        </picker>
        ~
        <picker
          mode="date"
          start="{{StartDate}}"
          fields="{{fields[type]}}"
          mode="date"
          model:value="{{EndDate}}"
          bindchange="handleChange"
        >
          {{EndDate}}
        </picker>
        <image class="icon" src="{{imageUrl}}za-images/doctor/triangle-down.png?t={{Timestamp}}"></image>
      </view>
    </view>
    <view class="chart-card">
      <view class="title">GO-QOL整体记录曲线</view>
      <view class="chart">
        <ec-canvas id="chart1" ec="{{ ec }}"></ec-canvas>
      </view>
    </view>
    <view class="chart-card">
      <view class="title">GO-QOL视觉功能影响记录曲线</view>
      <view class="chart">
        <ec-canvas id="chart2" ec="{{ ec }}"></ec-canvas>
      </view>
    </view>
    <view class="chart-card">
      <view class="title">GO-QOL外观影响记录曲线</view>
      <view class="chart">
        <ec-canvas id="chart3" ec="{{ ec }}"></ec-canvas>
      </view>
    </view>
    <view class="chart-card chart-card-legend" wx:if="{{list4Show || list5Show || list6Show}}">
      <view class="title">我的激素周用量记录曲线</view>
      <view class="chart" wx:if="{{list4Show}}">
        <view class="legend">
          <view class="dot dot4"></view>
          口服
        </view>
        <ec-canvas id="chart4" ec="{{ ec }}"></ec-canvas>
      </view>
      <view class="chart" wx:if="{{list5Show}}">
        <view class="legend">
          <view class="dot dot5"></view>
          大剂量冲击治疗
        </view>
        <ec-canvas id="chart5" ec="{{ ec }}"></ec-canvas>
      </view>
      <view class="chart" wx:if="{{list6Show}}">
        <view class="legend">
          <view class="dot dot6"></view>
          眶内或眼睑局部注射
        </view>
        <ec-canvas id="chart6" ec="{{ ec }}"></ec-canvas>
      </view>
    </view>
  </view>
</view>
<view class="page-footer" wx:if="{{detail.Name}}">
  <view class="pf-btn" bind:tap="handleHormones">查看激素用药详情</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>