<wxs src="../../../utils/util.wxs" module="util" />
<nav hasHome>订座详情</nav>
<a2l bindshow="a2lshow" bindhide="a2lshow" key="BOOK-DETAIL" type="black" hitStr="通知客户"></a2l>
<!--订单信息-->
<view class="order-info" wx:if="{{bookInfo}}" >
    <navigator url="/pages/reserve/detail?id={{bookInfo.seller.id}}" wx:if="{{isAdmin}}">
        <view class="flex-lr order-detail">
            <view class="gray-deep-font font30r">餐厅名称</view>
            <view class="flex-rr black-font font34r">
                {{bookInfo.seller.sellername}}
                <view class="more" style="margin-left: 20rpx;"></view>
            </view>
        </view>
        <view class="flex-lr order-detail">
            <view class="gray-deep-font font30r">餐厅地点</view>
            <view class="black-font font30r">
                {{bookInfo.seller.real_address||bookInfo.seller.map_address}}
            </view>
        </view>
    </navigator>
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">用餐时段</view>
        <view class="black-font font34r">
            {{util.unixtoTime(bookInfo.ddate,'YYYY年MM月DD日 ')}}
            {{util.reserveTimeSpace(bookInfo.ddate_solt)}}
        </view>
    </view>
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">用餐时间</view>
        <view class="black-font font34r" wx:if="{{bookInfo.type==1}}">
            {{bookInfo.is_set_ddate==1?util.unixtoTime(bookInfo.ddate,'HH:II'):''}}
        </view>
        <view class="black-font font34r" wx:else="">
            {{util.unixtoTime(bookInfo.ddate,'HH:II')}}
        </view>
    </view>
    <view class="flex-lr order-detail" wx:if="{{bookInfo.type==1}}">
        <view class="gray-deep-font font30r">包间需求</view>
        <view class="black-font font34r">{{bookInfo.room_demand.length}}个</view>
    </view>
    <view class="flex-lr order-detail" wx:else="">
        <view class="gray-deep-font font30r">用餐人数</view>
        <view class="black-font font34r">{{bookInfo.pnum_str||bookInfo.pnum}}人</view>
    </view>
    <view style="position: relative;">
        <view class="reserve-status-tip {{bookInfo.type==1?'online':''}}" wx:if="{{bookInfo.status==0 || bookInfo.status==6}}">
            <view class="text">{{bookInfo.status==0?'待处理':'已拒绝'}}</view>
        </view>
        <view class="reserve-status-tip {{bookInfo.type==1?'online':''}}" wx:elif="{{bookInfo.status}}">
            <image class="reserve-status-checkout" wx:if="{{bookInfo.order_info.status==3}}" src="http://nosqn.colorcun.com/custom/lite-yd/image/reserve-status-checkout.png"></image>
            <image wx:else="" src="http://nosqn.colorcun.com/custom/lite-yd/image/reserve-status-{{bookInfo.status==5?1:bookInfo.status}}.png"></image>
        </view>
    </view>
    <view class="flex-lr order-desk" wx:if="{{bookInfo.type==1}}">
        <view class="flex-re" style="width:100%;flex-wrap:wrap;">
            <block wx:for="{{bookInfo.room_demand}}" wx:key="tables.key">
                <board width="160" height="180" board="{{item}}"
                       roomDemand
                       className="noBottom"
                       style="margin-left:20rpx; margin-bottom: 20rpx;"></board>
            </block>
        </view>
    </view>
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">预订座位</view>
        <view class="black-font font34r">{{tables.length}}个</view>
    </view>
    <view class="flex-lr order-desk">
        <view class="flex-re" style="width:100%;flex-wrap:wrap;">
            <block wx:for="{{tables}}" wx:key="tables.key">
                <board width="160" height="180" board="{{item}}"  className="noBottom"
                       style="margin-left:20rpx; margin-bottom: 20rpx;"></board>
            </block>
        </view>
    </view>
    <view class="flex-lr order-detail">
        <text class="gray-deep-font font30r" space="true" decode="true">客户姓名</text>
        <view class="black-font font34r" wx:if="{{bookInfo.rname}}">{{bookInfo.rname}} {{bookInfo.sex==1?'先生':(bookInfo.sex==2?'女士':'')}}</view>
    </view>
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">客户电话</view>
        <view class="black-font font34r" bindtap="getcall">{{bookInfo.phoneStr||''}}</view>
    </view>
    <block wx:if="{{bookInfo.cusdem!='' && bookInfo.cusdem!='null'}}">
        <view class="flex-lr order-detail">
            <view class="gray-deep-font font30r">备注信息</view>
            <view class="black-font font34r">{{bookInfo.cusdem}}</view>
        </view>
    </block>
</view>
<view class="order-info">
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">客户经理</view>
        <view class="flex-lr black-font font34r">
            <picker bindchange="chooseManager" catchtap="flushSellerInfo"
                    wx:if="{{hasEditorFlag}}"
                    value="{{mansIndex}}" range="{{mans_role}}">
                <view class="picker" style="border-bottom:2rpx solid #999;">
                    {{mans[mansIndex]?mans[mansIndex]:bookInfo.cusman?bookInfo.cusman:'请选择'}}
                </view>
            </picker>
            <view class="picker" wx:else="">
                {{mans[mansIndex]?mans[mansIndex]:bookInfo.cusman?bookInfo.cusman:'无'}}
            </view>
        </view>
    </view>
    <view class="flex-lr order-detail" wx:if="{{bookInfo.note_name}}">
        <view class="gray-deep-font font30r">记录人</view>
        <view class="black-font font34r">{{bookInfo.note_name}}</view>
    </view>
</view>
<view class="order-info" wx:if="{{bookInfo.status==4 && bookInfo.cancel}}">
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">取消原因</view>
        <view class="flex-lr black-font font34r">
            {{bookInfo.cancel.desc}}
        </view>
    </view>
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">取消时间</view>
        <view class="black-font font34r">{{bookInfo.cancel.cdateStr}}</view>
    </view>
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">操作人</view>
        <view class="black-font font34r">{{bookInfo.abolition==2?'顾客在线取消':bookInfo.cancel.uname}}</view>
    </view>
</view>
<view class="order-info" wx:if="{{bookInfo.status==6}}">
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">拒绝原因</view>
        <view class="flex-lr black-font font34r">
            {{bookInfo.cancel.desc}}
        </view>
    </view>
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">拒绝时间</view>
        <view class="black-font font34r">{{bookInfo.cancel.cdateStr}}</view>
    </view>
    <view class="flex-lr order-detail">
        <view class="gray-deep-font font30r">操作人</view>
        <view class="black-font font34r">{{bookInfo.cancel.desc=='订单长时间未处理，已过时段'?'自动拒单':bookInfo.cancel.uname}}</view>
    </view>
</view>
<navigator url="{{bookInfo.invoice.type==0?'../checkout/invoice?rid='+bookInfo.id:''}}" wx:if="{{bookInfo.invoice}}">
    <view class="order-info">
        <view class="flex-lr order-detail">
            <view class="gray-deep-font font30r">发票抬头</view>
            <view class="flex-lr black-font font32r">
                <view class="" style="text-align: right">
                    <view class="Medium">{{bookInfo.invoice.title}}</view>
                    <view class="gray-deep-font font28r"
                          wx:if="{{bookInfo.invoice.type==0}}"
                          style="margin-top: 10rpx;">税号：{{bookInfo.invoice.taxnumber}}</view>
                </view>
                <view class="more" style="margin-left: 20rpx" wx:if="{{bookInfo.invoice.type==0}}"></view>
            </view>
        </view>
    </view>
</navigator>
<navigator url="../checkout/index?rid={{bookInfo.id}}" wx:if="{{bookInfo.order_info.status==3}}">
    <view class="order-info">
        <view class="flex-lr order-detail">
            <view class="gray-deep-font font30r">实收金额：<text class="black-font font32r Medium">¥ {{bookInfo.order_info.price}}</text></view>
            <view class="flex-lr gray-deep-font font28r">
                查看明细
                <view class="more" style="margin-left: 20rpx"></view>
            </view>
        </view>
    </view>
</navigator>
<view style="height: 250rpx;"></view>
<block wx:if="{{loaded}}">
    <!--通知预订人-->
    <view class="notice-opt" wx:if="{{bookInfo.hasRunning}}">
        <view class="notice-button-border font34r flex-lr bg-blue">
            <view class="item">
                <formids bindclick="noticeCall">通知客户</formids>
            </view>
            <view  class="item" wx:if="{{bookInfo.order && bookInfo.order.cookbooklist.length>0}}">
                <formids bindclick="showOrder">查看菜品</formids>
            </view>
        </view>
        <view class="notice-button-border font34r flex-lr" wx:if="{{hasEditorFlag || (bookInfo.type==1 && hasReceipt)}}">
            <view class="item" wx:if="{{isAdmin}}">
                <PreferentialDocking sid="{{bookInfo.sid}}">
                    <view style="line-height: 50rpx;">优惠对接人</view>
                </PreferentialDocking>
            </view>
            <view class="item">
                <formids bindclick="cancelReserve">取消预订</formids>
            </view>
            <view class="item">
                <formids bindclick="gotoModify">变更预订</formids>
            </view>
            <view class="item" wx:if="{{!isAdmin}}">
                <formids bindclick="startDinner" data-status="2">确认到店</formids>
            </view>
        </view>
    </view>
    <view class="notice-opt" wx:if="{{bookInfo.status==2}}">
        <view class="notice-button-border font34r flex-lr bg-blue" wx:if="{{isAdmin}}">
            <view class="item">
                <formids bindclick="noticeCall">通知客户</formids>
            </view>
        </view>
        <view class="notice-button-border font34r flex-lr">
            <view class="item" wx:if="{{isAdmin}}">
                <PreferentialDocking sid="{{bookInfo.sid}}">
                    <view style="line-height: 50rpx;">优惠对接人</view>
                </PreferentialDocking>
            </view>
            <view class="item" wx:else="">
                <formids bindclick="noticeCall">通知客户</formids>
            </view>
            <view class="item" wx:if="{{hasEditorFlag || (bookInfo.type==1 && hasReceipt)}}">
                <formids bindclick="cancelReserve">取消预订</formids>
            </view>
            <view class="item" wx:if="{{hasEditorFlag || (bookInfo.type==1 && hasReceipt)}}">
                <formids bindclick="gotoModify">变更预订</formids>
            </view>
        </view>
        <formids class="notice-button white-font font34r flex-cc"
                 wx:if="{{!isAdmin}}"
                 bindclick="startDinner" data-status="3">
            客户就餐完毕
        </formids>
    </view>
    <!--操作在线预订-->
    <view class="notice-opt" wx:if="{{bookInfo.status==0}}">
        <block wx:if="{{isAdmin}}">
            <view class="notice-button-border font34r flex-lr bg-blue">
                <view class="item">
                    <formids bindclick="easyCall" data-key="jdmans">联系接单人</formids>
                </view>
                <view class="item">
                    <formids bindclick="easyCall" data-key="seller">联系商家</formids>
                </view>
                <view class="item">
                    <formids bindclick="easyCall" data-key="customer">联系顾客</formids>
                </view>
            </view>
            <view class="notice-button-border font34r flex-lr">
                <view class="item">
                    <PreferentialDocking sid="{{bookInfo.sid}}">
                        <view style="line-height: 50rpx;">优惠对接人</view>
                    </PreferentialDocking>
                </view>
                <view class="item">
                    <formids bindclick="refuseOrder">拒绝订单</formids>
                </view>
                <view class="item">
                    <formids bindclick="arrangeOrder">安排包间</formids>
                </view>
            </view>
        </block>
        <block wx:elif="{{hasCallPhone}}">
            <view class="notice-button-border font34r flex-lr bg-blue">
                <view class="item">
                    <formids bindclick="arrangeOrder">安排包间</formids>
                </view>
            </view>
            <view class="notice-button-border font34r flex-lr">
                <view class="item">
                    <formids bindclick="refuseOrder">拒绝订单</formids>
                </view>
                <view class="item">
                    <formids bindclick="easyCall" data-key="customer">联系顾客</formids>
                </view>
            </view>
        </block>
        <block wx:else="">
            <view class="notice-button-border font34r flex-lr bg-blue">
                <view class="item">
                    <formids bindclick="refuseOrder">拒绝订单</formids>
                </view>
                <view class="item">
                    <formids bindclick="arrangeOrder">安排包间</formids>
                </view>
            </view>
        </block>
    </view>
    <view class="notice-opt" wx:if="{{bookInfo.status==6 && isAdmin}}">
        <view class="notice-button-border font34r flex-lr bg-blue">
            <view class="item">
                <formids bindclick="easyCall" data-key="jdmans">联系接单人</formids>
            </view>
            <view class="item">
                <formids bindclick="easyCall" data-key="seller">联系商家</formids>
            </view>
            <view class="item">
                <formids bindclick="easyCall" data-key="customer">联系顾客</formids>
            </view>
        </view>
    </view>
    <noticeCall id="notice" bookInfo="{{bookInfo}}"></noticeCall>
    <action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetChange" class="flex-ll">
        <block wx:for-items="{{actionSheetItems}}" wx:key="actionSheetItems.key">
            <action-sheet-item>{{item}}</action-sheet-item>
        </block>
        <action-sheet-item>
            <input placeholder="请输入" style="width:100%"/>
        </action-sheet-item>
        <action-sheet-cancel >取消</action-sheet-cancel>

    </action-sheet>
    <cancel id="cancel" bindreserveCancel="reserveCancel" bookInfo="{{bookInfo}}"></cancel>
    <showModal id="showModal" bindshowModal="showModalEvent"></showModal>
    <refuse id="refuse" bindevent="refuseEvent" detail="{{bookInfo}}"></refuse>
</block>
<loading wx:else="">处理中</loading>