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

<wxs src="/utils/util.wxs" module="tools" />
<van-nav-bar title="录入病历" fixed bind:click-left="handleBack" bind:click-right="onClickRight">
  <van-icon name="arrow-left" slot="left" size="18px" />
</van-nav-bar>
<view class="page" style="padding-top:{{menuButtonInfo.top + 60}}px;">
  <view class="card">
    <view class="card-title required">
      上传病历图片/视频
      <text class="limit">({{images.length}}/9)</text>
    </view>
    <view class="image-files">
      <view class="photo" wx:for="{{images}}" wx:key="index" bind:tap="handlePreviewMedia" data-index="{{index}}">
        <image class="p-img" src="{{item.url}}" mode="aspectFill"></image>
        <view class="del" catch:tap="handleDelPhoto" data-index="{{index}}">
          <van-icon name="cross" />
        </view>
        <view class="repeat" wx:if="{{item.repeat}}">
          <image class="icon" src="{{imageUrl}}icon-error.png?t={{Timestamp}}"></image>
          <view class="r-title">重复图片</view>
        </view>
        <view class="video-sign" wx:if="{{item.fileType == 3}}">
          <image class="icon" src="{{imageUrl}}video-sign.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <uploadFile
        obscure
        accept="media"
        edit="{{edit}}"
        bind:file="handleMedia"
        bind:tap="handleMapPhoto"
        wx:if="{{images.length<9}}"
      >
        <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">{{description.length}}/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>
        <image
          class="del"
          src="{{imageUrl}}icon-clsoe-green.png?t={{Timestamp}}"
          bind:tap="handleDelAudio"
          data-index="{{index}}"
        ></image>
        <view class="options">
          <customAudioText
            class="trans"
            url="{{item.url}}"
            map1="BTN_INPUTCASEVOICETOTEXT"
            map2="BTN_INPUTCASECOPYTEXT"
          >
            转文字
          </customAudioText>
        </view>
      </view>
    </view>
    <view class="record">
      <customRecord class="custom-record" bind:file="handleAudio" bind:tap="handleMapAudio"></customRecord>
      <view class="r-title">您也可以长按录入语音</view>
    </view>
  </view>
  <view class="card">
    <view class="card-title">
      病历相关文件
      <uploadFile class="message-select-wrap" chooseMessage bind:file="handleFile" bind:tap="handleMapFile">
        <view class="message-select">从聊天记录选择文件</view>
      </uploadFile>
    </view>
    <view class="file-list" wx:if="{{files.length}}">
      <view
        class="fl-row"
        wx:for="{{files}}"
        wx:key="name"
        bind:tap="handlePreviewFile"
        catch:longpress="handlePreviewName"
        data-index="{{index}}"
      >
        <view class="wrap">
          <image class="icon" src="{{imageUrl}}icon-file{{item.fileType}}.png?t={{Timestamp}}"></image>
          <view class="name">{{item.name}}</view>
          <view class="preview">预览</view>
          <image
            class="del"
            catch:tap="handleDelFile"
            data-index="{{index}}"
            src="{{imageUrl}}icon-clsoe-green.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 {{deptId === item.value && 'active'}}"
          wx:for="{{deptList}}"
          wx:key="value"
          bind:tap="handleDept"
          data-params="{{item}}"
        >
          {{item.label}}
        </view>
      </view>
      <view class="sub-tag-wrap" wx:if="{{labelList.length}}">
        <view
          class="sub-tag {{tools.include(item.value,labelIds) && 'active'}}"
          wx:for="{{labelList}}"
          wx:key="value"
          data-params="{{item}}"
          bind:tap="handleLabel"
        >
          {{item.label}}
        </view>
      </view>
    </view>
  </view>
  <view class="footer">
    <view class="cancel" wx:if="{{ !caseId || auth.canDraft }}" bind:tap="handleCache">存为草稿</view>
    <view wx:if="{{isInvite}}" class="submit" bind:tap="handleInvite">保存并提交</view>
    <view wx:else class="submit disabled" bind:tap="handleNoInvite">保存并提交</view>
  </view>
</view>

<van-popup show="{{ show1 }}" bind:close="onClose" round closeable>
  <view class="popup1">
    <view class="title">确认提交您的反馈信息</view>
    <view class="btn1" bind:tap="handleSubmit">直接提交我的反馈信息</view>
    <view class="btn2" bind:tap="handleInvite">提交并邀约质控医生</view>
    <view class="public">
      <radio color="#00B4C5" 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-toast id="van-toast" />