order.js
$(function(){ serviceHeight(); $(‘#seconds‘).hide(); inputFocus(); /*开始接受订单*/ $(‘.btn_order‘).click(function(){ if( !$(this).hasClass(‘btn_stop‘) ){ getOrder(); } $(this).toggleClass(‘btn_stop‘); $(‘.layer_center‘).toggleClass(‘refuse‘); //return false; }) $(‘input.btn_order‘).focus(function(){ $(this).blur(); }); /*隔行换色*/ stripesTable(); /*退回订单*/ $(‘.back‘).click(function(){ var orderID = $.trim($(‘.order_no strong‘).text()); if(confirm(‘您确定要退回订单吗?‘)){ ajaxSetup(‘back‘,orderID); } }) /*取消订单*/ $(‘.esc‘).click(function(){ var orderID = $.trim($(‘.order_no strong‘).text()); if(confirm(‘您确定要取消订单吗?‘)){ ajaxSetup(‘cancel‘,orderID); } }) /*form 提交表单*/ $(‘#from_menu‘).submit(function(event){ event.preventDefault(); /*发送修改 删除记录*/ var modifyNode = $(‘ul.uldishes li.modify‘); var modify_items= []; for(var i=0;i<modifyNode.length;i++){ var cur_modify = modifyNode.eq(i); var ID = cur_modify.find(‘.num‘).text(); var num = cur_modify.find(‘.amount‘).find(‘.inp‘).val(); var msg = cur_modify.find(‘.msg‘).text(); var item = ‘{orderID: ‘+ID+‘, num: ‘+ num +‘, msg: ‘+msg+‘}‘; modify_items.push(item); } console.log(modify_items); console.log(del_items); var a={modify:[modify_items]}; /*ajax发送修改 删除的菜品*/ $.ajax({ type:‘GET‘, url:‘ajax.txt‘, data:{ modify:[modify_items],remove:del_items,add:‘111‘}, success:function(){ console.log(‘modify:[‘+ modify_items+‘]‘); } }) /*提交成功反馈*/ $.ajax({ type:‘GET‘, url:‘http://huangchen.redcms.com/order/edit.html‘, data:‘type=submit&act=edit&oid=1‘, success:function(txt){ alert(‘提交成功‘); if( txt == 1){ $.fancybox.close(); setTimeout(function(){ $.fancybox({ ‘href‘:‘#order_tips01‘, ‘showCloseButton‘:false }); },350); setTimeout(function(){ $.fancybox.close(); maskLayer(); },1000); /*自动接受订单*/ setTimeout(function(){ if( $(‘.btn_order‘).hasClass(‘btn_stop‘)){ getOrder(); } },1500); }else{ alert(‘提交失败‘); } } }) /*暂停接受订单 复选框选中*/ if( $(‘.pause‘).is(‘:checked‘) ){ $(‘.btn_order‘).removeClass(‘btn_stop‘); $(‘.btn_order‘).addClass(‘btn_start‘); $(‘.layer_center‘).removeClass(‘refuse‘); } }) /*退回订单/取消订单 ajax*/ function ajaxSetup(operation,ID){ $.ajax({ type:‘GET‘, url:‘http://huangchen.redcms.com/order/edit.html‘, data:‘type=‘+operation+‘&act=edit&oid=‘+ID+‘‘, success:function(){ console.log(‘成功‘+operation+‘订单‘); }, error:function(){ console.log(operation+‘订单失败‘); } }); $.fancybox.close(); clearTimeout(movement); /*遮罩层消失*/ maskLayer(); } /*Input 聚焦*/ function inputFocus(){ $(‘input.inp_msg‘).val(‘此处为菜品备注信息‘); $(‘input.inp_msg‘).css(‘color‘,‘#c6c6c6‘); $(‘input.inp_msg‘).focus(function(){ if( $(this).val() == ‘此处为菜品备注信息‘) { $(this).val(‘‘); $(this).css(‘color‘,‘#000‘); } }).blur(function(){ if( $(this).val() == ‘‘){ $(this).val(‘此处为菜品备注信息‘); $(this).css(‘color‘,‘#c6c6c6‘); } }) /*textarea*/ $(‘.mtext‘).css(‘color‘,‘#c6c6c6‘); $(‘.mtext‘).val(‘此处为订单备注信息‘); $(‘.mtext‘).focus(function(){ if( $(this).val() == ‘此处为订单备注信息‘){ $(this).val(‘‘); $(this).css(‘color‘,‘#000‘); } }).blur(function(){ if( $(this).val() == ‘‘){ $(this).val(‘此处为订单备注信息‘); $(this).css(‘color‘,‘#c6c6c6‘); } }) } /*数量增加*/ $(‘.add‘).live(‘click‘,function(){ var inp_text = $(this).siblings(‘.inp_short‘); var num = inp_text.val(); if( num > 0 ){ num++} inp_text.val(num); /*总价*/ totalPrice($(this)); mealFee(); service(); total(); $(this).parents(‘li‘).addClass(‘modify‘); return false; }) /*数量减少*/ $(‘.minus‘).live(‘click‘,function(){ var inp_text = $(this).siblings(‘.inp_short‘); var num = inp_text.val(); if( num > 1){ num--}; inp_text.val(num); /*总价*/ totalPrice($(this)); mealFee(); service(); total(); $(this).parents(‘li‘).addClass(‘modify‘); return false; }) $(‘.amount .inp_short‘).live(‘blur‘,function(){ totalPrice($(this)); mealFee(); service(); total(); }) /*总价*/ $(‘.price‘).each(function(){ totalPrice($(this)); }) /*删除某菜单*/ var del_items=[]; $(‘.del‘).live(‘click‘,function(){ if(confirm(‘确定要删除此菜品吗?‘)){ var deleteId = $(this).parents(‘li‘).find(‘.num‘).text(); del_items.push(deleteId); $(this).parents(‘li‘).remove(); mealFee(); service(); total(); stripesTable(); $(‘.addmenu‘).find(‘i‘).text(‘‘); } return false; }) /*补差金额输入框*/ $(‘.supply‘).blur(function(){ addFee(); service(); total(); }) /*餐费*/ mealFee(); /*补差金额*/ addFee(); /*服务费*/ service(); /*合计*/ total(); var flag_done = 0; /*搜索建议*/ $(‘.inp_match‘).val(‘‘); $(‘.inp_match‘).keyup(function(event){ var keycode = event.which; matchSearch($(this),keycode); $(‘.inp_match‘).removeClass(‘inp_adopt‘); }) $(‘.inp_match‘).focus(function(){ matchSearch($(this)); $(‘.addmenu‘).find(‘i‘).text(‘‘); $(‘.inp_match‘).removeClass(‘inp_adopt‘); $(‘ul.uldishes li‘).removeClass(‘already‘); }) $(‘.inp_match‘).blur(function(){ $(‘#jsmenulist‘).fadeOut(‘fast‘); }) $(‘#jsmenulist li‘).live(‘click‘,function(){ $(‘#jsmenulist li‘).removeClass(‘adopt‘); $(this).addClass(‘adopt‘); $(‘.inp_match‘).val($(this).find(‘span‘).text() +‘ ‘+$(this).find(‘em‘).text()); $(‘.inp_match‘).addClass(‘inp_adopt‘); }) /*键盘上下键*/ /*添加菜品*/ $(‘#js_addmenu‘).click(function(){ if( $.trim( $(‘.inp_match‘).val())==‘‘){ $(‘.addmenu‘).find(‘i‘).text(‘请填写菜品名称或者编号!‘); return false;} console.log(‘inp_adopt内容:‘+$(‘.inp_adopt‘).html()); if( ! $(‘.inp_match‘).hasClass(‘inp_adopt‘) ){ alert(‘不存在inp_adopt‘); console.log($(‘.inp_adopt‘).parent().html()); curmenuSearch(); $(‘.inp_match‘).removeClass(‘.inp_adopt‘); $(‘.inp_match‘).val(‘‘); var maxScroll = $(‘ul.uldishes li‘).height()*($(‘ul.uldishes li‘).length - 1); $(‘ul.uldishes‘).scrollTop(maxScroll); inputFocus(); }else{ alert(‘存在inp_adopt‘); console.log(‘第二次存在inp_adopt:‘+$(‘.inp_adopt‘).parent().html()); //if( $(‘.inp_match‘).hasClass(‘inp_entered‘)){ $(‘.addmenu‘).find(‘i‘).text(‘该菜品已存在列表中!‘); return false;} var linow = $(‘#jsmenulist‘).find(‘li.adopt‘); var ID = linow.find(‘span‘).text(); var name = linow.find(‘em‘).text(); var price = linow.attr(‘data-key‘); /*查找是否有同编号的存在*/ var dishes=dishesList(); console.log(‘dishes:‘+dishes); for(var i=0;i<dishes.length;i++){ var num = dishes[i]; if( num != ID.toLowerCase()){ continue; } else{ $(‘.addmenu‘).find(‘i‘).text(‘此菜品已存在!‘); $(‘ul.uldishes li‘).eq(i).addClass(‘already‘); var offsetY = $(‘ul.uldishes li.already‘).height() * i; console.log(offsetY); $(‘ul.uldishes‘).scrollTop(offsetY); $(‘.inp_match‘).removeClass(‘.inp_adopt‘); $(‘.inp_match‘).val(‘‘); return false; } } $(‘ul.uldishes‘).append(‘<li><div><span class=\‘num\‘>‘+ID+‘</span><span class=\‘dishname\‘>‘+name+‘</span><span class=\‘per\‘>‘+price+‘</span><span class=\‘amount\‘><a class=\‘minus\‘ href="#">-</a><input class=\‘inp inp_short\‘ value=\‘1\‘ type=\‘text\‘><a class=\‘add\‘ href=\‘#\‘>+</a></span><span class=\‘price\‘>‘+price+‘</span><span><a class=\‘del\‘ href=\‘#\‘>删除</a></span></div><div class=\‘msg\‘><input class=\‘inp inp_long inp_msg\‘ value=\‘此处为菜品备注信息\‘ type=\‘text\‘></div></li>‘); //$(‘.inp_match‘).addClass(‘inp_entered‘); //flag_done = 0; mealFee(); service(); total(); stripesTable(); $(‘.inp_match‘).removeClass(‘.inp_adopt‘); $(‘.inp_match‘).val(‘‘); var maxScroll = $(‘ul.uldishes li‘).height()*($(‘ul.uldishes li‘).length - 1); $(‘ul.uldishes‘).scrollTop(maxScroll); inputFocus(); } }) /*iframe高度自适应*/ $("#edit").load(function(){ var editheight = $(this).contents().find("body").height(); $(this).height(editheight); }); }) /*列表中存在的菜品*/ function dishesList(){ var liNode = $(‘ul.uldishes li‘); var dishes= new Array(); for(var i=0;i<liNode.length;i++){ var key = $.trim(liNode.eq(i).find(‘.num‘).text()).toLowerCase(); dishes.push(key); } return dishes; } /*搜索框 ajax请求---搜索建议*/ function matchSearch(elem,keycode){ var matchVal = $(‘.inp_match‘).val(); if( $.trim(matchVal) == ‘‘){ return false; }; $.ajax({ type:‘GET‘, url:‘http://huangchen.redcms.com/order/edit.html‘, data:‘act=select&sname=‘+matchVal+‘‘, success: function(result){ eval(‘var data=‘+ result); if( data.length == 0 ) return false; $(‘#jsmenulist‘).fadeIn(‘fast‘); $(‘#jsmenulist‘).html(‘<ul></ul>‘); var menu_amount = data.length; console.log(data); for(var i=0;i<menu_amount;i++){ $(‘#jsmenulist ul‘).append(‘<li data-key=\‘‘+data[i].order_price+‘\‘‘+‘><span>‘+data[i].menu_code+‘</span><em>‘+data[i].menu_name+‘</em></li>‘); }; } }); /*键盘上下键*/ changekey(elem,keycode); } /*键盘上下键操作*/ function changekey(src,keycode){ console.log(‘changekey‘); var len = $(src).parent().find(‘#jsmenulist ul‘).length; $(‘#jsmenulist ul‘).data(‘key‘,0); var i = $(‘#jsmenulist ul‘).data(‘key‘); /*上*/ if(keycode == 38){ } /*下*/ if(keycode == 40){ if(i < len){ $(‘#jsmenulist ul‘).find(‘li‘).eq(0).css(‘background-color‘,‘#eee‘); //i++; } } } /*ajax请求 查找当前菜品*/ var timer; function curmenuSearch(){ var inpVal = $(‘.inp_match‘).val(); var dishes=dishesList(); console.log(dishes); $.ajax({ type:‘GET‘, url:‘http://huangchen.redcms.com/order/edit.html‘, data:‘act=select&sname=‘+inpVal+‘‘, success:function(result){ eval(‘var data=‘+ result); console.log(‘response数据:‘+data.length); if( data.length == 0 ){ $(‘.addmenu‘).find(‘i‘).text(‘此菜品不存在!‘); return false;} if( data.length > 1){ $(‘.addmenu‘).find(‘i‘).text(‘需填写菜品编号!‘); return false;} if( data.length == 1){ console.log($(‘.inp_adopt‘).html()); for(var i=0;i<dishes.length;i++){ var num = dishes[i]; console.log(dishes[i]); //console.log(data[i]); if( num != data[0].menu_code.toLowerCase()){ continue; } else{ $(‘.addmenu‘).find(‘i‘).text(‘此菜品已存在!‘); $(‘.inp_match‘).removeClass(‘.inp_adopt‘); $(‘.inp_match‘).val(‘‘); console.log(i); $(‘ul.uldishes li‘).eq(i).addClass(‘already‘); var offsetY = $(‘ul.uldishes li.already‘).height() * i; console.log(offsetY); $(‘ul.uldishes‘).scrollTop(offsetY); return false; } } console.log(‘append‘); $(‘ul.uldishes‘).append(‘<li><div><span class=\‘num\‘>‘+data[0].menu_code+‘</span><span class=\‘dishname\‘>‘+data[0].menu_name+‘</span><span class=\‘per\‘>‘+data[0].order_price+‘</span><span class=\‘amount\‘><a class=\‘minus\‘ href="#">-</a><input class=\‘inp inp_short\‘ value=\‘1\‘ type=\‘text\‘><a class=\‘add\‘ href=\‘#\‘>+</a></span><span class=\‘price\‘>‘+data[0].order_price+‘</span><span><a class=\‘del\‘ href=\‘#\‘>删除</a></span></div><div class=\‘msg\‘><input class=\‘inp inp_long inp_msg\‘ value=\‘此处为菜品备注信息\‘ type=\‘text\‘></div></li>‘); stripesTable(); } } }) } /*餐费*/ function mealFee(){ var dish_amount = $(‘.uldishes li‘).length; var total_meal = 0; for(var i=0;i<dish_amount;i++){ var per_meal = parseInt($(‘.uldishes li‘).eq(i).find(‘.price‘).text()); total_meal += per_meal; } $(‘.mealfee‘).find(‘strong‘).text(total_meal.toFixed(2)); } /*补差金额*/ function addFee(){ if( $(‘.supply‘).val() == ‘‘ ){ $(‘.supply‘).val(0);} var txt = $(‘.supply‘).val(); var supply = parseInt(txt); $(‘.supplement‘).find(‘strong‘).text(supply.toFixed(2)); } /*服务费*/ function service(){ var mealfee = parseInt( $(‘.mealfee‘).find(‘strong‘).text()); var supple = parseInt( $(‘.supplement‘).find(‘strong‘).text()); var fee = (mealfee + supple)* 0.15; $(‘.service‘).find(‘strong‘).text(fee.toFixed(2)); } function total(){ var mealfee = parseInt( $(‘.mealfee‘).find(‘strong‘).text()); var supple = parseInt( $(‘.supplement‘).find(‘strong‘).text()); var service = parseInt( $(‘.service‘).find(‘strong‘).text()); var fee = mealfee + supple + service; $(‘.total‘).find(‘strong‘).text(fee); } /*每个菜的总价*/ function totalPrice(elem){ var liNode = elem.parents(‘li‘); var per = parseInt(liNode.find(‘.per‘).text()); var num = parseInt( liNode.find(‘.amount .inp_short‘).val()); var total = (parseInt(per) * parseInt(num)).toFixed(2); liNode.find(‘.price‘).text(total); } /*服务台 高度*/ function serviceHeight(){ $(‘.maincon‘).css(‘height‘,‘auto !important‘); var screenY = $(window).height(); $(‘.service‘).css(‘min-height‘,screenY-30); } /*判断有无订单号*/ function getOrder(){ $.ajax({ url:‘http://wangyang.redcms.com/order/list.html?oid=1&act=view‘, success:function(msg){ eval(‘var json=‘+msg); if( json.res == null) {return false;}; /*订单号存在*/ $.fancybox({ ‘href‘:‘#order_details‘, ‘overlayOpacity‘:‘0.5‘, ‘showCloseButton‘:false }); var start = new Date(); countDown(start); $(‘.uldishes li‘).remove(); /*将数据塞入*/ $(‘.order_no strong‘).text(json.res.order_no); $(‘.create_time strong‘).text(json.res.create_time); $(‘.roominfo li.tel‘).find(‘strong‘).text(json.res.target_telephone); $(‘.roominfo li.address‘).find(‘.inp‘).val(json.res.target_address); //$(‘.roominfo li.deliver‘).find() $(‘.roominfo li.guest‘).find(‘strong‘).text(json.res.target_guest_name); $(‘.roominfo .address2‘).find(‘strong‘).text(json.res.target_address); for(var i=0;i<json.resinfo.length;i++){ var menuID = json.resinfo[i].menu_id; var menuName = json.resinfo[i].menu_name; var count = json.resinfo[i].count; var unitPrice = json.resinfo[i].unit_price; var remark = json.resinfo[i].remark; var price = unitPrice * count; $(‘ul.uldishes‘).append(‘<li><div><span class=\‘num\‘>‘+menuID+‘</span><span class=\‘dishname\‘>‘+menuName+‘</span><span class=\‘per\‘>‘+unitPrice+‘</span><span class=\‘amount\‘><a class=\‘minus\‘ href="#">-</a><input class=\‘inp inp_short\‘ value=\‘1\‘ type=\‘text\‘><a class=\‘add\‘ href=\‘#\‘>+</a></span><span class=\‘price\‘>‘+price+‘</span><span><a class=\‘del\‘ href=\‘#\‘>删除</a></span></div><div class=\‘msg\‘><input class=\‘inp inp_long inp_msg\‘ value=\‘1\‘ type=\‘text\‘></div></li>‘); } stripesTable(); /*合计费用*/ $(‘.mealfee strong‘).text(json.res.money); $(‘.supplement strong‘).text(json.res.money); $(‘.service strong‘).text(json.res.money); $(‘.total strong‘).text(json.res.money); /*遮罩层*/ $(self.parent.frames[‘header‘].document.body).append("<div class=‘masklayer‘></div>"); $(self.parent.frames[‘subnav‘].document.body).append("<div class=‘masklayer‘></div>"); } }) } /*隔行换色*/ function stripesTable(){ $(‘ul.uldishes li‘).removeClass(‘c1 c2‘); $(‘ul.uldishes li:odd‘).addClass(‘c2‘); $(‘ul.uldishes li:even‘).addClass(‘c1‘); //$(‘ul.uldishes li:last‘).css(‘border‘,‘none‘); } /*遮罩层消失*/ function maskLayer(){ $(self.parent.frames[‘header‘].document.body).find(‘.masklayer‘).fadeOut(‘slow‘); $(self.parent.frames[‘subnav‘].document.body).find(‘.masklayer‘).fadeOut(‘slow‘); } /*倒计时*/ var flag = 0; function countDown(startTime){ console.log(startTime); var endTime = startTime; endTime.setMinutes(endTime.getMinutes()+5); //设置时间为5分钟后 console.log(endTime); /*判断有无键盘鼠标操作*/ $(‘#order_details‘).keydown(function(){ /*重置计时*/ if( flag == 0){ console.log(‘keydown‘);timerReset(); } }); $(‘#order_details‘).mouseover(function(){ /*重置计时*/ if( flag == 0){ console.log(‘mouseover‘);timerReset(); } }) $(‘#order_details‘).click(function(){ /*重置计时*/ if( flag == 0){ console.log(‘click‘); timerReset(); } }) /*在没有操作的情况下*/ oddTime(endTime); /*每隔30秒发送重置计时请求*/ resetRequest(); } /*重置计时*/ function timerReset(){ flag = 1; setTimeout(function(){ flag = 0; },31000); } /*重置标志*/ function resetRequest(){ setTimeout(function(){ console.log(‘flag请求标志‘+flag); $.ajax({ type:‘GET‘, url:‘http://huangchen.redcms.com/order/edit.html‘, data:‘act=check&oid=‘+flag+‘‘, success:function(){ console.log(‘30秒发送一个请求标志‘); }, error:function(){ console.log(‘不向服务器发送重置请求标志‘) } }); if( flag == 1){ clearTimeout(movement); $(‘#minutes‘).text(‘4分‘); //$(‘#seconds‘).hide(); var startTime = new Date(); var endTime = startTime; endTime.setMinutes(endTime.getMinutes()+5); //设置时间为5分钟后 oddTime(endTime); } resetRequest(); },30000); } /*剩余时间*/ var movement; function oddTime(endTime){ if( movement){ clearTimeout(movement);} var current = new Date(); if( new Date(endTime) <= current){ clearTimeout(movement); $.fancybox.close(); /*遮罩层消失*/ maskLayer(); setTimeout(function(){ $.fancybox({ ‘href‘:‘#order_tips02‘, ‘onClosed‘ : function() { maskLayer();} }); },1000); return false; } var oddTime = new Date(endTime) - current; var oddMinutes = parseInt(oddTime/1000/60); $(‘#minutes‘).text(oddMinutes + ‘分‘); //if( new Date(endTime) - current <= 60000){ $(‘i#seconds‘).show(); var oddSeconds = parseInt(oddTime/1000%60); $(‘#seconds‘).text(oddSeconds +‘秒‘); //} movement = setTimeout("oddTime(‘"+endTime+"‘)" ,1000); } $(window).resize(function(){ serviceHeight(); });
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。