Agency_WxApp/miniprogram/pages/shipOwnerManage/addShipOnwer/addShipOnwer.wxml

<view class="box">
  <block wx:if="{{step==1}}">
    <view style="margin-bottom: 5vw;">请输入船东手机号</view>
    <input model:value="{{userPhone}}" class="ship-owner-phone" type="number" placeholder-style="text-align:left" placeholder="必填" />
    <view bindtap="checkShipOwner" class="next">新建</view>
  </block>
  <block wx:if="{{step==2}}">
    <view>船东信息</view>
    <view class="df jcsb line">
      <view>姓名</view>
      <view><input disabled="{{userId}}" model:value="{{userName}}" type="text" placeholder="必填" /></view>
    </view>
    <view class="df jcsb line">
      <view>手机号</view>
      <view><input disabled="{{userId}}" model:value="{{userPhone}}" type="text" placeholder="必填" /></view>
    </view>
    <view class="df jcsb line">
      <view>身份证号</view>
      <view><input model:value="{{idcardNo}}" type="idcard" /></view>
    </view>
    <view>
      <view>身份证人像面</view>
      <image wx:if="{{idcardFrontViewUrl}}" class="upload-image" bindtap="uploadId" data-type="head" src="{{idcardFrontViewUrl}}"></image>
      <view wx:else="" class="upload" bindtap="uploadId" data-type="head">点击上传</view>
    </view>
    <view>
      <view>身份证国徽面</view>
      <image wx:if="{{idcardBackViewUrl}}" class="upload-image" bindtap="uploadId" data-type="emblem" src="{{idcardBackViewUrl}}"></image>
      <view wx:else="" class="upload" bindtap="uploadId" data-type="emblem">点击上传</view>
    </view>
    <view bindtap="step2next" class="next">下一步</view>
  </block>
  <block wx:if="{{step==3}}">
    <view>船舶信息</view>
    <view class="df jcsb line">
      <view>船舶名称</view>
      <view><input disabled="{{shipId}}" model:value="{{shipName}}" type="text" placeholder="必填" /></view>
    </view>
    <view class="df jcsb line">
      <view>MMSI</view>
      <view><input disabled="{{shipId}}" model:value="{{shipMmsi}}" type="number" placeholder="必填" /></view>
    </view>
    <view>
      <view>船舶证书</view>
      <block wx:if="{{shipCerts.length}}">
        <image bindtap="uploadShipCerts" wx:for="{{shipCerts}}" data-index="{{index}}" class="upload-image" src="{{item.viewUrl}}"></image>
      </block>
      <view data-type="push" class="upload" bindtap="uploadShipCerts">上传</view>
    </view>
    <view bindtap="submit" class="next">确定</view>
  </block>
</view>