online_update.wxml 14 KB
<!--pages/book/b_addnew.wxml-->
<nav>录入订座信息</nav>
<view class="page" style="margin-bottom: {{pageMarginBottom}}rpx;" id="j_page">
    <view class="base-info">
        <!--
        <view class="section flex-lr date">
            <view class="flex-rr" style="width:100%;">
                <item class="date-item {{form.date==0?'checked':''}}"
                      bindtap="selectedValue" data-key="date" data-value="0">
                    <view class="date-item-text">{{dateStr[0]}}</view>
                </item>
                <item class="date-item {{form.date==1?'checked':''}}"
                      bindtap="selectedValue" data-key="date" data-value="1">
                    <view class="date-item-text">{{dateStr[1]}}</view>
                </item>
            </view>
            <view class="more flex-ll" bindtap="calendarShow">
                <view></view>
                <view></view>
                <view></view>
            </view>
        </view>
        -->
        <view class="section">
            <view class="tab flex-ll">
                <formids class="item {{form.date==0?'checked':''}}"
                         bindtap="selectedValue" data-key="date" data-value="0">
                    {{dateStr[0]}}
                </formids>
                <formids class="item {{form.date==1?'checked':''}}"
                      bindtap="selectedValue" data-key="date" data-value="1">
                    {{dateStr[1]}}
                </formids>
                <view class="item {{form.date==2?'checked':''}} flex-lr"
                      bindtap="selectedValue" data-key="date" data-value="2" bindtap="calendarShow">
                    <view style="width: 80%" class="item-text">{{dateStr[2]||'其他'}}</view>
                    <image
                            src="http://qn.colorcun.com/custom/lite-yd/image/date{{dateStr[2]?'.selected':''}}.png"
                            style="min-width: 36rpx;width: 36rpx;height: 36rpx; margin-right: 22rpx;"></image>
                </view>
            </view>
        </view>
        <view class="section ">
            <view class="tab flex-ll">
                <formids class="item {{form.time==0?'checked':''}} {{timeOpt[0]}}"
                        wx:if="{{timePickerArray[0].length>0}}"
                      bindtap="selectedValue" data-key="time" data-value="0">
                    <view class="picker">早市</view>
                </formids>
                <formids class="item {{form.time==1?'checked':''}}  {{timeOpt[1]}}"
                         wx:if="{{timePickerArray[1].length>0}}"
                      bindtap="selectedValue" data-key="time" data-value="1">
                    <view class="picker">午市</view>
                </formids>
                <formids class="item {{form.time==2?'checked':''}}  {{timeOpt[2]}}"
                         wx:if="{{timePickerArray[2].length>0}}"
                      bindtap="selectedValue" data-key="time" data-value="2">
                    <view class="picker">晚市</view>
                </formids>
            </view>
        </view>
        <view class="section" style="height: 90rpx;">
            <view class="tab flex-lr">
                <view class="tab flex-ll">
                    <formids class="item-pnum {{form.pnum==item?'checked':''}}" wx:for="{{[6,7,8,9,10]}}" wx:key="pnum.key"
                          bindtap="selectedValue" data-key="pnum" data-value="{{item}}">
                        <view class="pnum">{{item}}</view>
                    </formids>
                </view>
                <view class="tab" style="margin-left: 20rpx;">
                    <view class="item {{form.pnum<6 || form.pnum>10?'checked':''}} flex-lr"
                          data-key="pnum" data-value="{{form.pnum}}">
                        <view style="width: 80%" class="pnum">
                            <input
                                    bindinput="selectedValue" bindconfirm="selectedValue"
                                    bindblur="pnumInputFocusEvent"
                                    data-key="pnum" value="{{(form.pnum<6 || form.pnum>10) || pnumInputFocus?form.pnum:''}}"
                                    placeholder-class="placeholder-class-pnum"
                                    maxlength="3" type="number"
                                    placeholder="{{form.pnum<6 || form.pnum>10?form.pnum:''}} 更多"/>

                        </view>
                        <image
                                src="http://qn.colorcun.com/custom/lite-yd/image/pnum{{form.pnum<6 || form.pnum>10?'.selected':''}}.png"
                                style="min-width: 36rpx;width: 36rpx;height: 36rpx; margin-right: 22rpx;"></image>
                    </view>
                </view>
            </view>
        </view>
        <!--
        <view class="section ">
            <view class="tab flex-ll">
                <view class="item {{form.pnum_str=='1-4'?'checked':''}}"
                      bindtap="selectedValue" data-key="pnum_str" data-value="1-4">
                    4人以下
                </view>
                <view class="item {{form.pnum_str=='5-9'?'checked':''}}"
                      bindtap="selectedValue" data-key="pnum_str" data-value="5-9">
                    5~9人
                </view>
                <view class="item {{form.pnum_str=='10-99'?'checked':''}}"
                      bindtap="selectedValue" data-key="pnum_str" data-value="10-99">
                    10人以上
                </view>
            </view>
        </view>
        <view class="section ">
            <view class="tab flex-ll">
                <view class="item {{form.tabid=='2'?'checked':''}}"
                      bindtap="selectedValue" data-key="tabid" data-value="2">
                    包间
                </view>
                <view class="item {{form.tabid=='1'?'checked':''}}"
                      bindtap="selectedValue" data-key="tabid" data-value="1">
                    散台
                </view>
            </view>
        </view>
        -->
    </view>

    <view class="page-full tables">
        <view class="page" style="margin-top: 0">
            <view class="title flex-lr">
                <view>可订桌位<text wx:if="{{tables.length>0}}"> ({{tablesLength}})</text></view>
                <view class="flex-rr advice-more" bindtap="selectdesk">
                    <view style="padding-right:20rpx;" class="gray-deep-font font26r">更多</view>
                    <image src="http://qn.colorcun.com/custom/lite-yd/image/click.png" class="icon12-22"></image>
                </view>
            </view>
            <view class="advice-desk-detail flex-rr" wx:if="{{tables.length>0}}">
                <block wx:for="{{tablesed||tables}}" wx:key="tables.key">
                    <board width="160" height="180" board="{{item}}"
                           style="margin: 20rpx 0 0 20rpx"
                           event="boardChoose" className="noBottom"
                           data-value="{{index}}"
                           bindtap="selectedValue"
                           data-key="tid"></board>
                </block>
            </view>
            <view class="advice-desk-detail flex-cc" wx:else="">
                没有符合条件的桌位!
            </view>
        </view>
    </view>
    <view class="book-info">
        <view class="book-info-single flex-lr" style="align-items:flex-start;position:relative;z-index:10;">
            <input placeholder="客户电话" placeholder-class="gray-font font34r" class="black-font font34r" type="number" maxlength="11"
                   bindinput="selectedValue"
                   bindconfirm="selectedValue"
                   data-key="phone"
                   value="{{form.phone}}" style="color:{{reminder ? '#E14553' : '#353535'}};width:{{reminder ? 400 : 680}}rpx;" cursor-spacing="260"/>
            <view bindtap="selectedValue" data-key="time" data-value="{{form.time}}" data-display="block" style="color:#199095">
                <view style="font-size: 34rpx;height: 100rpx;line-height: 100rpx;" wx:if="{{hasUseDefDtime && form.time>0}}">{{defDtime[form.time]}}</view>
                <view style="font-size: 34rpx;height: 100rpx;line-height: 100rpx;" wx:else="">{{timePickerArray[form.time][timePickerIndex[form.time]]}}</view>
            </view>
            <block wx:if="{{searchlist}}">
                <searchList searchlist="{{searchlist}}" bind:selectphone="selectphone"></searchList>
            </block>
        </view>
        <view class="book-info-single flex-lr" style="align-items:flex-start;">
            <input placeholder="客户姓名(必填)" placeholder-class="gray-font font34r" class="black-font font34r"
                   maxlength="12" style="width:450rpx;" value="{{form.rname}}"
                   bindinput="selectedValue"
                   bindconfirm="selectedValue"
                   bindfocus="inputFocus"
                   bindblur="inputFocus"
            data-key="rname"/>
            <view class="book-info-grand flex-rr font28r gray-deep-font">
                <block wx:for="{{grand}}" wx:key="grand.key">
                    <view class="book-grand flex-cc book-grand-border {{form.sex==item.sex ? 'book-grand-active white-font' : ''}}"
                          bindtap="selectedValue"
                          data-value="{{item.sex}}"
                          data-key="sex">{{item.grand_title}}</view>
                </block>
            </view>
        </view>

        <view class="book-info-single flex-lr">
            <input placeholder="客户要求(25字以内,选填)" placeholder-class="gray-font font34r" class="black-font font34r" maxlength="25" value="{{form.cusdem}}"
                   bindinput="selectedValue"
                   bindconfirm="selectedValue"
                   bindfocus="inputFocus"
                   bindblur="inputFocus"
                   data-key="cusdem"/>
            <view class="CustomRemarkMore flex-rr">
                <view bindtap="CustomRemarkMore">快速备注</view>
            </view>
        </view>
        <view wx:if="{{CustomRemark.length>0}}" class="book-info-single last" style="padding-top: 14rpx; height: 60rpx;">
            <view class="flex-lr CustomRemark">
                <view class="CustomRemarks">
                    <view class="CustomRemarksView">
                        <view class="CustomRemarkItem {{item.active?'active':''}}" wx:for="{{CustomRemark}}"
                          bindtap="oftenUse"
                              data-id="{{item.id}}"
                              data-value="{{item.often_use}}">{{item.often_use}}</view>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <view class="page-full submit">
        <view class="confirm-button white-font flex-vc font34r {{buttonhide==false ? 'confirm-button-active' : ''}}" bindtap="{{buttonhide==false ? 'formsubmit' : ''}}">完成预订</view>
    </view>
</view>
<tabBar></tabBar>
<view class="calendar-mask" bindtap="calendarClose"
      style="height:{{calendarMask?'100%':0}};" wx:if="{{calendarMaskLoad}}">
    <view style="width: 100%; height:{{calendarMask?'100%':0}};overflow: hidden;position: relative;">
        <calendar catchtap="catchtap"
                  isTodaybtn="{{true}}" todaybtn_txt="回到今天"
                  custom="{{false}}"
                  switchover="{{['上一月','下个月']}}"
                  active-coloro="active-coloro"
                  active-colort="active-colort"
                  speciallist="{{speciallist}}"
                  txt_style="txt-style"
                  calendar-style="calendar"
                  header-style="calendar-header"
                  weektitle-style="weektitle-style"
                  restcolor-style="restcolor-style"
                  txt_type="cn-d"

                  datefont-style="datefont-style"
                  todaybtn-style="todaybtn-style"

                  bindnextMonth="nextMonth"
                  bindprevMonth="prevMonth"
                  bindselectDate="dateChange"
                  bindgotoday="gotoday"

                  prev="{{true||calendar.nextNum>0}}"
                  circle_show="{{false}}"
                  closelaststyle="{{true}}"
        ></calendar>
    </view>
</view>
<view class="calendar-mask" bindtap="calendarClose"
      style="height:100%;" wx:if="{{timePickerMask}}">
    <view class="timePicker">
        <view class="flex-rr">
            <image class="close" src="http://qn.colorcun.com/custom/lite-yd/image/add-act.png" bindtap="calendarClose"></image>
        </view>
        <view class="flex-cc" style="margin-bottom: 56rpx; font-size: 30rpx;">
            <view bindtap="calendarClose">{{form.time==1?'午市':form.time==2?'晚市':'早市'}}</view>
        </view>
        <view class="flex-ll" style="flex-wrap:wrap">
            <view class="time-item {{timePickerIndex[form.time]==index?'checked':''}}"
                  style="{{(index+1)%3==0?'margin-right:0;':''}}"
                  wx:for="{{timePickerArray[form.time]}}" wx:key=""
                  bindtap="bindTimePickerChange"
                  data-time-index="{{form.time}}"
                  data-val="{{index}}"
            >{{item}}</view>
        </view>
    </view>
</view>

<view class="calendar-mask" bindtap="CustomRemarkMore"
      style="height:100%;" wx:if="{{CustomRemarkMoreMask}}">
    <view class="timePicker" catchtap="catchtap">
        <view class="flex-rr">
            <image class="close" src="http://qn.colorcun.com/custom/lite-yd/image/add-act.png" bindtap="CustomRemarkMore"></image>
        </view>
        <view class="flex-cc" style="margin-bottom: 56rpx; font-size: 30rpx;">
            <view bindtap="calendarClose">更多标签</view>
        </view>
        <view class="flex-ll" style="flex-wrap:wrap;width: 110%; margin-left: -5%; max-height: 700rpx;overflow-y: auto;">
            <view class="CustomRemarkItem {{item.active?'active':''}}" wx:for="{{CustomRemark}}"
                  wx:if="{{item.often_use}}" bindtap="oftenUse"
                  data-id="{{item.id}}"
                  data-value="{{item.often_use}}">{{item.often_use}}</view>
        </view>
    </view>
</view>