xinda-miniprogram/src/patient/pages/interactivePatient/index.wxml

<navbar fixed title="互动" custom-style="background:{{background}}">
  <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+22}}px;"
>
  <view class="page-header" bind:tap="handleDoctorDetail">
    <image class="avatar" mode="aspectFill" src="{{doctorDetail.doctorAvatar}}"></image>
    <view class="wrap">
      <view class="name">{{doctorDetail.doctorName}}</view>
      <view class="content">
        <div class="c-name">{{doctorDetail.hospitalName}}</div>
        <view class="tag">{{doctorDetail.hospitalClassificationName}}{{doctorDetail.hospitalLevelName}}</view>
      </view>
    </view>
    <van-icon class="more" name="arrow" />
  </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 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="doctor" wx:if="{{message.msgFromType==='2'}}">
          <view class="avatar">
            <image class="a-img" mode="aspectFill" src="{{doctorDetail.doctorAvatar}}"></image>
            <view class="ai" wx:if="{{message.msgContentType==='12'}}">机器人</view>
          </view>
          <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"
                  bind:tap="handleHot"
                  data-mindex="{{mIndex}}"
                  data-index="{{index}}"
                >
                  <view class="order">{{index+1}}</view>
                  <view class="content">{{item.question}}</view>
                </view>
              </view>
            </view>
            <block
              wx:elif="{{message.msgContentType==='1'|| message.msgContentType==='11' || message.msgContentType==='12'}}"
            >
              <view class="message">{{message.msgContent}}</view>
            </block>
            <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==='10'}}" bind:tap="handleQol">
              <view class="title">GO-QOL生活质量评分</view>
              <view class="sub-title">可从主观感受变化反馈治疗效果，建议您每月定期测评</view>
              <view class="btn">点击开始自评</view>
              <image class="photo" src="{{imageUrl}}bg17.png?t={{Timestamp}}"></image>
            </view>
            <view
              class="audio"
              wx:elif="{{message.msgContentType==='4'}}"
              bind:tap="handleAudio"
              data-index="{{mIndex}}"
            >
              <image
                wx:if="{{message.isPlay}}"
                class="icon"
                src="{{imageUrl}}za-images//doctor/audio-right.gif?t={{Timestamp}}"
                mode="aspectFit"
              ></image>
              <image
                wx:else
                class="icon"
                src="{{imageUrl}}za-images//doctor/audio-right.png?t={{Timestamp}}"
                mode="aspectFit"
              ></image>
              {{message.msgContent[0].duration}}''
            </view>
            <view class="info" wx:elif="{{message.msgContentType==='6'}}">
              <view class="content">{{message.msgContent}}</view>
              <view class="btn" bind:tap="handleFillUserInfo">提交您的真实姓名</view>
            </view>
            <view class="info" wx:elif="{{message.msgContentType==='7'}}">
              <view class="content">{{message.msgContent}}</view>
              <view class="btn" bind:tap="handleFillUserInfo">完善个人信息</view>
            </view>
          </view>
        </view>
        <view class="patient" wx:if="{{message.msgFromType==='1'}}">
          <view class="p-container">
            <block wx:if="{{message.msgContentType==='1' || message.msgContentType==='11'}}">
              <view class="message">
                <image
                  wx:if="{{message.msgCustomSendStatus==2 || message.msgCustomSendStatus==6}}"
                  class="error"
                  bind:tap="handleReplay"
                  data-message="{{message.msgContent}}"
                  src="{{imageUrl}}icon99.png?t={{Timestamp}}"
                ></image>
                <view class="content">{{message.msgContent}}</view>
              </view>
            </block>
            <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 class="avatar">
            <image class="a-img" mode="aspectFill" src="{{zdUserInfo.UserImg}}"></image>
          </view>
        </view>
        <view class="status" wx:if="{{message.msgTipsInfo}}">{{message.msgTipsInfo}}</view>
      </view>
      <view id="place" class="place"></view>
    </scroll-view>
  </view>
  <view
    class="page-footer {{expend && 'expend'}} {{maxTextArea && 'custom-input-max'}} {{expendType=='custom-input' && 'min-expend'}}"
    catch:tap="handleFooter"
  >
    <view class="unread" catch:tap="handleRead" wx:if="{{unReadCount}}">
      您有{{unReadCount}}条新消息
      <van-icon name="arrow-down" />
    </view>
    <view class="line"></view>
    <view class="title" wx:if="{{!expend}}">
      <view class="custom-input" wx:if="{{doctorDetail.isOpenOneToOne == 1}}" catch:tap="handleFooterInput">
        {{customMessage || '输入您的问题'}}
      </view>
      <view class="shortcut" catch:tap="handleFooterShortcut">
        <image class="icon" src="{{imageUrl}}za-images//doctor/icon-message.png?t={{Timestamp}}"></image>
        {{doctorDetail.isOpenOneToOne == 1 ? '快捷提问':'请选择您要咨询的问题'}}
      </view>
    </view>
    <block wx:if="{{expend}}">
      <block wx:if="{{expendType=='shortcut'}}">
        <view class="tabs">
          <view
            class="tab {{questionActive === index && 'active'}}"
            wx:for="{{questionList}}"
            wx:key="typeId"
            catch:tap="handleQuestionTab"
            data-index="{{index}}"
          >
            {{item.typeName}}
          </view>
        </view>
        <view class="list">
          <view
            class="l-item"
            wx:for="{{questionActiveList}}"
            wx:key="questionId"
            bind:tap="handleQuestion"
            data-index="{{index}}"
          >
            <view class="order">{{index+1}}</view>
            <view class="content">{{item.question}}</view>
            <view class="icon-wrap">
              <image class="icon" src="{{imageUrl}}icon38.png?t={{Timestamp}}"></image>
            </view>
          </view>
        </view>
      </block>
      <block wx:elif="{{expendType=='custom-input'}}">
        <view class="custom-input {{maxTextArea && 'custom-input-max'}}">
          <image
            wx:if="{{maxTextArea}}"
            class="icon"
            src="{{imageUrl}}icon98.png?t={{Timestamp}}"
            catch:tap="toggleMaxTextarea"
          ></image>
          <image
            wx:else
            class="icon"
            src="{{imageUrl}}icon97.png?t={{Timestamp}}"
            catch:tap="toggleMaxTextarea"
          ></image>
          <view class="wrap" catch:tap="catchFooterInput">
            <textarea
              class="textarea"
              model:value="{{customMessage}}"
              focus="{{focus}}"
              hold-keyboard
              disable-default-padding
              confirm-type="send"
              adjust-keyboard-to="bottom"
              maxlength="{{500}}"
              placeholder="输入您的问题"
              bind:blur="bindblur"
              bindinput="handleInput"
              bindconfirm="handleConfirm"
            >
              <keyboard-accessory class="ka" hold-keyboard="{{true}}" style="background-color: #fff;">
                <cover-view class="ka-container">
                  <cover-view class="stat {{customMessage.length == 500 && 'red'}}">{{customMessage.length}}/500</cover-view>
                  <cover-view class="send-btn" bind:tap="handleConfirm">发送</cover-view>
                </cover-view>
              </keyboard-accessory>
            </textarea>
            <view class="w-footer"></view>
          </view>
        </view>
      </block>
    </block>
  </view>
</view>

<popup
  show="{{popupShow}}"
  type="{{popupType}}"
  params="{{popupParams}}"
  bind:ok="handlePopupOk"
  bind:cancel="handlePopupCancel"
></popup>