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

<view class="page">
  <view class="detail-card">
    <view class="li-header">
      <view class="wrap">
        <view class="id">ID:2024020913049204001</view>
        <view class="status status2">新病历</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">2024-02-09 12:04:23</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="feedback-card">
    <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">
    <view class="dc-header">
      <view class="status">已提交给</view>
      <view class="date">提交时间：2024-10-01 12：34：34</view>
    </view>
    <view class="doctor">
      <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="label">主任医师</view>
          <view class="line"></view>
          <view class="label">心内科</view>
        </view>
        <view class="w-container">
          <text class="hostipal">北京天坛医院</text>
          <view class="tag">三甲</view>
          <view class="site">广州市/番禺区</view>
        </view>
        <view class="w-footer">
          <image class="wf-label" src="{{imageUrl}}text-specialty.png?t={{Timestamp}}" mode="aspectFit"></image>
          <view class="wf-tag">心律失常</view>
          <view class="wf-tag">心律失常</view>
          <view class="wf-tag">心律失常</view>
          <view class="wf-tag">心律失常</view>
        </view>
      </view>
    </view>
  </view>
  <view class="footer">
    <block wx:if="{{false}}">
      <view class="wrap">
        <view class="w-item">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon1.png?t={{Timestamp}}"></image>
          <view class="name">驳回</view>
        </view>
        <view class="w-item" wx:if="{{false}}">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon3.png?t={{Timestamp}}"></image>
          <view class="name">驳回原因</view>
        </view>
        <view class="w-item" wx:if="{{false}}">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon2.png?t={{Timestamp}}"></image>
          <view class="name">创建聊天室</view>
        </view>
        <view class="w-item" wx:if="{{false}}">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon4.png?t={{Timestamp}}"></image>
          <view class="name">更多操作</view>
        </view>
        <view class="w-item" wx:if="{{false}}">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon5.png?t={{Timestamp}}"></image>
          <view class="name">归档</view>
        </view>
        <view class="w-item" wx:if="{{false}}">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon6.png?t={{Timestamp}}"></image>
          <view class="name">创建聊天室</view>
        </view>
        <view class="w-item" wx:if="{{false}}">
          <image class="icon" src="{{imageUrl}}case-detail-footer-icon7.png?t={{Timestamp}}"></image>
          <view class="name">标为优质</view>
        </view>
      </view>
      <view class="btn-wrap">
        <view class="btn1" wx:if="{{false}}">更多操作</view>
        <view class="btn2" wx:if="{{false}}">
          <view class="l-btn">@质控医生</view>
          <view class="r-btn">提交反馈</view>
        </view>
        <view class="btn2" wx:if="{{true}}">
          <view class="l-btn">创建聊天室</view>
          <view class="r-btn">提交反馈</view>
        </view>
      </view>
    </block>
    <view class="one-wrap">
      <view class="tip">
        <view class="t-header">
          <view class="title">李俊医生驳回了您的病历</view>
          <view class="date">2024.09.12</view>
        </view>
        <view class="content">原因:资料待补充</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>