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

<view class="page">
  <view class="page-header">
    <view class="user">
      <image class="avatar" src="{{patientDetail.userAvatar}}"></image>
      <view class="wrap">
        <view class="name">
          <view class="left">
            {{patientDetail.patientName}}
            <view
              class="tip"
              wx:if="{{patientDetail.patientNameInit==='2'}}"
              bind:tap="handleSendUserConform"
              data-id="6"
            >
              提醒补充真实姓名
            </view>
          </view>
          <view class="detail" bind:tap="handlePatientDetail">
            患者档案
            <van-icon name="arrow" />
          </view>
        </view>
        <view class="tags">
          <view class="tag" wx:for="{{patientDetail.Tags}}" wx:for-item="tag" wx:for-index="tIndex" wx:key="tIndex">
            {{tag}}
          </view>
        </view>
      </view>
    </view>
    <view class="adl" wx:if="{{patientDetail.LastAdlTime}}">
      <view class="a-header">
        <view class="content">最近一次测评：{{patientDetail.LastAdlTimeName}}</view>
        <view class="box"></view>
      </view>
      <view class="a-content">
        <view class="row" wx:if="{{patientDetail.AdlScore}}">
          <view class="label">最新ADL评分</view>
          <view class="num">{{patientDetail.AdlScore}}</view>
          <view class="tag" wx:if="{{patientDetail.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="{{patientDetail.TotalScoreChange*1!=0}}">
              <image
                wx:if="{{patientDetail.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>
              {{patientDetail.TotalScoreChange}}
            </view>
          </view>
          <view class="tag tag-warn" wx:elif="{{patientDetail.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="{{patientDetail.TotalScoreChange*1!=0}}">
              <image
                wx:if="{{patientDetail.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>
              {{patientDetail.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="{{patientDetail.TotalScoreChange*1!=0}}">
              <image
                wx:if="{{patientDetail.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>
              {{patientDetail.TotalScoreChange}}
            </view>
          </view>
        </view>
        <view class="row" wx:if="{{patientDetail.SteroidDailyDose}}">
          <view class="label">最新激素用量</view>
          <view class="num">{{patientDetail.SteroidDailyDose}}mg</view>
          <view class="tag" wx:if="{{patientDetail.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="{{patientDetail.SteroidDailyDoseChange*1!=0}}">
              <image
                wx:if="{{patientDetail.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>
              {{patientDetail.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="{{patientDetail.SteroidDailyDoseChange*1!=0}}">
              <image
                wx:if="{{patientDetail.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>
              {{patientDetail.SteroidDailyDoseChange}}mg
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="page-container" id="page-container">
    <scroll-view
      class="scroll-view"
      scroll-y="{{true}}"
      scroll-top="{{scrollTop}}"
      scroll-into-view="{{scrollIntoView}}"
      scroll-with-animation
      bindscrolltoupper="scrolltoupper"
    >
      <van-loading wx:if="{{isLoad && !isFinish}}" />
      <view
        class="view-wrap"
        wx:for="{{messageList}}"
        wx:key="msgId"
        wx:for-item="message"
        wx:for-index="mIndex"
        id="view{{mIndex}}"
      >
        <view class="date" wx:if="{{message.showTime}}">{{message.msgCreateTimeName}}</view>
        <view class="patient" wx:if="{{message.msgFromType==='1'}}">
          <view class="avatar">
            <image class="a-img" src="{{patientDetail.userAvatar}}"></image>
          </view>
          <view class="p-container">
            <view class="message" wx:if="{{message.msgContentType==='1'}}">{{message.msgContent}}</view>
            <view class="referral-replay"  wx:if="{{message.msgContentType==='9'}}">
              <view class="title">我最近一次复诊时间是{{message.ReVisitInfo.visitDateName}}</view>
              <view class="sub-title">我的方案是</view>
              <view class="r-list">
                <view class="item" wx:if="{{message.ReVisitInfo.hormone==1}}">1.激素</view>
                <view class="item" wx:if="{{message.ReVisitInfo.traditionalInhibitor==1}}">2.传统免疫抑制剂(如他克莫司、吗 替麦考酚酯等）</view>
                <view class="item" wx:if="{{message.ReVisitInfo.gammaGlobulin==1}}">3.静脉输注丙种球蛋白</view>
                <view class="item" wx:if="{{message.ReVisitInfo.plasmaExchange==1}}">4.血浆置换</view>
                <view class="item" wx:if="{{message.ReVisitInfo.bCellInhibitor==1}}">5.B细胞抑制剂(如:利妥昔单抗、泰 它西普、伊奈利珠单抗)</view>
                <view class="item" wx:if="{{message.ReVisitInfo.fcRnAntagonists==1}}">6.FcRn拮抗剂(如:艾加莫德)</view>
                <view class="item" wx:if="{{message.ReVisitInfo.c5ComplementInhibitor==1}}">7.C5补体抑制剂(如:依库珠单抗)</view>
                <view class="item" wx:if="{{message.ReVisitInfo.chineseMedicine==1}}">8.中药或中成药</view>
                <view class="item" wx:if="{{message.ReVisitInfo.other==1}}">9.其他</view>
              </view>
            </view>
          </view>
        </view>
        <view class="doctor" wx:if="{{message.msgFromType==='2'}}">
          <view class="d-container">
            <view class="guide" wx:if="{{message.msgContentType==='5'}}">
              <view class="title">{{message.welcomeMsg.title}}</view>
              <view class="sub-title">{{message.welcomeMsg.questionDes}}</view>
              <view class="list">
                <view class="l-item" wx:for="{{message.welcomeMsg.hotQuestion}}" wx:key="questionId">
                  <view class="order">{{index+1}}</view>
                  <view class="content">{{item.question}}</view>
                </view>
              </view>
              <view class="tip">
                {{message.welcomeMsg.guideClick}}
                <image class="icon" src="{{imageUrl}}za-images/doctor/icon-down1.png?t={{Timestamp}}"></image>
              </view>
            </view>
            <view class="message" wx:elif="{{message.msgContentType==='1'}}">{{message.msgContent}}</view>
            <view class="week" wx:elif="{{message.msgContentType==='2'}}">
              <view class="w-title">以下是我的出诊时间</view>
              <view class="w-container">
                <view wx:if="{{message.msgVisitTimeType==2}}" class="w-content pre-line">{{message.msgVisitTime}}</view>
                <block wx:else>
                  <view class="row" wx:for="{{message.msgVisitTime}}" wx:key="index">
                    <view class="label">{{week[item.weekday-1]}}</view>
                    <view class="content">{{timeDay[item.timeType]}}</view>
                  </view>
                </block>
              </view>
            </view>
            <view
              class="adl"
              wx:elif="{{message.msgContentType==='3'}}"
              style="padding-top: {{top+25}}px;background: url({{imageUrl}}za-images/doctor/d_interactive-adl-bg.png?t={{Timestamp}}) no-repeat bottom right / 268rpx 222rpx,#D74D75;"
            >
              <image
                class="title"
                src="{{imageUrl}}za-images/doctor/d_interactiveTitle1.png?t={{Timestamp}}"
                mode="aspectFit"
              ></image>
              <view class="sub-title">ADL＋激素双达标</view>
              <view class="btn" bind:tap="handleAdl">点击进入ADL</view>
              <view class="tip">建议您定期做ADL测评</view>
            </view>
            <view
              class="audio"
              wx:elif="{{message.msgContentType==='4'}}"
              bind:tap="handleAudio"
              data-index="{{mIndex}}"
            >
              {{message.msgContent[0].duration}}''
              <image
                class="icon"
                wx:if="{{message.isPlay}}"
                src="{{imageUrl}}za-images/doctor/audio-left.gif?t={{Timestamp}}"
                mode="aspectFit"
              ></image>
              <image
                class="icon"
                wx:else
                src="{{imageUrl}}za-images/doctor/audio-left.png?t={{Timestamp}}"
                mode="aspectFit"
              ></image>
            </view>
            <view class="info" wx:elif="{{message.msgContentType==='6'}}">
              <view class="content">{{message.msgContent}}</view>
              <view class="btn">提交您的真实姓名</view>
            </view>
            <view class="info" wx:elif="{{message.msgContentType==='7'}}">
              <view class="content">{{message.msgContent}}</view>
              <view class="btn">完善个人信息</view>
            </view>
            <view class="referral" wx:elif="{{message.msgContentType==='8'}}">
              <view class="r-header">
                <view class="title">您最近有按照医生的 提醒，定期复诊吗？</view>
                <image class="icon" src="{{imageUrl}}za-images5/hostipal.png?t={{Timestamp}}"></image>
              </view>
              <view class="r-footer">
                <view class="btn">已复诊</view>
              </view>
            </view>
          </view>
          <view class="avatar">
            <image class="a-img" mode="aspectFill" src="{{imageUrl}}za-images/5/doctor.png?t={{Timestamp}}"></image>
          </view>
        </view>
      </view>
      <view id="place" class="place"></view>
    </scroll-view>
  </view>
  <view class="page-footer">
    <view class="send" bind:tap="handleSendShow">发送消息</view>
    <view class="send-date" wx:if="{{patientDetail.patientInit==='2'}}" bind:tap="handleSendUserConform" data-id="7">
      <image class="icon" src="{{imageUrl}}za-images/3/icon-user.png?t={{Timestamp}}"></image>
      <view>完善个人信息</view>
    </view>
    <view class="send-date" bind:tap="handleSendDate">
      <image class="icon" src="{{imageUrl}}za-images/3/icon-send-date.png?t={{Timestamp}}"></image>
      <view>我的出诊时间</view>
    </view>
    <view class="send-date" bind:tap="handleReferral">
      <image class="icon" src="{{imageUrl}}za-images/5/icon-referral.png?t={{Timestamp}}"></image>
      <view style="color: #67baca">复诊提醒</view>
    </view>
  </view>
</view>

<van-popup
  show="{{ messageListShow }}"
  style="--popup-close-icon-color: #283031"
  position="bottom"
  round
  bind:close="handlePopupMessageClose"
  closeable
>
  <view class="popup-message">
    <view class="title">发送消息</view>
    <view class="list">
      <view
        class="l-item {{wordIndex===index && 'active'}}"
        wx:for="{{wordList}}"
        wx:key="wordId"
        bind:tap="handleWord"
        data-index="{{index}}"
      >
        {{item.word}}
      </view>
    </view>
    <view class="submit" bind:tap="handleSendWord">发送</view>
  </view>
</van-popup>