Agency_WxApp/miniprogram/pages/sharePage/sharePage.wxml

<map enable-zoom="{{false}}" enable-scroll="{{false}}" markers="{{markers}}" include-points="{{points}}" latitude="{{latitude}}" longitude="{{longitude}}" style="width: 100%;height: 294rpx;" name="map" class="map"></map>
<view class="df aic jcsa tabs" style="margin-bottom:32rpx">
  <view class="tabsview {{tab==2?'current-tab':''}}" bindtap="changeTab" data-tab="{{2}}">航次信息</view>
  <view class="tabsview {{tab==3?'current-tab':''}}" bindtap="changeTab" data-tab="{{3}}">卸货信息</view>
  <view class="tabsview {{tab==4?'current-tab':''}}" bindtap="changeTab" data-tab="{{4}}">单据信息</view>
  <view class="tabsview {{tab==5?'current-tab':''}}" bindtap="changeTab" data-tab="{{5}}">航次照片</view>
</view>
<scroll-view scroll-y="true" class="scroll" style="{{tab==2?'':'background:#fff'}}" lower-threshold="50">
  <view class="type2" wx:if="{{tab==2}}">
    <view class="card mb20">
      <view class="line">
        <view class="title">装货港</view>
        <view class="content">{{loadPort}}</view>
      </view>
      <view class="line">
        <view class="title">卸货港</view>
        <view class="content">{{detailInfos[0].portName}}</view>
      </view>
      <view class="line">
        <view class="title">货种</view>
        <view class="content">{{cargo}}</view>
      </view>
      <view class="line" style="margin-bottom:0;">
        <view class="title">吨位</view>
        <view class="content">{{tons}}</view>
      </view>
    </view>
    <view style="position: relative;">
      <scroll-view class="card" scroll-y="true" style="height:calc(100vh - 760rpx);position: relative;background: #fff;" lower-threshold="50">
        <view wx:for="{{detailInfos}}" wx:for-index="index0" wx:for-item="item0" wx:if="{{item0.setSailTime}}">
          <view class="{{['df','mb20']}}" style="position: relative;">
            <view class="{{['mr30','title-circle']}}" style="background: green;z-index: 55;"></view>
            <view class="text">
              <view class="in-text df">
                <view class="card-title" style="color:#000;width: 250rpx;margin-right: 30rpx;">卸货港 #{{item0.sort}}</view>
                <view class="card-title" style="color: #000;">{{item0.arrivalDiscPortTime?"实际到港时间":"预计到港时间"}}</view>
              </view>
              <view class="in-text df">
                <view style="width: 250rpx;margin-right: 30rpx;">{{item0.portName}}</view>
                <view>{{item0.arrivalDiscPortTime||item0.expectedArrivalTime}}</view>
              </view>
            </view>
          </view>
          <view class="{{['df','mb20',index==transInfos.length-1?'mb40':'']}}" style="position: relative;" wx:for="{{item0.transInfos}}" wx:key="index">
            <view class="{{['mr30',index==0?'title-circle transInfos':'circle',arrivalDiscPortTime?'greyback':'']}}"></view>
            <view class="text">
              <view wx:if="{{index==0}}" class="card-title">运输中</view>
              <view class="in-text df">
                <view style="width: 250rpx;margin-right: 30rpx;">{{item.createTime}}</view>
                <view>{{item.province}}/{{item.city}}/{{item.district}}</view>
              </view>
            </view>
          </view>
          <view class="{{['df','mb20',index==loadingInfos.length-1?'mb40':'']}}" style="position: relative;" wx:for="{{loadingInfos}}" wx:key="index">
            <view class="{{['mr30',index==0?'title-circle':'circle']}}"></view>
            <view class="text">
              <view wx:if="{{index==0}}" class="card-title">装货中</view>
              <view class="in-text df">
                <view style="width: 250rpx;margin-right: 30rpx;">{{item.createTime}}</view>
                <view>{{item.province}}/{{item.city}}/{{item.district}}</view>
              </view>
            </view>
          </view>

          <view class="{{['df','mb50']}}" style="position: relative;;">
            <view class="{{['mr30','title-circle']}}"></view>
            <view class="text">
              <view class="in-text df">
                <view class="card-title" style="color:#000;width: 250rpx;margin-right: 30rpx;">开航</view>
                <view class="card-title" style="color: #000;">{{item0.setSailTime}}</view>
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
      <view class="long-line"></view>
    </view>
  </view>
  <view class="type3" wx:if="{{tab==4}}">
    <view class="title">保险单</view>
    <view wx:for="{{policys}}" wx:if="{{policys.length}}" wx:key="index" style="text-align: center;">
      <image data-src="{{item.viewUrl}}" bindtap="previewImage" src="{{item.viewUrl}}" style="width: 60%;height: 240rpx;" mode="aspectFit"></image>
      <view wx:if="{{policys.length&&policys.length!=1}}" class="mt20 mb20"></view>
    </view>
    <view wx:if="{{policys.length==0}}" class="no-data">暂无数据</view>
    <view class="title">运单</view>
    <view wx:for="{{waybills}}" wx:if="{{waybills.length}}" class="mt20 mb20" wx:key="index" style="text-align: center;">
      <image data-src="{{item.viewUrl}}" bindtap="previewImage" src="{{item.viewUrl}}" style="width: 60%;height: 240rpx;" mode="aspectFit"></image>
    </view>
    <view wx:if="{{waybills.length==0}}" class="no-data">暂无数据</view>
  </view>
  <view wx:if="{{tab==3}}">
    <PortsBar arr="{{voyage.voyageDetails}}" key="portId" currentIndex="{{tab3CurrentDischargeIndex}}" label="portName" bind:tapTab="changePort"></PortsBar>
    <view class="info-types df aic">
      <view bindtap="changeInfoType" style="margin-right: 36rpx;" class="{{infoType=='ship'?'current-type':''}}" data-type="ship">船舶卸货记录</view>
      <view bindtap="changeInfoType" class="{{infoType=='truck'?'current-type':''}}" data-type="truck">汽车装货记录</view>
    </view>
    <view class="ship-discharge-list" wx:if="{{infoType=='ship'}}">
      <view class="df aic jcsb th" wx:if="{{shipDischargeList.length}}">
        <view class="tr tr-time">卸货时间</view>
        <view class="tr tr-4">卸货吨位</view>
        <view class="tr tr-4">卸货件数</view>
        <view class="tr tr-2">磅单</view>
      </view>
      <view wx:else="" class="no-data">暂无数据</view>
      <view wx:for="{{shipDischargeList}}" wx:key="index" class="df aic jcsb td">
        <view class="tr tr-time">{{item.dischargeTime}}</view>
        <view class="tr tr-4">{{item.dischargeTons||''}}</view>
        <view class="tr tr-4">{{item.dischargePieces||''}}</view>
        <view class="tr tr-2" wx:if="{{item.files&&item.files.length}}" style="color: #0089FD;" bindtap="previewImage" data-src="{{item.files[0].viewUrl}}" data-files="{{item.files}}">查看</view>
        <view class="tr tr-2" wx:else>暂无</view>
      </view>
      <!-- <view bindtap="scrollShip" class="bottom-text">{{shipDischargeTotal==0?'暂无数据':(shipDischargeTotal>pageSize*shipDischargeCurrentPage?'点击或滑动加载更多...':'已加载完毕')}}</view> -->
    </view>
    <view class="truck-load-list" wx:if="{{infoType=='truck'}}">
      <view wx:if="{{truckLoadList.length}}" class="df aic jcsb th">
        <view class="tr tr-car-num">车号</view>
        <view class="tr tr-3">毛重</view>
        <view class="tr tr-3">皮重</view>
        <view class="tr tr-3">净重</view>
        <view class="tr tr-time">称重时间</view>
        <view class="tr tr-2">单据</view>
      </view>
      <view wx:else="" class="no-data">暂无数据</view>
      <view wx:for="{{truckLoadList}}" wx:key="index" class="df aic jcsb td">
        <view class="tr tr-car-num">{{item.carNum}}</view>
        <view class="tr tr-3">{{item.grossWeight}}</view>
        <view class="tr tr-3">{{item.tare}}</view>
        <view class="tr tr-3">{{item.netWeight}}</view>
        <view class="tr tr-time">{{item.weighTime}}</view>
        <view class="tr tr-2" wx:if="{{item.file}}" style="color: #0089FD;" bindtap="previewImage" data-src="{{item.file.viewUrl}}">查看</view>
        <view class="tr tr-2" wx:else>暂无</view>
      </view>
    </view>
  </view>
  <view class="type5" wx:if="{{tab==5}}">
    <view wx:if="{{medias.length}}" wx:for="{{medias}}" wx:key="index">
      <view class="timer">{{item.createTime}}</view>
      <image data-src="{{item.viewUrl}}" class="type5-img" bindtap="previewImage" src="{{item.viewUrl}}" mode="aspectFit"></image>
    </view>
    <view wx:if="{{medias.length==0}}" class="no-data">暂无照片</view>
  </view>
</scroll-view>