xinda-miniprogram/src/patient/pages/noteAdd/index.wxml

<page-meta page-style="{{ popupShow || visible ? 'overflow: hidden;' : '' }}" />

<navbar fixed title="记录新照片" custom-style="background:{{background}}">
  <van-icon name="arrow-left" slot="left" size="18px" color="#000" bind:tap="handleBack" />
</navbar>

<view class="page" style="padding-top: {{pageTop+20}}px;">
  <view class="benchmark">
    <checkbox class="checkbox" color="#fff">设置为基准记录，用于对比</checkbox>
  </view>
  <view class="form">
    <view class="form-title">记录日期</view>
    <picker mode="date">
      <view class="select">
        <view class="content" data-place="请选择记录日期"></view>
        <van-icon class="more" name="arrow-down" />
      </view>
    </picker>
    <view class="form-title form-title-gap">当前记录对应的替妥尤单抗使用次数</view>
    <picker mode="selector">
      <view class="select">
        <view class="content" data-place="请选择使用次数"></view>
        <van-icon class="more" name="arrow-down" />
      </view>
    </picker>
  </view>
  <view class="form">
    <view class="form-title">记录本次突眼度</view>
    <view class="dobule">
      <view class="item">
        <view class="name">右眼</view>
        <view class="i-content">
          <input type="digit" class="num" placeholder-class="place" placeholder="填写" />
          MM
        </view>
      </view>
      <view class="item">
        <view class="name">眶间距</view>
        <view class="i-content">
          <input type="digit" class="num" placeholder-class="place" placeholder="填写" />
          MM
        </view>
      </view>
      <view class="item">
        <view class="name">左眼</view>
        <view class="i-content">
          <input type="digit" class="num" placeholder-class="place" placeholder="填写" />
          MM
        </view>
      </view>
    </view>
  </view>
  <view class="container">
    <view class="c-title">持续追踪、固定位置拍摄，以便对比评估变化</view>
    <view class="options">
      <view class="btn btn1" bind:tap="handleDemo">
        <image class="icon" src="{{imageUrl}}icon149.png?t={{Timestamp}}"></image>
        标准拍摄示范
      </view>
      <view class="btn btn2">
        <image class="icon" src="{{imageUrl}}icon150.png?t={{Timestamp}}"></image>
        一键顺序拍摄
      </view>
    </view>
    <view class="card">
      <view class="card-title">
        <view class="order">1</view>
        正面
      </view>
      <view class="upload-container">
        <view class="upload-item" wx:for="{{cameraList.frontend}}" wx:key="index">
          <view class="upload-preview" wx:if="{{imageSrc}}" bind:tap="handlePreview">
            <image class="photo" src="{{imageSrc}}"></image>
            <view class="status">
              <image class="icon" src="/images/icon164.png"></image>
              <view class="content">不符合规范</view>
              <view class="guide">重新上传</view>
            </view>
          </view>
          <view class="upload-place" wx:else bind:tap="handleCamera" data-type="{{item.type}}">
            <image class="icon" src="{{imageUrl}}icon151.png?t={{Timestamp}}"></image>
            <view class="name">{{item.name}}</view>
          </view>
        </view>
      </view>
    </view>
    <view class="card">
      <view class="card-title">
        <view class="order">2</view>
        侧面
      </view>
      <view class="upload-container">
        <view class="upload-item" wx:for="{{cameraList.backend}}" wx:key="index">
          <view class="upload-preview" wx:if="{{imageSrc}}" bind:tap="handlePreview">
            <image class="photo" src="{{imageSrc}}"></image>
          </view>
          <view class="upload-place" wx:else bind:tap="handleCamera" data-type="{{item.type}}">
            <image class="icon" src="{{imageUrl}}icon151.png?t={{Timestamp}}"></image>
            <view class="name">{{item.name}}</view>
          </view>
        </view>
      </view>
    </view>
    <view class="card card3">
      <view class="card-title">
        <view class="order">3</view>
        眼球运动八个方向
      </view>
      <view class="upload-container">
        <view class="upload-item" wx:for="{{cameraList.other}}" wx:key="index">
          <view class="upload-preview" wx:if="{{imageSrc}}" bind:tap="handlePreview">
            <image class="photo" src="{{imageSrc}}"></image>
          </view>
          <view class="upload-place" wx:else bind:tap="handleCamera" data-type="{{item.type}}">
            <image class="icon" src="{{imageUrl}}icon151.png?t={{Timestamp}}"></image>
            <view class="name">
              <image class="arrow" src="/images/icon167.png"></image>
              {{item.name}}
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="c-footer">
      <view class="btn">诺和益托管视频</view>
    </view>
  </view>
</view>

<camera id="camera-component" bind:uploadsuccess="onUploadSuccess" bind:uploaderror="onUploadError" />

<noteImagePreview
  id="note-image-preview"
  visible="{{imagePreview}}"
  src="{{imageUrl}}note-demo10.png?t={{Timestamp}}"
  bind:delete="handleImageDel"
  bind:retake="handleImageRetake"
></noteImagePreview>

<popup
  show="{{popupShow}}"
  type="{{popupType}}"
  params="{{popupParams}}"
  bind:ok="handlePopupOk"
  bind:cancel="handlePopupCancel"
></popup>