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

<view class="page">
  <view class="card">
    <view class="card-title required">
      上传病历图片
      <text class="limit">(0/9)</text>
    </view>
    <view class="image-files">
      <view class="photo" wx:for="{{images}}" wx:key="index">
        <image class="p-img" src="{{item.url}}" mode="aspectFill"></image>
        <view class="del" bind:tap="handleDelPhoto" data-index="{{index}}">
          <van-icon name="cross" />
        </view>
        <!-- <view class="repeat">
          <image class="icon" src="{{imageUrl}}icon-error.png?t={{Timestamp}}"></image>
          <view class="r-title">重复图片</view>
        </view> -->
      </view>
      <uploadFile obscure bind:file="handlePhoto">
        <view class="upload-file">
          <van-icon class="add" name="plus" />
        </view>
      </uploadFile>
    </view>
  </view>
  <view class="card">
    <view class="card-title">病历备注</view>
    <view class="remark">
      <textarea
        class="textarea"
        model:value="{{description}}"
        placeholder-style="color:rgba(205, 205, 205, 1);"
        placeholder="请输入您的病历备注"
        auto-height
        maxlength="{{3000}}"
      ></textarea>
      <view class="limit">0/3000</view>
    </view>
    <view class="audio-list">
      <view class="row" wx:for="{{audios}}" wx:key="index">
        <customAudioBar class="audio-bar" url="{{item.url}}" time="{{item.duration}}"></customAudioBar>
        <view class="options">
          <image
            class="del"
            src="{{imageUrl}}icon-del.png?t={{Timestamp}}"
            bind:tap="handleDelAudio"
            data-index="{{index}}"
          ></image>
          <view class="trans">转文字</view>
        </view>
      </view>
    </view>
    <view class="record">
      <customRecord class="record-btn" bind:file="handleAudio"></customRecord>
      <view class="r-title">您也可以长按录入语音</view>
    </view>
  </view>
  <view class="card">
    <view class="card-title">
      病历相关文件
      <uploadFile class="message-select-wrap" chooseMessage bind:file="handleFile">
        <view class="message-select">从聊天记录选择文件</view>
      </uploadFile>
    </view>
    <view class="file-list" wx:if="{{files.length}}">
      <view class="fl-row" wx:for="{{files}}">
        <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-del.png?t={{Timestamp}}"></image>
          <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 class="none-file" wx:else>
      <image class="nf-icon" src="{{imageUrl}}icon-nore-file.png?t={{Timestamp}}"></image>
      <view class="nf-title">还没有文件哦！</view>
    </view>
  </view>
  <view class="tags">
    <view class="label">标签</view>
    <view class="wrap">
      <view class="tag-wrap">
        <view class="tag">消化科</view>
        <view class="tag">消化科</view>
      </view>
      <view class="sub-tag-wrap">
        <view class="sub-tag active">心衰</view>
        <view class="sub-tag">心衰</view>
        <view class="sub-tag">心衰</view>
        <view class="sub-tag">心衰</view>
      </view>
    </view>
  </view>
  <view class="footer">
    <view class="cancel">存为草稿</view>
    <view class="submit" bind:tap="handleSubmit" bind:tap="handleSubmit">保存并提交</view>
  </view>
</view>

<van-popup show="{{ show1 }}" bind:close="onClose" round closeable>
  <view class="popup1">
    <view class="title">确认提交您的反馈信息</view>
    <view class="btn1">直接提交我的反馈信息</view>
    <view class="btn2">提交并邀约质控医生</view>
    <view class="public">
      <radio class="radio">病例公开（选择公开后，本科室医生均查看病例）</radio>
    </view>
  </view>
</van-popup>

<van-popup show="{{ show2 }}" bind:close="onClose" round closeable>
  <view class="popup2">
    <view class="title">您的病例没有进行涂抹</view>
    <!-- prettier-ignore -->
    <view class="content">
      请<text class="link">确认</text>上传的病例 已不包含患者的隐私信息
    </view>
    <view class="btn">确认继续提交</view>
    <view class="cancel">返回</view>
  </view>
</van-popup>

<van-popup show="{{ show3 }}" bind:close="onClose" round>
  <view class="popup3">
    <image class="bg" src="{{imageUrl}}daub.gif?t={{Timestamp}}"></image>
    <view class="sure">
      我知道了 去涂抹
      <van-icon name="arrow" />
    </view>
  </view>
</van-popup>