<template name="ocr-result">
  <!-- 图片展示 start -->
  <view class="ocr-result-head ocr-result-head-{{theme}}">
    <view class="image-media" bind:tap="onImageTap">
      <image src="{{imageDetail.filePath}}" class="image" mode="aspectFit"></image>
    </view>
    <view class="tips-text" wx:if="{{modifiable}}">请确认识别结果，若有误可手动修改</view>
  </view>
  <!-- 图片展示 end -->
  <!-- 信息列表区 start -->
  <view class="ocr-result-form-list">
    <seal-list>
      <view wx:for="{{ocrResponse}}" wx:key="index" wx:for-index="key" wx:for-item="value">
        <seal-form 
          border 
          textAlign="left" labelWidth="4em" 
          type="{{value.type}}" 
          autoHeight
          label="{{value.title}}" 
          value="{{value.value}}"
          data-key="{{key}}" 
          bind:input="onResultChange"
          readonly="{{!modifiable}}"
        ></seal-form>
      </view>
    </seal-list>
    
    <view class="btn-media" wx:if="{{ocrResponse}}">
      <seal-button color="{{sealTheme}}" bind:tap="onFinished">完成</seal-button>
    </view>
  </view>
  <!-- 信息列表区 end -->
</template>