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

<view class="box">
  <block wx:if="{{step==1}}">
    <view class="df aic new-line">
      <view class="title">船东电话<text style="color: #ff182b;">*</text></view>
      <input model:value="{{userPhone}}" class="ship-owner-phone" type="number" placeholder-style="text-align:left" placeholder="请输入船东手机号" />
    </view>
    <view bindtap="checkShipOwner" class="new-next">新建</view>
  </block>
  <block wx:if="{{step==2}}">
    <view class="df aic new-line">
      <view class="title">姓名<text style="color: #ff182b;">*</text></view>
      <input disabled="{{userId}}" model:value="{{userName}}" type="text" placeholder="请输入船东姓名" />
    </view>
    <view class="df aic new-line">
      <view class="title">手机号<text style="color: #ff182b;">*</text></view>
      <input disabled="{{userId}}" model:value="{{userPhone}}" type="number" placeholder="请输入船东手机号" />
    </view>
    <view class="df aic new-line">
      <view class="title">身份证号</view>
      <input model:value="{{idcardNo}}" type="idcard" type="idcard" placeholder="请输入身份证号" />
    </view>
    <view class="id-title">
      身份证人像面
    </view>
    <image wx:if="{{idcardFrontViewUrl}}" class="id-uploader" bindtap="uploadId" data-type="head" src="{{idcardFrontViewUrl}}"></image>
    <view wx:else="" class="id-uploader" bindtap="uploadId" data-type="head">
      <view class="uploader-icon">+</view>
      <view class="uploader-text">上传照片</view>
    </view>
    <view class="id-title">
      身份证国徽面
    </view>
    <image wx:if="{{idcardBackViewUrl}}" class="id-uploader" bindtap="uploadId" data-type="emblem" src="{{idcardBackViewUrl}}"></image>
    <view wx:else="" class="id-uploader" bindtap="uploadId" data-type="emblem">
      <view class="uploader-icon">+</view>
      <view class="uploader-text">上传照片</view>
    </view>
    <view bindtap="step2next" class="next-2">下一步</view>
  </block>
  <block wx:if="{{step==3}}">
    <view class="df aic new-line">
      <view class="title">船舶名称<text style="color: #ff182b;">*</text></view>
      <input disabled="{{shipId}}" model:value="{{shipName}}" type="text" placeholder="请输入船舶名称" />
    </view>
    <view class="df aic new-line">
      <view class="title">MMSI<text style="color: #ff182b;">*</text></view>
      <input disabled="{{shipId}}" model:value="{{shipMmsi}}" type="number" placeholder="请输入MMSI" />
    </view>
    <view class="id-title">
      船舶证书
    </view>
    <block wx:if="{{shipCerts.length}}">
      <image bindtap="uploadShipCerts" wx:for="{{shipCerts}}" data-index="{{index}}" class="id-uploader" src="{{item.viewUrl}}"></image>
    </block>
    <view data-type="push" class="id-uploader" bindtap="uploadShipCerts">
      <view class="uploader-icon">+</view>
      <view class="uploader-text">上传证书</view>
    </view>
    <view bindtap="submit" class="next-2">确定</view>
  </block>
</view>