CargoOwner_WxApp/miniprogram/components/voyages/voyages.wxml

<input model:value="{{term}}" class="p10 m30a search" type="text" placeholder="搜索船舶信息" />
<view class="df aic jcsa tabs">
  <view class="tabsview" bindtap="changeStatus" data-status="{{1}}" style="color:{{status==1?'blue':''}};border-bottom:{{status==1?'4rpx solid blue':''}}">运输中</view>
  <view class="tabsview" bindtap="changeStatus" data-status="{{2}}" style="color:{{status==2?'blue':''}};border-bottom:{{status==2?'4rpx solid blue':''}}">卸货中</view>
</view>
<scroll-view scroll-y="true" style="height:calc(100vh - 620rpx);background: #fff;">
  <view class="df aic jcsb list" wx:for="{{list}}" wx:key="index">
    <view class="col-1">{{item.shipName}}</view>
    <view class="col-2">{{item.loadPort}}-{{item.dischargeProt}}</view>
    <view class="col-3">{{item.cargo}}</view>
    <view class="col-4">{{item.tons}}</view>
  </view>
</scroll-view>