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

<view
  class="page"
  style="background: url({{imageUrl}}za-images/doctor/d_patient-detail-bg.png?t={{Timestamp}}) no-repeat top center/100% 640rpx"
>
  <zd-navBar background="{{background}}" title="患者档案" back bind:back="handleBack"></zd-navBar>
  <view class="banner">
    <view class="watermark">
      <view class="p">本页面内容涉及患者个人信息</view>
      <view class="p">仅用于{{hospital.Name}}{{doctor.Name}}医生进行患者随访管理</view>
      <view class="p">不可用于其他用途</view>
      <view class="p">【gMG给力加油站】</view>
    </view>
    <view class="banner-container">
      <view class="user">
        <view class="avatar">
          <image class="avatar-img" src="{{detail.UserImg}}"></image>
        </view>
        <view class="wrap">
          <view class="w-header">
            <view class="name">{{showTel ? detail.Name : detail.hideName}}</view>
            <image
              wx:if="{{detail.Gender==='1'}}"
              class="icon"
              src="{{imageUrl}}za-images/doctor/icon-man.png?t={{Timestamp}}"
            ></image>
            <image
              wx:if="{{detail.Gender==='2'}}"
              class="icon"
              src="{{imageUrl}}za-images/doctor/icon-woman.png?t={{Timestamp}}"
            ></image>
            <view class="tel" bind:tap="handleToggleTel">
              {{showTel ? detail.Telephone : '***********'}}
              <image wx:if="{{showTel}}" class="tel-icon" src="{{imageUrl}}za-images/5/eye2.png?t={{Timestamp}}"></image>
              <image wx:else class="tel-icon" src="{{imageUrl}}za-images/5/eye1.png?t={{Timestamp}}"></image>
            </view>
          </view>
          <view class="w-tags">
            <image
              wx:if="{{detail.UserType===4}}"
              class="label"
              src="{{imageUrl}}za-images/doctor/drug-label.png?t={{Timestamp}}"
            ></image>
            <view class="tag" wx:for="{{detail.Tags}}" wx:for-item="tag" wx:for-index="tIndex" wx:key="tIndex">
              {{tag}}
            </view>
          </view>
        </view>
      </view>
      <view class="adl" wx:if="{{detail.LastAdlTime}}">
        <view class="a-header">
          <view class="content">
            <view class="sub-content1">最近一次测评：{{detail.LastAdlTimeName}}</view>
            <view class="sub-content2" wx:if="{{detail.LastAdlNeedFollowStatus==1}}">需随访</view>
          </view>
          <view class="box"></view>
        </view>
        <view class="a-content">
          <view class="row" wx:if="{{detail.AdlScore}}">
            <view class="label">最新ADL评分</view>
            <view class="num">{{detail.AdlScore}}</view>
            <view class="tag" wx:if="{{detail.AdlScore<=1}}">
              <view class="t-label">
                <image class="icon" src="{{imageUrl}}za-images/doctor/icon-success.png?t={{Timestamp}}"></image>
                已达标
              </view>
              <view class="t-content" wx:if="{{detail.TotalScoreChange*1!=0}}">
                <image
                  wx:if="{{detail.TotalScoreChange<=0}}"
                  class="icon"
                  src="{{imageUrl}}za-images/doctor/icon-down-success.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="icon" src="{{imageUrl}}za-images/doctor/icon-up-success.png?t={{Timestamp}}"></image>
                {{detail.TotalScoreChange}}
              </view>
            </view>
            <view class="tag tag-warn" wx:elif="{{detail.AdlScore<=5}}">
              <view class="t-label">
                <image class="icon" src="{{imageUrl}}za-images/doctor/icon-warn.png?t={{Timestamp}}"></image>
                接近达标
              </view>
              <view class="t-content" wx:if="{{detail.TotalScoreChange*1!=0}}">
                <image
                  wx:if="{{detail.TotalScoreChange<=0}}"
                  class="icon"
                  src="{{imageUrl}}za-images/doctor/icon-down-warn.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="icon" src="{{imageUrl}}za-images/doctor/icon-up-warn.png?t={{Timestamp}}"></image>
                {{detail.TotalScoreChange}}
              </view>
            </view>
            <view class="tag tag-error" wx:else>
              <view class="t-label">
                <image class="icon" src="{{imageUrl}}za-images/doctor/icon-error.png?t={{Timestamp}}"></image>
                待达标
              </view>
              <view class="t-content" wx:if="{{detail.TotalScoreChange*1!=0}}">
                <image
                  wx:if="{{detail.TotalScoreChange<=0}}"
                  class="icon"
                  src="{{imageUrl}}za-images/doctor/icon-down-error.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="icon" src="{{imageUrl}}za-images/doctor/icon-up-error.png?t={{Timestamp}}"></image>
                {{detail.TotalScoreChange}}
              </view>
            </view>
          </view>
          <view class="row" wx:if="{{detail.SteroidDailyDose}}">
            <view class="label">最新激素用量</view>
            <view class="num">{{detail.SteroidDailyDose}}mg</view>
            <view class="tag" wx:if="{{detail.SteroidDailyDose<=5}}">
              <view class="t-label">
                <image class="icon" src="{{imageUrl}}za-images/doctor/icon-success.png?t={{Timestamp}}"></image>
                已达标
              </view>
              <view class="t-content" wx:if="{{detail.SteroidDailyDoseChange*1!=0}}">
                <image
                  wx:if="{{detail.SteroidDailyDoseChange<=0}}"
                  class="icon"
                  src="{{imageUrl}}za-images/doctor/icon-down-success.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="icon" src="{{imageUrl}}za-images/doctor/icon-up-success.png?t={{Timestamp}}"></image>
                {{detail.SteroidDailyDoseChange}}mg
              </view>
            </view>
            <view class="tag tag-error" wx:else>
              <view class="t-label">
                <image class="icon" src="{{imageUrl}}za-images/doctor/icon-error.png?t={{Timestamp}}"></image>
                待达标
              </view>
              <view class="t-content" wx:if="{{detail.SteroidDailyDoseChange*1!=0}}">
                <image
                  wx:if="{{detail.SteroidDailyDoseChange<=0}}"
                  class="icon"
                  src="{{imageUrl}}za-images/doctor/icon-down-error.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="icon" src="{{imageUrl}}za-images/doctor/icon-up-error.png?t={{Timestamp}}"></image>
                {{detail.SteroidDailyDoseChange}}mg
              </view>
            </view>
          </view>
          <view class="d-row" wx:if="{{detail.LastUseDrugsTime}}">
            <view class="label">最近用药</view>
            <view class="content">
              {{detail.LastUseDrugsTime}}
              <block wx:if="{{detail.LastUseDrugsTimeName}}">（{{detail.LastUseDrugsTimeName}}）</block>
            </view>
          </view>
          <view class="d-row" wx:if="{{detail.DoctorRemark}}">
            <view class="label">备注</view>
            <view class="content">{{detail.DoctorRemark}}</view>
          </view>
        </view>
      </view>
      <view class="info-card">
        <view class="ic-item">
          <view class="label">抗体类型：</view>
          <view class="content">{{antibodyTypeRangeList[detail.AntibodyType-1].value}}</view>
        </view>
        <view class="ic-item">
          <view class="label">既往发生危象：</view>
          <view class="content">{{previousConvulsionRangeList[detail.PreviousConvulsion-1].value}}</view>
        </view>
        <view class="ic-item">
          <view class="label">胸腺异常：</view>
          <view class="content">{{thyroidAbnormalRangeList[detail.ThyroidAbnormal-1].value}}</view>
        </view>
        <view class="ic-item">
          <view class="label">医保类型：</view>
          <view class="content">{{medicalInsuranceTypeRangeList[detail.MedicalInsuranceType-1].value}}</view>
        </view>
        <view class="ic-item">
          <view class="label">免疫抑制剂：</view>
          <view class="content">
            {{traditionalImmunosuppressantRangeList[detail.TraditionalImmunosuppressant-1].value}}
          </view>
        </view>
        <view class="edit" bind:tap="handleEditUser">
          <image class="icon" src="{{imageUrl}}za-images/3/icon-edit-white.png?t={{Timestamp}}"></image>
          编辑
        </view>
      </view>
      <view class="b-footer">
        <view class="send" bind:tap="handleSend">发消息</view>
        <view class="remark" bind:tap="handleRemark">备注</view>
      </view>
    </view>
  </view>
  <view class="chart-container">
    <view class="watermark">
      <view class="p">本页面内容涉及患者个人信息</view>
      <view class="p">仅用于{{hospital.Name}}{{doctor.Name}}医生进行患者随访管理</view>
      <view class="p">不可用于其他用途</view>
      <view class="p">【gMG给力加油站】</view>
    </view>
    <view class="container">
      <view class="c-nav">
        <view class="nav-item {{nav ==='0' && 'active'}}" data-index="0" bind:tap="handleNav">双达标测评报告</view>
        <view class="nav-item {{nav ==='1' && 'active'}}" data-index="1" bind:tap="handleNav">双达标笔记</view>
      </view>
      <view class="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 hidden="{{nav!=='0'}}">
        <view class="card">
          <view class="w-header">
            <view class="title">ADL评分记录曲线</view>
            <view class="legend">
              <view class="item">
                <view class="logo"></view>
                ADL分数
              </view>
              <view class="item">
                <image class="icon" src="{{imageUrl}}za-imagesdouble-standard/adl-cure.png?t={{Timestamp}}"></image>
                用药时间
              </view>
            </view>
          </view>
          <view class="column">
            <ec-canvas id="chart3" type="2d" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
          </view>
          <view class="w-header">
            <view class="title">激素日用量记录曲线</view>
            <view class="legend">
              <view class="item">
                <view class="logo hormone"></view>
                激素用量
              </view>
            </view>
          </view>
          <view class="column">
            <ec-canvas id="chart4" type="2d" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
          </view>
        </view>
        <view class="card">
          <view class="pie">
            <ec-canvas id="chart1" type="2d" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
          </view>
          <view class="line"></view>
          <view class="pie">
            <ec-canvas id="chart2" type="2d" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>
          </view>
        </view>
      </view>
      <view hidden="{{nav !== '1'}}">
        <view class="module" wx:for="{{adlList}}" wx:key="index">
          <view class="module-header">
            <view class="date">{{item.CreateTime || item.InjectionDate}}</view>
            <view class="tags">
              <view class="tag3" wx:if="{{item.IsInsuranceProject==1}}">商保项目记录</view>
            </view>
          </view>
          <view class="module-container">
            <view class="aside"></view>
            <view style="flex: 1">
              <view
                class="m-card"
                bind:tap="handleAdlDetail"
                data-id="{{item.Id}}"
                data-isi="{{item.IsInsuranceProject}}"
                data-index="{{index}}"
              >
                <view class="card-header grade{{item.grade}}">
                  <view class="num">
                    {{item.TotalScore}}
                    <view class="sub">分</view>
                  </view>
                  <view class="num-detail">
                    <view class="n-item {{item.MedullaTypeScore >=7 && 'active'}}">
                      <view class="box">{{item.MedullaTypeScore}}</view>
                      <view class="name">延髓</view>
                    </view>
                    <view class="n-item {{item.BreathTypeScore>=3 && 'active'}}">
                      <view class="box">{{item.BreathTypeScore}}</view>
                      <view class="name">呼吸</view>
                    </view>
                    <view class="n-item {{item.LimbsTypeScore>=5 && 'active'}}">
                      <view class="box">{{item.LimbsTypeScore}}</view>
                      <view class="name">四肢</view>
                    </view>
                    <view class="n-item {{item.EyeTypeScore >=5 && 'active'}}">
                      <view class="box">{{item.EyeTypeScore}}</view>
                      <view class="name">眼睛</view>
                    </view>
                  </view>
                </view>
                <view class="card-container">
                  <view class="cc-title">注意事项</view>
                  <view class="cc-content">
                    <view class="line" wx:if="{{item.TotalScore < 5}}">
                      1 总分
                      <text decode="true ">&lt;</text>
                      <text class="red">5分</text>
                      ，日常请注意观察
                    </view>
                    <view class="line" wx:elif="{{item.TotalScore >= 5}}">
                      1 总分
                      <text decode="true ">&gt;=</text>
                      <text class="red">5分</text>
                      ，您的症状控制欠佳，建议必要时就医
                    </view>
                    <block wx:if="{{item.LastTotalScore !== null}}">
                      <view class="line" wx:if="{{item.TotalScore - item.LastTotalScore < 0 }}">
                        2 较上次得分变化
                        <text class="green">{{item.TotalScore - item.LastTotalScore }}，有进步，加油！</text>
                      </view>
                      <view class="line" wx:elif="{{item.TotalScore - item.LastTotalScore == 0 }}">
                        2 与上次得分一致，请继续保持
                      </view>
                      <view class="line" wx:elif="{{item.TotalScore - item.LastTotalScore == 1 }}">
                        2 较上次得分变化
                        <text class="red">+{{item.TotalScore - item.LastTotalScore }}，请继续关注！</text>
                      </view>
                      <view class="line" wx:elif="{{item.TotalScore - item.LastTotalScore >= 0 }}">
                        2 较上次得分变化
                        <text class="red">+{{item.TotalScore - item.LastTotalScore }}，需要重点关注！</text>
                      </view>
                    </block>
                    <view class="line" wx:if="{{item.EyeTypeScore / item.TotalScore < 0.5}}">
                      {{item.LastTotalScore === null ? 2 : 3}} 您的眼肌类占比
                      <text decode="true ">&lt;</text>
                      50%，以全身症状为主，应注意休息警惕病情加重
                    </view>
                    <view class="line" wx:elif="{{item.EyeTypeScore / item.TotalScore > 0.5}}">
                      {{item.LastTotalScore === null ? 2 : 3}} 您的眼肌类占比
                      <text decode="true ">&gt;</text>
                      50%，危象风险不高，请继续关注
                    </view>
                    <view class="line" wx:elif="{{item.EyeTypeScore / item.TotalScore == 0.5}}">
                      {{item.LastTotalScore === null ? 2 : 3}} 您的眼肌类占比=50%，危象风险不高，请继续关注
                    </view>
                  </view>
                  <view class="fold" wx:if="{{item.ResultsImgUrl}}">
                    <view class="fold-header" catch:tap="handleFold" data-index="{{index}}">
                      {{item.fold ? '展开':'收起'}}详细评测报告
                      <van-icon name="arrow-{{!item.fold ? 'up' : 'down'}}" />
                    </view>
                    <view class="fold-container {{item.fold && 'hide'}}">
                      <!-- <image class="fold-img" mode="widthFix" src="{{item.ResultsImgUrl}}" show-menu-by-longpress></image> -->
                      <view class="scurt">
                        <view class="s-header">
                          <view class="none"></view>
                          <view
                            class="bar"
                            style="background: url({{imageUrl}}za-images/1/adl-scurt.png?t={{Timestamp}}) no-repeat center /  100% 100% ;"
                          >
                            <view class="num">0分</view>
                            <view class="num">1分</view>
                            <view class="num">2分</view>
                            <view class="num">3分</view>
                          </view>
                        </view>
                        <view class="s-body">
                          <view class="s-aside">
                            <view class="sa-item sa-item1">延髓</view>
                            <view class="sa-item sa-item2">呼吸</view>
                            <view class="sa-item sa-item3">四肢</view>
                            <view class="sa-item sa-item4">眼肌</view>
                          </view>
                          <view class="s-container">
                            <view class="sc-row" wx:for="{{tableData}}" wx:for-item="subItem" wx:key="index">
                              <view class="sc-title">{{subItem.title}}</view>
                              <view class="sc-col">
                                <image
                                  wx:if="{{item[subItem.key] == 0}}"
                                  class="icon"
                                  src="{{imageUrl}}za-images1/adl-scurt-icon.png?t={{Timestamp}}"
                                ></image>
                              </view>
                              <view class="sc-col">
                                <image
                                  wx:if="{{item[subItem.key] == 1}}"
                                  class="icon"
                                  src="{{imageUrl}}za-images1/adl-scurt-icon.png?t={{Timestamp}}"
                                ></image>
                              </view>
                              <view class="sc-col">
                                <image
                                  wx:if="{{item[subItem.key] == 2}}"
                                  class="icon"
                                  src="{{imageUrl}}za-images1/adl-scurt-icon.png?t={{Timestamp}}"
                                ></image>
                              </view>
                              <view class="sc-col">
                                <image
                                  wx:if="{{item[subItem.key] == 3}}"
                                  class="icon"
                                  src="{{imageUrl}}za-images1/adl-scurt-icon.png?t={{Timestamp}}"
                                ></image>
                              </view>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
              <view
                class="drug-card"
                wx:if="{{item.SteroidDailyDose}}"
                bind:tap="handleAdlDetail"
                data-id="{{item.Id}}"
                data-isi="{{item.IsInsuranceProject}}"
                data-index="{{index}}"
              >
                <view class="d-header">
                  <view class="name">激素用量</view>
                  <view class="status">
                    本次激素用量为
                    <text class="num">{{item.SteroidDailyDose}}mg</text>
                    /天
                  </view>
                </view>
                <view class="content" wx:if="{{item.SteroidDailyDose>5}}">距离达标还需努力，请遵医嘱规律治疗</view>
                <view class="content" wx:else>恭喜达标，您的激素用量已少于95% 的患友</view>
              </view>
            </view>
          </view>
        </view>
        <pagination pagination="{{pagination}}"></pagination>
      </view>
    </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>