<!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; margin-top: 0.2rem; } .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; } .log_three_bottom2 { margin-top: 0.3rem; cursor: pointer; 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); } </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" onclick="$(this).hide()">--> <!--<div class="tx_maskCon_school" onclick="zZFun(this)">--> <!--<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;" 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 tongyi_start_time2" style="color: #CCCCCC;"> 请选择配送到达时间 </div> <input type="hidden" id="start_time2" value="" placeholder="请输入开配送时间"/> </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 tongyi_start_time" style="color: #CCCCCC;"> 请选择配送到达时间 </div> <input type="hidden" id="start_time" value="" placeholder="请输入开配送时间"/> </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" value="" placeholder="请选择快递公司"/> <!--</div>--> <!--</div>--> <!--</div>--> <div class="log_three_model_one excompany logistic"> <div class="log_three_model_left">选择快递</div> <div class="log_psong log_psong_select"> <div class="log_ps_title excompany_word">请选择</div> <div class="log_ps_img"> <img src="__TMPL__/public/assets/images/29.png"/> </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_school2"> <div class="log_three_select_title schools_word"> 请选择学校 </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_class2"> <div class="log_three_select_title class_word"> 请选择班级 </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_title express_word">请选择配送方式</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> <div class="log_three_select_one log_three_select_btn clear "> 重置 </div> <input type="hidden" id="school" value=""/> <input type="hidden" id="grade" value=""/> <input type="hidden" id="is_courier" value="1"/> </div> <php>$arr2 = [];</php> <foreach name="$data" item="vo"> <if condition="$vo.state eq 2"> <php>$arr2[] = $vo;</php> <elseif condition="$vo.state eq 5"/> <php>$arr5[] = $vo;</php> <elseif condition="$vo.state eq 3"/> <php>$arr3[] = $vo;</php> </if> </foreach> <div class="shuju_zongshu">搜索结果为<span class="count">{:count($arr2)}</span>条</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']))}"> <div class="dingdan_detail_top"> <div class="dingdan_detail_hao">订单号:{$vo.order_number}</div> </div> <foreach name="$vo.indent_goods" item="i_g"> <div class="dingdan_detail"> <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.name} {$vo.phone} </div> </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_bottom2" 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/> <a href="{:url('logistics/index',array('indent_id'=>$vo['id']))}"> <div class="log_three_bottom2" data-indent-id="{$vo.id}"> 查看物流 </div> </a> <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_bottom2" 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 expresspicker = new mui.PopPicker(); $(".clear").click(function () { window.location.reload(); }) 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); expresspicker.setData([{ value: '2', text: '快递配送' }, { value: '1', text: '统一配送' }]); }); })(mui, document); } var express_word $(".log_three_select_tongyi").click(function () { expresspicker.show(function (e) { console.log(e, '3333') console.log(e[0].value); console.log(e[0].text); express_word = e[0].value; console.log(express_word, "experss_word") $(".express_word").text(e[0].text); $('.express_word').css('color', '#333333'); }); }) var school_name; $(".log_three_select_school2").click(function () { $(".log_three_select_class2").text("请选择班级").css("color", "rgba(153, 153, 153, 1)"); $("#grade").val(""); schoolpicker.show(function (e) { school_name = e[0].value; school_names = e[0].text; $('#school').val(school_names); $(".schools_word").text(e[0].text); $('.schools_word').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("请先选择学校") } }) var excompanypicker = new mui.PopPicker(); excompanypicker.setData([{ value: 'SF', text: '顺丰快递' }, { value: 'YTO', text: '圆通快递' }, { value: 'ZTO', text: '中通快递' }, { value: 'STO', text: '申通快递' }, { value: 'YD', text: '韵达快递' }, { value: 'HHTT', text: '天天快递' }, { value: 'HTKY', text: '百世快递' }, { value: 'YZPY', text: '邮政快递包裹' }, { value: 'EMS', text: 'EMS' }, { value: 'DBL', text: '德邦快递' }, { value: 'ZJS', text: '宅急送' }, { value: 'TNT', text: 'TNT快递' }]); var excompany_word $(".excompany").click(function () { excompanypicker.show(function (e) { console.log(e, '3333') console.log(e[0].value); console.log(e[0].text); school_name = e[0].value $(".excompany_word").text(e[0].text); $("#logistic_name").val(e[0].value); $('.excompany_word').css('color', '#333333'); }); }) </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 = express_word $.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')); if (data.code == 1) { var result = data.data; console.log("**********" + result.length); if (result.length == 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_bottom2\" 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 = "<a href=\"{:url('logistics/index','',false,true)}/indent_id/" + result[i].id + "\">\n" + " <div class=\"log_three_bottom2\" data-indent-id=\""+ result[i].id +"\" style='margin-right: 15px;'>\n" + " 查看物流\n" + " </div>\n" + " </a><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 (result[i].is_courier == 2) { indent_goods_html += "<div class=\"dingdan_detail\">\n" + " <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=\"\"\n" + " style=\"width: 100%;height: 100%;\"/>\n" + " </div>\n" + " <div class=\"right_dingdan\">\n" + " <div class=\"right_dingdan_top\">\n" + " <div class=\"right_dingdan_one\">" + indent_goods_data[i3].book_name + "</div>\n" + " <div class=\"right_dingdan_two\">¥" + indent_goods_data[i3].price + "</div>\n" + " </div>\n" + " <div class=\"right_dingdan_center\">\n" + " <div class=\"right_dindan_three right_dingdan_one\">x" + indent_goods_data[i3].number + "</div>\n" + " </div>\n" + "\n" + " <div class=\"right_dingdan_four right_dingdan_one\">" + result[i].region + " " + result[i].detailed + "\n" + " </div>\n" + " <div class=\"right_dingdan_four right_dingdan_one\" style=\"margin-top: -0.05rem;\">\n" + " " + result[i].name + " " + result[i].phone + "\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>"; } else { indent_goods_html += "<div class=\"dingdan_detail\">\n" + " <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=\"\"\n" + " style=\"width: 100%;height: 100%;\"/>\n" + " </div>\n" + " <div class=\"right_dingdan\">\n" + " <div class=\"right_dingdan_top\">\n" + " <div class=\"right_dingdan_one\">" + indent_goods_data[i3].book_name + "</div>\n" + " <div class=\"right_dingdan_two\">¥" + indent_goods_data[i3].price + "</div>\n" + " </div>\n" + " <div class=\"right_dingdan_center\">\n" + " <div class=\"right_dindan_three right_dingdan_one\">x" + indent_goods_data[i3].number + "</div>\n" + " </div>\n" + "\n" + " <div class=\"right_dingdan_four right_dingdan_one\">" + result[i].school + " " + result[i].grade + "\n" + " " + result[i].class + "\n" + " </div>\n" + " <div class=\"right_dingdan_four right_dingdan_one\" style=\"margin-top: -0.05rem;\">\n" + " " + result[i].name + " " + result[i].phone + "\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>"; } } if (result[i].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 + "\"><div class=\"dingdan_detail_top\">\n" + " <div class=\"dingdan_detail_hao\">订单号:" + result[i].order_number + "</div>\n" + " </div>\n" + indent_goods_html + "</a>" + "\t\t\t\t\t\t<div class=\"log_three_bottom_btn\">" + html_bottom + "</div></div>"; } else if (result[i].is_courier == 2) { console.log("++"+html); 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 + "\"><div class=\"dingdan_detail_top\">\n" + " <div class=\"dingdan_detail_hao\">订单号:" + result[i].order_number + "</div>\n" + " </div>\n" + indent_goods_html + "</a>" + "\t\t\t\t\t\t<div class=\"log_three_bottom_btn\">" + html_bottom + "</div></div>"; } } console.log(html); $('.count').html(i); console.log('@@@@@@@@@@' + index); $('.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); }); //点击确认 $('.confirm').click(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(); console.log(logistic_name); 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" }); } var count = Number($('.count').text()); if (count > 0) { count--; } $(".count").text(count); 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) { var count = Number($('.count').text()); $(arr).each(function (i, vo) { if (count > 0) { count--; } $('.order_' + vo).remove(); }); $(".count").text(count); 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) { console.log(indent_ids); indent_ids = indent_ids.split(","); console.log(indent_ids) if (res.code == 1) { $.each(indent_ids, function (key, indent_id) { $('.order_' + indent_id).remove(); }); $(".tx_masktwo").css({ display: "none" }); alert(res.msg) } 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> <script type="text/javascript"> var dtpicker = new mui.DtPicker({ type: "date", //设置日历初始视图模式 beginDate: new Date(2015, 04, 25), //设置开始日期 labels: ['年', '月', '日'], //设置默认标签区域提示语 }) //统一配送选择时间 $(".tongyi_start_time").click(function () { dtpicker.show(function (e) { console.log(e); $('.tongyi_start_time').text(e.text); $('#start_time').val(e.text); $('.tongyi_start_time').css('color', '#333333'); }); }); $(".tongyi_start_time2").click(function () { dtpicker.show(function (e) { console.log(e); $('.tongyi_start_time2').text(e.text); $('#start_time2').val(e.text); $('.tongyi_start_time2').css('color', '#333333'); }); }); function zZFun(e) { window.event ? (window.event.cancelBubble = true) : e.stopPropagation(); } </script> </body> </html>