Agency_WxApp/miniprogram/pages/voyages/detail/detail.wxml

<view wx:if="{{canComplete&&voyageStatus!=2}}" bindtap="completeVoyage" class="voyage-btn back-blue">完成航次</view>
<view style="height: 294rpx;overflow:hidden">
  <map enable-zoom="{{false}}" enable-scroll="{{false}}" markers="{{markers}}" include-points="{{points}}" latitude="{{latitude}}" longitude="{{longitude}}" style="width: 100%;height: 334rpx;" name="map" class="map"></map>
</view>
<view wx:if="{{canCancel&&voyageStatus!=2}}" bindtap="cancelVoyage" class="cancel-voyage">取消航次</view>
<view class="df aic jcsa tabs" style="padding: 0 20rpx;margin-bottom:32rpx">
  <view class="tabsview {{tab==1?'current-tab':''}}" bindtap="changeTab" data-tab="{{1}}">航次信息</view>
  <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" lower-threshold="50">
  <view wx:if="{{tab==1}}">
    <view class="line mt20">
      <view class="line-full-item">
        <view class="line-full-title">航次名称:</view>
        <view class="line-text">{{voyageName}}</view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title">货主:</view>
        <view class="line-text">{{cargoOwnerName}}</view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title">船舶名称:</view>
        <view class="line-text">{{shipName}}</view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title">MMSI:</view>
        <view class="line-text">{{shipMmsi}}</view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title">装货港:</view>
        <view class="line-text">{{loadPort}}</view>
      </view>
    </view>
    <view class="line" wx:for="{{dischargePorts}}" wx:key="item">
      <view class="line-full-item">
        <view class="line-full-title">卸货港 #{{index+1}}:</view>
        <view class="line-text">{{item}}</view>
        <NewPicker wx:if="{{dischargePorts.length-1==index&&voyageStatus!=2}}" value="{{currentDischargePort}}" placeholder="添加卸货港" inputStyle="width: 180rpx;height: 56rpx;background: #0089FD;border-radius: 12rpx;font-size: 26rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 56rpx;text-align:center" spTop="top:406rpx" spHeight="360rpx" bind:selectItem="selectDischargePort" arrow="{{false}}" url="/port/getCol"></NewPicker>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title">货种:</view>
        <view class="line-text">{{cargo}}</view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title">货量:</view>
        <view class="line-text mr20">{{tons}} 吨</view>
        <view class="line-text">{{pieces||'-'}} 件</view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title">合理卸货天数:</view>
        <view class="line-text">{{reasonableUnloadingDays}} <text>天</text> </view>
      </view>
    </view>
  </view>
  <view class="type2" wx:if="{{tab==2}}">
    <view class="line">
      <view class="line-full-item jcsb">
        <view class="df">
          <view class="line-full-title">到达装货港时间:</view>
          <picker class="" disabled="{{tab2disabled}}" mode="date" model:value="{{arrivalLoadPortTime}}">
            <view>
              {{arrivalLoadPortTime ||(tab2disabled?"":"请选择时间")}}
            </view>
          </picker>
        </view>
        <image class="arrow" src="../../../images/newUI/right-arrow.png"></image>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item aic jcsb">
        <view class="df aic">
          <view class="line-full-title">实际货量:</view>
          <input class="d-input" disabled="{{tab2disabled}}" model:value="{{actualLoadTons}}" type="text" />
          <view style="margin-right:10rpx;color:#333">{{' 吨'}}</view>
        </view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title"></view>
        <input class="d-input" disabled="{{tab2disabled}}" model:value="{{actualLoadPieces}}" type="text" />
        <view style="margin-right:10rpx;color:#333">{{' 件'}}</view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item jcsb">
        <view class="df">
          <view class="line-full-title">装货开始时间:</view>
          <picker disabled="{{tab2disabled}}" mode="date" model:value="{{loadStartTime}}">
            <view>
              {{loadStartTime||(tab2disabled?"":"请选择时间")}}
            </view>
          </picker>
        </view>
        <image class="arrow" src="../../../images/newUI/right-arrow.png"></image>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item jcsb">
        <view class="df">
          <view class="line-full-title">装货结束时间:</view>
          <picker disabled="{{tab2disabled}}" mode="date" model:value="{{loadEndTime}}">
            <view>
              {{loadEndTime||(tab2disabled?"":"请选择时间")}}
            </view>
          </picker>
        </view>
        <image class="arrow" src="../../../images/newUI/right-arrow.png"></image>

      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title">合理卸货天数:</view>
        <input class="d-input" disabled="{{tab2disabled}}" model:value="{{reasonableUnloadingDays}}" type="number" />
        <view class="unit">天</view>
      </view>
    </view>
    <PortsBar arr="{{voyageDetails}}" key="portId" currentIndex="{{currentDischargeIndex}}" label="portName" bind:tapTab="changeDischargeTab"></PortsBar>
    <view class="line">
      <view class="line-full-item jcsb">
        <view class="df aic">
          <view class="line-full-title">开航时间:</view>
          <picker bindchange="bindDischargePortChange" data-index="{{currentDischargeIndex}}" data-param="setSailTime" disabled="{{tab2disabled}}" mode="date" value="{{voyageDetails[currentDischargeIndex].setSailTime}}">
            <view>
              {{voyageDetails[currentDischargeIndex].setSailTime||(tab2disabled?"":"请选择时间")}}
            </view>
          </picker>
        </view>
        <image class="arrow" src="../../../images/newUI/right-arrow.png"></image>

      </view>
    </view>
    <view class="line">
      <view class="line-full-item jcsb">
        <view class="df aic">
          <view class="line-full-title">预计到港时间:</view>
          <view>{{voyageDetails[currentDischargeIndex].expectedArrivalTime}}</view>
        </view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item jcsb">
        <view class="df aic">
          <view class="line-full-title">实际到港时间:</view>
          <picker bindchange="bindDischargePortChange" data-index="{{currentDischargeIndex}}" data-param="actualArrivalTime" disabled="{{tab2disabled}}" mode="date" value="{{voyageDetails[currentDischargeIndex].actualArrivalTime}}">
            <view>
              {{voyageDetails[currentDischargeIndex].actualArrivalTime||(tab2disabled?"":"请选择时间")}}
            </view>
          </picker>
        </view>
        <image class="arrow" src="../../../images/newUI/right-arrow.png"></image>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item jcsb">
        <view class="df aic">
          <view class="line-full-title">卸货开始时间:</view>
          <picker bindchange="bindDischargePortChange" data-index="{{currentDischargeIndex}}" data-param="dischargeStartTime" disabled="{{tab2disabled}}" mode="date" value="{{voyageDetails[currentDischargeIndex].dischargeStartTime}}">
            <view>
              {{voyageDetails[currentDischargeIndex].dischargeStartTime||(tab2disabled?"":"请选择时间")}}
            </view>
          </picker>
        </view>

        <image class="arrow" src="../../../images/newUI/right-arrow.png"></image>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item jcsb">
        <view class="df aic">
          <view class="line-full-title">卸货结束时间:</view>
          <picker bindchange="bindDischargePortChange" data-index="{{currentDischargeIndex}}" data-param="dischargeEndTime" disabled="{{tab2disabled}}" mode="date" value="{{voyageDetails[currentDischargeIndex].dischargeEndTime}}">
            <view>
              {{voyageDetails[currentDischargeIndex].dischargeEndTime||(tab2disabled?"":"请选择时间")}}
            </view>
          </picker>
        </view>
        <image class="arrow" src="../../../images/newUI/right-arrow.png"></image>

      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title">实际卸货量:</view>
        <input class="d-input" disabled="{{tab2disabled}}" bindblur="bindDischargePortChange" value="{{voyageDetails[currentDischargeIndex].actualDischargeTons}}" data-index="{{currentDischargeIndex}}" data-param="actualDischargeTons" type="text" />
        <view class="unit">吨</view>
      </view>
    </view>
    <view class="line">
      <view class="line-full-item">
        <view class="line-full-title"></view>
        <input class="d-input" disabled="{{tab2disabled}}" bindblur="bindDischargePortChange" value="{{voyageDetails[currentDischargeIndex].actualDischargePieces}}" data-index="{{currentDischargeIndex}}" data-param="actualDischargePieces" type="text" />
        <view class="unit">件</view>
      </view>
    </view>
    <view wx:if="{{!tab2disabled}}" class="update" style="margin-top: 60rpx;" bindtap="updateVoyage">更新航次</view>
  </view>
  <view class="type3" wx:if="{{tab==4}}">
    <view class="title">保险单</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="mt20 mb20"></view>
    </view>
    <view wx:if="{{!tab2disabled}}" class="update" style="margin:60rpx auto" bindtap="uploadBill" data-type="{{3}}">上传保险单</view>
    <view class="title">运单</view>
    <view wx:for="{{waybills}}" 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="{{!tab2disabled}}" class="update" style="margin-top: 60rpx;" bindtap="uploadBill" data-type="{{1}}">上传运单</view>
  </view>
  <view wx:if="{{tab==3}}">
    <PortsBar arr="{{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 wx:if="{{!tab2disabled}}" class="update" style="margin-top: 60rpx;" bindtap="goTo" data-url="/pages/voyages/uploadDischarge/uploadDischarge">上传磅单</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 bindtap="scrollTruck" class="bottom-text">{{truckLoadTotal==0?'暂无数据':(truckLoadTotal>pageSize*truckLoadCurrentPage?'点击或滑动加载更多...':'已加载完毕')}}</view> -->
      <view wx:if="{{!tab2disabled}}" class="update" style="margin-top: 60rpx;" bindtap="goTo" data-url="/pages/voyages/uploadCarLoadRecord/uploadCarLoadRecord">上传运单</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>