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

<view class="page">
  <view class="card">
    <view class="card-title">我的批注</view>
    <view class="remark">
      <textarea
        class="textarea"
        model:value="{{info}}"
        placeholder-style="color:rgba(205, 205, 205, 1);"
        placeholder="请输入您的病历备注"
        auto-height
        maxlength="{{1000}}"
      ></textarea>
      <view class="limit">{{info.length}}/1000</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">
      上传图片建议
      <text class="limit">({{images.length}}/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 bind:file="handlePhoto">
        <view class="upload-file">
          <van-icon class="add" name="plus" />
        </view>
      </uploadFile>
    </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}}" wx:key="name">
        <view class="wrap">
          <image class="icon" src="{{imageUrl}}icon-file{{item.fileType}}.png?t={{Timestamp}}"></image>
          <view class="name">{{item.name}}</view>
        </view>
        <view class="option">
          <image
            class="icon"
            bind:tap="handleDelFile"
            data-index="{{index}}"
            src="{{imageUrl}}icon-del.png?t={{Timestamp}}"
          ></image>
          <image
            class="icon"
            bind:tap="handlePreviewFile"
            data-index="{{index}}"
            src="{{imageUrl}}icon-eye.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="footer">
    <view class="cancel" bind:tap="handleBack">返回</view>
    <view class="submit" bind:tap="handleSave">保存并提交</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" wx:if="{{auth.canFeedbackInvite}}">提交并邀约质控医生</view>
    <view class="public" wx:if="{{auth.canFeedbackOpen}}">
      <radio class="radio" checked="{{isOpen===1}}" bind:tap="handleTogleOpen">
        病历公开（选择公开后，本科室医生均查看病历）
      </radio>
    </view>
  </view>
</van-popup>