bookDetails.wxml 10.6 KB
<!--pack-book/pages/reservation/bookDetails.wxml-->
<nav id="nav" backgroundColor="#199095" color="#fefefe">订座详情</nav>
<view class="wrapBox">
    <view class="info">
        <view class="leftInfo font30r">预订桌位</view>
        <view class="rightInfo">
            <view class="tableItem font32r" wx:for="{{detail.table_photo}}">{{item.name}}</view>
        </view>
    </view>
    <view class="info">
        <view class="leftInfo font30r">预订日期</view>
        <view class="rightInfo dateInfo font30r">{{detail.rdate}}({{opt.threeText}} {{opt.week}} {{opt.date1}})</view>
    </view>
    <view class="info">
        <view class="infoItem">
            <view class="leftInfo font30r">时段</view>
            <view class="leftInfo dateInfo font30r">{{detail.ddate_solt_str}}</view>
        </view>
        <view class="infoItem">
            <view class="leftInfo font30r">时间</view>
            <picker disabled="{{!editRole}}" wx:if="{{detail.ddate && timeList.length>0}}" bindchange="bindPickerChange" value="{{index}}" range="{{timeList}}">
                <view class="picker">
                    <view class="leftInfo editInfo font30r {{!editRole?'disabledSty':''}}">{{detail.ddate}}</view>
                </view>
            </picker>
        </view>
    </view>
    <view class="info">
        <view class="infoItem">
            <view class="leftInfo font30r">人数</view>
            <input type="number" disabled="{{!editRole}}" bindblur="bindblur1" class="leftInfo editInfo font30r {{!editRole?'disabledSty':''}}" value="{{detail.actual_pum?detail.actual_pum:'修改'}}"></input>
        </view>
        <view class="infoItem">
            <view class="leftInfo font30r">消费金额</view>
            <input type="number" disabled="{{!editRole}}" bindblur="bindblur2" class="leftInfo editInfo font30r {{!editRole?'disabledSty':''}}" value="{{detail.con_amount?'¥'+detail.con_amount:'¥0.00'}}"></input>
        </view>
    </view>
    <view class="info">
        <view class="infoItem">
            <view class="leftInfo font30r">用餐类型</view>
            <view bind:tap="checkDataNews" data-type="reserveType" class="leftInfo editInfo font30r {{!editRole?'disabledSty':''}}">{{detail.reserve_type?detail.reserve_type:'修改'}}</view>
        </view>
        <view class="infoItem">
            <view class="leftInfo font30r">服务人员</view>
            <view bind:tap="checkDataNews" data-type="servicePeople" class="leftInfo editInfo font30r {{!editRole?'disabledSty':''}}">{{detail.serveName?detail.serveName:'修改'}}</view>
        </view>
    </view>
    <view class="info">
        <view class="leftInfo font30r">赠券对象</view>
        <picker disabled="{{!editRole}}" bindchange="bindPickerChangegive" value="{{indexs}}" range-key="title" range="{{sendCouponList}}">
            <view class="picker">
                <view class="rightInfo editInfo font30r {{!editRole?'disabledSty':''}}">{{detail.giveStr}}</view>
            </view>
        </picker>
    </view>
    <view class="info">
        <view class="leftInfo font30r">备注</view>
        <view class="rightInfo dateInfo font30r">{{detail.cusdem}}</view>
    </view>
    <view class="info">
        <view class="leftInfo font30r">客户姓名</view>
        <view class="rightInfo dateInfo font30r">{{detail.rnames?detail.rnames:''}}</view>
    </view>
    <view class="info">
        <view class="leftInfo font30r">电话</view>
        <view class="rightInfo dateInfo font30r">{{detail.phone}}</view>
    </view>
    <view class="info">
        <view class="leftInfo font30r">专属经理</view>
        <view class="rightInfo dateInfo font30r">{{detail.place_order_name}}</view>
    </view>
    <view class="info">
        <view class="leftInfo font30r">预订订金</view>
        <view bind:tap="addDepositFun" class="rightInfo addBtn font24r {{!editRole?'disabledbtn1':''}}">添加一项</view>
    </view>
    <view class="tables">
        <view class="items" wx:for="{{detail.depositList}}">
            <view class="topItem">
                <view class="font28r">
                    收据编号{{item.pay_no?item.pay_no:''}}
                </view>
                <image wx:if="{{roleName == '管理员'|| roleId==item.uid}}" data-item="{{item}}" bind:tap="delectFun" class="delImg" src="https://qn.colorcun.com/delBookImg.png" mode="" />
            </view>
            <view class="bottomItem">
                <view class="news font28r">定金金额 <text>{{item.price}}</text>元</view>
                <view class="news font28r">付款时间 {{item.payTtime}}</view>
                <view class="news font28r">支付方式 {{item.pay_type}}</view>
                <view class="news font28r">收款人 {{item.nick_name}}</view>
            </view>
        </view>
    </view>
    <view class="info">
        <view class="leftInfo font30r">核餐确认</view>
        <view bind:tap="addCheckDiningFun" class="rightInfo addBtn font24r {{!editRole?'disabledbtn1':''}}">添加一项</view>
    </view>
    <view class="checkmeal" wx:for="{{detail.checkmeals}}">
        <view class="topInfo">
            <view class="font28r color1">{{item.typeStr}}</view>
            <view class="font28r color2">{{item.nick_name?item.nick_name:''}}</view>
            <view class="font28r color2">{{item.cdateTime}}</view>
        </view>
        <view class="botInfo font28r color2">{{item.desc}}</view>
    </view>
    <view class="info">
        <view class="leftInfo font30r">订单操作</view>
    </view>
    <view class="infoList">
        <view class="orderOperation topInfo">
            <view class="font28r color1">预订下单</view>
            <view class="font28r color2">{{detail.place_order_name}}</view>
            <view class="font28r color2">{{detail.cdate}}</view>
            <view class="font28r color3" wx:if="{{detail.log_photo}}">照片</view>
        </view>
        <view class="flexEnd" wx:for="{{detail.changeRecord}}">
            <view class="orderOperation">
                <view class="font28r color1">订单修改</view>
                <view class="font28r color2">{{item.nick_name}}</view>
                <view class="font28r color2">{{item.up_date}}</view>
                <view class="font28r color3" wx:if="{{item.log_photo}}">照片</view>
            </view>
            <text class="botInfo font28r color1">{{item.content}}</text>
        </view>
        <view class="orderOperation topInfo" wx:if="{{detail.status == '4' && detail.cancel}}">
            <view class="font28r color1">取消预订</view>
            <view class="font28r color2">{{detail.cancelUname}}</view>
            <view class="font28r color2">{{detail.cancelCdateTime}}</view>
            <view class="font28r color3" wx:if="{{detail.cancelLog_photo}}">照片</view>
        </view>
        <view class="orderOperation topInfo" wx:if="{{detail.status == '4' && detail.cancel}}">
            <view class="font28r color1">取消原因</view>
            <view class="font28r color1">{{detail.cancelDesc}}</view>
        </view>
    </view>
    <view class="btns">
        <view class="oneBtn">
            <button id="order" disabled="{{!editRole}}" class="btn1 font32r {{!editRole?'disabledbtn1':''}}" open-type="share" bindtap="onShareAppMessage">请客人点菜</button>
            <button class="btn1 font32r {{!changeRole?'disabledbtn1':''}}" disabled="{{!changeRole}}" bind:tap="gotoAlter">变更预订</button>
            <button bind:tap="cancelReserve" disabled="{{!changeRole}}" class="btn1 btn3 font32r {{!changeRole?'disabledbtn1':''}}">取消预订</button>
        </view>
        <view class="oneBtn">
            <button id="feedback" class="btn1 font32r" open-type="share" bindtap="onShareAppMessage">请客人反馈</button>
            <button id="invitation" class="btn2 font32r {{!editRole?'disabledbtn2':''}}" disabled="{{!editRole}}" bindtap="gotoBookIntel">通知客户</button>
        </view>
    </view>
</view>
<my-modal id="checkData" fadeStyle="slideUp" height="{{activeType == 'servicePeople' ? '400px':'300px'}}">
    <view slot="modalName" class="titleModal">
        <view class="font32r" bind:tap="closeCheckDataModal">取消</view>
        <view class="font32r texts">{{activeStr}}</view>
        <view class="font32r" bind:tap="confirmFun">确定</view>
    </view>
    <view slot="modalContent">
        <view class="itemBox">
            <view bind:tap="checkDataFun" data-item="{{item}}" class="itemsInfo {{activeItem.id == item.id && activeType == 'servicePeople'?'itemsInfoActive':''}} {{activeItem == item && activeType == 'reserveType'?'itemsInfoActive':''}}" wx:for="{{checkDataInfo}}">
                <block wx:if="{{activeType == 'servicePeople'}}">
                    {{item.nick_name?item.nick_name : item.account}}
                </block>
                <block wx:if="{{activeType == 'reserveType'}}">
                    {{item}}
                </block>
            </view>
        </view>
    </view>
</my-modal>
<my-modal id="cancelData" class="{{!detail.depositList || detail.depositList.length==0?'cancelBox1':''}}" fadeStyle="center" height="{{detail.depositList && detail.depositList.length>0?'410px' :'230px'}}">
    <view slot="modalName" class="titleModal">
        <view class="font32r texts">请选择取消原因</view>
    </view>
    <view slot="modalContent">
        <view class="itemBox">
            <radio-group class="radioBox" bindchange="radioChange" data-type="1">
                <label class="radioLabel" wx:for="{{cancelTempTags}}" wx:key="{{item.value}}">
                    <radio value="{{item.value}}" color="#438e93" />
                    <view class="font32r radioLabelText">{{item.name}}</view>
                    <input type="text" wx:if="{{item.value == '4'}}" data-type="1" bindblur="bindTextAreaBlur" placeholder="其他" />
                </label>
            </radio-group>
        </view>
        <view class="itemBox" wx:if="{{detail.depositList && detail.depositList.length>0}}">
            <view class="font32r texts texts1">请选择预订订金走向</view>
            <radio-group class="radioBox" bindchange="radioChange" data-type="2">
                <label class="radioLabel" wx:for="{{depositTempTags}}" wx:key="{{item.value}}">
                    <radio value="{{item.value}}" color="#438e93" />
                    <view class="font32r radioLabelText">{{item.name}}</view>
                    <input type="text" wx:if="{{item.value == '4'}}" data-type="2" bindblur="bindTextAreaBlur" placeholder="其他" />
                </label>
            </radio-group>
        </view>
        <view class="cancelBtns">
            <view class="font32r" bind:tap="closecancelDataModal">取消</view>
            <view class="font32r" bind:tap="getDzSellerConfFun">确定</view>
        </view>
    </view>
</my-modal>