wangyong
/
shiziyu18


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>团长配送清单</title>
    <link rel="stylesheet" href="__PUBLIC__/css/forms.css">
    <script src="__PUBLIC__/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="./resource/js/lib/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="./resource/js/lib/bootstrap.min.js"></script>
	<style>
		.w794{width:794px;margin: 0px auto;}
		.tdleft{text-align:left;width:50%;font-size:16px;}
		.bold{font-weight:bold;}
		.pd2{padding-left:0px;}
		td, th{padding:0px;font-size:15px;}
		  @media print {
			.noprint{
			  display: none;
			}
		  }
		    .tpinfo {
				min-height: 62px;
				border-bottom: 1px solid #000;
				word-break: break-all;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.tpinfo.last {
				border-bottom: 0 none;
			}
			.tDiv {
				padding: 10px;
				text-align: center;
				word-break: break-all;
			}
		  .PageNext{page-break-after: always;}

	</style>
  <style media="print">
	  @page {
		  size: auto;  /* auto is the initial value */
		  margin: 0mm; /* this affects the margin in the printer settings */
	  }
  </style>
  </head>
  <body> 
	<div style="width:100%;margin:0px auto;">
		<!-- 弹窗 -->
		<div id="showdiv" style="width: 40%; margin: 0 auto; height: 100px; border: 1px solid #999; display: none; position: absolute; top: 40%; left: 35%; z-index: 3; background: #fff">
		  <!-- 标题 -->
		  <div style="background: #F8F7F7; width: 100%; height: 2rem; font-size: 0.65rem; line-height: 2rem; border: 1px solid #999; text-align: center;" >
			提示
		  </div>
		  <!-- 内容 -->
		  <div style="text-indent: 50px; height: 80px; font-size: 16px;color:red;  line-height: 60px; " id="print_content_tip">
			还剩{$count}个团长相关订单未生成，请勿刷新.....
		  </div>
		  <!-- 按钮 -->
		</div>
		
		<div class="w794 noprint">
			<a href="javascript:;" data-confirm='配送订单统计打印一次后，系统不再进行统计和打印配送清单，是否确认打印配送清单？' data-toggle="ajaxModal" >立即打印</a>
		</div>
		
		<div id="print_content">
		</div>
		<div class="w794 noprint">
			<a href="javascript:;" data-confirm='配送订单统计打印一次后，系统不再进行统计和打印配送清单，是否确认打印配送清单？' data-toggle="ajaxModal" >立即打印</a>
		</div>
	</div>
<script src="/layuiadmin/layui/layui.js"></script>

<script>
    layui.config({
        base: '/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use('index');
</script>

<script>
var layer = layui.layer;
var $;

layui.use(['jquery', 'layer','form'], function(){ 
    $ = layui.$;
    var form = layui.form;
	
	$("[data-toggle='ajaxModal']").click(function () {
        var s_url = $(this).attr('data-href');
		ajax_url = s_url;
	  
	   //layer.confirm($(this).attr('data-confirm'), function(index){
			window.print();
			layer.closeAll('dialog');
	   //})
	   	
    });	
	});	
</script>
	
<script>
	var s_page = 1;
	var s_count = {$count};
	  function showWindow() {
		$('#showdiv').show();  //显示弹窗
	  }
	$(function(){
		showWindow();
		load_data();
	})
	
	function load_data()
	{
		$.ajax({
			url:"{:U('Delivery/delivery_allprint_order_do', array('searchtime' => $searchtime, 'starttime' => $starttime, 'endtime' => $endtime ,'type' => $type))}",
			type:'get',
			data:{page:s_page},
			dataType:'json',
			success:function(ret){
				if(ret.code == 1)
				{
					alert('生成完毕，可以打印');
					$('#showdiv').remove(); 
					return false;
				}else if(ret.code == 0) {
					s_page++;
					s_count = s_count -10;
					if(s_count < 0)
					{
						s_count= 0;
					}
					$('#print_content_tip').html('还剩'+s_count+'个团长相关订单未生成，请勿刷新.....');
					//$('#print_content').append(ret.html);
					
					$("#print_content").append(ret.html);
					
					setTimeout(load_data(), 1000 );
				}
			}
		})
	}
	</script>
  </body>
</html>