Agency_WxApp/miniprogram/pages/index/declarePort/detail.wxml

<!--pages/index/declarePort/detail.wxml-->
<view class="df aic jcsa tabs">
  <view class="tabsview" bindtap="changeTab" data-tab="{{1}}" style="color:{{tab==1?'#0d8fcc':''}};border-bottom:{{tab==1?'4rpx solid #0d8fcc':''}}">船 东</view>
  <view class="tabsview" bindtap="changeTab" data-tab="{{2}}" style="color:{{tab==2?'#0d8fcc':''}};border-bottom:{{tab==2?'4rpx solid #0d8fcc':''}}">船 舶</view>
  <view class="tabsview" bindtap="changeTab" data-tab="{{3}}" style="color:{{tab==3?'#0d8fcc':''}};border-bottom:{{tab==3?'4rpx solid #0d8fcc':''}}">航 次</view>
</view>
<scroll-view class="p40" scroll-y="true" style="height: calc(100vh - 240rpx);">
  <block wx:if="{{tab==1}}">
    <view class="line">
      <view class="title">船东姓名</view>
      <view class="content">{{detail.userName}}</view>
    </view>
    <view class="line">
      <view class="title">手机号</view>
      <view class="content">{{detail.phone}}</view>
    </view>
    <view class="line">
      <view class="title">身份证号</view>
      <view class="content">{{detail.idcardNo}}</view>
    </view>
    <view class="line">
      <view class="title">身份证人像面</view>
      <image wx:if="{{detail.idcardFrontViewUrl}}" bindtap="preview" data-url="{{detail.idcardFrontViewUrl}}" mode="aspectFit" src="{{detail.idcardFrontViewUrl}}"></image>
      <view wx:else>暂无图片</view>
    </view>
    <view class="line">
      <view class="title">身份证国徽面</view>
      <image wx:if="{{detail.idcardBackViewUrl}}" bindtap="preview" data-url="{{detail.idcardBackViewUrl}}" mode="aspectFit" src="{{detail.idcardBackViewUrl}}"></image>
      <view wx:else>暂无图片</view>
    </view>
  </block>
  <block wx:if="{{tab==2}}">
    <view class="line">
      <view class="title">船舶名称</view>
      <view class="content">{{detail.shipname}}</view>
    </view>
    <view class="line">
      <view class="title">MMSI</view>
      <view class="content">{{detail.mmsi}}</view>
    </view>
    <view class="line" wx:for="{{detail.shipCerts}}">
      <view class="title">船舶证书 #{{index+1}}</view>
      <image bindtap="preview" data-url="{{item.viewUrl}}" mode="aspectFit" src="{{item.viewUrl}}"></image>
    </view>
  </block>
  <block wx:if="{{tab==3}}">
    <view class="line">
      <view class="title">航次名称</view>
      <view class="content">{{detail.voyageName}}</view>
    </view>
    <view class="line">
      <view class="title">货种</view>
      <view class="content">{{detail.cargo}}</view>
    </view>
    <view class="line">
      <view class="title">货量</view>
      <view class="content">{{detail.actualLoadTons}} 吨 / {{detail.actualLoadPieces||'-'}} 件</view>
    </view>
    <view class="line">
      <view class="title">预计到港时间</view>
      <view class="content">{{detail.expectedArrivalTime||''}}</view>
    </view>
  </block>
</scroll-view>
<button wx:if="{{detail.portReportStatus==0}}" type="primary" bindtap="report" style="background: #409EFF;">申请报港</button>