|
|
<view class="reservation-page data-v-06a59818"><view class="fixed-nav data-v-06a59818"><nav-bar vue-id="ce0c68dc-1" title="{{isEdit?'编辑船只':'添加船只'}}" 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="姓名与身份证一致" data-event-opts="{{[['input',[['__set_model',['$0','owner','$event',[]],['form']]]]]}}" value="{{form.owner}}" bindinput="__e"/></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位身份证号码" data-event-opts="{{[['input',[['__set_model',['$0','idCard','$event',[]],['form']]]]]}}" value="{{form.idCard}}" bindinput="__e"/></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位常用的手机号" data-event-opts="{{[['input',[['__set_model',['$0','phone','$event',[]],['form']]]]]}}" value="{{form.phone}}" bindinput="__e"/></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="请输入船舶编号" data-event-opts="{{[['input',[['__set_model',['$0','shipNo','$event',[]],['form']]]]]}}" value="{{form.shipNo}}" bindinput="__e"/></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="请输入总吨位" data-event-opts="{{[['input',[['__set_model',['$0','ton','$event',[]],['form']]]]]}}" value="{{form.ton}}" bindinput="__e"/><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="请输入总长度" data-event-opts="{{[['input',[['__set_model',['$0','length','$event',[]],['form']]]]]}}" value="{{$root.g2}}" bindinput="__e"/><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="请输入总宽" data-event-opts="{{[['input',[['__set_model',['$0','width','$event',[]],['form']]]]]}}" value="{{form.width}}" bindinput="__e"/><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="请输入型深" data-event-opts="{{[['input',[['__set_model',['$0','depth','$event',[]],['form']]]]]}}" value="{{form.depth}}" bindinput="__e"/><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 value="{{form.tonLevel}}" data-event-opts="{{[['change',[['onTonLevelChange',['$event']]]],['input',[['__set_model',['$0','tonLevel','$event',[]],['form']]]]]}}" class="form-radio-group data-v-06a59818" bindchange="__e" bindinput="__e"><block wx:for="{{tonnageClassEnum}}" wx:for-item="value" wx:for-index="label" wx:key="*this"><radio class="form-radio data-v-06a59818" value="{{value}}" checked="{{form.tonLevel===value}}">{{label}}</radio></block></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 value="{{form.shipType}}" data-event-opts="{{[['change',[['onShipTypeChange',['$event']]]],['input',[['__set_model',['$0','shipType','$event',[]],['form']]]]]}}" class="form-radio-group data-v-06a59818" bindchange="__e" bindinput="__e"><block wx:for="{{$root.l0}}" wx:for-item="value" wx:for-index="label" wx:key="$orig"><radio class="form-radio data-v-06a59818" value="{{value.g3}}" checked="{{form.shipType===value.g4}}">{{label}}</radio></block></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><input class="upload-desc data-v-06a59818" placeholder="请输入第一页说明" data-event-opts="{{[['input',[['__set_model',['','page1Desc','$event',[]]]]]]}}" value="{{page1Desc}}" bindinput="__e"/></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><input class="upload-desc data-v-06a59818" placeholder="请输入第二页说明" data-event-opts="{{[['input',[['__set_model',['','page2Desc','$event',[]]]]]]}}" value="{{page2Desc}}" bindinput="__e"/></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="{{page3Img}}"><image class="upload-img data-v-06a59818" src="{{page3Img}}"></image></block><block wx:else><view data-event-opts="{{[['tap',[['chooseImage',['page3']]]]]}}" 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="{{page3Img}}"><view data-event-opts="{{[['tap',[['deleteImage',['page3']]]]]}}" class="upload-del data-v-06a59818" bindtap="__e">×</view></block></view><input class="upload-desc data-v-06a59818" placeholder="请输入第三页说明" data-event-opts="{{[['input',[['__set_model',['','page3Desc','$event',[]]]]]]}}" value="{{page3Desc}}" bindinput="__e"/></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"><view style="position:relative;display:flex;align-items:center;" class="data-v-06a59818"><checkbox checked="{{signChecked}}" class="data-v-06a59818"></checkbox><view data-event-opts="{{[['tap',[['toggleSignChecked',['$event']]]]]}}" style="position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);" bindtap="__e" class="data-v-06a59818"></view></view><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> |
