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-group bindchange="onBaselineChange">
      <checkbox class="checkbox" color="#fff" value="1" checked="{{isBaseline === 1}}">设置为基准记录，用于对比</checkbox>
    </checkbox-group>
  </view>
  <view class="form">
    <view class="form-title">记录日期</view>
    <picker mode="date" value="{{recordDate}}" bindchange="onDateChange">
      <view class="select">
        <view class="content {{recordDate ? '' : 'placeholder'}}">{{recordDate || '请选择记录日期'}}</view>
        <van-icon class="more" name="arrow-down" />
      </view>
    </picker>
    <view class="form-title form-title-gap">当前记录对应的替妥尤单抗使用次数</view>
    <picker mode="selector" range="{{treatmentCountRange}}" value="{{treatmentCount}}" bindchange="onTreatmentCountChange">
      <view class="select">
        <view class="content {{treatmentCount !== null ? '' : 'placeholder'}}">{{treatmentCountRange[treatmentCount] || '请选择使用次数'}}</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="填写" value="{{rightEye}}" bindinput="onRightEyeInput" />
          MM
        </view>
      </view>
      <view class="item">
        <view class="name">眶间距</view>
        <view class="i-content">
          <input type="digit" class="num" placeholder-class="place" placeholder="填写" value="{{interorbitalDistance}}" bindinput="onInterorbitalDistanceInput" />
          MM
        </view>
      </view>
      <view class="item">
        <view class="name">左眼</view>
        <view class="i-content">
          <input type="digit" class="num" placeholder-class="place" placeholder="填写" value="{{leftEye}}" bindinput="onLeftEyeInput" />
          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" bind:tap="handleSequentialShoot">
        <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="angle" data-angle="{{item.angle}}">
          <view class="upload-preview" wx:if="{{photoMap[item.angle]}}" bind:tap="handlePreview">
            <image class="photo" src="{{photoMap[item.angle].photoUrl}}"></image>
            <view class="status" wx:if="{{photoMap[item.angle].checkStatus === 2}}">
              <image class="icon" src="/images/icon164.png"></image>
              <view class="content">不符合规范</view>
              <view class="guide" catchtap="handleCamera">重新上传</view>
            </view>
          </view>
          <view class="upload-place" wx:else bind:tap="handleCamera" data-angle="{{item.angle}}">
            <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="angle" data-angle="{{item.angle}}">
          <view class="upload-preview" wx:if="{{photoMap[item.angle]}}" bind:tap="handlePreview">
            <image class="photo" src="{{photoMap[item.angle].photoUrl}}"></image>
            <view class="status" wx:if="{{photoMap[item.angle].checkStatus === 2}}">
              <image class="icon" src="/images/icon164.png"></image>
              <view class="content">不符合规范</view>
              <view class="guide" catchtap="handleCamera">重新上传</view>
            </view>
          </view>
          <view class="upload-place" wx:else bind:tap="handleCamera" data-angle="{{item.angle}}">
            <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="angle" data-angle="{{item.angle}}">
          <view class="upload-preview" wx:if="{{photoMap[item.angle]}}" bind:tap="handlePreview">
            <image class="photo" src="{{photoMap[item.angle].photoUrl}}"></image>
            <view class="status" wx:if="{{photoMap[item.angle].checkStatus === 2}}">
              <image class="icon" src="/images/icon164.png"></image>
              <view class="content">不符合规范</view>
              <view class="guide" catchtap="handleCamera">重新上传</view>
            </view>
          </view>
          <view class="upload-place" wx:else bind:tap="handleCamera" data-angle="{{item.angle}}">
            <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" bind:tap="handleSave">保存记录</view>
    </view>
  </view>
</view>

<noteImagePreview
  id="note-image-preview"
  visible="{{imagePreview}}"
  src="{{previewImageSrc}}"
  bind:delete="handleImageDel"
  bind:retake="handleImageRetake"
></noteImagePreview>

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

<!-- 相机组件 -->
<camera
  id="camera-component"
  photo-angle="{{currentPhotoAngle}}"
  record-id="{{recordId}}"
  bind:uploadsuccess="onUploadSuccess"
  bind:uploaderror="onUploadError"
  bind:close="onCloseCamera"
></camera>