CargoOwner_WxApp/miniprogram/pages/sharePage/sharePage.wxml

<block wx:if="{{isLogin}}">
  <map enable-zoom="{{false}}" enable-scroll="{{false}}" markers="{{markers}}" include-points="{{points}}" style="width: 100%;height: 400rpx;" name="map"></map>
  <view class="df aic jcsb p20" style="border-bottom: 1px solid #999;border-top: 1px solid #999;">
    <view class="tabsview" bindtap="changeTab" data-tab="{{2}}" style="color:{{tab==2?'#0d8fcc':''}};border-bottom:{{tab==2?'2rpx solid #0d8fcc':''}}">航次信息</view>
    <view class="tabsview" bindtap="changeTab" data-tab="{{3}}" style="color:{{tab==3?'#0d8fcc':''}};border-bottom:{{tab==3?'2rpx solid #0d8fcc':''}}">单据信息</view>
    <view class="tabsview" bindtap="changeTab" data-tab="{{4}}" style="color:{{tab==4?'#0d8fcc':''}};border-bottom:{{tab==4?'2rpx solid #0d8fcc':''}}">卸货信息</view>
    <view class="tabsview" bindtap="changeTab" data-tab="{{5}}" style="color:{{tab==5?'#0d8fcc':''}};border-bottom:{{tab==5?'2rpx solid #0d8fcc':''}}">航次照片</view>
  </view>
  <view class="type2" wx:if="{{tab==2}}">
    <view class="card">
      <view style="padding: 10rpx 0;border-bottom: 4rpx solid #ddd;">{{shipName}}</view>
      <view>
        <view class="df aic mt20 fz24 c3">
          <view class="df item">
            <view>装货港</view> <text class="mr20">:</text> {{loadPort}}
          </view>
          <view class="df item">
            <view>卸货港</view> <text class="mr20">:</text> {{detailInfos[0].portName}}
          </view>
        </view>
        <view class="df aic mt10 fz24 c3">
          <view class="df item">
            <view>货种</view> <text class="mr20">:</text> {{cargo}}
          </view>
          <view class="df item">
            <view>吨位</view> <text class="mr20">:</text> {{tons}}
          </view>
        </view>
      </view>
    </view>
    <view style="position: relative;">
      <scroll-view class="card" scroll-y="true" style="height:calc(100vh - 760rpx);position: relative;z-index: 20;" 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;z-index: 2;">
            <view class="{{['mr30','title-circle']}}" style="background: green;"></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;z-index: 2;" 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;z-index: 2;" 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;z-index: 2;">
            <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>
  <scroll-view wx:else scroll-y="true" style="height:calc(100vh - 494rpx);padding: 30rpx 50rpx;font-size: 28rpx;color:#222" lower-threshold="50" bindscrolltolower="test">


    <view wx:if="{{tab==3}}">
      <view>保险单</view>
      <view wx:for="{{policys}}" 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="mt10 mb10" style="border-bottom: 2rpx solid #eee;"></view>
      </view>
      <view class="mt30 mb30" style="border-bottom: 2rpx solid #ccc;"></view>
      <view>运单</view>
      <view wx:for="{{waybills}}" 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="{{waybills.length&&waybills.length!=1}}" class="mt10 mb10" style="border-bottom: 2rpx solid #eee;"></view>
      </view>
    </view>
    <view wx:if="{{tab==4}}">
      <scroll-view scroll-x="{{true}}" style="white-space: nowrap;">
        <view class="{{['port-btns',currentPortId == item.portId?'current-port-btn':'','mr20']}}" wx:for="{{voyage.voyageDetails}}" bindtap="changePort" data-id="{{item.portId}}">{{item.portName}}</view>
      </scroll-view>
      <view class="df aic jcsb pb20" style="border-bottom: 2rpx solid #ddd;">
        <view bindtap="changeInfoType" data-type="ship" style="color:{{infoType=='ship'?'#0d8fcc':''}};border-bottom:{{infoType=='ship'?'2rpx solid #0d8fcc':''}}">船舶卸货记录</view>
        <view bindtap="changeInfoType" data-type="truck" style="color:{{infoType=='truck'?'#0d8fcc':''}};border-bottom:{{infoType=='truck'?'2rpx solid #0d8fcc':''}}">汽车装货记录</view>
      </view>
      <view class="ship-discharge-list" wx:if="{{infoType=='ship'}}">
        <view class="df aic jcsb mb20 mt10 fz22">
          <view>卸货时间</view>
          <view>卸货吨位</view>
          <view>卸货件数</view>
          <view>磅单</view>
        </view>
        <view wx:for="{{shipDischargeList}}" wx:key="index" class="df aic jcsb mb20 fz22">
          <view>{{item.dischargeTime}}</view>
          <view>{{item.dischargeTons||''}}</view>
          <view>{{item.dischargePieces||''}}</view>
          <view wx:if="{{item.files&&item.files.length}}" bindtap="previewImage" data-src="{{item.files[0].viewUrl}}" data-files="{{item.files}}">查看</view>
          <view 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 class="df aic jcsb mb20 mt10 fz22">
          <view>车号</view>
          <view>毛重</view>
          <view>皮重</view>
          <view>净重</view>
          <view>称重时间</view>
          <view>单据</view>
        </view>
        <view wx:for="{{truckLoadList}}" wx:key="index" class="df aic jcsb mb20 fz22">
          <view>{{item.carNum}}</view>
          <view>{{item.grossWeight}}</view>
          <view>{{item.tare}}</view>
          <view>{{item.netWeight}}</view>
          <view>{{item.weighTime}}</view>
          <view wx:if="{{item.file}}" bindtap="previewImage" data-src="{{item.file.viewUrl}}">查看</view>
          <view wx:else>暂无</view>
        </view>
        <view bindtap="scrollTruck" class="bottom-text">{{truckLoadTotal==0?'暂无数据':(truckLoadTotal>pageSize*truckLoadCurrentPage?'点击或滑动加载更多...':'已加载完毕')}}</view>
      </view>
    </view>
    <view wx:if="{{tab==5}}">
      <view wx:for="{{medias}}" wx:key="index" style="margin-bottom:50rpx;">
        <view style="color: #0c81b8;padding-bottom: 10rpx;margin-bottom: 20rpx; border-bottom: 4rpx dashed rgb(197, 194, 194);">{{item.createTime}}</view>
        <image data-src="{{item.viewUrl}}" bindtap="previewImage" src="{{item.viewUrl}}" style="width: 90%;" mode="aspectFit"></image>
      </view>
    </view>
  </scroll-view>
</block>
<block wx:else>
  <image style="margin:0 auto;display:block;width: 400rpx;margin-top: 10vh;height: 140rpx;" mode="aspectFit" src="https://6875-huihenduo-2gx127w7f837b584-1255802371.tcb.qcloud.la/miniapp-static/%E6%B1%87%E5%BE%88%E5%A4%9Alogo-%E5%B7%A6%E5%8F%B3.png?sign=fcd18f89de727b0193395cd2d44a730a&t=1647417257"></image>
  <view style="margin-top: 100rpx;font-size: 50rpx;color: #333;text-align: center;">汇很多运输管家先行版
  </view>
  <view class="df jcc" style="position:absolute;bottom: 15vh;width: 100%;">
    <PhoneButton type="primary" bindloginEvent="loginEvent">登录以查看分享</PhoneButton>
  </view>
</block>