public/themes/simpleboot3/portal/order_salesman/get_all.html

<!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;
        }
    </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">搜索结果为<span class="count">{:count($data)}</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_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;
                    console.log(result);
                    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>";
                            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 (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 (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 + "\"><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>";
                        }
                    }
                    $('.count').html(i);
                    $('.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>