xukou-ticket-wx/unpackage/dist/dev/mp-weixin/pages/reservation/index.wxml

<view class="reservation-page data-v-f5e463b4"><view class="fixed-nav data-v-f5e463b4"><nav-bar vue-id="1cac77a0-1" title="过闸预约" class="data-v-f5e463b4" bind:__l="__l"></nav-bar></view><view class="reservation-scroll data-v-f5e463b4"><view class="card data-v-f5e463b4"><view class="card-title data-v-f5e463b4">船舶信息</view><view class="water-info-row data-v-f5e463b4"><view class="water-info-col data-v-f5e463b4"><text class="label data-v-f5e463b4">今日水位：</text><text class="value blue data-v-f5e463b4">4.2m</text></view><view class="water-info-col data-v-f5e463b4"><text class="label data-v-f5e463b4">水深：</text><text class="value blue data-v-f5e463b4">3.8m</text></view><view class="water-info-col data-v-f5e463b4"><text class="label data-v-f5e463b4">限高：</text><text class="value blue data-v-f5e463b4">7.5m</text></view></view></view><view class="card data-v-f5e463b4"><view class="card-title data-v-f5e463b4">船舶信息</view><view class="info-list data-v-f5e463b4"><view class="info-row data-v-f5e463b4"><text class="info-label data-v-f5e463b4">编号</text><view class="info-value data-v-f5e463b4">{{currentShip.ship_number+''}}<text class="arrow data-v-f5e463b4">›</text></view></view><view class="info-row data-v-f5e463b4"><text class="info-label data-v-f5e463b4">总长度</text><view class="info-value data-v-f5e463b4">{{currentShip.total_length+'米'}}<text class="arrow data-v-f5e463b4">›</text></view></view><view class="info-row data-v-f5e463b4"><text class="info-label data-v-f5e463b4">型宽</text><view class="info-value data-v-f5e463b4">{{currentShip.total_width+'米'}}<text class="arrow data-v-f5e463b4">›</text></view></view><view class="info-row data-v-f5e463b4"><text class="info-label data-v-f5e463b4">型深</text><view class="info-value data-v-f5e463b4">{{currentShip.molded_depth+'米'}}<text class="arrow data-v-f5e463b4">›</text></view></view><view class="info-row data-v-f5e463b4"><text class="info-label data-v-f5e463b4">载重</text><view class="info-value data-v-f5e463b4">{{currentShip.total_tonnage+'吨'}}<text class="arrow data-v-f5e463b4">›</text></view></view><view class="info-row data-v-f5e463b4"><text class="info-label data-v-f5e463b4">类型</text><view class="info-value data-v-f5e463b4">{{$root.m0+''}}<text class="arrow data-v-f5e463b4">›</text></view></view></view></view><view class="card data-v-f5e463b4"><view class="card-title data-v-f5e463b4">航行方向</view><view class="direction-row data-v-f5e463b4"><block wx:for="{{directionEnum}}" wx:for-item="item" wx:for-index="__i0__" wx:key="value"><button data-event-opts="{{[['tap',[['setDirection',['$0'],[[['directionEnum','value',item.value,'value']]]]]]]}}" class="{{['direction-btn','data-v-f5e463b4',(direction===item.value)?'active':'']}}" bindtap="__e">{{''+item.label+''}}</button></block></view></view><view class="card data-v-f5e463b4"><view class="card-title data-v-f5e463b4">过闸日期</view><view class="direction-row data-v-f5e463b4"><button data-event-opts="{{[['tap',[['setGateDate',['today']]]]]}}" class="{{['direction-btn','data-v-f5e463b4',(gateDate==='today')?'active':'']}}" bindtap="__e">今天</button><button data-event-opts="{{[['tap',[['setGateDate',['tomorrow']]]]]}}" class="{{['direction-btn','data-v-f5e463b4',(gateDate==='tomorrow')?'active':'']}}" bindtap="__e">明天</button></view></view><view class="notice-row data-v-f5e463b4"><text class="notice-title data-v-f5e463b4">预约须知</text><view class="notice-check data-v-f5e463b4" style="position:relative;"><checkbox checked="{{agreeNotice}}" class="data-v-f5e463b4"></checkbox><text class="data-v-f5e463b4">我已阅读并同意《过闸预约服务协议》</text><view data-event-opts="{{[['tap',[['toggleAgreeNotice',['$event']]]]]}}" style="position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;" bindtap="__e" class="data-v-f5e463b4"></view></view></view></view><view class="reservation-bottom-bar data-v-f5e463b4"><button data-event-opts="{{[['tap',[['onReserve',['$event']]]]]}}" class="reservation-btn data-v-f5e463b4" bindtap="__e">预约</button></view></view>