syshxcx/pages/center/case/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="{{baseUrl + imgUrl + item}}"  mode="heightFix" 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="{{sourceUrl}}voice.png" mode="widthFix"></image>
      录音
    </view>
    <view class="record-btn" bindtap="playRecord">播放录音</view>
  </view>
  
</view>

<view class="file" wx:if="{{caseDetail.handleStatus == '0' && caseDetail.isAccept != '-1' && caseDetail.isGridUser}}">
  <view class="title">
    事件处理
  </view>
  <view class="file-box">
    <view class="file-title">
      <text>*</text>
      事件处理说明
    </view>
    <view class="file-content">
      <textarea placeholder="请输入事件说明" model:value="{{content}}"></textarea>
    </view>
  </view>
  <view class="file-box">
    <view class="file-title">
      事件处理图片
    </view>
    <view class="file-content">
      <view class="img-box" wx:for="{{handleImg}}" wx:key="index">
        <image src="{{baseUrl + imgUrl + item}}" mode="heightFix"></image>
        <image class="delete" src="{{sourceUrl}}delete.png" bindtap="deleteSource" data-type="img" data-cur="{{index}}"></image>
        <!-- <image src="../../images/delete.png" class="delete-btn" data-num="{{index}}" bindtap="deleteImg"></image> -->
      </view>
      <view class="upload-btn" bindtap="uploadImage" wx:if="{{handleImg.length < 9}}">+</view>
    </view>
  </view>
  <view class="file-box">
    <view class="file-title">
      事件处理视频
    </view>
    <view class="file-content">
      <view class="video-box" wx:if="{{videoId}}">
        <video src="{{baseUrl + imgUrl + videoId}}"></video>
        <image class="delete" src="{{sourceUrl}}delete.png" data-type="video" bindtap="deleteVideo"></image>
      </view>
      <view class="upload-btn" bindtap="uploadVideo" wx:else>+</view>
    </view>
  </view>
  <!-- <view class="file-box voice-box">
    <view class="file-title voice-title">
      <image src="../../images/voice.png" mode="widthFix"></image>
      录音
    </view>
    <view class="record-btn" bindlongpress="recordVoice" bindtouchend="recordEnd" wx:if="{{!audioId}}">长按录音</view>
    <view class="record-btn" wx:if="{{audioId}}" bindtap="playRecord">播放录音</view>
  </view> -->
  <view class="handle-btn">
    <view class="handle-btn-box" wx:if="{{caseDetail.isAccept != '0' && caseDetail.isAccept != '-1' && caseDetail.handleStatus == '0'}}" bindtap="handleComplete">处理完成</view>
    <view class="handle-btn-box" wx:if="{{caseDetail.isAccept != '0' && caseDetail.isAccept != '-1' && caseDetail.handleStatus == '0'}}" bindtap="caseRedundancies">转派</view>
    <view class="handle-btn-box" wx:if="{{caseDetail.isAccept == '0'}}" bindtap="acceptance">受理</view>
    <view class="handle-btn-box" wx:if="{{caseDetail.isAccept == '0'}}" bindtap="notAcceptance">不予受理</view>
  </view>
</view>
<view class="file" wx:if="{{caseDetail.handleStatus == '1'}}">
  <view class="title">
    事件处理
  </view>
  <view class="file-box">
    <view class="file-title">
      <text>*</text>
      事件处理说明
    </view>
    <view class="file-content">
      <textarea placeholder="请输入事件说明" value="{{handleDetail.content}}" disabled></textarea>
    </view>
  </view>
  <view class="file-box" wx:if="{{handleDetail.photo.length > 0}}">
    <view class="file-title">
      事件处理图片
    </view>
    <view class="file-content">
      <view class="img-box" wx:for="{{handleDetail.photo}}" wx:key="index">
        <image src="{{baseUrl + imgUrl + item}}" mode="heightFix"></image>
      </view>
    </view>
  </view>
  <view class="file-box" wx:if="{{videoId}}">
    <view class="file-title">
      事件处理视频
    </view>
    <view class="file-content">
      <view class="video-box" >
        <video src="{{baseUrl + imgUrl + handleDetail.video}}"></video>
      </view>
    </view>
  </view>
</view>