|
|
<!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;background: #fff">
|
|
|
|
|
|
|
|
|
<!--学校弹窗-->
|
|
|
<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 order_tops">
|
|
|
<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>
|
|
|
<!--<div class="log_three_select_one log_three_select_btn html2canvas">-->
|
|
|
<!--生成图片-->
|
|
|
<!--</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;background: rgba(359, 295, 265, 1)">
|
|
|
<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>
|
|
|
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
|
|
|
<script>
|
|
|
$(".html2canvas").click(function () {
|
|
|
// html2canvas($(".log_three_list_contant")).then(function (canvas) {
|
|
|
// var imgUri = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // 获取生成的图片的url
|
|
|
// window.location.href = imgUri; // 下载图片
|
|
|
// });
|
|
|
|
|
|
alert(132);
|
|
|
html2canvas($('.log_three_list_contant'), {
|
|
|
onrendered: function (canvas) {
|
|
|
var data = canvas.toDataURL("image/jpg","image/octet-stream");//生成的格式
|
|
|
//data就是生成的base64码啦
|
|
|
console.log(data);
|
|
|
downloadFile('ceshi.png',data);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
function downloadFile(fileName, content) {
|
|
|
let aLink = document.createElement('a');
|
|
|
let blob = this.base64ToBlob(content); //new Blob([content]);
|
|
|
|
|
|
let evt = document.createEvent("HTMLEvents");
|
|
|
evt.initEvent("click", true, true);//initEvent 不加后两个参数在FF下会报错 事件类型,是否冒泡,是否阻止浏览器的默认行为
|
|
|
aLink.download = fileName;
|
|
|
aLink.href = URL.createObjectURL(blob);
|
|
|
|
|
|
// aLink.dispatchEvent(evt);
|
|
|
aLink.click()
|
|
|
}
|
|
|
//base64转blob
|
|
|
function base64ToBlob(code) {
|
|
|
let parts = code.split(';base64,');
|
|
|
let contentType = parts[0].split(':')[1];
|
|
|
let raw = window.atob(parts[1]);
|
|
|
let rawLength = raw.length;
|
|
|
|
|
|
let uInt8Array = new Uint8Array(rawLength);
|
|
|
|
|
|
for (let i = 0; i < rawLength; ++i) {
|
|
|
uInt8Array[i] = raw.charCodeAt(i);
|
|
|
}
|
|
|
return new Blob([uInt8Array], {type: contentType});
|
|
|
}
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|