wutian-miniprogram/src/module1/pages/casesDetail/index.wxml

<wxs src="/utils/util.wxs" module="tools" />
<view class="page">
  <view class="detail-card">
    <view class="li-header">
      <view class="wrap">
        <view class="id">ID:{{detail.caseId}}</view>
        <view class="status status3" wx:if="{{detail.caseStatus==='1'}}">{{detail.caseStatusName}}</view>
        <view class="status status2" wx:elif="{{detail.caseStatus==='2'}}">{{detail.caseStatusName}}</view>
        <view class="status status1" wx:elif="{{detail.caseStatus==='3'}}">{{detail.caseStatusName}}</view>
        <view class="status status1" wx:elif="{{detail.caseStatus==='4'}}">{{detail.caseStatusName}}</view>
        <view class="status status3" wx:if="{{detail.isOpen==='1'}}">已公开</view>
      </view>
      <view class="fold" bind:tap="handleFold">
        {{fold ? '展开' : '收起'}}
        <image class="icon" src="{{imageUrl}}fold-{{fold ? 'down' :'up'}}.png?t={{Timestamp}}"></image>
      </view>
    </view>
    <view class="li-row">
      <view class="label">提交时间</view>
      <view class="content">{{detail.createTime}}</view>
    </view>
    <view class="user">
      <doctorAvatar
        class="avatar"
        src="{{detail.createDoctorInfo.doctorImg}}"
        level="{{detail.createDoctorInfo.doctorLevel}}"
      ></doctorAvatar>
      <view class="wrap">
        <view class="w-header">
          <view class="name">{{detail.createDoctorInfo.doctorName}}</view>
          <view class="desc">
            {{detail.createDoctorInfo.doctorTitleName || detail.createDoctorInfo.doctorOtherTitle}}
          </view>
        </view>
        <view class="w-footer">
          <view class="hostipal">{{detail.createDoctorInfo.hospitalName}}</view>
          <view class="tag">
            {{detail.createDoctorInfo.hospitalClassificationName}}{{detail.createDoctorInfo.hospitalLevelName}}
          </view>
          <view class="site">{{detail.createDoctorInfo.cityName}}/{{detail.createDoctorInfo.countyName}}</view>
        </view>
      </view>
    </view>
    <view class="cases {{fold && 'fold'}}">
      <view class="tags" wx:if="{{detail.caseLabels.length}}">
        <view class="t-label">标签</view>
        <view class="wrap">
          <view class="tag" wx:for="{{detail.caseLabels}}" wx:key="labelId">{{item.labelName}}</view>
        </view>
        <view class="edit-tag" wx:if="{{auth.canEditLabel}}" bind:tap="handleShowLable">
          <image class="icon" src="{{imageUrl}}icon-edit.png?t={{Timestamp}}"></image>
          修改
        </view>
      </view>
      <view class="photos">
        <image
          class="photo"
          src="{{item.url}}"
          mode="aspectFill"
          bind:tap="handleImagePreview"
          data-url="{{item.url}}"
          wx:for="{{detail.caseImages}}"
          wx:key="url"
        ></image>
      </view>
      <view class="remark" wx:if="{{detail.description}}">
        <view class="r-title">病历备注</view>
        <view class="r-content">{{detail.description}}</view>
      </view>
      <view class="audio-list" wx:if="{{detail.caseAudios.length}}">
        <view class="audio-row" wx:for="{{detail.caseAudios}}" wx:key="url">
          <customAudioBar class="audio-bar" url="{{item.url}}" time="{{item.duration}}"></customAudioBar>
          <view class="options">
            <view class="trans">转文字</view>
          </view>
        </view>
      </view>
      <view class="files" wx:if="{{detail.caseFiles.length}}">
        <view class="f-title">病历相关文件</view>
        <view class="file-list">
          <view class="fl-row" wx:for="{{detail.caseFiles}}" wx:key="url">
            <view class="wrap">
              <image class="icon" src="{{imageUrl}}icon-file.png?t={{Timestamp}}"></image>
              <view class="name">{{item.name}}</view>
            </view>
            <view class="option">
              <image
                class="icon"
                bind:tap="handlePreviewFile"
                data-item="{{item}}"
                src="{{imageUrl}}icon-eye.png?t={{Timestamp}}"
              ></image>
              <image
                bind:tap="handleDownloadFile"
                data-item="{{item}}"
                class="icon"
                src="{{imageUrl}}icon-download.png?t={{Timestamp}}"
              ></image>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="feedback-card" wx:for="{{detail.feedbackList}}" wx:key="index">
    <view class="li-options">
      <image class="quality" src="{{imageUrl}}new.png?t={{Timestamp}}" mode="scaleToFill"></image>
      <image
        wx:if="{{item.canDel===1}}"
        class="gather"
        src="{{imageUrl}}icon-gather.png?t={{Timestamp}}"
        bind:tap="handleDelFeedBack"
        data-index="{{index}}"
      ></image>
    </view>
    <view class="li-row">
      <view class="label">提交时间</view>
      <view class="content">{{item.createTime}}</view>
      <view class="fold" bind:tap="handleFeedBackFold" data-index="{{index}}">
        {{item.fold ? '展开' : '收起'}}
        <image class="icon" src="{{imageUrl}}fold-{{item.fold ? 'down' :'up'}}.png?t={{Timestamp}}"></image>
      </view>
    </view>
    <view class="user">
      <doctorAvatar
        class="avatar"
        src="{{item.createDoctorInfo.doctorImg}}"
        level="{{item.createDoctorInfo.doctorLevel}}"
      ></doctorAvatar>
      <view class="wrap">
        <view class="w-header">
          <view class="name">{{item.createDoctorInfo.doctorName}}</view>
          <view class="desc">{{item.createDoctorInfo.doctorTitleName || item.createDoctorInfo.doctorOtherTitle}}</view>
        </view>
        <view class="w-footer">
          <view class="hostipal">{{item.hospitalName}}</view>
          <view class="tag">
            {{item.createDoctorInfo.hospitalClassificationName}}{{item.createDoctorInfo.hospitalLevelName}}
          </view>
          <view class="site">{{item.createDoctorInfo.cityName}}/{{item.createDoctorInfo.countyName}}</view>
        </view>
      </view>
    </view>
    <view class="cases {{item.fold && 'fold'}}">
      <view class="remark" wx:if="{{item.info}}">
        <view class="r-title">对病例的标注</view>
        <view class="r-content">{{item.info}}</view>
      </view>
      <view class="audio-list" wx:if="{{item.feedbackAudios.length}}">
        <view class="audio-row" wx:for="{{item.feedbackAudios}}" wx:key="url" wx:for-item="aItem">
          <customAudioBar class="audio-bar" url="{{aItem.url}}" time="{{aItem.duration}}"></customAudioBar>
          <view class="options">
            <view class="trans">转文字</view>
          </view>
        </view>
      </view>
      <view class="photos" wx:if="{{item.feedbackImages.length}}">
        <image
          class="photo"
          src="{{cItem.url}}"
          mode="aspectFill"
          bind:tap="handleImagePreview"
          data-url="{{cItem.url}}"
          wx:for="{{item.feedbackImages}}"
          wx:for-item="cItem"
          wx:key="url"
        ></image>
      </view>
      <view class="files" wx:if="{{item.feedbackFiles.length}}">
        <view class="f-title">补充文件</view>
        <view class="file-list">
          <view class="fl-row" wx:for="{{item.feedbackFiles}}" wx:for-item="cItem" wx:key="url">
            <view class="wrap">
              <image class="icon" src="{{imageUrl}}icon-file.png?t={{Timestamp}}"></image>
              <view class="name">{{cItem.name}}</view>
            </view>
            <view class="option">
              <image
                class="icon"
                bind:tap="handlePreviewFile"
                data-item="{{cItem}}"
                src="{{imageUrl}}icon-eye.png?t={{Timestamp}}"
              ></image>
              <image
                bind:tap="handleDownloadFile"
                data-item="{{cItem}}"
                class="icon"
                src="{{imageUrl}}icon-download.png?t={{Timestamp}}"
              ></image>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="doctor-card" wx:if="{{dealInfo.createTime}}" wx:key="index">
    <view class="dc-header">
      <view class="status">已提交给</view>
      <view class="date">提交时间：{{dealInfo.createTime}}</view>
    </view>
    <view class="doctor">
      <doctorAvatar
        class="avatar"
        src="{{dealDoctorInfo.doctorImg}}"
        level="{{dealDoctorInfo.doctorLevel}}"
      ></doctorAvatar>
      <view class="wrap">
        <view class="w-header">
          <view class="name">{{dealDoctorInfo.doctorName}}</view>
          <view class="label">{{dealDoctorInfo.doctorTitleName || dealDoctorInfo.doctorOtherTitle}}</view>
          <block wx:for="{{dealDoctorInfo.doctorDept}}" wx:key="DepartmentId">
            <view class="line"></view>
            <view class="label">{{item.DepartmentName}}</view>
          </block>
        </view>
        <view class="w-container">
          <text class="hostipal">{{dealDoctorInfo.hospitalName}}</text>
          <view class="tag">{{dealDoctorInfo.hospitalClassificationName}}{{dealDoctorInfo.hospitalLevelName}}</view>
          <view class="site">{{dealDoctorInfo.cityName}}/{{dealDoctorInfo.countyName}}</view>
        </view>
        <view class="w-footer">
          <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
          <view class="wf-tag" wx:for="{{dealDoctorInfo.doctorSpecialty}}" wx:key="SpecialtyId">
            {{item.SpecialtyName}}
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="footer">
    <view class="wrap {{!auth.canFeedback && 'all-wrap'}}" wx:if="{{showMoreAuth>0}}">
      <view class="w-item" wx:if="{{more}}" bind:tap="handleToggleMore">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon3.png?t={{Timestamp}}"></image>
        <view class="name">更多操作</view>
        <view class="more" wx:if="{{moreShow}}">
          <view class="m-item" wx:if="{{auth.canCreateChatRoom && foldAuth.canCreateChatRoom}}">
            <image class="icon" src="{{imageUrl}}case-detail-footer-icon2.png?t={{Timestamp}}"></image>
            <view class="name">创建聊天室</view>
          </view>
          <view class="m-item" wx:if="{{auth.canEnterChatRoom && foldAuth.canCreateChatRoom}}">
            <image class="icon" src="{{imageUrl}}case-detail-footer-icon2.png?t={{Timestamp}}"></image>
            <view class="name">进入聊天室</view>
          </view>
          <view class="m-item" wx:if="{{auth.canArchive && foldAuth.canArchive}}" bind:tap="handleArchive">
            <image class="icon" src="{{imageUrl}}case-detail-footer-icon4.png?t={{Timestamp}}"></image>
            <view class="name">归档</view>
          </view>
          <view
            class="m-item"
            wx:if="{{auth.canCancelArchive && foldAuth.canCancelArchive}}"
            bind:tap="handleUnArchive"
          >
            <image class="icon" src="{{imageUrl}}case-detail-footer-icon4.png?t={{Timestamp}}"></image>
            <view class="name">取消归档</view>
          </view>
          <view
            class="m-item"
            wx:if="{{auth.canSetHighQuality && foldAuth.canSetHighQuality}}"
            bind:tap="handleQuality"
          >
            <image class="icon" src="{{imageUrl}}case-detail-footer-icon6.png?t={{Timestamp}}"></image>
            <view class="name">{{detail.isHighQuality==='1'?'取消优质':'标为优质'}}</view>
          </view>
          <view class="m-item" wx:if="{{auth.canInvite && foldAuth.canInvite}}" bind:tap="handleInvite">
            <image class="icon" src="{{imageUrl}}case-detail-footer-icon9.png?t={{Timestamp}}"></image>
            <view class="name">邀约上级</view>
          </view>
          <view class="m-item" wx:if="{{auth.canDel && foldAuth.canDel}}" bind:tap="handleDel">
            <image class="icon" src="{{imageUrl}}case-detail-footer-icon10.png?t={{Timestamp}}"></image>
            <view class="name">删除</view>
          </view>
          <view class="m-item" wx:if="{{auth.canEdit && foldAuth.canEdit}}" bind:tap="handleEdit">
            <image class="icon" src="{{imageUrl}}case-detail-footer-icon8.png?t={{Timestamp}}"></image>
            <view class="name">编辑</view>
          </view>
          <view class="m-item" wx:if="{{auth.canSetOpen && foldAuth.canSetOpen}}" bind:tap="handleOpen">
            <image class="icon" src="{{imageUrl}}case-detail-footer-icon8.png?t={{Timestamp}}"></image>
            <view class="name">{{detail.isOpen==='1'?'取消公开':'公开'}}</view>
          </view>
        </view>
      </view>
      <view class="w-item" wx:if="{{ auth.canReject }}">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon1.png?t={{Timestamp}}"></image>
        <view class="name">驳回</view>
      </view>
      <view class="w-item" wx:if="{{ auth.canViewRejectReason }}" bind:tap="handleShowRejectReason">
        <view class="tip" wx:if="{{showRejectReason}}">
          <view class="t-header">
            <view class="title">{{rejectReason.doctorName}}医生驳回了您的病历</view>
            <view class="date">{{rejectReason.rejectTime}}</view>
          </view>
          <view class="content">原因:{{rejectReason.remark}}</view>
        </view>
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon1.png?t={{Timestamp}}"></image>
        <view class="name">驳回原因</view>
      </view>
      <view class="w-item" wx:if="{{auth.canCreateChatRoom && !foldAuth.canCreateChatRoom}}">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon2.png?t={{Timestamp}}"></image>
        <view class="name">创建聊天室</view>
      </view>
      <view class="w-item" wx:if="{{auth.canEnterChatRoom && !foldAuth.canCreateChatRoom}}">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon2.png?t={{Timestamp}}"></image>
        <view class="name">进入聊天室</view>
      </view>
      <view class="w-item" wx:if="{{auth.canArchive && !foldAuth.canArchive}}" bind:tap="handleArchive">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon4.png?t={{Timestamp}}"></image>
        <view class="name">归档</view>
      </view>
      <view class="w-item" wx:if="{{auth.canCancelArchive && !foldAuth.canCancelArchive}}" bind:tap="handleUnArchive">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon4.png?t={{Timestamp}}"></image>
        <view class="name">取消归档</view>
      </view>
      <view class="w-item" wx:if="{{auth.canSetHighQuality && !foldAuth.canSetHighQuality}}" bind:tap="handleQuality">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon6.png?t={{Timestamp}}"></image>
        <view class="name">{{detail.isHighQuality==='1'?'取消优质':'标为优质'}}</view>
      </view>
      <view class="w-item" wx:if="{{auth.canInvite && !foldAuth.canInvite}}" bind:tap="handleInvite">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon9.png?t={{Timestamp}}"></image>
        <view class="name">邀约上级</view>
      </view>
      <view class="w-item" wx:if="{{auth.canDel && !foldAuth.canDel}}" bind:tap="handleDel">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon10.png?t={{Timestamp}}"></image>
        <view class="name">删除</view>
      </view>
      <view class="w-item" wx:if="{{auth.canEdit && !foldAuth.canEdit}}" bind:tap="handleEdit">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon8.png?t={{Timestamp}}"></image>
        <view class="name">编辑</view>
      </view>
      <view class="w-item" wx:if="{{auth.canSetOpen && !foldAuth.canSetOpen}}" bind:tap="handleOpen">
        <image class="icon" src="{{imageUrl}}case-detail-footer-icon8.png?t={{Timestamp}}"></image>
        <view class="name">{{detail.isOpen==='1'?'公开':'取消公开'}}</view>
      </view>
    </view>

    <view class="btn-wrap" wx:if="{{auth.canFeedback}}">
      <view class="btn1" bind:tap="handleFeedBack">提交反馈</view>
    </view>
  </view>
</view>

<van-dialog
  use-slot
  title=""
  show="{{ show1 }}"
  show-cancel-button
  bind:close="onClose"
  confirm-button-color="rgba(0, 180, 197, 1)"
>
  <view class="dialog1">
    <view class="title">驳回病历后您无需批注此病历</view>
    <view class="select-wrap">
      <view class="select">专长不符</view>
      <view class="select">资料待补充</view>
      <view class="select">重复病历</view>
    </view>
    <textarea
      class="remark"
      placeholder="请输入驳回原因"
      placeholder-style="color:rgba(205, 205, 205, 1);"
      auto-height
    ></textarea>
  </view>
</van-dialog>
<van-dialog
  use-slot
  title=""
  show="{{ show2 }}"
  show-cancel-button
  confirm-button-color="rgba(0, 180, 197, 1)"
  custom-style="background:transparent"
  beforeClose="{{beforeClose2}}"
>
  <view class="dialog2">
    <image class="badge" src="{{imageUrl}}case-detail-dialog1.png?t={{Timestamp}}"></image>
    <view class="container">
      <view class="title">确认标为优质病历吗?</view>
      <view class="content">标为优质病历后，病历将显示在优质病历列表中，所有医生都可查看。</view>
    </view>
  </view>
</van-dialog>
<van-dialog
  use-slot
  title=""
  show="{{ show3 }}"
  show-cancel-button
  confirm-button-color="rgba(0, 180, 197, 1)"
  custom-style="background:transparent"
  beforeClose="{{beforeClose3}}"
>
  <view class="dialog3">
    <image class="badge" src="{{imageUrl}}case-detail-dialog2.png?t={{Timestamp}}"></image>
    <view class="container">
      <view class="title">确认归档吗?</view>
      <view class="content">归档后病历仅可查看不可进行反馈，同时病历聊天室也将关闭。</view>
    </view>
  </view>
</van-dialog>
<van-dialog
  use-slot
  title=""
  show="{{ show4 }}"
  show-cancel-button
  confirm-button-color="rgba(0, 180, 197, 1)"
  custom-style="background:transparent"
  beforeClose="{{beforeClose2}}"
>
  <view class="dialog4">
    <image class="badge" src="{{imageUrl}}case-detail-dialog3.png?t={{Timestamp}}"></image>
    <view class="container">
      <view class="title">确认取消优质病历吗？</view>
      <view class="content">取消优质病历后，病历将不再显示在优质病历列表中，仅参与反馈的医生才可见。</view>
    </view>
  </view>
</van-dialog>
<van-dialog
  use-slot
  title=""
  show="{{ show5 }}"
  show-cancel-button
  confirm-button-color="rgba(0, 180, 197, 1)"
  custom-style="background:transparent"
  beforeClose="{{beforeClose5}}"
>
  <view class="dialog5">
    <image class="badge" src="{{imageUrl}}case-detail-dialog4.png?t={{Timestamp}}"></image>
    <view class="container">
      <view class="title">确认取消归档吗？</view>
      <view class="content">确认取消归档后，参与讨论的医生可再次对病历进行反馈，同时聊天室也同时开启。</view>
    </view>
  </view>
</van-dialog>

<van-dialog
  use-slot
  title=""
  show="{{ show6 }}"
  bind:close="onClose"
  show-confirm-button="{{false}}"
  confirm-button-color="rgba(0, 180, 197, 1)"
>
  <view class="dialog6">
    <van-icon name="cross" class="close" />
    <view class="title">确认创建聊天室</view>
    <view class="btn1">
      邀约并创建
      <view class="content">您可邀约一位您的合作医生讨论病历</view>
    </view>
    <view class="btn2">直接创建</view>
    <view class="btn3">取消</view>
  </view>
</van-dialog>

<van-dialog
  use-slot
  title=""
  show="{{ show7 }}"
  show-confirm-button="{{false}}"
  confirm-button-color="rgba(0, 180, 197, 1)"
>
  <view class="dialog7">
    <van-icon name="cross" class="close" bind:tap="onClose" />
    <view class="title">更改标签</view>
    <view class="sub-title">所属科室</view>
    <view class="tags tags1">
      <view
        class="tag {{deptId === item.value && 'active'}}"
        wx:for="{{deptList}}"
        wx:key="value"
        bind:tap="handleDept"
        data-params="{{item}}"
      >
        {{item.label}}
      </view>
    </view>
    <view class="sub-title" wx:if="{{labelList.length}}">标签</view>
    <view class="tags">
      <view
        class="tag {{tools.include(item.value,labelIds) && 'active'}}"
        wx:for="{{labelList}}"
        wx:key="value"
        bind:tap="handleLabel"
        data-params="{{item}}"
      >
        {{item.label}}
      </view>
    </view>
    <view class="submit" bind:tap="handleLableSubmit">提交</view>
  </view>
</van-dialog>