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

<!--pages/index/declarePort/detail.wxml-->
<DateBar></DateBar>
<view class="df aic tabs">
  <view class="tabsview" bindtap="changeTab" data-tab="{{1}}" style="color:{{tab==1?'#363F4A':'#9199A3'}};border-bottom:{{tab==1?'6rpx solid #0089FD':''}};font-size: {{tab==1?'32rpx':'28rpx'}};">船东</view>
  <view class="tabsview" bindtap="changeTab" data-tab="{{2}}" style="color:{{tab==2?'#363F4A':'#9199A3'}};border-bottom:{{tab==2?'6rpx solid #0089FD':''}};font-size: {{tab==2?'32rpx':'28rpx'}};">船舶</view>
  <view class="tabsview" bindtap="changeTab" data-tab="{{3}}" style="color:{{tab==3?'#363F4A':'#9199A3'}};border-bottom:{{tab==3?'6rpx solid #0089FD':''}};font-size: {{tab==3?'32rpx':'28rpx'}};">航次</view>
</view>
<view class="card">
  <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 class="content" 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 class="content" 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>
</view>
<view wx:if="{{detail.portReportStatus==0}}" bindtap="report" class="report">申请报港</view>