Agency_WxApp/miniprogram/pages/voyageManage/createVoyage/createVoyage.wxml

<view style="padding-top: 80rpx;">
  <view class="df aic jcsb line">
    <view>选择船舶</view>
    <view>
      <RemotePicker placeholder="选择船舶" bind:selectItem="selectShip" url="/ship/select" params="{{defaultParams}}"></RemotePicker>
    </view>
  </view>
  <view class="df aic jcsb line">
    <view>选择货主</view>
    <view>
      <!-- <RemotePicker placeholder="选择货主" bind:selectItem="selectCargoOwner" url="/user/cargoOwner/select" params="{{defaultParams}}"></RemotePicker> -->
      <picker bindchange="bindCargoOwnerChange" range-key='value' value="{{index}}" range="{{cargoOwners}}">
        <view class="picker">
          {{cargoOwners[index].value||'请选择货主'}}
        </view>
      </picker>
    </view>
  </view>
  <view class="df aic jcsb line">
    <view>选择货种</view>
    <view>
      <RemotePicker placeholder="选择货种" bind:selectItem="selectCargo" url="/cargo/select"></RemotePicker>
    </view>
  </view>
  <view class="df aic jcsb line">
    <view>装货港</view>
    <view>
      <RemotePicker placeholder="选择装货港" bind:selectItem="selectLoadPort" url="/port/getCol"></RemotePicker>
    </view>
  </view>
  <view class="df aic jcsb line" wx:for="{{dischargePorts}}" wx:key="key">
    <view>卸货港 #{{index+1}}</view>
    <view>
      <RemotePicker placeholder="输入卸货港" id="{{'disc'+index}}" style="width: 200rpx;" bind:selectItem="selectDiscPort" data-index="{{index}}" url="/port/getCol"></RemotePicker>
    </view>
    <image bindtap="deleteDischargePort" data-index="{{index}}" src="../../../images/delete.png" class="delete"></image>
  </view>
  <view wx:if="{{dischargePorts[dischargePorts.length - 1]}}" class="df aic jcsb line">
    <view></view>
    <view class="next" bindtap="addDischargePort" style="width: 200rpx;height: 50rpx;line-height: 50rpx;font-size: 26rpx;margin: 0;">添加卸货港</view>
  </view>
  <view class="df aic jcsb line">
    <view>货量</view>
    <view class="df aic">
      <view class="df aic mr30"><input style="width: 150rpx;padding-left: 20rpx;border: 1px solid grey;height: 80rpx;" model:value="{{tons}}" type="digit" placeholder="必填" />
        <view class="ml20">吨</view>
      </view>
      <view class="df aic"><input style="width: 100rpx;padding-left: 20rpx;border: 1px solid grey;height: 80rpx;" model:value="{{pieces}}" type="number" placeholder="" />
        <view class="ml20">件</view>
      </view>
    </view>
  </view>
  <!-- <view class="df aic jcsb line">
    <view>开始时间</view>
    <picker mode="date" model:value="{{startTime}}" style="border: 1px solid grey;height: 80rpx;width: 50vw;padding-left: 20rpx;">
      <view style="color: grey;line-height: 80rpx;background: none;">
        {{startTime||'选择开始时间'}}
      </view>
    </picker>
  </view> -->
  <view bindtap="createVoyage" class="next">创建航次</view>
</view>