index.wxml 9.58 KB
<!--pack-book/pages/checkout/index.wxml-->
<wxs src="../../../utils/util.wxs" module="util" />
<nav hasHome backgroundColor="#199095" color="#fefefe">{{title||'在线买单'}}</nav>
<view class="pages flex-vc">
    <block wx:if="{{detail.order_info.status>1}}">
        <view class="block payinfo">
            <view class="title flex-lr">
                <view class="Medium">消费信息</view>
            </view>
            <view class="center">
                <view class="item flex-lr">
                    <view class="item-label">消费金额</view>
                    <view class="item-value order_info-price">¥ {{detail.order_info.price}}</view>
                </view>
                <view class="item flex-lr" wx:if="{{detail.order_info.bill_list.length>0}}">
                    <view class="item-label">消费清单</view>
                    <view class="item-value order_info-bill_list" bindtap="displayOrderImages">查看消费清单</view>
                </view>
                <view class="bg-img pay-tips-icon bg-pay{{detail.order_info.status}}"></view>
            </view>
        </view>
        <view class="block userinfo">
            <view class="title flex-lr">
                <view class="Medium">顾客信息</view>
                <view class="orderRemark">{{detail.orderRemark}}</view>
            </view>
            <view class="center">
                <view class="item {{tabs?'auto-height':''}}">
                    <view class="flex-lr" bindtap="{{detail.tables.length>1?'displayTables':''}}">
                        <view class="item-label">桌位信息</view>
                        <view class="item-value flex-rr">
                            <view wx:if="{{!tabs}}">【{{util.reserveTidName(detail.tables[0].tid)}}】{{detail.tables[0].name}}</view>
                            <view class="bg-img bg-{{tabs?'x2':'x1'}}" wx:if="{{detail.tables.length>1}}"></view>
                        </view>
                    </view>
                    <view class="tabs-view" wx:if="{{tabs}}">
                        <view class="tabs-item" wx:for="{{tabs}}" wx:key="tabs">【{{util.reserveTidName(index)}}】{{item}}</view>
                    </view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">买单顾客</view>
                    <view class="item-value">{{detail.rname}} {{util.reserveSexName(detail.sex)}}</view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">顾客电话</view>
                    <view class="item-value">{{detail.phone}}</view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">到店时间</view>
                    <view class="item-value">{{detail.rdateStr}}</view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">申请时间</view>
                    <view class="item-value">{{util.unixtoTime(detail.order_info.create_time,'YYYY-MM-DD HH:II')}}</view>
                </view>
            </view>
        </view>
        <view class="block payinfo" wx:if="{{detail.order_info.status==3}}">
            <view class="title flex-lr">
                <view class="Medium">买单信息</view>
            </view>
            <view class="center">
                <view class="item flex-lr">
                    <view class="item-label">消费金额</view>
                    <view class="item-value">¥ {{detail.order_info.price}}</view>
                </view>
                <view class="item flex-lr" wx:if="{{discount.pt>0 && false}}">
                    <view class="item-label">周到安排补贴</view>
                    <view class="item-value">¥ {{discount.pt||0}}</view>
                </view>
                <view class="item flex-lr" wx:if="{{discount.se>0}}">
                    <view class="item-label">店铺红包</view>
                    <view class="item-value">¥ {{discount.se||0}}</view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label Medium">实收金额</view>
                    <view class="item-value Medium">¥ {{discount.price}}</view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">支付方式</view>
                    <view class="item-value">微信支付</view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">买单时间</view>
                    <view class="item-value">{{util.unixtoTime(detail.order_info.pay_time,'YYYY-MM-DD HH:II')}}</view>
                </view>
            </view>
        </view>
    </block>
    <block wx:if="{{detail.order_info.status==1}}">
        <view class="pay-image-view flex-vc">
            <view class="bg-img bg-pay"></view>
            <view class="pay-txt">顾客申请买单</view>
        </view>
        <view class="block orderinput">
            <view class="center">
                <view class="item {{tabs?'auto-height':''}}">
                    <view class="flex-lr" bindtap="{{detail.tables.length>1?'displayTables':''}}">
                        <view class="item-label">桌位信息</view>
                        <view class="item-value flex-rr">
                            <view wx:if="{{!tabs}}">【{{util.reserveTidName(detail.tables[0].tid)}}】{{detail.tables[0].name}}</view>
                            <view class="bg-img bg-{{tabs?'x2':'x1'}}" wx:if="{{detail.tables.length>1}}"></view>
                        </view>
                    </view>
                    <view class="tabs-view" wx:if="{{tabs}}">
                        <view class="tabs-item" wx:for="{{tabs}}" wx:key="tabs">【{{util.reserveTidName(index)}}】{{item}}</view>
                    </view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">消费金额</view>
                    <view class="item-value flex-rr" style="position: relative">

                        <input class="item-value-input" style="width: 300rpx;"
                               bindinput="setPrice" type="digit" maxlength="8"
                               placeholder-style="font-size:32rpx" placeholder="点击填写金额"/>
                        <view wx:if="{{price}}"
                              style="right:{{price.length*25}}rpx;"
                              class="item-value-input hasPrice">¥</view>
                    </view>
                </view>
            </view>
        </view>
        <view class="orderRemark orderRemark-view" wx:if="{{detail.orderRemark}}">{{detail.orderRemark}}</view>
        <view class="block orderimage">
            <view class="title flex-lr">
                <view>消费清单(选填)</view>
            </view>
            <view class="center">
                <block wx:for="{{files}}" wx:key="fileskey">
                    <qnupload qnConf="{{qnConf}}" upConf="{{upConf}}"
                              file="{{item}}" files="{{files}}"
                              bindevent="qnevent" class="qnupload">
                        <view class="upload flex-vc uploaded"
                              catchtap="displayImage" data-path="{{item.path}}">
                            <image class="image" src="{{item.path}}"></image>
                            <view class="bg-add bg-img" style="background-image: none"></view>
                            <view class="upload-txt"></view>
                            <view class="image-delete flex-vc" catchtap="deleteImage" data-index="{{index}}">
                                <view class="bg-img bg-c2"></view>
                            </view>
                        </view>
                    </qnupload>
                </block>
                <qnupload wx:if="{{hasAddFile}}"
                          qnConf="{{qnConf}}" upConf="{{upConf}}"
                          file="{{item}}" files="{{files}}"
                          bindevent="qnevent" class="qnupload">
                    <view class="upload flex-vc">
                        <view class="bg-add bg-img"></view>
                        <view class="upload-txt">添加图片</view>
                    </view>
                </qnupload>
            </view>
        </view>
        <view class="block userinfo">
            <view class="title flex-lr">
                <view>顾客信息</view>
            </view>
            <view class="center">
                <view class="item flex-lr">
                    <view class="item-label">买单顾客</view>
                    <view class="item-value">{{detail.rname}} {{util.reserveSexName(detail.sex)}}</view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">顾客电话</view>
                    <view class="item-value">{{detail.phone}}</view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">到店时间</view>
                    <view class="item-value">{{detail.rdateStr}}</view>
                </view>
                <view class="item flex-lr">
                    <view class="item-label">申请时间</view>
                    <view class="item-value">{{util.unixtoTime(detail.order_info.create_time,'YYYY-MM-DD HH:II')}}</view>
                </view>
            </view>
        </view>
        <view style="height:150rpx;width:100%;"> </view>
        <view class="submit {{price?'active':''}}" bindtap="submit">发送给顾客</view>
        <confirm-price id="confirm-price" price="{{price}}" bindevent="confirmPriceEvent"></confirm-price>
    </block>
</view>