Compare commits
7 Commits
master
...
chengliang
| Author | SHA1 | Date |
|---|---|---|
 13451294168
|
32fe0075bf | 1 year ago |
|
13451294168
|
c9e15777df | 1 year ago |
|
13451294168
|
39a7e52af8 | 1 year ago |
|
13451294168
|
04ead8139a | 1 year ago |
|
13451294168
|
d55ce34c75 | 1 year ago |
|
13451294168
|
d7d60affc9 | 1 year ago |
|
13451294168
|
95874d0ff9 | 1 year ago |
@ -0,0 +1,155 @@
|
||||
<!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 charset="utf-8">
|
||||
<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="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
|
||||
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
|
||||
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
|
||||
<![endif]-->
|
||||
<!--[if lte IE 8]>
|
||||
<link rel="stylesheet" href="assets/css/ace-ie.min.css" />
|
||||
<![endif]-->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<!-- <![endif]-->
|
||||
<!--[if IE]>
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<![endif]-->
|
||||
<!--[if !IE]> -->
|
||||
<script type="text/javascript">
|
||||
window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
|
||||
</script>
|
||||
<!-- <![endif]-->
|
||||
<!--[if IE]>
|
||||
<script type="text/javascript">
|
||||
window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
|
||||
</script>
|
||||
<![endif]-->
|
||||
<script src="assets/js/ace-elements.min.js"></script>
|
||||
<script src="assets/js/ace.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/typeahead-bs2.min.js"></script>
|
||||
<script type="text/javascript" src="Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script>
|
||||
<script src="js/lrtk.js" type="text/javascript" ></script>
|
||||
<title>分类管理</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class=" clearfix">
|
||||
<div id="category">
|
||||
<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">
|
||||
<div class="widget-main padding-8">
|
||||
<div id="treeDemo" class="ztree"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
<iframe ID="testIframe" Name="testIframe" FRAMEBORDER=0 SCROLLING=AUTO SRC="product-category-add.html" class="page_right_style"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("#category").fix({
|
||||
float : 'left',
|
||||
//minStatue : true,
|
||||
skin : 'green',
|
||||
durationTime :false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
//初始化宽度、高度
|
||||
$(".widget-box").height($(window).height());
|
||||
$(".page_right_style").width($(window).width()-220);
|
||||
//当文档窗口发生改变时 触发
|
||||
$(window).resize(function(){
|
||||
$(".widget-box").height($(window).height());
|
||||
$(".page_right_style").width($(window).width()-220);
|
||||
})
|
||||
|
||||
/**************/
|
||||
var setting = {
|
||||
view: {
|
||||
dblClickExpand: false,
|
||||
showLine: false,
|
||||
selectedMulti: false
|
||||
},
|
||||
data: {
|
||||
simpleData: {
|
||||
enable:true,
|
||||
idKey: "id",
|
||||
pIdKey: "pId",
|
||||
rootPId: ""
|
||||
}
|
||||
},
|
||||
callback: {
|
||||
beforeClick: function(treeId, treeNode) {
|
||||
var zTree = $.fn.zTree.getZTreeObj("tree");
|
||||
if (treeNode.isParent) {
|
||||
zTree.expandNode(treeNode);
|
||||
return false;
|
||||
} else {
|
||||
demoIframe.attr("src",treeNode.file + ".html");
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var zNodes =[
|
||||
{ id:1, pId:0, name:"商城分类列表", open:true},
|
||||
{ id:11, pId:1, name:"男装"},
|
||||
{ id:111, pId:11, name:"上装"},
|
||||
{ id:112, pId:11, name:"下装"},
|
||||
{ id:113, pId:11, name:"套装"},
|
||||
{ id:12, pId:1, name:"女装"},
|
||||
{ id:121, pId:12, name:"下装"},
|
||||
{ id:122, pId:12, name:"上装"},
|
||||
{ id:123, pId:12, name:"裙装"},
|
||||
{ id:123, pId:12, name:"内衣"},
|
||||
{ id:13, pId:1, name:"包包"},
|
||||
{ id:131, pId:13, name:"女士包包"},
|
||||
{ id:132, pId:13, name:"男士包包"},
|
||||
{ id:14, pId:1, name:"童装"},
|
||||
{ id:141, pId:14, name:"男童装"},
|
||||
{ id:42, pId:14, name:"女童装"},
|
||||
{ id:42, pId:14, name:"男女童鞋"},
|
||||
{ id:15, pId:1, name:"鞋靴"},
|
||||
{ id:151, pId:15, name:"男鞋"},
|
||||
{ id:152, pId:15, name:"女鞋"},
|
||||
];
|
||||
|
||||
var code;
|
||||
|
||||
function showCode(str) {
|
||||
if (!code) code = $("#code");
|
||||
code.empty();
|
||||
code.append("<li>"+str+"</li>");
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
var t = $("#treeDemo");
|
||||
t = $.fn.zTree.init(t, setting, zNodes);
|
||||
demoIframe = $("#testIframe");
|
||||
demoIframe.bind("load", loadReady);
|
||||
var zTree = $.fn.zTree.getZTreeObj("tree");
|
||||
zTree.selectNode(zTree.getNodeByParam("id",'11'));
|
||||
});
|
||||
</script>
|
||||
@ -0,0 +1,249 @@
|
||||
<!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 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 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="js/lrtk.js" type="text/javascript" ></script>
|
||||
<title>订单处理</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="clearfix">
|
||||
<div class="handling_style" id="order_hand">
|
||||
<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="#">全部订单(235)</a></li>
|
||||
<li><i class="fa fa-sticky-note pink "></i> <a href="#">已完成(235)</a></li>
|
||||
<li><i class="fa fa-sticky-note pink "></i> <a href="#">代付款(15)</a> </li>
|
||||
<li><i class="fa fa-sticky-note pink "></i> <a href="#">代发货(56)</a></li>
|
||||
<li><i class="fa fa-sticky-note pink "></i> <a href="#">代收货(32)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order_list_style" id="order_list_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>
|
||||
<!--交易订单列表-->
|
||||
<div class="Orderform_list">
|
||||
<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="180px">所属分类</th>
|
||||
<th width="80px">数量</th>
|
||||
<th width="70px">状态</th>
|
||||
<th width="100px">说明</th>
|
||||
<th width="200px">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
|
||||
<td>20160705445622</td>
|
||||
<td class="order_product_name">
|
||||
<a href="#" class="product_Display"><img src="products/p_1.jpg" title="产品名称"/></a>
|
||||
<i class="fa fa-plus"></i>
|
||||
<a href="#" class="product_Display"><img src="products/p_2.jpg" title="产品名称"/></a>
|
||||
</td>
|
||||
<td>456.5</td>
|
||||
|
||||
<td>2016-7-5</td>
|
||||
<td>食品</td>
|
||||
<td>2</td>
|
||||
<td class="td-status"><span class="label label-success radius">代发货</span></td>
|
||||
<td></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>20160705445622</td>
|
||||
<td class="order_product_name">
|
||||
<a href="#" class="product_Display">
|
||||
<img src="products/p_1.jpg" title="产品名称"/>
|
||||
</a>
|
||||
<i class="fa fa-plus"></i>
|
||||
<a href="#" class="product_Display">
|
||||
<img src="products/p_2.jpg" title="产品名称"/>
|
||||
</a>
|
||||
</td>
|
||||
<td>456.5</td>
|
||||
<td>2016-7-5</td>
|
||||
<td>食品</td>
|
||||
<td>2</td>
|
||||
<td class="td-status"><span class="label label-success radius">已发货</span></td>
|
||||
<td></td>
|
||||
<td>
|
||||
<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>20160705445622</td>
|
||||
<td class="order_product_name">
|
||||
<a href="#" class="product_Display"><img src="products/p_1.jpg" title="产品名称"/>
|
||||
|
||||
</td>
|
||||
<td>456.5</td>
|
||||
<td>2016-7-5</td>
|
||||
<td>食品</td>
|
||||
<td>2</td>
|
||||
<td class="td-status"><span class="label label-success radius">失败</span></td>
|
||||
<td>支付失败</td>
|
||||
<td>
|
||||
<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 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() {
|
||||
$("#order_hand").fix({
|
||||
float : 'left',
|
||||
//minStatue : true,
|
||||
skin : 'green',
|
||||
durationTime :false,
|
||||
spacingw:30,//设置隐藏时的距离
|
||||
spacingh:250,//设置显示时间距
|
||||
table_menu:'.order_list_style',
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
//时间
|
||||
laydate({
|
||||
elem: '#start',
|
||||
event: 'focus'
|
||||
});
|
||||
//初始化宽度、高度
|
||||
$(".widget-box").height($(window).height());
|
||||
$(".order_list_style").width($(window).width()-220);
|
||||
$(".order_list_style").height($(window).height()-30);
|
||||
//当文档窗口发生改变时 触发
|
||||
$(window).resize(function(){
|
||||
$(".widget-box").height($(window).height());
|
||||
$(".order_list_style").width($(window).width()-234);
|
||||
$(".order_list_style").height($(window).height()-30);
|
||||
});
|
||||
/**发货**/
|
||||
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);
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
};
|
||||
//订单列表
|
||||
jQuery(function($) {
|
||||
var oTable1 = $('#sample-table').dataTable( {
|
||||
"aaSorting": [[ 1, "desc" ]],//默认第几个排序
|
||||
"bStateSave": true,//状态保存
|
||||
"aoColumnDefs": [
|
||||
//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
|
||||
{"orderable":false,"aTargets":[0,2,3,4,5,6,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>
|
||||
@ -0,0 +1,391 @@
|
||||
<!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 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="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="#">全部订单</a></li>
|
||||
<li><i class="fa fa-sticky-note pink "></i> <a href="#">男装</a></li>
|
||||
<li><i class="fa fa-sticky-note pink "></i> <a href="#">女装</a> </li>
|
||||
<li><i class="fa fa-sticky-note pink "></i> <a href="#">童装</a></li>
|
||||
<li><i class="fa fa-sticky-note pink "></i> <a href="#">鞋靴</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>20160705445622</td>
|
||||
<td class="order_product_name">
|
||||
<a href="#"><img src="products/p_1.jpg" title="产品名称"/></a>
|
||||
<i class="fa fa-plus"></i>
|
||||
<a href="#"><img src="products/p_2.jpg" title="产品名称"/></a>
|
||||
</td>
|
||||
<td>456.5</td>
|
||||
<td>14</td>
|
||||
<td>2016-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>20160705445622</td>
|
||||
<td class="order_product_name">
|
||||
<a href="#"><img src="products/p_1.jpg" title="产品名称"/></a>
|
||||
<i class="fa fa-plus"></i>
|
||||
<a href="#"><img src="products/p_2.jpg" title="产品名称"/></a>
|
||||
</td>
|
||||
<td>456.5</td>
|
||||
<td>14</td>
|
||||
<td>2016-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>20160705445622</td>
|
||||
<td class="order_product_name">
|
||||
<a href="#"><img src="products/p_1.jpg" title="产品名称"/></a>
|
||||
<i class="fa fa-plus"></i>
|
||||
<a href="#"><img src="products/p_2.jpg" title="产品名称"/></a>
|
||||
</td>
|
||||
<td>456.5</td>
|
||||
<td>14</td>
|
||||
<td>2016-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>20160705445622</td>
|
||||
<td class="order_product_name">
|
||||
<a href="#"><img src="products/p_1.jpg" title="产品名称"/></a>
|
||||
<i class="fa fa-plus"></i>
|
||||
<a href="#"><img src="products/p_2.jpg" title="产品名称"/></a>
|
||||
</td>
|
||||
<td>456.5</td>
|
||||
<td>14</td>
|
||||
<td>2016-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>20160705445622</td>
|
||||
<td class="order_product_name">
|
||||
<a href="#"><img src="products/p_5.jpg" title="产品名称"/></a>
|
||||
<i class="fa fa-plus"></i>
|
||||
<a href="#"><img src="products/p_4.jpg" title="产品名称"/></a>
|
||||
</td>
|
||||
<td>456.5</td>
|
||||
<td>14</td>
|
||||
<td>2016-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>20160705445622</td>
|
||||
<td class="order_product_name">
|
||||
<a href="#"><img src="products/p_3.jpg" title="产品名称"/></a>
|
||||
<i class="fa fa-plus"></i>
|
||||
<a href="#"><img src="products/p_7.jpg" title="产品名称"/></a>
|
||||
</td>
|
||||
<td>456.5</td>
|
||||
<td>14</td>
|
||||
<td>2016-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>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 475 B After Width: | Height: | Size: 475 B |
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 307 B After Width: | Height: | Size: 307 B |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 923 B After Width: | Height: | Size: 923 B |
|
Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 841 B |
|
Before Width: | Height: | Size: 1012 B After Width: | Height: | Size: 1012 B |
|
Before Width: | Height: | Size: 949 B After Width: | Height: | Size: 949 B |
|
Before Width: | Height: | Size: 950 B After Width: | Height: | Size: 950 B |
|
Before Width: | Height: | Size: 986 B After Width: | Height: | Size: 986 B |
|
Before Width: | Height: | Size: 1001 B After Width: | Height: | Size: 1001 B |
|
Before Width: | Height: | Size: 996 B After Width: | Height: | Size: 996 B |
|
Before Width: | Height: | Size: 1001 B After Width: | Height: | Size: 1001 B |
|
Before Width: | Height: | Size: 1009 B After Width: | Height: | Size: 1009 B |
|
Before Width: | Height: | Size: 1007 B After Width: | Height: | Size: 1007 B |
|
Before Width: | Height: | Size: 970 B After Width: | Height: | Size: 970 B |
|
Before Width: | Height: | Size: 1005 B After Width: | Height: | Size: 1005 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 453 B After Width: | Height: | Size: 453 B |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 445 B After Width: | Height: | Size: 445 B |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |