1.支持中餐、晚餐不同時(shí)間段桌位預(yù)定
2.支持包廂，大廳等不同區(qū)域預(yù)定
本系統(tǒng)后臺(tái)tp+vue
前端原生小程序
?
<!--?導(dǎo)航欄?-->
<!--?<van-nav-bar?title="{{canteen}}"?title-class="navbar"?/>?-->
<van-nav-bar?title="{{canteen}}"?fixed?title-class="navbar"?placeholder?custom-style="background:#f03d37;"?/>
<view?class="index-header-tabs">
????<view?class="index-header-tabs-left">
????????<!--?<view?class="index-header-tabs-item?{{headerTabsIndex?===?0?&&?'active'}}"?bindtap="onChangeHeadertabs"?data-index="0">全部包間({{list.length}})</view>
????????<view?class="index-header-tabs-item?{{headerTabsIndex?===?1?&&?'active'}}"?bindtap="onChangeHeadertabs"?data-index="1">空閑包間({{noDisabledList.length}})</view>
????????<view?class="index-header-tabs-item?{{headerTabsIndex?===?2?&&?'active'}}"?bindtap="onChangeHeadertabs"?data-index="2">已定包間({{disabledList.length}})</view>?-->
????????<view?class="index-header-tabs-item?{{headerTabsIndex?===?0?&&?'active'}}"?bindtap="onChangeHeadertabs"?data-index="0">大廳</view>
????????<view?class="index-header-tabs-item?{{headerTabsIndex?===?1?&&?'active'}}"?bindtap="onChangeHeadertabs"?data-index="1">包廂</view>
????</view>
????<view?class="index-header-tabs-item-btn"?bindtap="toShop">切換門店</view>
</view>
?
<view?class="index-time"?bindtap="filtrTime">
????<van-icon?name="arrow-left"?/>
????<view?class="index-time-text">
????????<text>{{date}}</text>
????????<van-icon?name="arrow-down"?/>
????</view>
????<van-icon?name="arrow"?/>
</view>
<view?class="index-tabs"?bindtap="filtrTime">
????<view?class="index-tabs-item?{{isDinner?===?0?&&?'active'}}"?bindtap="setNoDinner">午餐?11:00</view>
????<view?class="index-tabs-item?{{isDinner?===?1?&&?'active'}}"?bindtap="setDinner">晚餐?17:00</view>
</view>
<view?class="index-menu-tabs">
????<view?class="index-menu-tabs-item?{{menuTabsIndex?===?0?&&?'active'}}"?bindtap="onChangeMenutabs"?data-index="0">全部包間({{list.length}})</view>
????<view?class="index-menu-tabs-item?{{menuTabsIndex?===?1?&&?'active'}}"?bindtap="onChangeMenutabs"?data-index="1">空閑包間({{noDisabledList.length}})</view>
????<view?class="index-menu-tabs-item?{{menuTabsIndex?===?2?&&?'active'}}"?bindtap="onChangeMenutabs"?data-index="2">已定包間({{disabledList.length}})</view>
</view>
<view?class="index-list">
????<view?class="index-list-item"?wx:for="{{?[list,?noDisabledList,?disabledList][menuTabsIndex]}}"?wx:key="index"?id="{{index}}"?bindtap="toCart">
????????<view?class="index-list-item-header?{{item.state?!==?1?&&?'disabled'}}">
????????????<text>{{item.state?===?1???'可預(yù)訂':'已預(yù)定'}}</text>
????????????<text?wx:if="{{item.state?!==?1}}">11:00</text>
????????????<text>{{item.num}}/{{item.num}}人</text>
????????</view>
????????<view?class="index-list-item-name">{{item.name}}</view>
????????<view?class="index-list-item-num">
????????????<block?wx:if="{{item.state?!==?1}}">
????????????????<view>張先生：134****1234</view>
????????????????<view>需要兒童座椅</view>
????????????</block>
????????????<block?wx:else>
????????????????<view>
????????????????????<image?style="width:?50rpx;height:50rpx"?src="/images/seat-xz.png"?mode=""?/>
????????????????</view>
????????????????<text>空閑中</text>
????????????</block>
????????</view>
????????<view?class="index-list-item-footer">
????????????下單員：張三
????????</view>
????</view>
</view>
?
<van-popup?show="{{?showDate?}}"?position="bottom"?bind:close="onClose">
????<van-datetime-picker?type="date"?value="{{currentDate}}"?bind:confirm="onConfirm"?bind:cancel="onCancel"?min-date="{{minDate}}"?max-date="{{maxDate}}"?/>
</van-popup>文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-556624.html
<van-popup?show="{{?showTime?}}"?position="bottom"?bind:close="onClose1">
????<van-picker?columns="{{?columns?}}"?show-toolbar?bind:cancel="onCancel2"?bind:confirm="onConfirm2"?/>
</van-popup>
<van-action-sheet?show="{{?showAction?}}"?actions="{{?actions?}}"?cancel-text="取消"?bind:close="onDinnerClose"?bind:cancel="onDinnerClose"?bind:select="onSelect"?/>文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-556624.html
到了這里，關(guān)于尚無(wú)憂餐桌預(yù)訂訂桌包廂預(yù)訂小程序源碼的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
