登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
1 Star 0 Fork 22

新火燎塬/二当家的素材网后台系统源码

forked from 二当家的/二当家的素材网后台系统源码 
代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
克隆/下载
Orderform.html 19.20 KB
一键复制 编辑 原始数据 按行查看 历史
二当家的 提交于 2017-08-30 15:40 . 1、修改样式兼容IE7和360极速模式浏览器
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
<!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>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
PHP
1
https://gitee.com/wangxinyuan/erdangjiade.com.git
git@gitee.com:wangxinyuan/erdangjiade.com.git
wangxinyuan
erdangjiade.com
二当家的素材网后台系统源码
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部