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">
        收起
        <image class="icon" src="{{imageUrl}}fold-down.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">
      <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 wx:if="{{auth.canEditLabel}}" bind:tap="handleShowLable">编辑标签</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" src="{{imageUrl}}icon-eye.png?t={{Timestamp}}"></image>
              <image 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 class="gather" src="{{imageUrl}}icon-gather.png?t={{Timestamp}}"></image>
    </view>
    <view class="li-row">
      <view class="label">提交时间</view>
      <view class="content">2024-02-09 12:04:23</view>
      <view class="fold">
        收起
        <image class="icon" src="{{imageUrl}}fold-down.png?t={{Timestamp}}"></image>
      </view>
    </view>
    <view class="user">
      <doctorAvatar
        class="avatar"
        src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"
        level="{{1}}"
      ></doctorAvatar>
      <view class="wrap">
        <view class="w-header">
          <view class="name">徐萌</view>
          <view class="desc">主治医师</view>
        </view>
        <view class="w-footer">
          <view class="hostipal">北京天坛医院</view>
          <view class="tag">三甲</view>
          <view class="site">广州市/番禺区</view>
        </view>
      </view>
    </view>
    <view class="cases">
      <view class="tags">
        <view class="t-label">标签</view>
        <view class="wrap">
          <view class="tag">心律失常</view>
          <view class="tag">心衰</view>
        </view>
      </view>
      <view class="photos">
        <image
          class="photo"
          src="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"
          mode="aspectFill"
          bind:tap="handleImagePreview"
          data-url="https://pic1.zhimg.com/50/v2-dcfbab1219ae4f7a7a6db168bb1580a2_720w.jpg?source=2c26e567"
        ></image>
      </view>
      <view class="remark">
        <view class="r-title">病历备注</view>
        <view class="r-content">
          此患者已经做了基因检测，根据基因检测的流程判断已排除，但是其他的检测档案指向性较强，请帮忙判断
        </view>
      </view>
      <view class="audio-list">
        <view class="audio-row">
          <customAudioBar class="audio-bar"></customAudioBar>
          <view class="options">
            <view class="trans">转文字</view>
          </view>
        </view>
      </view>
      <view class="files">
        <view class="f-title">病历相关文件</view>
        <view class="file-list">
          <view class="fl-row">
            <view class="wrap">
              <image class="icon" src="{{imageUrl}}icon-file.png?t={{Timestamp}}"></image>
              <view class="name">基因检测报告.pdf</view>
            </view>
            <view class="option">
              <image class="icon" src="{{imageUrl}}icon-eye.png?t={{Timestamp}}"></image>
              <image 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">
    <block>
      <view class="wrap">
        <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}}">
          <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}}">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon5.png?t={{Timestamp}}"></image>
          <view class="name">归档</view>
        </view>
        <view class="w-item" wx:if="{{auth.canEnterChatRoom}}">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon6.png?t={{Timestamp}}"></image>
          <view class="name">进入聊天室</view>
        </view>
        <view class="w-item" wx:if="{{auth.canSetHighQuality}}">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon7.png?t={{Timestamp}}"></image>
          <view class="name">标为优质</view>
        </view>
        <view class="w-item" wx:if="{{auth.canInvite}}" bind:tap="handleInvite">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon7.png?t={{Timestamp}}"></image>
          <view class="name">邀约上级</view>
        </view>
        <!-- <view class="w-item"> -->
        <!--   <image class="icon" src="{{imageUrl}}case-detail-footer-icon4.png?t={{Timestamp}}"></image> -->
        <!--   <view class="name">更多操作</view> -->
        <!-- </view> -->
      </view>

      <view class="btn-wrap">
        <view class="btn1" wx:if="{{auth.canFeedback}}" bind:tap="handleFeedBack">提交反馈</view>
      </view>
    </block>
    <!-- <view class="one-wrap"> -->
    <!--     <view class="content">{{rejectReason.reasonName}}:{{rejectReason.remark}}</view> -->
    <!--   </view> -->
    <!--   <view class="cancel">驳回记录</view> -->
    <!--   <view class="sure">提交</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
  bind:close="onClose"
  confirm-button-color="rgba(0, 180, 197, 1)"
  custom-style="background:transparent"
>
  <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
  bind:close="onClose"
  confirm-button-color="rgba(0, 180, 197, 1)"
  custom-style="background:transparent"
>
  <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
  bind:close="onClose"
  confirm-button-color="rgba(0, 180, 197, 1)"
  custom-style="background:transparent"
>
  <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
  bind:close="onClose"
  confirm-button-color="rgba(0, 180, 197, 1)"
  custom-style="background:transparent"
>
  <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>