tmzn
/
jinzaifoodadmin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set value="<%=request.getContextPath()%>" var="ctx"></c:set>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产码记录信息列表</title>
    <meta name="keywords" content="关键字">
    <meta name="description" content="描述">
     <link href="${ctx}/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${ctx}/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <!-- Data Tables -->
    <link href="${ctx}/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="${ctx}/css/animate.css" rel="stylesheet">
    <link href="${ctx}/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="${ctx}/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
        <!-- 全局js -->
    <script src="${ctx}/js/jquery.min.js?v=2.1.4"></script>
    <script src="${ctx}/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="${ctx}/js/jquery.validate.min.js?v=2.1.4"></script>
<%--     <script src="${ctx}/js/plugins/jeditable/jquery.jeditable.js"></script>
 --%>
    <!-- Data Tables -->
    <script src="${ctx}/js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="${ctx}/js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="${ctx}/js/plugins/layer/layer.min.js"></script>
    <!-- 自定义js -->
    <script src="${ctx}/js/content.js?v=1.0.0"></script>
    <script src="${ctx}/js/plugins/sweetalert/sweetalert.min.js"></script>
    <%-- <script src="${ctx}/js/areaList/areaList.js"></script> --%>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <div class="row">
                           <div class="col-sm-12">
                                <h3>产码记录表</h3>
                           </div>
                        </div>
                    </div>
                    <div class="ibox-content ">
                        <div id="progressBar" class="sk-spinner sk-spinner-wave" >
                            <div class="sk-rect1"></div>
                            <div class="sk-rect2"></div>
                            <div class="sk-rect3"></div>
                            <div class="sk-rect4"></div>
                            <div class="sk-rect5"></div>
                        </div>
                        <table class="table table-striped table-bordered table-hover dataTables-example text-center">
                            <thead>
                                <tr>
                                    <th class="text-center">序号</th>
                                    <th class="text-center">品名</th>
<!--                                     <th class="text-center">编码前缀</th> -->
<!--                                     <th class="text-center">开始编号</th> -->
<!--                                     <th class="text-center">结束编号</th> -->
                                    <th class="text-center">产码数量</th>
                                    <th class="text-center">产码时间</th>
<!--                                     <th class="text-center">启用时间</th>                                     -->
<!--                                     <th class="text-center">区域</th> -->
<!--                                     <th class="text-center">配奖方案</th> -->
<!--                                     <th class="text-center">状态</th> -->
<!--                                     <th class="text-center">操作</th> -->
                                </tr>
                            </thead>
                            <tbody>                             
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 显示发货单详细信息 model-->
	<div class="modal inmodal in" id="myModal" tabindex="-1" role="dialog"
		aria-hidden="false">
		<div class="modal-header">
			<h2 class="modal-title" id="hwCount">操作进行中....</h2>
			<div id="progressBar2" class="sk-spinner sk-spinner-wave" >
	             <div class="sk-rect1"></div>
	             <div class="sk-rect2"></div>
	             <div class="sk-rect3"></div>
	             <div class="sk-rect4"></div>
	             <div class="sk-rect5"></div>
	         </div>
		</div>		
	</div>    
    <script>
    var table = null;
    $(function() {
		table = $('.dataTables-example')
				.DataTable(
						{
							"bPaginate" : true,//翻页功能
							"bSort" : false,//排序功能
							"bStateSave":false,
							"iDisplayLength" : 10,//每页显示的行数
							'bLengthChange' : false, //是否允许用户自定义每页显示条数。
							"bProcessing" : false, // 是否显示取数据时的那个等待提示
							"bServerSide" : true,//这个用来指明是通过服务端来取数据
							"sAjaxSource" : "./recordListFound",//这个是请求的地址
							"fnServerData" : retrieveData, // 获取数据的处理函数
							"oLanguage" : {
								"sSearch" : "查找<font color='#999'>()</font>&#8194:&#8194;",
							},
							"aoColumns" : [
									{
										"sClass" : "center",
										"bSearchable" : true,
										"aTargets" : [ 0 ],
										"mRender" : function(
												data, type,
												full) {
											return full.sequenceNumber;
										}
									},
									{
										"sClass" : "center",
										"mRender" : function(
												data, type,
												full) {
											if (full.typeName == null) {
												return '';
											}else{
												return full.typeName;
											}
										}
									},
// 									{
// 										"sClass" : "center",
// 										"mRender" : function(
// 												data, type,
// 												full) {
// 											if (full.prefix == null) {
// 												return '';
// 											} else {
// 												return full.prefix;
// 											}
// 										}
// 									},
// 									{
// 										"sClass" : "center",
// 										"mRender" : function(
// 												data, type,
// 												full) {
// 											if (full.id_begin == null) {
// 												return '';
// 											} else {
// 												return full.id_begin;
// 											}
// 										}
// 									},
// 									{
// 										"sClass" : "center",
// 										"mRender" : function(
// 												data, type,
// 												full) {
// 											if (full.id_end == null) {
// 												return '';
// 											} else {
// 												return full.id_end;
// 											}
// 										}
// 									},
									{
										"sClass" : "center",
										"mRender" : function(
												data, type,
												full) {
											if (full.number == null) {
												return '';
											} else {
												return full.number;
											}
										}
									},
									{
										"sClass" : "center",
										"mRender" : function(
												data, type,
												full) {
											if (full.create_time == null) {
												return '';
											} else {
												return full.create_time;
											}
										}
									}]
						});
	});

	//分页方法
	function retrieveData(sSource, aoData, fnCallback) {
		var dataArr = eval("[" + JSON.stringify(aoData) + "]");

		$.ajax({
			url : sSource, //这个就是请求地址对应sAjaxSource
			data : {
				"aoData" : JSON.stringify(dataArr)
			},//这个是把datatable的一些基本数据传给后台,比如起始位置,每页显示的行数
			type : 'post',
			dataType : 'json',
			async : false,
			beforeSend : function(XMLHttpRequest) {
				//alert('ss');
				$('#progressBar').show();
			},
			success : function(result) {
				fnCallback(result);//把返回的数据传给这个方法就可以了,datatable会自动绑定数据的
				$('#progressBar').hide();
			},
			error : function(msg) {
				layer.msg('数据加载失败');
			}
		});
	}
	
	function jihuo(id){
		      layer.open({
		          type:1,
		          title:"激活",
		          area:['550px','250px'],
		          btn:['添加','取消'],
		          yes:function(){
		        	  layer.load();
		              var product = $("#area").val();
		              $.ajax({
		                  type:'POST',
		                  url:'jihuo',
		                  data:{
		                	  id:id,
		                	  product:product
		                  },
		                  dataType:'json',
		                  success:function(data){
		                	  layer.closeAll();
		                      if(data.status){
		                          layer.closeAll();
		                          layer.msg("绑定成功");
		                      }else{
		                          layer.msg(data.msg);
		                          return false;
		                      }
		                  },
		                  error:function(data){
		                      layer.msg("服务器繁忙,请稍后再试");
		                  }
		              });
		          },
		          closeBtn:1,
		          shade:0.5,
		          anim:1,
		          content: '<div class=\"ibox-content\">\
			          <form class=\"form-horizontal wrapper-content\" method=\"post\">\
			          <div class=\"form-group\">\
			          <label class=\"col-sm-4 control-label\"><span class=\"text-danger\">*</span>区域：</label>\
			          <div class=\"col-sm-5\">\
			          <select class=\"form-control\" name=\"product\" id=\"area\" >'+buildProductHtml()+'</select>\
			          </div>\
			          </div>\
			          </form>\
			          </div>'
		          
		      });

	}
	var areas = ${areas};
	
	function buildProductHtml(){
		var html = "";
		for(var i=0;i<areas.length;i++){
			var area = areas[i]
				html += '<option value="'+area.id+'">'+area.area_name+'</option>';
		}
		return html;
	}
	function changeValid(id,valid,obj){		
		if(valid == 0){//禁用
			setValid1(id,valid);
		}else if(valid == 1){
			setValid2(id,valid,obj)
		}else{
			layer.msg('数据加载错误');
		}	
	}
	
	function updateArea(id,obj){	
		var config_id = $(obj).parent().prev().prev().children("select.form-control").first().val();
		
		$.ajax({
			url:'./updateArea',
			data:{'id':id,"config_id":config_id},
			type:'post',
			beforeSend : function(data) {
				//alert('ss');
				$('#myModal').show();
			},
			error:function(data){
				swal("操作失败！", 'connection error!', "error");
			},
			success:function(data){
				swal("操作成功！", "您已经更新了这条信息", "success");
				updateCache();
				$('#myModal').hide();
				table.draw(false);
			}
		})
	}
	
	//删除信息
	function setValid1(id,valid) {		
        swal({
            title: "您确定要禁用这条信息吗",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "禁用",
            cancelButtonText: "取消",
            closeOnConfirm: false
        }, function () {
			$.ajax({
				url:'./setValid',
				data:{'id':id,'valid':valid},
				type:'post',
				error : function(data) {
					swal("操作失败！", data.message, "error");
				},
				success : function(data) {
					if (data.state==1) {
						swal("操作成功！", "您已经禁用了这条信息", "success");
						updateCache();
						table.draw(false);
					} else {
						swal("操作失败！", data.message, "error");
					}
				}
			});                
        });
    }
	
	//启用
	function setValid2(id,valid,obj){
		var config_id = $(obj).parent().prev().prev().children("select.form-control").first().val();
		
		$.ajax({
			url:'./setValid',
			data:{'id':id,'valid':valid,"config_id":config_id},
			type:'post',
			beforeSend : function(data) {
				//alert('ss');
				$('#myModal').show();
			},
			error:function(data){
				swal("操作失败！", 'connection error!', "error");
			},
			success:function(data){
				swal("操作成功！", "您已经启用了这条信息", "success");
				$('#myModal').hide();
				updateCache();
				table.draw(false);
			}
		})
	}
	
	function updateCache(){
		var iframe = document.createElement("iframe");
		iframe.src = "http://pg.qlima.vip/p/cache/updateHbConfig";
		document.body.appendChild(iframe);
		iframe.style.position = "absolute";
		iframe.style.left = "-1000px";
		iframe.style.top = "-1000px";
		setTimeout(function(){
			document.body.removeChild(iframe);
		},4000);
	}
    </script>
</body>
</html>