Compare commits

..

7 Commits

@ -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>

@ -10,6 +10,9 @@
<link href="assets/css/codemirror.css" rel="stylesheet"> <link href="assets/css/codemirror.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ace.min.css" /> <link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="font/css/font-awesome.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="js/jquery-1.9.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/typeahead-bs2.min.js"></script> <script src="assets/js/typeahead-bs2.min.js"></script>
@ -54,7 +57,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<!-- <tr> <tr>
<td> <label><input type="checkbox" class="ace"><span class="lbl"></span></label></td> <td> <label><input type="checkbox" class="ace"><span class="lbl"></span></label></td>
<td>1</td> <td>1</td>
<td><u style="cursor:pointer" class="text-primary" onclick="member_show('张小泉','member-show.html','1031','500','400')">张奶奶</u></td> <td><u style="cursor:pointer" class="text-primary" onclick="member_show('张小泉','member-show.html','1031','500','400')">张奶奶</u></td>
@ -81,10 +84,11 @@
<a href="javascript:ovid()" name="Account_Details.html" class="btn btn-xs btn-warning Account_Details" onclick="generateOrders('561');" title="张小泉账户详细" > <a href="javascript:ovid()" name="Account_Details.html" class="btn btn-xs btn-warning Account_Details" onclick="generateOrders('561');" title="张小泉账户详细" >
<i class="fa fa-list-ul bigger-120"></i></a> <i class="fa fa-list-ul bigger-120"></i></a>
</td> </td>
</tr> --> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
@ -128,6 +132,23 @@ jQuery(function($) {
}); });
}); });
//面包屑返回值
//var index = parent.layer.getFrameIndex(window.name);
//parent.layer.iframeAuto(index);
//$('.Order_form ,.Account_Details').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.$('#parentIfour').html(cname);
// parent.$('#iframe').attr("src",chref).ready();;
// parent.$('#parentIfour').css("display","inline-block");
// parent.$('.Current_page').attr({"name":herf,"href":"javascript:void(0)"}).css({"color":"#4c8fbd","cursor":"pointer"});
// parent.$('.parentIframe').attr("name",herf).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 index = parent.layer.getFrameIndex(window.name); var index = parent.layer.getFrameIndex(window.name);
parent.layer.iframeAuto(index); parent.layer.iframeAuto(index);
$('.Order_form ,.Account_Details').on('click', function(){ $('.Order_form ,.Account_Details').on('click', function(){

@ -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>

@ -1,107 +1,102 @@
<!DOCTYPE html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
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"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta http-equiv="Cache-Control" content="no-siteapp" />
<meta http-equiv="Cache-Control" content="no-siteapp" /> <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" /> <link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="assets/css/ace.min.css" /> <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="assets/css/font-awesome.min.css" /> <link rel="stylesheet" href="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<link rel="stylesheet" href="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css"> <link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />
<link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css" /> <!--[if IE 7]>
<script src="js/jquery-1.9.1.min.js"></script> <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
<script src="assets/js/bootstrap.min.js"></script> <![endif]-->
<script src="assets/js/typeahead-bs2.min.js"></script> <!--[if lte IE 8]>
<script src="assets/js/jquery.dataTables.min.js"></script> <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
<script src="assets/js/jquery.dataTables.bootstrap.js"></script> <![endif]-->
<script type="text/javascript" src="js/H-ui.js"></script> <script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/H-ui.admin.js"></script> <script src="assets/js/bootstrap.min.js"></script>
<script src="assets/layer/layer.js" type="text/javascript"></script> <script src="assets/js/typeahead-bs2.min.js"></script>
<script src="assets/laydate/laydate.js" type="text/javascript"></script> <!-- page specific plugin scripts -->
<script type="text/javascript" src="Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script> <script src="assets/js/jquery.dataTables.min.js"></script>
<script src="js/lrtk.js" type="text/javascript"></script> <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
<title>产品列表</title> <script type="text/javascript" src="js/H-ui.js"></script>
<script type="text/javascript" src="js/H-ui.admin.js"></script>
<script src="assets/layer/layer.js" type="text/javascript" ></script>
<script src="assets/laydate/laydate.js" type="text/javascript"></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> </head>
<body> <body>
<div class=" page-content clearfix"> <div class=" page-content clearfix">
<div id="products_style"> <div id="products_style">
<div class="search_style"> <div class="search_style">
<ul class="search_content clearfix"> <ul class="search_content clearfix">
<li><label class="l_f">文章名称</label><input name="" type="text" class="text_add" placeholder="输入文章名称" <li><label class="l_f">产品名称</label><input name="" type="text" class="text_add" placeholder="输入品牌名称" style=" width:250px"/></li>
style=" width:250px" /></li> <li><label class="l_f">添加时间</label><input class="inline laydate-icon" id="start" style=" margin-left:10px;"></li>
<li><label class="l_f">添加时间</label><input class="inline laydate-icon" id="start" style=" margin-left:10px;"> <li style="width:90px;"><button type="button" class="btn_search"><i class="icon-search"></i>查询</button></li>
</li> </ul>
<li style="width:90px;"><button type="button" class="btn_search"><i class="icon-search"></i>查询</button></li> </div>
</ul> <div class="border clearfix">
</div> <span class="l_f">
<div class="border clearfix"> <a href="picture-add.html" title="添加商品" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加商品</a>
<span class="l_f"> <a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a>
<!-- <a href="picture-add.html" title="添加商品" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加文章</a> --> </span>
<a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a> <span class="r_f">共:<b>2334</b>件商品</span>
</span> </div>
<span class="r_f">共:<b>2334</b>件商品</span> <!--产品列表展示-->
</div> <div class="h_products_list clearfix" id="products_list">
<!--产品列表展示--> <div id="scrollsidebar" class="left_Treeview">
<div class="h_products_list clearfix" id="products_list"> <div class="show_btn" id="rightArrow"><span></span></div>
<div id="scrollsidebar" class="left_Treeview"> <div class="widget-box side_content" >
<div class="show_btn" id="rightArrow"><span></span></div> <div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div>
<div class="widget-box side_content"> <div class="side_list"><div class="widget-header header-color-green2"><h4 class="lighter smaller">产品类型列表</h4></div>
<div class="side_title"><a title="隐藏" class="close_btn"><span></span></a></div> <div class="widget-body">
<div class="side_list"> <div class="widget-main padding-8"><div id="treeDemo" class="ztree"></div></div>
<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> </div>
<div class="table_menu_list" id="testIframe"> </div>
<table class="table table-striped table-bordered table-hover" id="sample-table"> </div>
<thead> </div>
<tr> <div class="table_menu_list" id="testIframe">
<th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th> <table class="table table-striped table-bordered table-hover" id="sample-table">
<th width="80px">文章id</th> <thead>
<th width="250px">文章名称</th> <tr>
<th width="100px">文章关键词</th> <th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
<th width="100px">作者</th> <th width="80px">文章id</th>
<th width="250px">文章名称</th>
<th width="100px">文章关键词</th>
<th width="100px">作者</th>
<th width="100px">文创产品分类</th> <th width="100px">文创产品分类</th>
<th width="180px">发布时间</th> <th width="180px">发布时间</th>
<th width="80px">审核状态</th> <th width="80px">审核状态</th>
<th width="70px">状态</th> <th width="70px">状态</th>
<th width="200px">操作</th> <th width="200px">操作</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></td> <td width="25px"><label><input type="checkbox" class="ace" ><span class="lbl"></span></label></td>
<td width="80px">00001</td> <td width="80px">00001</td>
<td width="250px"><u style="cursor:pointer" class="text-primary" onclick="">杨家将文创产品,关于历史的厚重</u></td> <td width="250px"><u style="cursor:pointer" class="text-primary" onclick="">杨家将文创产品,关于历史的厚重</u></td>
<td width="100px">杨家将</td> <td width="100px">杨家将</td>
<td width="100px">杨家将文创产品官方</td> <td width="100px">杨家将文创产品官方</td>
<td width="100px">实体画册</td> <td width="100px">实体画册</td>
<td width="180px">2023-10-11 14:36</td> <td width="180px">2023-10-11 14:36</td>
<td class="text-l">通过</td> <td class="text-l">通过</td>
<td class="td-status"><span class="label label-success radius">已启用</span></td> <td class="td-status"><span class="label label-success radius">已启用</span></td>
<td class="td-manage"> <td class="td-manage">
<a onClick="member_stop(this,'10001')" href="javascript:;" title="停用" <a onClick="member_stop(this,'10001')" href="javascript:;" title="停用" class="btn btn-xs btn-success"><i class="icon-ok bigger-120"></i></a>
class="btn btn-xs btn-success"><i class="icon-ok bigger-120"></i></a> <a title="编辑" onclick="member_edit('编辑','member-add.html','4','','510')" href="javascript:;" class="btn btn-xs btn-info" ><i class="icon-edit bigger-120"></i></a>
<a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="btn btn-xs btn-warning"><i <a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="btn btn-xs btn-warning" ><i class="icon-trash bigger-120"></i></a>
class="icon-trash bigger-120"></i></a> </td>
</td> </tr>
</tr> <!-- <tr>
<!-- <tr>
<td width="25px"><label><input type="checkbox" class="ace" ><span class="lbl"></span></label></td> <td width="25px"><label><input type="checkbox" class="ace" ><span class="lbl"></span></label></td>
<td width="80px">45631</td> <td width="80px">45631</td>
<td width="250px"><u style="cursor:pointer" class="text-primary" onclick="">小米 Max 全网通 高配版 3GB内存 64GB ROM 金色 移动联通电信4G手机Y</u></td> <td width="250px"><u style="cursor:pointer" class="text-primary" onclick="">小米 Max 全网通 高配版 3GB内存 64GB ROM 金色 移动联通电信4G手机Y</u></td>
@ -265,190 +260,186 @@
</td> </td>
</tr> --> </tr> -->
</tbody> </tbody>
</table> </table>
</div>
</div>
</div> </div>
</div> </div>
</div>
</div>
</body> </body>
</html> </html>
<script> <script>
jQuery(function ($) { jQuery(function($) {
var oTable1 = $('#sample-table').dataTable({ var oTable1 = $('#sample-table').dataTable( {
"aaSorting": [[1, "desc"]],//默认第几个排序 "aaSorting": [[ 1, "desc" ]],//默认第几个排序
"bStateSave": true,//状态保存 "bStateSave": true,//状态保存
"aoColumnDefs": [ "aoColumnDefs": [
//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示 //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
{ "orderable": false, "aTargets": [0, 2, 3, 4, 5, 8, 9] }// 制定列不参与排序 {"orderable":false,"aTargets":[0,2,3,4,5,8,9]}// 制定列不参与排序
] ] } );
});
$('table th input:checkbox').on('click', function () { $('table th input:checkbox').on('click' , function(){
var that = this; var that = this;
$(this).closest('table').find('tr > td:first-child input:checkbox') $(this).closest('table').find('tr > td:first-child input:checkbox')
.each(function () { .each(function(){
this.checked = that.checked; this.checked = that.checked;
$(this).closest('tr').toggleClass('selected'); $(this).closest('tr').toggleClass('selected');
}); });
}); });
$('[data-rel="tooltip"]').tooltip({ placement: tooltip_placement }); $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
function tooltip_placement(context, source) { function tooltip_placement(context, source) {
var $source = $(source); var $source = $(source);
var $parent = $source.closest('table') var $parent = $source.closest('table')
var off1 = $parent.offset(); var off1 = $parent.offset();
var w1 = $parent.width(); var w1 = $parent.width();
var off2 = $source.offset(); var off2 = $source.offset();
var w2 = $source.width(); var w2 = $source.width();
if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right'; if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
return 'left'; return 'left';
} }
}); });
laydate({ laydate({
elem: '#start', elem: '#start',
event: 'focus' event: 'focus'
}); });
$(function () { $(function() {
$("#products_style").fix({ $("#products_style").fix({
float: 'left', float : 'left',
//minStatue : true, //minStatue : true,
skin: 'green', skin : 'green',
durationTime: false, durationTime :false,
spacingw: 30,//设置隐藏时的距离 spacingw:30,//设置隐藏时的距离
spacingh: 260,//设置显示时间距 spacingh:260,//设置显示时间距
}); });
}); });
</script> </script>
<script type="text/javascript"> <script type="text/javascript">
//初始化宽度、高度 //初始化宽度、高度
$(".widget-box").height($(window).height() - 215); $(".widget-box").height($(window).height()-215);
$(".table_menu_list").width($(window).width() - 260); $(".table_menu_list").width($(window).width()-260);
$(".table_menu_list").height($(window).height() - 215); $(".table_menu_list").height($(window).height()-215);
//当文档窗口发生改变时 触发 //当文档窗口发生改变时 触发
$(window).resize(function () { $(window).resize(function(){
$(".widget-box").height($(window).height() - 215); $(".widget-box").height($(window).height()-215);
$(".table_menu_list").width($(window).width() - 260); $(".table_menu_list").width($(window).width()-260);
$(".table_menu_list").height($(window).height() - 215); $(".table_menu_list").height($(window).height()-215);
}) })
/*******树状图*******/ /*******树状图*******/
var setting = { var setting = {
view: { view: {
dblClickExpand: false, dblClickExpand: false,
showLine: false, showLine: false,
selectedMulti: false selectedMulti: false
}, },
data: { data: {
simpleData: { simpleData: {
enable: true, enable:true,
idKey: "id", idKey: "id",
pIdKey: "pId", pIdKey: "pId",
rootPId: "" rootPId: ""
} }
}, },
callback: { callback: {
beforeClick: function (treeId, treeNode) { beforeClick: function(treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("tree"); var zTree = $.fn.zTree.getZTreeObj("tree");
if (treeNode.isParent) { if (treeNode.isParent) {
zTree.expandNode(treeNode); zTree.expandNode(treeNode);
return false; return false;
} else { } else {
demoIframe.attr("src", treeNode.file + ".html"); demoIframe.attr("src",treeNode.file + ".html");
return true; return true;
} }
} }
} }
}; };
var zNodes = [ var zNodes =[
{ id: 1, pId: 0, name: "文章分类列表", open: true }, { id:1, pId:0, name:"商城分类列表", open:true},
{ id: 11, pId: 1, name: "旅游纪念品" }, { id:11, pId:1, name:"蔬菜水果"},
// { id: 111, pId: 11, name: "蔬菜" }, { id:111, pId:11, name:"蔬菜"},
// { id: 112, pId: 11, name: "苹果" }, { id:112, pId:11, name:"苹果"},
// { id: 113, pId: 11, name: "大蒜" }, { id:113, pId:11, name:"大蒜"},
// { id: 114, pId: 11, name: "白菜" }, { id:114, pId:11, name:"白菜"},
// { id: 115, pId: 11, name: "青菜" }, { id:115, pId:11, name:"青菜"},
{ id: 12, pId: 1, name: "动漫游戏" }, { id:12, pId:1, name:"手机数码"},
// { id: 121, pId: 12, name: "手机 " }, { id:121, pId:12, name:"手机 "},
// { id: 122, pId: 12, name: "照相机 " }, { id:122, pId:12, name:"照相机 "},
{ id: 13, pId: 1, name: "影视音像" }, { id:13, pId:1, name:"电脑配件"},
// { id: 131, pId: 13, name: "手机 " }, { id:131, pId:13, name:"手机 "},
// { id: 122, pId: 13, name: "照相机 " }, { id:122, pId:13, name:"照相机 "},
{ id: 14, pId: 1, name: "书画艺术" }, { id:14, pId:1, name:"服装鞋帽"},
// { id: 141, pId: 14, name: "手机 " }, { id:141, pId:14, name:"手机 "},
// { id: 42, pId: 14, name: "照相机 " }, { id:42, pId:14, name:"照相机 "},
{ id: 15, pId: 1, name: "传媒出版" }, ];
{ id: 16, pId: 1, name: "工艺美术" },
];
var code; var code;
function showCode(str) { function showCode(str) {
if (!code) code = $("#code"); if (!code) code = $("#code");
code.empty(); code.empty();
code.append("<li>" + str + "</li>"); code.append("<li>"+str+"</li>");
} }
$(document).ready(function () { $(document).ready(function(){
var t = $("#treeDemo"); var t = $("#treeDemo");
t = $.fn.zTree.init(t, setting, zNodes); t = $.fn.zTree.init(t, setting, zNodes);
demoIframe = $("#testIframe"); demoIframe = $("#testIframe");
demoIframe.bind("load", loadReady); demoIframe.bind("load", loadReady);
var zTree = $.fn.zTree.getZTreeObj("tree"); var zTree = $.fn.zTree.getZTreeObj("tree");
zTree.selectNode(zTree.getNodeByParam("id", '11')); zTree.selectNode(zTree.getNodeByParam("id",'11'));
}); });
/*产品-停用*/ /*产品-停用*/
function member_stop(obj, id) { function member_stop(obj,id){
layer.confirm('确认要停用吗?', function (index) { layer.confirm('确认要停用吗?',function(index){
$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="icon-ok bigger-120"></i></a>'); $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="icon-ok bigger-120"></i></a>');
$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>'); $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
$(obj).remove(); $(obj).remove();
layer.msg('已停用!', { icon: 5, time: 1000 }); layer.msg('已停用!',{icon: 5,time:1000});
}); });
} }
/*产品-启用*/ /*产品-启用*/
function member_start(obj, id) { function member_start(obj,id){
layer.confirm('确认要启用吗?', function (index) { layer.confirm('确认要启用吗?',function(index){
$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="icon-ok bigger-120"></i></a>'); $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="icon-ok bigger-120"></i></a>');
$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>'); $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
$(obj).remove(); $(obj).remove();
layer.msg('已启用!', { icon: 6, time: 1000 }); layer.msg('已启用!',{icon: 6,time:1000});
}); });
} }
/*产品-编辑*/ /*产品-编辑*/
function member_edit(title, url, id, w, h) { function member_edit(title,url,id,w,h){
layer_show(title, url, w, h); layer_show(title,url,w,h);
} }
/*产品-删除*/ /*产品-删除*/
function member_del(obj, id) { function member_del(obj,id){
layer.confirm('确认要删除吗?', function (index) { layer.confirm('确认要删除吗?',function(index){
$(obj).parents("tr").remove(); $(obj).parents("tr").remove();
layer.msg('已删除!', { icon: 1, time: 1000 }); layer.msg('已删除!',{icon:1,time:1000});
}); });
} }
//面包屑返回值 //面包屑返回值
var index = parent.layer.getFrameIndex(window.name); var index = parent.layer.getFrameIndex(window.name);
parent.layer.iframeAuto(index); parent.layer.iframeAuto(index);
$('.Order_form').on('click', function () { $('.Order_form').on('click', function(){
var cname = $(this).attr("title"); var cname = $(this).attr("title");
var chref = $(this).attr("href"); var chref = $(this).attr("href");
var cnames = parent.$('.Current_page').html(); var cnames = parent.$('.Current_page').html();
var herf = parent.$("#iframe").attr("src"); var herf = parent.$("#iframe").attr("src");
parent.$('#parentIframe').html(cname); parent.$('#parentIframe').html(cname);
parent.$('#iframe').attr("src", chref).ready();; parent.$('#iframe').attr("src",chref).ready();;
parent.$('#parentIframe').css("display", "inline-block"); parent.$('#parentIframe').css("display","inline-block");
parent.$('.Current_page').attr({ "name": herf, "href": "javascript:void(0)" }).css({ "color": "#4c8fbd", "cursor": "pointer" }); 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.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>");
parent.layer.close(index); parent.layer.close(index);
}); });
</script> </script>

@ -10,6 +10,9 @@
<link href="assets/css/codemirror.css" rel="stylesheet"> <link href="assets/css/codemirror.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ace.min.css" /> <link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="font/css/font-awesome.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="js/jquery-1.9.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/typeahead-bs2.min.js"></script> <script src="assets/js/typeahead-bs2.min.js"></script>
@ -46,7 +49,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<!-- <tr> <tr>
<td>1233</td> <td>1233</td>
<td>admin</td> <td>admin</td>
<td>超级管理员</td> <td>超级管理员</td>
@ -94,9 +97,10 @@
<td>超级管理员</td> <td>超级管理员</td>
<td>添加商品名称我的用凤凰花刮大风</td> <td>添加商品名称我的用凤凰花刮大风</td>
<td>2016-5-26</td> <td>2016-5-26</td>
</tr> --> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save