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+20}}px;"
>
  <view class="banner">
    <view class="user">
      <view class="avatar">
        <image class="a-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="wrap">
        <view class="name">{{showTel ? detail.Name : detail.hideName}}</view>
        <view class="content">
          <view class="age">{{detail.AgeRangeName}}</view>
          <view class="tel" bind:tap="handleToggleTel">{{showTel ? detail.Telephone : '***********'}}</view>
          <image
            bind:tap="handleToggleTel"
            wx:if="{{showTel}}"
            class="tel-icon"
            src="{{imageUrl}}icon63.png?t={{Timestamp}}"
          ></image>
          <image
            bind:tap="handleToggleTel"
            wx:else
            class="tel-icon"
            src="{{imageUrl}}icon62.png?t={{Timestamp}}"
          ></image>
        </view>
        <view class="reg-date">注册时间:{{detail.BecomePatientTime}}</view>
        <view class="options">
          <view class="o-item" bind:tap="handleRemark">备注</view>
          <view class="o-item" bind:tap="handleSend">发消息</view>
        </view>
      </view>
    </view>
    <view class="b-container">
      <view class="row">
        <view class="label">Graves病病史</view>
        <view class="col">{{detail.IsGravesName}}</view>
      </view>
      <view class="row">
        <view class="label">TED相关眼部手术史</view>
        <view class="col">{{detail.HasTedSurgeryName}}</view>
      </view>
      <view class="row" wx:if="{{detail.tituyoList.length}}">
        <view class="label">替妥尤单抗使用情况</view>
        <view class="col">
          <text class="c-item" wx:for="{{detail.tituyoList}}" wx:key="index">{{item.tituyoName}}</text>
        </view>
      </view>
      <view class="row" wx:if="{{detail.DoctorRemark}}">
        <view class="label">备注</view>
        <view class="col">{{detail.DoctorRemark}}</view>
      </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="kkd">
    <view class="k-title">
      患者健康图表
      <view class="sub">最近数值</view>
    </view>
    <view class="k-container">
      <view class="k-qol" bind:tap="hadnleQolDetail">
        <view class="title">生活质量自评</view>
        <block wx:if="{{qolDetail.TotalScore}}">
          <view class="content">
            <view class="num {{qolDetail.TotalScore>=0 && 'status1'}} {{qolDetail.TotalScore>=40 && 'status2'}} {{qolDetail.TotalScore>=80 && 'status3'}}">
              {{qolDetail.TotalScore}}
              <text class="sub">分</text>
            </view>
            <image
              wx:if="{{qolDetail.TotalScore>=80}}"
              class="icon"
              src="{{imageUrl}}icon123.png?t={{Timestamp}}"
            ></image>
            <image
              wx:elif="{{qolDetail.TotalScore>=40}}"
              class="icon"
              src="{{imageUrl}}icon121.png?t={{Timestamp}}"
            ></image>
            <image wx:else class="icon" src="{{imageUrl}}icon122.png?t={{Timestamp}}"></image>
          </view>
          <view class="row">
            <view class="col">
              <view class="label">视觉功能</view>
              <view class="num {{qolDetail.VisionScore>=0 && 'status1'}} {{qolDetail.VisionScore>=40 && 'status2'}} {{qolDetail.VisionScore>=80 && 'status3'}}">{{qolDetail.VisionScore}}分</view>
            </view>
            <view class="col">
              <view class="label">外观影响</view>
              <view class="num {{qolDetail.AppearanceScore>=0 && 'status1'}} {{qolDetail.AppearanceScore>=40 && 'status2'}} {{qolDetail.AppearanceScore>=80 && 'status3'}}">{{qolDetail.AppearanceScore}}分</view>
            </view>
          </view>
          <view class="k-footer">
            <view class="date">{{qolDetail.CreateTime}}</view>
          </view>
        </block>
        <view class="none" wx:else>
          <image class="n-img" src="{{imageUrl}}icon134.png?t={{Timestamp}}"></image>
          <view class="n-tip">暂无数据</view>
        </view>
      </view>
      <view class="k-hormones" bind:tap="handleHormones">
        <view class="title">激素记录</view>
        <block wx:if="{{hormoneDetail.dosage}}">
          <view class="content">
            <view class="num">
              {{hormoneDetail.dosage}}
              <text class="sub">mg/周</text>
            </view>
          </view>
          <view class="row">
            <view class="col1">最近一周用药方式</view>
            <view class="col2" wx:if="{{hormoneDetail.medicationMethod==1}}">口服</view>
            <view class="col2" wx:elif="{{hormoneDetail.medicationMethod==2}}">冲击治疗</view>
            <view class="col2" wx:elif="{{hormoneDetail.medicationMethod==3}}">局部注射</view>
          </view>
          <view class="k-footer">
            <view class="date">{{hormoneDetail.createTime}}</view>
          </view>
        </block>
        <view class="none" wx:else>
          <image class="n-img" src="{{imageUrl}}icon135.png?t={{Timestamp}}"></image>
          <view class="n-tip">暂无数据</view>
        </view>
      </view>
    </view>
  </view>
  <view class="chart-list">
    <view class="chart-title" id="qol">指标趋势</view>
    <view class="chart-card">
      <view class="chart-card-title">生活质量评分</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="title">GO-QOL整体记录曲线</view>
      <view class="chart">
        <ec-canvas id="chart1" ec="{{ ec }}"></ec-canvas>
      </view>
      <view class="title">GO-QOL视觉功能影响记录曲线</view>
      <view class="chart">
        <ec-canvas id="chart2" ec="{{ ec }}"></ec-canvas>
      </view>
      <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="chart-card-title" id="hormone">激素周用量记录曲线</view>
      <view class="chart-filter">
        <picker
          class="type"
          mode="selector"
          range="{{typeRange}}"
          range-key="value"
          bind:change="handleHormoneTypeChange"
        >
          {{hormoneTypeName}}
          <image class="icon" src="{{imageUrl}}za-images/doctor/triangle-down.png?t={{Timestamp}}"></image>
        </picker>
        <view class="range">
          <picker
            mode="date"
            end="{{hormoneEndDate}}"
            fields="{{fields[hormoneType]}}"
            mode="date"
            model:value="{{hormoneStartDate}}"
            bindchange="handleHormoneChange"
          >
            {{hormoneStartDate}}
          </picker>
          ~
          <picker
            mode="date"
            start="{{hormoneStartDate}}"
            fields="{{fields[hormoneType]}}"
            mode="date"
            model:value="{{hormoneEndDate}}"
            bindchange="handleHormoneChange"
          >
            {{hormoneEndDate}}
          </picker>
          <image class="icon" src="{{imageUrl}}za-images/doctor/triangle-down.png?t={{Timestamp}}"></image>
        </view>
      </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">
  <view class="btn1" bind:tap="handleRemark">备注</view>
  <view class="btn2" bind:tap="handleSend">发消息</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>