代码拉取完成，页面将自动刷新
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/style.css"/>
<link href="assets/css/codemirror.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="font/css/font-awesome.min.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="assets/css/ace-ie.min.css" />
<![endif]-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/H-ui.js"></script>
<script src="assets/js/typeahead-bs2.min.js"></script>
<script src="assets/js/jquery.dataTables.min.js"></script>
<script src="assets/js/jquery.dataTables.bootstrap.js"></script>
<script src="assets/layer/layer.js" type="text/javascript" ></script>
<script src="assets/laydate/laydate.js" type="text/javascript"></script>
<script src="assets/js/jquery.easy-pie-chart.min.js"></script>
<script src="js/lrtk.js" type="text/javascript" ></script>
<title>订单管理</title>
</head>
<body>
<div class="margin clearfix">
<div class="cover_style" id="cover_style">
<div class="top_style Order_form" id="Order_form_style">
<div class="type_title">购物产品比例
<div class="btn_style">
<a href="javascript:ovid()" class="xianshi_btn Statistic_btn">显示</a>
<a href="javascript:ovid()" class="yingchan_btn Statistic_btn b_n_btn">隐藏</a>
</div>
</div>
<div class="hide_style clearfix">
<div class="proportion"> <div class="easy-pie-chart percentage" data-percent="20" data-color="#D15B47"><span class="percent">20</span>%</div><span class="name">食品类</span></div>
<div class="proportion"> <div class="easy-pie-chart percentage" data-percent="55" data-color="#87CEEB"><span class="percent">55</span>%</div><span class="name">服装类</span></div>
<div class="proportion"> <div class="easy-pie-chart percentage" data-percent="90" data-color="#87B87F"><span class="percent">90</span>%</div><span class="name">数码配件</span></div>
<div class="proportion"> <div class="easy-pie-chart percentage" data-percent="30" data-color="#d63116"><span class="percent">30</span>%</div><span class="name">手机</span></div>
<div class="proportion"> <div class="easy-pie-chart percentage" data-percent="60" data-color="#ff6600"><span class="percent">60</span>%</div><span class="name">电脑</span></div>
<div class="proportion"> <div class="easy-pie-chart percentage" data-percent="40" data-color="#2ab023"><span class="percent">40</span>%</div><span class="name">电子产品</span></div>
<div class="proportion"> <div class="easy-pie-chart percentage" data-percent="46" data-color="#1e3ae6"><span class="percent">46</span>%</div><span class="name">厨房用品</span></div>
<div class="proportion"> <div class="easy-pie-chart percentage" data-percent="65" data-color="#c316a9"><span class="percent">65</span>%</div><span class="name">家用电器</span></div>
<div class="proportion"> <div class="easy-pie-chart percentage" data-percent="56" data-color="#13a9e1"><span class="percent">56</span>%</div><span class="name">卫浴</span></div>
</div>
</div>
<!--内容-->
<div class="centent_style" id="centent_style">
<div id="covar_list" class="order_list">
<div id="scrollsidebar" class="left_Treeview">
<div class="show_btn" id="rightArrow"><span></span></div>
<div class="widget-box side_content" >
<div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
<div class="side_list"><div class="widget-header header-color-green2"><h4 class="lighter smaller">订单类型分类</h4></div>
<div class="widget-body">
<ul class="b_P_Sort_list">
<li><i class="orange fa fa-reorder"></i><a href="http://www.erdangjiade.com">全部订单(235)</a></li>
<li><i class="fa fa-sticky-note pink "></i> <a href="http://www.erdangjiade.com">食品类(235)</a></li>
<li><i class="fa fa-sticky-note pink "></i> <a href="http://www.erdangjiade.com">数码配件(2215)</a> </li>
<li><i class="fa fa-sticky-note pink "></i> <a href="http://www.erdangjiade.com">手机(3456)</a></li>
<li><i class="fa fa-sticky-note pink "></i> <a href="http://www.erdangjiade.com">电脑(4332)</a></li>
<li><i class="fa fa-sticky-note pink "></i> <a href="http://www.erdangjiade.com">厨房用品(1332)</a></li>
<li><i class="fa fa-sticky-note grey "></i> <a href="http://www.erdangjiade.com">电子产品(4543)</a></li>
<li><i class="fa fa-sticky-note red "></i> <a href="http://www.erdangjiade.com">红钻会员(343)</a></li>
<li><i class="fa fa-sticky-note blue "></i> <a href="http://www.erdangjiade.com">家用电器(2343)</a></li>
<li><i class="fa fa-sticky-note grey "></i> <a href="http://www.erdangjiade.com">卫浴</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--左侧样式-->
<div class="list_right_style">
<div class="search_style">
<ul class="search_content clearfix">
<li><label class="l_f">订单编号</label><input name="" type="text" class="text_add" placeholder="订单订单编号" style=" width:250px"></li>
<li><label class="l_f">时间</label><input class="inline laydate-icon" id="start" style=" margin-left:10px;"></li>
<li style="width:90px;"><button type="button" class="btn_search"><i class="fa fa-search"></i>查询</button></li>
</ul>
</div>
<!--订单列表展示-->
<table class="table table-striped table-bordered table-hover" id="sample-table">
<thead>
<tr>
<th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
<th width="120px">订单编号</th>
<th width="250px">产品名称</th>
<th width="100px">总价</th>
<th width="100px">优惠</th>
<th width="100px">订单时间</th>
<th width="180px">所属类型</th>
<th width="80px">数量</th>
<th width="70px">状态</th>
<th width="200px">操作</th>
</tr>
</thead>
<tbody>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>20170705445622</td>
<td class="order_product_name">
<a href="http://www.erdangjiade.com"><img src="products/p_1.jpg" title="产品名称"/></a>
<i class="fa fa-plus"></i>
<a href="http://www.erdangjiade.com"><img src="products/p_2.jpg" title="产品名称"/></a>
</td>
<td>456.5</td>
<td>14</td>
<td>2017-7-5</td>
<td>食品</td>
<td>2</td>
<td class="td-status"><span class="label label-success radius">代发货</span></td>
<td>
<a onClick="Delivery_stop(this,'10001')" href="javascript:;" title="发货" class="btn btn-xs btn-success"><i class="fa fa-cubes bigger-120"></i></a>
<a title="订单详细" href="order_detailed.html" class="btn btn-xs btn-info order_detailed" ><i class="fa fa-list bigger-120"></i></a>
<a title="删除" href="javascript:;" onclick="Order_form_del(this,'1')" class="btn btn-xs btn-warning" ><i class="fa fa-trash bigger-120"></i></a>
</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>20170705445622</td>
<td class="order_product_name">
<a href="http://www.erdangjiade.com"><img src="products/p_1.jpg" title="产品名称"/></a>
<i class="fa fa-plus"></i>
<a href="http://www.erdangjiade.com"><img src="products/p_2.jpg" title="产品名称"/></a>
</td>
<td>456.5</td>
<td>14</td>
<td>2017-7-5</td>
<td>食品</td>
<td>2</td>
<td class="td-status"><span class="label label-success radius">代发货</span></td>
<td>
<a onClick="Delivery_stop(this,'10003')" href="javascript:;" title="发货" class="btn btn-xs btn-success"><i class="fa fa-cubes bigger-120"></i></a>
<a title="订单详细" href="order_detailed.html" class="btn btn-xs btn-info order_detailed" ><i class="fa fa-list bigger-120"></i></a>
<a title="删除" href="javascript:;" onclick="Order_form_del(this,'1')" class="btn btn-xs btn-warning" ><i class="fa fa-trash bigger-120"></i></a>
</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>20170705445622</td>
<td class="order_product_name">
<a href="http://www.erdangjiade.com"><img src="products/p_1.jpg" title="产品名称"/></a>
<i class="fa fa-plus"></i>
<a href="http://www.erdangjiade.com"><img src="products/p_2.jpg" title="产品名称"/></a>
</td>
<td>456.5</td>
<td>14</td>
<td>2017-7-5</td>
<td>食品</td>
<td>2</td>
<td class="td-status"><span class="label label-success radius">代发货</span></td>
<td>
<a onClick="Delivery_stop(this,'10005')" href="javascript:;" title="发货" class="btn btn-xs btn-success"><i class="fa fa-cubes bigger-120"></i></a>
<a title="订单详细" href="order_detailed.html" class="btn btn-xs btn-info order_detailed" ><i class="fa fa-list bigger-120"></i></a>
<a title="删除" href="javascript:;" onclick="Order_form_del(this,'1')" class="btn btn-xs btn-warning" ><i class="fa fa-trash bigger-120"></i></a>
</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>20170705445622</td>
<td class="order_product_name">
<a href="http://www.erdangjiade.com"><img src="products/p_1.jpg" title="产品名称"/></a>
<i class="fa fa-plus"></i>
<a href="http://www.erdangjiade.com"><img src="products/p_2.jpg" title="产品名称"/></a>
</td>
<td>456.5</td>
<td>14</td>
<td>2017-7-5</td>
<td>食品</td>
<td>2</td>
<td class="td-status"><span class="label label-success radius">代发货</span></td>
<td>
<a onClick="Delivery_stop(this,'10034')" href="javascript:;" title="发货" class="btn btn-xs btn-success"><i class="fa fa-cubes bigger-120"></i></a>
<a title="订单详细" href="order_detailed.html" class="btn btn-xs btn-info order_detailed" ><i class="fa fa-list bigger-120"></i></a>
<a title="删除" href="javascript:;" onclick="Order_form_del(this,'1')" class="btn btn-xs btn-warning" ><i class="fa fa-trash bigger-120"></i></a>
</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>20170705445622</td>
<td class="order_product_name">
<a href="http://www.erdangjiade.com"><img src="products/p_5.jpg" title="产品名称"/></a>
<i class="fa fa-plus"></i>
<a href="http://www.erdangjiade.com"><img src="products/p_4.jpg" title="产品名称"/></a>
</td>
<td>456.5</td>
<td>14</td>
<td>2017-7-5</td>
<td>食品</td>
<td>2</td>
<td class="td-status"><span class="label label-success radius">代发货</span></td>
<td>
<a onClick="Delivery_stop(this,'10012')" href="javascript:;" title="发货" class="btn btn-xs btn-success"><i class="fa fa-cubes bigger-120"></i></a>
<a title="订单详细" href="order_detailed.html" class="btn btn-xs btn-info order_detailed" ><i class="fa fa-list bigger-120"></i></a>
<a title="删除" href="javascript:;" onclick="Order_form_del(this,'1')" class="btn btn-xs btn-warning" ><i class="fa fa-trash bigger-120"></i></a>
</td>
</tr>
<tr>
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>20170705445622</td>
<td class="order_product_name">
<a href="http://www.erdangjiade.com"><img src="products/p_3.jpg" title="产品名称"/></a>
<i class="fa fa-plus"></i>
<a href="http://www.erdangjiade.com"><img src="products/p_7.jpg" title="产品名称"/></a>
</td>
<td>456.5</td>
<td>14</td>
<td>2017-7-5</td>
<td>食品</td>
<td>2</td>
<td class="td-status"><span class="label label-success radius">代发货</span></td>
<td>
<a onClick="Delivery_stop(this,'10061')" href="javascript:;" title="发货" class="btn btn-xs btn-success"><i class="fa fa-cubes bigger-120"></i></a>
<a title="订单详细" href="order_detailed.html" class="btn btn-xs btn-info order_detailed" ><i class="fa fa-list bigger-120"></i></a>
<a title="删除" href="javascript:;" onclick="Order_form_del(this,'1')" class="btn btn-xs btn-warning" ><i class="fa fa-trash bigger-120"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!--发货-->
<div id="Delivery_stop" style=" display:none">
<div class="">
<div class="content_style">
<div class="form-group"><label class="col-sm-2 control-label no-padding-right" for="form-field-1">快递公司 </label>
<div class="col-sm-9"><select class="form-control" id="form-field-select-1">
<option value="">--选择快递--</option>
<option value="1">天天快递</option>
<option value="2">圆通快递</option>
<option value="3">中通快递</option>
<option value="4">顺丰快递</option>
<option value="5">申通快递</option>
<option value="6">邮政EMS</option>
<option value="7">邮政小包</option>
<option value="8">韵达快递</option>
</select></div>
</div>
<div class="form-group"><label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 快递号 </label>
<div class="col-sm-9"><input type="text" id="form-field-1" placeholder="快递号" class="col-xs-10 col-sm-5" style="margin-left:0px;"></div>
</div>
<div class="form-group"><label class="col-sm-2 control-label no-padding-right" for="form-field-1">货到付款 </label>
<div class="col-sm-9"><label><input name="checkbox" type="checkbox" class="ace" id="checkbox"><span class="lbl"></span></label></div>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
$(function() {
$("#cover_style").fix({
float : 'top',
minStatue : false,
skin : 'green',
durationTime :false,
window_height:30,//设置浏览器与div的高度值差
spacingw:0,//
spacingh:0,//
close_btn:'.yingchan_btn',
show_btn:'.xianshi_btn',
side_list:'.hide_style',
widgetbox:'.top_style',
close_btn_width:60,
da_height:'#centent_style,.left_Treeview,.list_right_style',
side_title:'.b_n_btn',
content:null,
left_css:'.left_Treeview,.list_right_style'
});
});
//左侧显示隐藏
$(function() {
$("#covar_list").fix({
float : 'left',
minStatue : false,
skin:false,
//durationTime :false,
spacingw:50,//设置隐藏时的距离
spacingh:270,//设置显示时间距
stylewidth:'220',
close_btn:'.close_btn',
show_btn:'.show_btn',
side_list:'.side_list',
content:'.side_content',
widgetbox:'.widget-box',
da_height:null,
table_menu:'.list_right_style'
});
});
//时间选择
laydate({
elem: '#start',
event: 'focus'
});
/*订单-删除*/
function Order_form_del(obj,id){
layer.confirm('确认要删除吗？',function(index){
$(obj).parents("tr").remove();
layer.msg('已删除!',{icon:1,time:1000});
});
}
/**发货**/
function Delivery_stop(obj,id){
layer.open({
type: 1,
title: '发货',
maxmin: true,
shadeClose:false,
area : ['500px' , ''],
content:$('#Delivery_stop'),
btn:['确定','取消'],
yes: function(index, layero){
if($('#form-field-1').val()==""){
layer.alert('快递号不能为空！',{
title: '提示框',
icon:0,
})
}else{
layer.confirm('提交成功！',function(index){
$(obj).parents("tr").find(".td-manage").prepend('<a style=" display:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="已发货"><i class="fa fa-cubes bigger-120"></i></a>');
$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发货</span>');
$(obj).remove();
layer.msg('已发货!',{icon: 6,time:1000});
});
layer.close(index);
}
}
})
};
//面包屑返回值
var index = parent.layer.getFrameIndex(window.name);
parent.layer.iframeAuto(index);
$('.Order_form,.order_detailed').on('click', function(){
var cname = $(this).attr("title");
var chref = $(this).attr("href");
var cnames = parent.$('.Current_page').html();
var herf = parent.$("#iframe").attr("src");
parent.$('#parentIframe').html(cname);
parent.$('#iframe').attr("src",chref).ready();;
parent.$('#parentIframe').css("display","inline-block");
parent.$('.Current_page').attr({"name":herf,"href":"javascript:void(0)"}).css({"color":"#4c8fbd","cursor":"pointer"});
//parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>");
parent.layer.close(index);
});
//初始化宽度、高度
var heights=$(".top_style").outerHeight()+47;
$(".centent_style").height($(window).height()-heights);
$(".page_right_style").width($(window).width()-220);
$(".left_Treeview,.list_right_style").height($(window).height()-heights-2);
$(".list_right_style").width($(window).width()-250);
//当文档窗口发生改变时 触发
$(window).resize(function(){
$(".centent_style").height($(window).height()-heights);
$(".page_right_style").width($(window).width()-220);
$(".left_Treeview,.list_right_style").height($(window).height()-heights-2);
$(".list_right_style").width($(window).width()-250);
})
//比例
var oldie = /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase());
$('.easy-pie-chart.percentage').each(function(){
$(this).easyPieChart({
barColor: $(this).data('color'),
trackColor: '#EEEEEE',
scaleColor: false,
lineCap: 'butt',
lineWidth: 10,
animate: oldie ? false : 1000,
size:103
}).css('color', $(this).data('color'));
});
$('[data-rel=tooltip]').tooltip();
$('[data-rel=popover]').popover({html:true});
</script>
<script>
//订单列表
jQuery(function($) {
var oTable1 = $('#sample-table').dataTable( {
"aaSorting": [[ 1, "desc" ]],//默认第几个排序
"bStateSave": true,//状态保存
"aoColumnDefs": [
//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
{"orderable":false,"aTargets":[0,1,2,3,4,5,6,7,8,9]}// 制定列不参与排序
] } );
$('table th input:checkbox').on('click' , function(){
var that = this;
$(this).closest('table').find('tr > td:first-child input:checkbox')
.each(function(){
this.checked = that.checked;
$(this).closest('tr').toggleClass('selected');
});
});
});
</script>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。