|
|
<view class="reservation-page data-v-06a59818"><view class="fixed-nav data-v-06a59818"><nav-bar vue-id="ce0c68dc-1" title="添加船只" class="data-v-06a59818" bind:__l="__l"></nav-bar></view><view class="content-area data-v-06a59818"><view class="step-bar data-v-06a59818"><block wx:for="{{steps}}" wx:for-item="step" wx:for-index="idx" wx:key="idx"><view class="step-group data-v-06a59818"><view class="{{['step-circle','data-v-06a59818',(idx+1===currentStep)?'active':'']}}">{{idx+1}}</view><view class="{{['step-label','data-v-06a59818',(idx+1===currentStep)?'active':'']}}">{{step}}</view><block wx:if="{{idx<$root.g0-1}}"><view class="step-line data-v-06a59818"></view></block></view></block></view><block wx:if="{{currentStep===1}}"><view class="info-card data-v-06a59818"><view class="info-title data-v-06a59818">基本信息</view><view class="info-form data-v-06a59818"><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">船舶所有人</text><input class="form-input data-v-06a59818" placeholder="姓名与身份证一致"/></view><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">身份证号</text><input class="form-input data-v-06a59818" placeholder="输入正确的18位身份证号码"/></view><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">联系电话</text><input class="form-input data-v-06a59818" placeholder="11位常用的手机号"/></view><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">船舶编号</text><text class="form-static data-v-06a59818">ZJ12345</text></view></view></view></block><block wx:if="{{currentStep===2}}"><view class="info-card data-v-06a59818"><view class="info-title data-v-06a59818">船舶参数<text class="info-desc data-v-06a59818">（请按船舶检验证书填写）</text></view><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">总吨位</text><input class="form-input data-v-06a59818" placeholder="请输入总吨位"/><text class="form-unit data-v-06a59818">吨</text></view><view class="form-tip data-v-06a59818">填写船舶的总吨位数值</view><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">总长度</text><input class="form-input data-v-06a59818" placeholder="请输入总长度"/><text class="form-unit data-v-06a59818">米</text></view><view class="form-tip data-v-06a59818">填写船舶的总长度数值</view><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">总宽</text><input class="form-input data-v-06a59818" placeholder="请输入总宽"/><text class="form-unit data-v-06a59818">米</text></view><view class="form-tip data-v-06a59818">填写船舶的总宽数值</view><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">型深</text><input class="form-input data-v-06a59818" placeholder="请输入型深"/><text class="form-unit data-v-06a59818">米</text></view><view class="form-tip data-v-06a59818">填写船舶的型深数值</view><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">参考载重吨位</text><radio-group class="form-radio-group data-v-06a59818"><label class="form-radio data-v-06a59818"><radio value="B级" class="data-v-06a59818"></radio>B级</label><label class="form-radio data-v-06a59818"><radio value="C级" class="data-v-06a59818"></radio>C级</label></radio-group></view><view class="form-tip data-v-06a59818">请选择船舶的参考载重吨位等级</view><view class="form-row data-v-06a59818"><text class="form-label required data-v-06a59818">船型</text><radio-group class="form-radio-group data-v-06a59818"><label class="form-radio data-v-06a59818"><radio value="平" class="data-v-06a59818"></radio>平</label><label class="form-radio data-v-06a59818"><radio value="尖" class="data-v-06a59818"></radio>尖</label><label class="form-radio data-v-06a59818"><radio value="槽罐船" class="data-v-06a59818"></radio>槽罐船</label></radio-group></view><view class="form-tip data-v-06a59818">请选择船舶的类型</view></view></block><block wx:if="{{currentStep===3}}"><view class="info-card data-v-06a59818"><view class="info-title-row data-v-06a59818"><view class="info-title data-v-06a59818">船检簿上传</view><button data-event-opts="{{[['tap',[['viewExample',['$event']]]]]}}" class="example-btn data-v-06a59818" bindtap="__e">查看示例</button></view><view class="upload-section data-v-06a59818"><text class="form-label required data-v-06a59818">第一页</text><view class="upload-row data-v-06a59818"><view class="upload-img-box data-v-06a59818"><block wx:if="{{page1Img}}"><image class="upload-img data-v-06a59818" src="{{page1Img}}"></image></block><block wx:else><view data-event-opts="{{[['tap',[['chooseImage',['page1']]]]]}}" class="upload-add data-v-06a59818" bindtap="__e"><text class="data-v-06a59818">+</text><text class="data-v-06a59818">添加图片</text></view></block><block wx:if="{{page1Img}}"><view data-event-opts="{{[['tap',[['deleteImage',['page1']]]]]}}" class="upload-del data-v-06a59818" bindtap="__e">×</view></block></view><view class="upload-desc data-v-06a59818">第一页的名称说明</view></view></view><view class="divider data-v-06a59818"></view><view class="upload-section data-v-06a59818"><text class="form-label required data-v-06a59818">第二页</text><view class="upload-row data-v-06a59818"><view class="upload-img-box data-v-06a59818"><block wx:if="{{page2Img}}"><image class="upload-img data-v-06a59818" src="{{page2Img}}"></image></block><block wx:else><view data-event-opts="{{[['tap',[['chooseImage',['page2']]]]]}}" class="upload-add data-v-06a59818" bindtap="__e"><text class="data-v-06a59818">+</text><text class="data-v-06a59818">添加图片</text></view></block><block wx:if="{{page2Img}}"><view data-event-opts="{{[['tap',[['deleteImage',['page2']]]]]}}" class="upload-del data-v-06a59818" bindtap="__e">×</view></block></view><view class="upload-desc data-v-06a59818">第二页的名称说明</view></view></view></view></block><block wx:if="{{currentStep===4}}"><view class="info-card data-v-06a59818"><view class="info-title data-v-06a59818">签名确认</view><view class="sign-declare-row data-v-06a59818"><checkbox value="{{signChecked}}" data-event-opts="{{[['input',[['__set_model',['','signChecked','$event',[]]]]]]}}" bindinput="__e" class="data-v-06a59818"></checkbox><text class="sign-declare-text data-v-06a59818">本人承诺所提供材料皆真实有效；如有虚假，本人承担因此造成的全部责任。</text></view><view class="divider data-v-06a59818"></view><view class="form-label required data-v-06a59818" style="margin-bottom:16rpx;color:#217aff;">手写签名</view><view class="sign-area data-v-06a59818"><block wx:if="{{!signImg}}"><canvas class="sign-canvas data-v-06a59818" id="signCanvas" canvas-id="signCanvas" disable-scroll="true" data-event-opts="{{[['touchstart',[['startSign',['$event']]]],['touchmove',[['moveSign',['$event']]]],['touchend',[['endSign',['$event']]]]]}}" bindtouchstart="__e" bindtouchmove="__e" bindtouchend="__e"></canvas></block><block wx:if="{{!signImg&&!hasSigned}}"><text class="sign-placeholder data-v-06a59818">此处签名</text></block><block wx:if="{{signImg}}"><image class="sign-img data-v-06a59818" src="{{signImg}}"></image></block></view><view class="sign-btn-bar data-v-06a59818"><button data-event-opts="{{[['tap',[['resetSign',['$event']]]]]}}" class="sign-btn reset-btn data-v-06a59818" bindtap="__e">重新签名</button><button data-event-opts="{{[['tap',[['previewSign',['$event']]]]]}}" class="sign-btn preview-btn data-v-06a59818" bindtap="__e">预览签名</button></view></view></block></view><view class="step-btn-bar data-v-06a59818"><block wx:if="{{currentStep>1}}"><button data-event-opts="{{[['tap',[['prevStep',['$event']]]]]}}" class="step-btn prev-btn data-v-06a59818" bindtap="__e">上一步</button></block><block wx:if="{{currentStep<4}}"><button data-event-opts="{{[['tap',[['nextStep',['$event']]]]]}}" class="{{['step-btn','next-btn','data-v-06a59818',(currentStep===1)?'single-btn':'']}}" style="{{(currentStep===1?'margin: 0 auto;':'')}}" bindtap="__e">下一步</button></block><block wx:if="{{currentStep===4}}"><button data-event-opts="{{[['tap',[['submit',['$event']]]]]}}" class="step-btn next-btn data-v-06a59818" bindtap="__e">提交</button></block></view></view> |
