<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/> <meta http-equiv="X-UA-Compatible" content="ie=edge"/> <title>学考无忧-订单管理</title> <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css"/> <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css"/> <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css"/> <link rel="stylesheet" href="__TMPL__/public/assets/css/log.css"/> <style> .tx_masktwo { display: none; z-index: 2; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); } .take_one{ margin-top: 0.3rem; width: 1.6rem; height: 0.48rem; background: linear-gradient(328deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%); box-shadow: 0 0.06rem 0.12rem rgba(255, 128, 0, 0.24); opacity: 1; border-radius: 0.08rem; display: flex; justify-content: center; align-items: center; font-size: 0.26rem; font-weight: 400; color: rgba(255, 255, 255, 1); } .tx_mask_class { display: none; z-index: 3; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); } .tx_maskCon_class { width: 100%; height: 5.16rem; background: #fff; position: fixed; bottom: 0; } .three_model_class_name { height: 0.36rem; margin: 0.08rem; font-size: 0.24rem; font-weight: 400; color: #666666; opacity: 1; padding: 0.2rem 0; line-height: 0; border-left: none; border-right: none } .get_Go{ height: 0.36rem; margin: 0.08rem; font-size: 0.24rem; font-weight: 400; cursor: pointer; color: #666666; opacity: 1; padding: 0.2rem 0; line-height: 0; border-left: none; border-right: none; } .mui-poppicker-header, .mui-picker { background-color: white; } .mui-btn-blue, .mui-btn-primary, input[type=submit] { background-color: #FF7700; border: 0; } .mui-pciker-list li.highlight { color: #FF7700; } .mui-dtpicker-header,.mui-dtpicker-title h5{ background-color: white; } .dingdan_lianxi_ren{ font-size: 0.28rem; cursor: pointer; font-family: PingFang SC; font-weight: 400; color: rgba(102, 102, 102, 1); opacity: 1; } .dingdan_detail{ padding-top: 0.22rem; } .dingdan_detail_hao{ font-size: 0.28rem; cursor: pointer; font-family: PingFang SC; font-weight: 400; color: rgba(102, 102, 102, 1); opacity: 1; } .right_dingdan{ width: 5.6rem; margin-left: 0.2rem; } .right_dingdan_top{ display: flex; justify-content: space-between; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ justify-content: space-between; -webkit-flex-justify-content: space-between; -moz-box-justify-content: space-between; -ms-flexbox-justify-content: space-between; -webkit-flexalign-align-items: center; -moz-box-align-items: center; -ms-flexbox-align-items: center; } .right_dingdan_center{ text-align: right; } .right_dingdan_one{ font-size: 0.26rem; cursor: pointer; font-weight: 400; color: rgba(51, 51, 51, 1); opacity: 1; } .right_dingdan_two{ font-size: 0.34rem; font-weight: 400; cursor: pointer; line-height: 25px; color: rgba(51, 51, 51, 1); opacity: 1; } .shuju_zongshu{ padding-left: 0.4rem; font-size: 0.28rem; font-weight: 600; color: #333; border-radius: 0.08rem; } </style> </head> <body style="cursor:pointer;"> <!--学校弹窗--> <div class="tx_mask_school" onclick="$(this).hide()"> <div class="tx_maskCon_school" onclick="zZFun(this)"> <div class="three_model_school"> <div class="three_model_school_title"> 选择学校 </div> <div class="three_model_school_data there_university" style="display: block;"> </div> </div> </div> </div> <!--班级弹窗--> <div class="tx_mask_class" onclick="$(this).hide()"> <div class="tx_maskCon_class" onclick="zZFun(this)"> <div class="three_model_school"> <div class="three_model_school_title"> 选择班级 </div> <div class="three_model_school_data there_university grade" style="display: block;"> </div> </div> </div> </div> <!--统一配送--> <div class="tx_mask_tongyi" onclick="$(this).hide()"> <div class="tx_maskCon_tongyi" onclick="zZFun(this)"> <div class="three_model_school"> <div class="three_model_school_data" style="display: block;"> <div class="three_modal_kuaidi_name there_unActive" data-id="1">统一配送</div> <div class="three_modal_kuaidi_name" data-id="2">快递配送</div> </div> </div> </div> </div> <!--选择快递--> <div class="tx_mask_kuaidi"> <div class="tx_maskCon_school"> <div class="three_model_school"> <div class="three_model_school_title"> 选择快递 </div> <div> <div class="three_model_school_data" style="display: block;"> <div class="get_Go" data-name="SF">顺丰快递</div> <div class="get_Go" data-name="YTO">圆通快递</div> <div class="get_Go" data-name="ZTO">中通快递</div> <div class="get_Go there_unActive" data-name="STO">申通快递</div> <div class="get_Go" data-name="YD">韵达快递</div> <div class="get_Go" data-name="HHTT">天天快递</div> <div class="get_Go" data-name="HTKY">百世快递</div> <div class="get_Go" data-name="YZPY">邮政快递包裹</div> <div class="get_Go" data-name="EMS">EMS</div> <div class="get_Go" data-name="DBL">德邦快递</div> <div class="get_Go" data-name="ZJS">宅急送</div> <div class="get_Go" data-name="TNT">TNT快递</div> </div> </div> </div> </div> </div> <div class="tx_masktwo" style="display: none;"> <div class="tx_maskCon"> <div class="tx_maskConImg"> <img src="__TMPL__/public/assets/images/91.png" alt=""/> </div> <div class="tx_maskCon2"> <div class="log_three_model"> <div class="log_three_model_one time"> <div class="log_three_model_left">配送时间</div> <div class="log_psong"> <input type="text" id="start_time2" value="" placeholder="请输入开始配送时间"/> </div> </div> <div class="log_three_model_one time"> <div class="log_three_model_left">配送时间</div> <div class="log_psong"> <input type="text" id="end_time2" value="" placeholder="请输入结束配送时间"/> </div> </div> </div> <!-- 确定 --> <div class="tx_maskOk confirm2" data-is_courier="" data-id="" data-indent-id="">确定</div> </div> </div> </div> <div class="tx_maskone" onclick="$(this).hide()"> <div class="tx_maskCon" onclick="zZFun(this)"> <div class="tx_maskConImg"> <img src="__TMPL__/public/assets/images/91.png" alt=""/> </div> <div class="tx_maskCon2"> <div class="log_three_model"> <div class="log_three_model_one time"> <div class="log_three_model_left">配送时间</div> <div class="log_psong"> <input type="text" id="start_time" value="" placeholder="请输入开始配送时间"/> </div> </div> <div class="log_three_model_one time"> <div class="log_three_model_left">配送时间</div> <div class="log_psong"> <input type="text" id="end_time" value="" placeholder="请输入结束配送时间"/> </div> </div> <div class="log_three_model_one logistic"> <div class="log_three_model_left">选择快递</div> <div class="log_psong log_psong_select"> <div class="log_ps_title2 get_Gofo">请选择快递公司</div> <div class="log_ps_img"> <img src="__TMPL__/public/assets/images/29.png"/> <input type="hidden" id="logistic_name" placeholder="请选择快递公司"/> </div> </div> </div> <div class="log_three_model_one logistic" style="padding-bottom: 0;"> <div class="log_three_model_left" style="margin-top: -0.3rem;">快递单号</div> <div class="log_three_model_right"> <input type="text" id="logistic_code" placeholder="请输入快递单号"/> </div> </div> </div> <!-- 确定 --> <div class="tx_maskOk confirm" data-is_courier="" data-id="" data-indent-id="">确定</div> </div> </div> </div> <div class="log_top_co"> <!-- 顶部 --> <div class=" order_top log_top_co"> <a href="javascript:history.back(-1)"> <img src="__TMPL__/public/assets/images/left.png" alt=""/> </a> <p>订单管理</p> </div> </div> <!-- tab切换 --> <div class="log_three_tab log_three_tab_top"> <div class="log_three_tab_one log_three_tab_two word_color aaa" data-state="2" style="cursor: pointer">未发货</div> <div class="log_three_tab_one" data-state="5" style="cursor: pointer">已发货</div> <div class="log_three_tab_one" data-state="3" style="cursor: pointer">已完成</div> </div> <!-- 下拉框 --> <div class="log_three_select"> <!-- <div class="log_three_select_one log_three_select_school" style="cursor: pointer"> <div class="log_three_select_title log_three_select_school2"> 请选择学校/班级 </div> <div class="log_three_select_img"> <img src="__TMPL__/public/assets/images/75.png" alt=""/> </div> </div>--> <div class="log_three_select_one log_three_select_school"> <div class="log_three_select_title log_three_select_school2"> 请选择学校 </div> <!--<div class="log_three_select_img">--> <!--<img src="__TMPL__/public/assets/images/75.png" alt="" />--> <!--</div>--> </div> <div class="log_three_select_one log_three_select_school"> <div class="log_three_select_title log_three_select_class2"> 请选择班级 </div> <!--<div class="log_three_select_img">--> <!--<img src="__TMPL__/public/assets/images/75.png" alt="" />--> <!--</div>--> </div> <div class="log_three_select_one log_three_select_peisong log_three_select_tongyi" style="cursor: pointer"> <div class="log_three_select_title log_three_select_contant"> 统一配送 </div> <!--<div class="log_three_select_img">--> <!--<img src="__TMPL__/public/assets/images/75.png" alt=""/>--> <!--</div>--> </div> <div class="log_three_select_one log_three_select_btn search"> 搜索 </div> <input type="hidden" id="school" value=""/> <input type="hidden" id="grade" value=""/> <input type="hidden" id="is_courier" value="1"/> </div> <div class="shuju_zongshu">搜索结果为20条</div> <!-- 列表内容 --> <div> <!--未发货--> <div class="log_three_list_contant" style="display: block;"> <foreach name="$data" item="vo"> <if condition="$vo.state eq 2"> <php>$arr1[] = $vo;</php> <div class="log_three_list order_{$vo.id}"> <div class="log_three_list_top"> <div class="log_three_list_top_left"> <if condition="$vo.is_courier eq 1"> <div class="log_three_list_top_lo"> <img src="__TMPL__/public/assets/images/fangkuang.png" data-indent-id="{$vo['id']}" alt=""/> </div> </if> <div class="log_three_list_top_lt"> <div class="log_three_zhongbiao"> <img src="__TMPL__/public/assets/images/52.png" alt=""/> </div> <div class="log_three_shijian"> {$vo['pay_time']} </div> </div> </div> <div class="log_three_list_top_right"> <if condition="$vo.state eq 2"> 待发货 <elseif condition="$vo.state eq 5"/> 已发货 <elseif condition="$vo.state eq 3"/> 已完成 </if> </div> </div> <a href="{:url('get_one',array('id'=>$vo['id']))}"> <foreach name="$vo.indent_goods" item="i_g"> <div class="dingdan_detail"> <div class="dingdan_detail_top"> <div class="dingdan_detail_hao">订单号:{$vo.order_number}</div> <div class="dingdan_lianxi_ren">联系人:{$vo.name}</div> </div> <div class="log_three_list_center" style="display: flex;justify-content: flex-start;"> <div class="log_three_list_center_left" style="width: 1.44rem;height:1.44rem"> <img src="{:cmf_get_image_url($i_g.thumbnail)}" alt="" style="width: 100%;height: 100%;"/> </div> <!--<div class="log_three_list_center_right" style="margin-left: 0.16rem;width: 5.6rem">--> <!--<div class="log_three_center_one">--> <!--{$i_g.book_name}--> <!--</div>--> <!--<div class="right_dingdan_money">--> <!--<div class="log_three_center_three"><span>¥</span>{$i_g.price}</div>--> <!--<div class="log_three_center_two">×{$i_g.number}</div>--> <!--</div>--> <!--</div>--> <div class="right_dingdan"> <div class="right_dingdan_top"> <div class="right_dingdan_one">{$i_g.book_name}</div> <div class="right_dingdan_two">¥{$i_g.price}</div> </div> <div class="right_dingdan_center"> <div class="right_dindan_three right_dingdan_one">x{$i_g.number}</div> </div> <div class="right_dingdan_four right_dingdan_one">地址:{$vo.school} {$vo.grade} {$vo.class}</div> <div class="right_dingdan_four right_dingdan_one" style="margin-top: -0.05rem;">联系电话:{$vo.phone}</div> </div> </div> </foreach> </a> <!-- 立即发货 --> <div class="log_three_bottom_btn"> <if condition="$vo.state eq 2"> <div class="log_three_bottom send" data-indent-id="{$vo.id}" data-is_courier="{$vo.is_courier}"> 立即发货 </div> <elseif condition="$vo.state eq 5"/> <if condition="$vo.is_courier eq 2"> <a href="{:url('logistics/index',array('indent_id'=>$vo['id']))}"> <div class="log_three_bottom" data-indent-id="{$vo.id}"> 查看物流 </div> </a> <div class="log_three_bottom" data-indent-id="{$vo.id}"> 完成 </div> </if> <elseif condition="$vo.state eq 3"/> <!--<div class="log_three_bottom" data-indent-id="{$vo.id}">--> <!--已完成啦--> <!--</div>--> </if> </div> </div> </if> </foreach> <empty name="$arr1"> <div style="text-align: center;width: 100%;height:100%;margin:0 auto;">暂无数据</div> </empty> </div> <!--已发货--> <div class="log_three_list_contant"> <foreach name="$data" item="vo"> <if condition="$vo.state eq 5"> <php>$arr2[] = $vo;</php> <div class="log_three_list order_{$vo.id}"> <div class="log_three_list_top"> <div class="log_three_list_top_left"> <if condition="$vo.is_courier eq 1"> <div class="log_three_list_top_lo"> <img src="__TMPL__/public/assets/images/fangkuang.png" data-indent-id="{$vo['id']}" alt=""/> </div> </if> <div class="log_three_list_top_lt"> <div class="log_three_zhongbiao"> <img src="__TMPL__/public/assets/images/52.png" alt=""/> </div> <div class="log_three_shijian"> {$vo['pay_time']} </div> </div> </div> <div class="log_three_list_top_right"> <if condition="$vo.state eq 2"> 代发货 <elseif condition="$vo.state eq 5"/> 已发货 <elseif condition="$vo.state eq 3"/> 已完成 </if> </div> </div> <a href="{:url('get_one',array('id'=>$vo['id']))}"> <foreach name="$vo.indent_goods" item="i_g"> <div class="log_three_list_center" style="display: flex;justify-content: flex-start;"> <div class="log_three_list_center_left" style="width: 1.44rem;height:1.44rem"> <img src="{:cmf_get_image_url($i_g.thumbnail)}" alt="" style="width: 100%;height: 100%;"/> </div> <div class="log_three_list_center_right" style="margin-left: 0.16rem;"> <div class="log_three_center_one"> {$i_g.book_name} </div> <div class="log_three_center_two">×{$i_g.number}</div> <div class="log_three_center_three"><span>¥</span>{$i_g.price}</div> </div> </div> </foreach> </a> <!-- 立即发货 --> <div class="log_three_bottom_btn"> <if condition="$vo.state eq 2"> <div class="log_three_bottom" data-indent-id="{$vo.id}" data-is_courier="{$vo.is_courier}"> 立即发货 </div> <elseif condition="$vo.state eq 5"/> <if condition="$vo.is_courier eq 2"> <a href="{:url('logistics/index',array('indent_id'=>$vo['id']))}"> <div class="log_three_bottom" data-indent-id="{$vo.id}"> 查看物流 </div> </a> <else /> <div class="take_one" data-indent-id="{$vo.id}"> 完成 </div> </if> <elseif condition="$vo.state eq 3"/> <!--<div class="log_three_bottom" data-indent-id="{$vo.id}">--> <!--已完成啦--> <!--</div>--> </if> </div> </div> </if> </foreach> <empty name="$arr2"> <div style="text-align: center;width: 100%;height:100%;margin:0 auto;">暂无数据</div> </empty> </div> <!--已完成--> <div class="log_three_list_contant"> <foreach name="$data" item="vo"> <if condition="$vo.state eq 3"> <php>$arr3 = $vo;</php> <div class="log_three_list order_{$vo.id}"> <div class="log_three_list_top"> <div class="log_three_list_top_left"> <if condition="$vo.is_courier eq 1"> <div class="log_three_list_top_lo"> <img src="__TMPL__/public/assets/images/fangkuang.png" data-indent-id="{$vo['id']}" alt=""/> </div> </if> <div class="log_three_list_top_lt"> <div class="log_three_zhongbiao"> <img src="__TMPL__/public/assets/images/52.png" alt=""/> </div> <div class="log_three_shijian"> {$vo['pay_time']} </div> </div> </div> <div class="log_three_list_top_right"> <if condition="$vo.state eq 2"> 代发货 <elseif condition="$vo.state eq 5"/> 已发货 <elseif condition="$vo.state eq 3"/> 已完成 </if> </div> </div> <a href="{:url('get_one',array('id'=>$vo['id']))}"> <foreach name="$vo.indent_goods" item="i_g"> <div class="log_three_list_center" style="display: flex;justify-content: flex-start;"> <div class="log_three_list_center_left" style="width: 1.44rem;height:1.44rem"> <img src="{:cmf_get_image_url($i_g.thumbnail)}" alt="" style="width: 100%;height: 100%;"/> </div> <div class="log_three_list_center_right" style="margin-left: 0.16rem;"> <div class="log_three_center_one"> {$i_g.book_name} </div> <div class="log_three_center_two">×{$i_g.number}</div> <div class="log_three_center_three"><span>¥</span>{$i_g.price}</div> </div> </div> </foreach> </a> <!-- 立即发货 --> <div class="log_three_bottom_btn"> <if condition="$vo.state eq 2"> <div class="log_three_bottom" data-indent-id="{$vo.id}" data-is_courier="{$vo.is_courier}"> 立即发货 </div> <elseif condition="$vo.state eq 5"/> <if condition="$vo.is_courier eq 2"> <a href="{:url('logistics/index',array('indent_id'=>$vo['id']))}"> <div class="log_three_bottom" data-indent-id="{$vo.id}"> 查看物流 </div> </a> <div class="log_three_bottom" data-indent-id="{$vo.id}"> 已完成 </div> </if> <elseif condition="$vo.state eq 3"/> <!--<div class="log_three_bottom" data-indent-id="{$vo.id}">--> <!--已完成啦--> <!--</div>--> </if> </div> </div> </if> </foreach> <empty name="$arr3"> <div style="text-align: center;width: 100%;height:100%;margin:0 auto;">暂无数据</div> </empty> </div> </div> <!-- 底部按钮 --> <div style="position: fixed;bottom:0;width: 100%;"> <div class="log_three_list_fixed"> <div class="log_three_fixed_left"> <div class="log_three_fixed_left_one" style="cursor: pointer"> <img src="__TMPL__/public/assets/images/fangkuang.png" alt=""/> </div> <div class="log_three_fixed_left_two"> 全选 </div> </div> <div class="log_three_fixed_right unify_all"> 统一发货 </div> </div> </div> <script src="__TMPL__/public/assets/js/jquery.js"></script> <script src="__TMPL__/public/assets/js/base.js"></script> <script src="__TMPL__/public/assets/js/mui.min.js"></script> <script src="__TMPL__/public/assets/js/mui.picker.min.js"></script> <script src="__TMPL__/public/assets/js/city.data-3.js"></script> <script> var schoolpicker = new mui.PopPicker(); var classpicker = new mui.PopPicker(); var class_arr = ''; zujian(); function zujian(data_class_arr){ (function($, doc) { $.init(); school_arr = {$school}; console.log(data_class_arr,'dfdfds'); $.ready(function() { schoolpicker.setData(school_arr); classpicker.setData(data_class_arr); }); })(mui, document); } var school_name; $(".log_three_select_school2").click(function() { schoolpicker.show(function(e) { school_name = e[0].value; school_names = e[0].text; $('#school').val(school_names); $(".log_three_select_school2").text(e[0].text); $('.log_three_select_school2').css('color', '#333333'); $.post("{:url('Personalcenter/get_grade_class')}",{id:school_name},function(data){ if(data){ data = JSON.parse(data); zujian(data); } }); }); }) $(".log_three_select_class2").click(function() { if(school_name != undefined) { classpicker.show(function(e) { class_name=e[0].text; $('#grade').val(class_name); $(".log_three_select_class2").text(e[0].text); $('.log_three_select_class2').css('color', '#333333'); }); } else { alert("请先选择学校") } }) </script> <script> function zZFun(e) { window.event ? (window.event.cancelBubble = true) : e.stopPropagation(); } // 选择学校 // $(".three_model_school_left").click(function () { // var indexs = $(this).index(); // $(".three_model_school_data").eq(indexs).css("display", "block").siblings().css("display", "none"); // }); $(".log_three_tab_one").click(function () { var tabIndex = $(this).index(); $(this).addClass("log_three_tab_two").addClass("word_color").addClass('aaa').siblings().removeClass("log_three_tab_two").removeClass("word_color").removeClass("aaa"); $('.log_three_list_contant').eq(tabIndex).css('display', 'block').siblings().css('display', 'none'); search(); $('.log_three_fixed_left_one img').attr('src',"__TMPL__/public/assets/images/fangkuang.png") }); $(".three_model_school_tab>div").click(function () { $(this).addClass("three_model_school_hover").addClass("word_color").addClass('aaa').siblings().removeClass("three_model_school_hover").removeClass("word_color").removeClass("aaa"); }); $("body").on('click', '.log_three_list_top_lo', function () { if ($(this).find("img").attr("src") == "__TMPL__/public/assets/images/fangkuang.png") { $(this).find("img").attr("src", "__TMPL__/public/assets/images/xuanzhong (1).png"); } else { $(this).find("img").attr("src", "__TMPL__/public/assets/images/fangkuang.png"); } //判断订单是否全选了 check(); }); function check(){ var index = $(".log_three_tab_top .log_three_tab_one").index($('.aaa')); var length = $(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').length; var l = 0; for(var n=0;n<length;n++){ console.log($(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').eq(n).attr('src')); if($(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').eq(n).attr('src') == "__TMPL__/public/assets/images/xuanzhong (1).png"){ l++ } } console.log('@@@@@'+l+'@@@@@'+length); if(l == length){ $('.log_three_fixed_left_one img').attr('src',"__TMPL__/public/assets/images/xuanzhong (1).png") }else{ $('.log_three_fixed_left_one img').attr('src',"__TMPL__/public/assets/images/fangkuang.png") } } $(".log_three_fixed_left_one").click(function () { if ( $(this) .find("img") .attr("src") == "__TMPL__/public/assets/images/fangkuang.png" ) { $(this) .find("img") .attr("src", "__TMPL__/public/assets/images/xuanzhong (1).png"); $(".log_three_list_top_lo") .find("img") .attr("src", "__TMPL__/public/assets/images/xuanzhong (1).png"); } else { $(this) .find("img") .attr("src", "__TMPL__/public/assets/images/fangkuang.png"); $(".log_three_list_top_lo") .find("img") .attr("src", "__TMPL__/public/assets/images/fangkuang.png"); } }); $(".log_three_select_peisong").click(function () { $(".tx_mask").css({ display: "block" }); }); //统一配送 $(".log_three_select_tongyi").click(function () { $(".tx_mask_tongyi").css({ display: "block" }); }) $(".tx_mask_tongyi .three_modal_kuaidi_name").click(function () { var index = $(this).index(); $(this).addClass('there_unActive').siblings().removeClass('there_unActive'); $('.log_three_select_contant').text($(this).text()).css("color", "#333"); $(".tx_mask_tongyi").hide(); $("#is_courier").val($(this).attr('data-id')) }) //选择快递方式 $(".log_psong_select").click(function () { $(".tx_mask_kuaidi").css({ display: "block" }); }); $(".tx_mask_kuaidi .get_Go").click(function () { var index = $(this).index(); console.log($(this).text()); $(this).addClass('there_unActive').siblings().removeClass('there_unActive'); $('.get_Gofo').text($(this).text()).css("color", "#333"); $(".tx_mask_kuaidi").hide(); // $('#logistic_name').val($(this).attr('data-name')) }); var index = $(".log_three_bottom").index(); $("body").on('click', '.log_three_bottom', function () { $(".tx_maskone").css({ display: "block" }); }); $('body').on('click', ".there_class div", function () { var index2 = $(this).index(); $(this).addClass("there_unActive").siblings().removeClass("there_unActive"); if ($xuexiao == undefined) { alert('请选择学校') } else if ($(this).hasClass("there_unActive")) { var banji = $(this).text(); $('.log_three_select_school2').text($xuexiao + ' ' + "-" + ' ' + banji); $(".log_three_select_school2").css("color", "#333") $(".tx_mask_school").hide(); $('#school').val($xuexiao); $('#grade').val(banji); } }) // 关闭弹窗 $(document).mouseup(function (e) { var _con = $('.tx_maskCon_school'); if (!_con.is(e.target) && _con.has(e.target).length === 0) { $('.tx_mask_school').hide() } }); function search() { var school = $('#school').val(); var grade = $('#grade').val(); var state = $('.log_three_tab_top .aaa').attr('data-state'); var is_courier = $('#is_courier').val(); $.ajax({ 'url': "{:url('order_salesman/getOrderSalesman')}", 'type': "GET", 'data': {'school': school, 'grade': grade, 'state': state, 'is_courier': is_courier}, 'success': (function (data) { var index = $('.log_three_tab_top div').index($('.aaa')); console.log(3333); console.log(data); if (data.code == 1) { var result = data.data; if(result == 0){ var html = "<div style=\"text-align: center;width: 100%;height:100%;margin:0 auto;\">暂无数据</div>"; }else{ var html = ''; } for (var i = 0; i < result.length; i++) { if (result[i]['state'] == 2) { var state = '待发货'; if (result[i]['is_courier'] == 1) { var html_bottom = "<div class=\"log_three_bottom_btn\"><div class=\"log_three_bottom send\" data-indent-id=\"" + result[i].id + "\" data-is_courier=\"" + result[i].is_courier + "\">\n" + "\t\t\t\t\t\t\t\t\t\t立即发货\n" + "\t\t\t\t\t\t\t\t\t</div></div>"; } else { var html_bottom = "<div class=\"log_three_bottom_btn\"><div class=\"log_three_bottom send\" data-indent-id=\"" + result[i].id + "\" data-is_courier=\"" + result[i].is_courier + "\">\n" + "\t\t\t\t\t\t\t\t\t\t立即发货\n" + "\t\t\t\t\t\t\t\t\t</div></div>"; } } else if (result[i]['state'] == 5) { var state = '已发货'; if (result[i]['is_courier'] == 2) { var html_bottom = "<a href=\"{:url('logistics/index','',false,true)}/indent_id/" + result[i].id + "\">\n" + "\t\t\t\t\t\t\t\t\t\t\t<div class=\"log_three_bottom_btn\"><div class=\"log_three_bottom\" data-indent-id=\"" + result[i].id + "\">\n" + "\t\t\t\t\t\t\t\t\t\t\t\t查看物流\n" + "\t\t\t\t\t\t\t\t\t\t\t</div></div>\n" + "\t\t\t\t\t\t\t\t\t\t</a>"; } else { var html_bottom = "<div class=\"take_one\" data-indent-id=\""+result[i].id+"\">\n" + " 完成\n" + " </div>"; } } else { var state = '已完成'; var html_bottom = ""; } var indent_goods_data = result[i].indent_goods; var indent_goods_html = ''; for (var i3 = 0; i3 < indent_goods_data.length; i3++) { indent_goods_html += "<div class=\"log_three_list_center\" style=\"display: flex;justify-content: flex-start;\">\n" + " <div class=\"log_three_list_center_left\" style=\"width: 1.44rem;height:1.44rem\">\n" + " <img src=\"" + indent_goods_data[i3].thumbnail + "\" alt=\"\" style=\"width: 100%;height: 100%;\"/>\n" + " </div>\n" + " <div class=\"log_three_list_center_right\" style=\"margin-left: 0.16rem;\">\n" + " <div class=\"log_three_center_one\">\n" + " " + indent_goods_data[i3].book_name + "\n" + " </div>\n" + " <div class=\"log_three_center_two\">×" + indent_goods_data[i3].number + "</div>\n" + " <div class=\"log_three_center_three\"><span>¥</span>" + indent_goods_data[i3].price + "</div>\n" + " </div>\n" + " </div>"; } if (is_courier == 1) { html += "<div class=\"log_three_list order_" + result[i].id + "\">\n" + "\t\t\t\t\t\t\t<div class=\"log_three_list_top\">\n" + "\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_left\">\n" + "\t\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_lo\">\n" + "\t\t\t\t\t\t\t\t\t\t<img src=\"__TMPL__/public/assets/images/fangkuang.png\" data-indent-id=\""+result[i].id+"\" alt=\"\" />\n" + "\t\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_lt\">\n" + "\t\t\t\t\t\t\t\t\t\t<div class=\"log_three_zhongbiao\">\n" + "\t\t\t\t\t\t\t\t\t\t\t<img src=\"__TMPL__/public/assets/images/52.png\" alt=\"\" />\n" + "\t\t\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t\t\t<div class=\"log_three_shijian\">\n" + "\t\t\t\t\t\t\t\t\t\t\t" + result[i].pay_time + "\n" + "\t\t\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_right\">\n" + "\t\t\t\t\t\t\t\t\t\t" + state + "\n" + "\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t</div><a href=\"{:url('get_one','',false,true)}/id/"+result[i].id+"\">\n" + indent_goods_html +"</a>"+ "\t\t\t\t\t\t<div class=\"log_three_bottom_btn\">" + html_bottom + "</div></div>"; } else if (is_courier == 2) { html += "<div class=\"log_three_list order_" + result[i].id + "\">\n" + "\t\t\t\t\t\t\t<div class=\"log_three_list_top\">\n" + "\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_left\">\n" + // "\t\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_lo\">\n" + // "\t\t\t\t\t\t\t\t\t\t<img src=\"__TMPL__/public/assets/images/fangkuang.png\" alt=\"\" />\n" + // "\t\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_lt\">\n" + "\t\t\t\t\t\t\t\t\t\t<div class=\"log_three_zhongbiao\">\n" + "\t\t\t\t\t\t\t\t\t\t\t<img src=\"__TMPL__/public/assets/images/52.png\" alt=\"\" />\n" + "\t\t\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t\t\t<div class=\"log_three_shijian\">\n" + "\t\t\t\t\t\t\t\t\t\t\t" + result[i].pay_time + "\n" + "\t\t\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t\t<div class=\"log_three_list_top_right\">\n" + "\t\t\t\t\t\t\t\t\t\t" + state + "\n" + "\t\t\t\t\t\t\t\t</div>\n" + "\t\t\t\t\t\t\t</div><a href=\"{:url('get_one','',false,true)}/id/"+result[i].id+"\">\n" + indent_goods_html +"</a>"+ "\t\t\t\t\t\t<div class=\"log_three_bottom_btn\">" + html_bottom + "</div></div>"; } } $('.log_three_list_contant').eq(index).html(html); update(); } else { alert('未知错误'); } }), 'error': (function () { alert('与服务器断开连接'); }) }) // } } $(function () { $('.school').click(function () { var school_id = $(this).attr('data-id'); $.ajax({ url: "{:url('order_salesman/getGradeClass')}", type: 'GET', data: {'school_id': school_id}, success: (function (data) { if (data.code == 1) { var result = data.data; var html = ''; for (var i = 0; i < result.length; i++) { var i2 = Number(result[i].start); var j = Number(result[i].end); for (i2; i2 <= j; i2++) { // if(i == 0){ // html += "<div class=\"three_model_school_name there_unActive\" data-id=\""+result[i].id+"\">"+result[i].grade+"—"+i2+"</div>"; // } html += "<div class=\"three_model_class_name\" data-id=\"" + result[i].id + "\">" + result[i].grade + "-" + i2 + "班</div>"; } } $('.grade').html(html); } else { alert(data.msg); } }) }) }) $('.search').click(function () { search(); }); //发货 $("body").on('click', '.send', function () { var indent_id = $(this).attr('data-indent-id'); var is_courier = $(this).attr('data-is_courier'); if (is_courier == 1) { //统一配送 $('.time').show(); $('.logistic').hide(); } else if (is_courier == 2) { //快递 $('.time').hide(); $('.logistic').show(); } $('.confirm').attr('data-is_courier', is_courier); $('.confirm').attr('data-indent-id', indent_id); $('.confirm').attr('data-is_courier', is_courier); }); //点击确认 $("body").on('click', '.confirm', function () { var is_courier = $(this).attr('data-is_courier'); var start_time = $('#start_time').val(); var end_time = $('#end_time').val(); var logistic_name = $('#logistic_name').val(); var logistic_code = $('#logistic_code').val(); var indent_id = $(this).attr('data-indent-id'); if (is_courier == 1) { if (start_time == '') { alert('请填写配送时间'); return false; } else if (end_time == '') { alert('请填写配送时间'); return false; } } else if (is_courier == 2) { if (logistic_name == '') { alert('请填写快递公司'); return false; } else if (logistic_code == '') { alert('请填写快递单号'); return false; } } else if (is_courier == '') { alert('未知错误'); return false; } $.ajax({ url: "{:url('order_salesman/send')}", type: "GET", data: { 'start_time': start_time, 'end_time': end_time, 'logistic_name': logistic_name, 'logistic_code': logistic_code, 'is_courier': is_courier, 'indent_id': indent_id }, success: function (res) { if (res.code == 1) { $('.order_' + indent_id).remove(); $(".tx_maskone").css({ display: "none" }); $(".tx_mask").css({ display: "none" }); } alert(res.msg) }, error: function (res) { alert('与服务器断开连接') } }) }); $('body').on('click', '.unify_all', function () { var index = $(".log_three_tab_top .log_three_tab_one").index($('.aaa')); var length = $(".log_three_list_contant").eq(index).find('.log_three_list_top_lo img').length-1; var arr = []; for (var i = 0; i <= length; i++) { if ($('.log_three_list_top_lo img').eq(i).attr('src') == "__TMPL__/public/assets/images/xuanzhong (1).png") { arr.push($('.log_three_list_top_lo img').eq(i).attr('data-indent-id')); } } $('.confirm2').attr('data-indent-id', arr.join(",")); var type = $('.unify_all').attr('data-type'); if (arr.length != 0) { if(type == 1){ $.ajax({ url:"{:url('take_all')}", type:"GET", data:{'indent_ids':arr.join(",")}, success: function(res){ if (res.code == 1) { $(arr).each(function(i,vo){ $('.order_'+vo).remove(); }) alert('操作成功') } else { alert(res.msg); } } }) }else{ $('.tx_masktwo').show(); } } else { alert('请至少选择一个订单'); } }); $('.confirm2').click(function () { var start_time2 = $('#start_time2').val(); var end_time2 = $('#end_time2').val(); var indent_ids = $(this).attr('data-indent-id'); if (indent_ids == '') { alert('请至少选择一个订单'); } else if (start_time2 == '') { alert('请选择配送时间') } else if (end_time2 == '') { alert('请选择配送时间') } else { $.ajax({ url: "{:url('order_salesman/send_all')}", type: "GET", data: {'start_time2': start_time2, 'end_time2': end_time2, 'indent_ids': indent_ids}, success: function (res) { if (res.code == 1) { alert('发货成功') } else { alert(res.msg); } } }) } }); update(); $('body').on('click','.take_one',function(){ var indent_id = $(this).attr('data-indent-id'); $.ajax({ url:"{:url('take_one')}", type:"GET", data:{'indent_id':indent_id}, success:function(res){ if(res.code == 1){ $('.order_'+indent_id).remove(); alert('操作成功') }else{ alert(res.msg) } } }) }) }) function update() { var is_courier = $('#is_courier').val(); var index = $('.log_three_tab_top').children('.aaa').index(); if (is_courier == 1 && index == 0) { $('.log_three_list_fixed').show(); $('.unify_all').text('统一发货'); $('.unify_all').attr('data-type','') } else if (is_courier == 2 || (index != 0 && index != 1)) { $('.log_three_list_fixed').hide(); } else if(index == 1){ $('.unify_all').text('统一完成'); $('.unify_all').attr('data-type',1) } } </script> </body> </html>