wlcb-miniapp-syzl/pages/caseHandle/caseHandle.wxml

<view class="report">
  <view class="title">
    基本信息
  </view>
  <view class="row">
    <view class="row-name">
      <text>*</text>
      事件类型
    </view>
    <view class="row-main">
      {{caseDetail.caseTypeName1}}
    </view>
  </view>
  <view class="row" wx:if="{{caseDetail.caseTypeName2}}">
    <view class="row-name">
      <text>*</text>
      事件类型
    </view>
    <view class="row-main">
      {{caseDetail.caseTypeName2}}
    </view>
  </view>
  <view class="row">
    <view class="row-name">
      <text>*</text>
      事发地区
    </view>
    <view class="row-main">
      {{caseDetail.reportAreaName}}
    </view>
  </view>
  <view class="row">
    <view class="row-name">
      <text>*</text>
      事发位置
    </view>
    <view class="row-main">
      {{caseDetail.reportLng}},{{caseDetail.reportLat}}
    </view>
    <view class="map">
      <map scale="14" longitude="{{caseDetail.reportLng}}" latitude="{{caseDetail.reportLat}}" markers="{{markers}}" enable-zoom="false"></map>
    </view>
  </view>
</view>
<view class="file">
  <view class="title">
    详细信息
  </view>
  <view class="file-box">
    <view class="file-title">
      <text>*</text>
      事件说明
    </view>
    <view class="file-content">
      <textarea value="{{caseDetail.reportContent}}" disabled></textarea>
    </view>
  </view>
  <view class="file-box" wx:if="{{caseDetail.reportPhotos.length > 0}}">
    <view class="file-title">
      事件图片
    </view>
    <view class="file-content">
      <view class="img-box1" wx:for="{{caseDetail.reportPhotos}}" wx:key="index">
        <image src="{{item}}"  mode="widthFix" bindtap="previewImg" data-src="{{item}}"></image>
      </view>
      <!-- <view class="upload-btn">+</view> -->
    </view>
  </view>
  <view class="file-box" wx:if="{{reportVideo}}">
    <view class="file-title">
      视频
    </view>
    <view class="file-content">
      <video src="{{baseUrl + imgUrl + caseDetail.reportVideo}}"></video>
    </view>
  </view>
  <view class="file-box voice-box" wx:if="{{reportAudio}}">
    <view class="file-title voice-title">
      <image src="../../images/voice.png" mode="widthFix"></image>
      录音
    </view>
    <view class="record-btn" bindtap="playRecord">播放录音</view>
  </view>
</view>
<!-- <view class="delay">
  <view class="title">
    延期信息
  </view>
  <view class="delay-box">
    <view class="delay-content">
      <view class="delay-top">
        <view class="delay-reason">
          <view class="reason">延期原因：原因123123</view>
          <view class="delay-status status1">审核未通过</view>
        </view>
        <view class="delay-text">申请延期到：2020-01-01</view>
        <view class="delay-text">审核说明：说明</view>
      </view>
      <view class="delay-bottom">
        <image src="../../images/time.png" mode="widthFix"></image>
        申请时间：2020-01-01
      </view>
    </view>
    <view class="delay-content">
      <view class="delay-top">
        <view class="delay-reason">
          <view class="reason">延期原因：原因123123</view>
          <view class="delay-status status2">审核通过</view>
        </view>
        <view class="delay-text">申请延期到：2020-01-01</view>
        <view class="delay-text">审核说明：说明</view>
      </view>
      <view class="delay-bottom">
        <image src="../../images/time.png" mode="widthFix"></image>
        申请时间：2020-01-01
      </view>
    </view>
  </view>
</view> -->
<!-- <view class="handle">
  <view class="handle-box">
    <view class="title">
      <text>*</text>
      处理描述
    </view>
    <textarea placeholder="请输入处理描述" model:value="{{}}"></textarea>
  </view>
  <view class="handle-box">
    <view class="title">
      <text>*</text>
      处理后现场图片
    </view>
    <view class="handle-img">
      <view class="img-box" wx:for="{{handleImg}}" wx:key="index">
        <image src="{{baseUrl + imgUrl + item}}"></image>
        <image class="delete" src="../../images/delete.png" bindtap="deleteSource" data-cur="{{index}}"></image>
      </view>
      <view class="upload-btn" bindtap="uploadImage">+</view>
    </view>
  </view>
</view> -->