xiaoben-as2-php/protected/views/print/mainly_revision.php

<style>
    .nav-btns{
        margin: 10px 20px;
    }
    .nav-btns>a{
        display: inline-block;
        width: 120px;
        border: 1px solid #40c180;
        text-align: center;
        line-height: 30px;
    }
    .active{
        color: #fff;
        background-color: #40c180;
        
    }
    .btn-garder{
        margin-right: 10px;
        display: inline-block;
        width: 100px;
        border: none;
        text-align: center;
        line-height: 30px;
        color: #fff;
        background-color: #40c180;
    }
    .confirmbox {
        background: #fff;
        border: 1px solid #cccccc;
        border-radius: 3px;
        padding: 40px 40px 30px;
        text-align: center;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }

    .confirmbox-mask {
        background: rgba(0, 0, 0, .7);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 99;
        position: fixed;
    }
    .btn_area button {
        border: none;
        background: #009965;
        width: 111px;
        height: 36px;
        border-radius: 3px;
        font-size: 14px;
        color: #fff;
        outline: none;
        cursor: pointer;
    }

    .btn_area button.save {
        display: block;
        margin: 40px auto;
    }
    .confirmbox .confirmbox-btns {
        margin-top: 40px;
    }

    .class-modal-body .classes {
        margin-bottom: 10px;

    }

    .class-modal-body .classes > div {
        display: inline-block;
        max-width: 640px;
        vertical-align: top;
    }

    .class-modal-body .classes a {
        text-decoration: none;
        display: inline-block;
        margin: 0 5px 5px;
        color: #136bfb;
        font-size: 14px;
    }

    .class-modal-body .classes a.active {
        color: #fc091b
    }
    .class-modal .icon-close{
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .class-modal-1 {
        width: auto;
        background: #fff;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .class-modal-head-1 {
        font-size: 14px;
        text-align: left;
        color:#fff;
        line-height:30px;
        background: #2977ff;
        padding-left:15px;
    }
    .class-modal-body-1{
        padding:15px;

    }
    .class-modal-body-1 h2,.class-modal-body-1 h3{
        font-size:14px;
        font-weight:normal;
        margin-top:10px;

    }
    .class-modal-body-1 h3 span{
        font-size:10px;
        color:#ccc;
    }
    .class-modal-body-1 label{
        display: inline-block;
        font-weight: normal;
        margin-right: 15px;
        height:30px;
        position: relative;
    }

    .class-modal-1 .icon-close-1{
        position: absolute;
        right: 10px;
        top:5px;
    }
    .class-modal-1 .class_area{
        height:115px;
        border:1px solid #ccc;
        padding:5px;
        overflow-y: auto;
        margin-bottom:15px;
    }
    .class-modal-1 .checkAll{
        position:absolute;
        right:5px;
        top:115px;
    }
    .class-modal-1 .subsection{

    }
    .class-modal-1 .btn p{color:#000;}
    .class-modal-1 .btn_area{
        padding: 10px;
        border-top: 1px solid #aab6aa;
        margin-top:10px;
    }
    .class-modal-1 .btn_area p{
        display: inline-block;
    }
    .class-modal-1 .btn_area button{
        margin-left:5px;
    }
    .class-modal-1 .btn_area .cancel{
        background: #fff;
        color:#000;
        border:1px solid #666;
    }

    .c-red-1 {
        color: #CC3300;
        font-size:10px;
        display: inline-block;
        position:absolute;
        left:15px;
        top:18px;
    }

    .vtm{vertical-align: middle;}
    .pointer{cursor: pointer;}
    .dib{display: inline-block;}

    .pdp-con .pop-opt-con{border-top: 1px solid #ddd;padding-top: 20px;}

    .tit-sub-intro{color: #666;}
    .tit-sub-intro span{font-size: 12px;}
    .subsection{width: 44px;height: 24px;border: 1px solid #ddd;text-align: center;font-size: 12px;}
    .reduce-btn,.add-btn{width: 16px;height: 16px;line-height: 16px;text-align: center;color: #16AE68;border: 1px solid #16AE68;border-radius: 3px;font-size: 16px;font-weight: bold;margin-right: 6px;}
    .reduce-btn.forbidden,.add-btn.forbidden{color: #bbb;border: 1px solid #bbb;cursor: no-drop;}
</style>   
<script type="text/javascript">
function in_array(search, array){
    for(var i in array){
        if(array[i]==search){
            return true;
        }
    }
    return false;
}

testFlag = "<?php echo $this->testFlag;?>";
customTplsIds = new Array();
var i = 0;
<?php foreach(Yii::app()->params["custom_tpls_ids"] as $tplId){?>
	customTplsIds[i] = "<?php echo $tplId;?>";
	i++;
<?php }?>

jQuery(document).ready(function(){
		
	// 根据年级筛选班级
	jQuery("#grade").change(function(){
		var grade = $(this).val();
		if (!grade) return false;
		
		jQuery.post(
			'<?php echo $this->createUrl("print/getGradeClass");?>',{"grade": grade},function(data){
				data = JSON.parse(data);
				if(data.success == 1){
					var classObj = $("#class");
					var html = "<option value=''>全部班级</option>";
					classObj.empty();
					$.each(data.message,function(i,n){
						html +=  "<option value='"+n.class_id+"'>" + n.class_name + "</option>";
					});
					classObj.append(html);
				}
			}
		);
	});
});
</script>

<link rel="stylesheet" href="/fonts/fpdf/iconfont.css" />
<div class="main-content-inner">
    <!--    导航栏开始-->
    <?php include(Yii::app()->basePath.'/views/layouts/view_production_navigation.php');?>
    <!--    导航栏结束-->

    <div class="nav-btns">
        <a href="<?php echo $this->createUrl("print/sub_index/type/third_isp"); ?>">个性化学习宝</a><a href="<?php echo $this->createUrl("print/mrv");?>">晨读词汇</a>
            </div>
	<div class="page-content">
		<div class="row" style="margin:0px;">
			<div class="col-xs-12">
				<!-- PAGE CONTENT BEGINS -->

				<div id="dynamic-table_wrapper" class="dataTables_wrapper form-inline no-footer">
					<div class="row">
						<form method="get" id="form1" action="<?php echo $this->createUrl("print/mainly_revision");?>">
							<div class="col-xs-12">
								<div class="dataTables_length margin-zy clearfix">

									<select class="form-control" id="grade" name="grade">
										<option value="">年级</option>
										<option value="1" <?php if($grade == 1) echo "selected";?>>高一</option>
										<option value="2" <?php if($grade == 2) echo "selected";?>>高二</option>
										<option value="3" <?php if($grade == 3) echo "selected";?>>高三</option>
									</select>
									<select class="form-control" id="class" name="classId">
										<option value="">全部班级</option>
										<?php foreach($classes as $class){?>
											<option <?php if((string)$classId === (string)$class["class_id"]) echo "selected=selected";?> value="<?php echo $class["class_id"];?>"><?php echo $class["class_name"];?></option>
										<?php }?>
									</select>
									<input type="text" class="form-control input-sm" placeholder="请输入打印任务名称" name="name" value="<?php echo $printName;?>">

									<button class="label-primary-s bth-s" id="search" style="padding:4px 12px;">搜索</button>
                                                                        <span class="fr ">  
                                                                        <span style="font-size:13px;padding-left:2px;color:red;">
                                                                            提示：阶段复习生成时间可自定义设置
									</span>
                                                                        <a href="<?php echo $this->createUrl("print/setting_mainly");?>" class="btn-garder">设置</a>
                                                                        <a id="selectPrint" href="javascript:void(0);" class="btn-garder">发送云印任务</a>
                                                                        </span> 
								</div>
							</div>
						</form>
						
					</div>
					<table id="dynamic-table" class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable" style="font-size:12px">
						<thead>
							<tr>
                                <th class="center">
                                    <input type="checkbox" class="ace selectAll"  />
                                </th>
								<th>名称</th>
								<th>班级</th>
                                                                <th>已生成／总数</th>
                                                                <th>是否下载</th>
                                                                <th>下载时间</th>
								<th >操作</th>
							</tr>
						</thead>
						<tbody>
							<?php if(!empty($printList)):foreach($printList as $cl):?>
							<tr>
                                <td>
                                    <?php if(Yii::app()->cache->getValue("cloud_print_task_month_revision".$cl['month_id']) != 1){?>
                                        <input type="checkbox"  class="ace myselect" value="<?php echo $cl['month_id'];?>">
                                    <?php }?>
                                </td>
								<td style="max-width:260px">
                                                                    <?php echo $cl['name'];?>

									</td>

								<td style="max-width:100px"><?php echo $cl['class_name'];?></td>
								<td><?php echo $cl['pdfCount'].'/'.$cl['totalCount'];?></td>
                                                                <td><?php if($cl['isDown']){echo '是';}else{echo '否';}?></td>
                                                                <td><?php echo $cl['downTime'];?></td>
								<td style="width:265px;">
                                                                    <span class="iconfont click-sc addbx" aria-hidden="true" title="下载个性化学习宝" onclick="printWeek('<?php echo (string)$cl['month_id'];?>')">&#xe6bb;</span>
                                                                <span class="iconfont click-sc addbx" aria-hidden="true" title="选择学生下载个性化学习宝" onclick="javascript:location.href='<?php echo $this->createUrl('print/selectStuByMainly',array('monthId'=>(string)$cl['month_id']));?>'">&#xe668;</span>
                                    <!-- 发送云印任务 -->
                                    <span class="iconfont click-sc addbx" <?php if(Yii::app()->cache->getValue("cloud_print_task_month_revision".$cl['month_id']) == 1) echo 'style="background-color:gray"';?> aria-hidden="true" title="<?php if(Yii::app()->cache->getValue("cloud_print_task_month_revision".$cl['month_id']) == 1){echo '24小时内不可重复发送';}else{echo '发送云印任务';}?>" onclick="sendCloudTask('<?php echo $cl['month_id'];?>',<?php echo Yii::app()->cache->getValue("cloud_print_task_month_revision".$cl['month_id']) == 1 ? 1 :0;?>)">云</span>
								</td>
							</tr>
							<?php endforeach;else:?>
								<tr><td colspan="8">暂无数据！</td></tr>
							<?php endif;?>
						</tbody>
					</table>

					<?php if(!empty($page_total)):?>
					<div class="row">
						<div class="col-xs-6">
							&nbsp;
						</div>
						<div class="col-xs-6">
							<div class="dataTables_paginate paging_simple_numbers">				
								<?php 
									$this->widget('CLinkPager', array(
										'header'	=>	'',
										'firstPageLabel'=>	'首页',
										'lastPageLabel'	=> '末页',
										'prevPageLabel'	=> '上一页',
										'nextPageLabel'	=> '下一页',
										'pages'			=> $pages,
										'maxButtonCount'=> 5,
										));
									echo '共：'.$page_total.'条';
								 ?>
							</div>
						</div>
					</div>
					<?php endif;?>
				</div>
				
				<!--上传模板弹窗-->

                <!--发送云印任务弹窗-->
                <div class="confirmbox-mask"  id="classModal-1" style="display: none;">
                    <div class="class-modal-1">

                        <i class="icon icon-close-1" style="color: white">X</i><div class="class-modal-head-1">发送云印任务</div>
                        <div class="class-modal-body-1">
                            <div>
                                <span>亲爱的学管：您正在发起云印任务，请核对以下云印任务数据！</span>
                                <span style="float: right;">共<i id="task_count">0</i>条任务，<i id="total_print_num">0</i>份云印任务</span>
                            </div>

                            <table style="margin-top: 15px;" class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable">
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>任务名称</th>
                                    <th>班级</th>
                                    <th>完成日期</th>
                                    <th>已生成/已开通/可下载</th>
                                    <th>已下载</th>
                                    <th>云印份数</th>
                                    <th>备注</th>
                                </tr>
                                </thead>
                                <tbody id="taskList">

                                </tbody>
                            </table>
                            <div style="margin-top: 40px;">
                                <span><img width="20px" height="20px" src="/images/icon-tip.svg">发送后，请至学管端【IMS-云印任务】模块查看任务进程，请等待云印中心打印后，寄回给学校！</span>
                                <span style="margin-left:15px;float: right;"><input id="filter-uploaded" checked="checked" type="checkbox">过滤【已下载】的学生</span>
                            </div>
                            <div class="btn_area" style="text-align: center;">
                                <input type="hidden" id="sendJson" name="sendJson" value="">
                                <button id="sendCloudPrint" class="download">发送</button>
                                <button class="cancel">取消</button>
                            </div>
                        </div>

                    </div>
                </div>
				<!-- PAGE CONTENT ENDS -->
			</div>
		</div>
	</div>
</div>
<script src="/js/jquery.ajaxfileupload.js"></script>
<script type="text/javascript">
	$(document).ready(function(){

	});

function objToJson(obj){
    var json = "{ ";
    for(var item in obj){
        json += "'"+item+"':'"+obj[item]+"',";
    }
    json += " }";
	
	return json;
}

	function ccc(){
		layer.msg('敬请期待！', {
			time: 0,
			btn: ['确定', '取消'],
			yes: function(index){
				layer.close(index);
				return false;
			}
		});	
	}

	// 搜索事件
	$("#search").click(function(){
		$("#form1").submit();
	});
        function printWeek(monthId){
            if (!monthId) {
                layer.msg("打印参数有误");return;
            }
		
            var message = "您确定要下载该班级个性化学习宝吗？";
            var objUrl  = '';
		
		html = ""+
			'<div style="padding:20px 30px 0px 30px">'+
				'<div style="padding:8px 0;">请复制下方链接下载个性化学习宝。</div>'+
				'<div id="downloadUrl" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:455px;"></div>'+
				'<div class="row" style="margin:30px auto 0px auto;text-align:center"><button id="confirm" class="label-primary-s bth-s" style="padding:4px 12px;margin:5px 0 10px 15px;background:gray;border-color:gray;">关闭</button>'+
				'</div>'+
			'</div>'+
		"";
		
		layer.msg(message, {
			time: 0,
			btn: ['确定', '取消'],
			yes: function(index){
				layer.close(index);
				
				msgIndex = layer.msg("下载中请稍后...", {"time": 3600000});
				
				startTime = (new Date()).getTime();
				showTip = true;
				tipShowed = false;
				toPromptTime = 3000;
				
				window.interval = setInterval(function(){
					execTime = (new Date()).getTime() - startTime;
					
					if(execTime > toPromptTime && showTip && !tipShowed){
						msgIndex = layer.msg("该文件较大，请耐心等待...", {"time": 3600000});
						tipShowed = true;
					}
				}, 1000);
				
				jQuery.get(
					"<?php echo $this->createUrl("print/getEnglishFileMonth");?>",
					{"monthId": monthId},
					function(data){
						data = JSON.parse(data);
						
						if(data.success == 1||data.success == 2){
							layer.open({
								type: 1,
								area: ['550px', '220px'],
								title: "下载个性化学习宝", 
								content: html,
								success: function(index, layerObj){
                                                                        clearInterval(window.interval);
                                                                        msgIndex = layer.msg(data.limitinfo, {"time": 3000});
									clearInterval(window.interval);
									layer.close(msgIndex);
									
									jQuery("#downloadUrl").html('下载地址：<span style=""><input id="url" type="text" size="40" readonly value="'+data.downloadPath+'" /></span><button id="copy" class="label-primary-s bth-s" style="padding:4px 12px;margin:5px 0 10px 15px;">全选</button>');
									
									jQuery("#confirm, #cancel").on("click", function(){
										layer.close(layerObj);
									});
									
									jQuery("#copy").on("click", function(){
										jQuery("#url").select();
									});
								},
								end: function(){
									
								}
							});
						}
						else if(data.success == 0){
							clearInterval(window.interval);
							msgIndex = layer.msg(data.message, {"time": 3000});
						}
					}
				);
			}
		});
        }

    //发送云印任务
    function sendCloudTask(monthId,isDisable){
        if(isDisable === 1){
            return false;
        }
        //$('.confirmbox-mask').show();return false;
        if (!monthId) {
            layer.msg("参数有误");return;
        }

        var saveDataAry=[];
        var data1={"monthId": monthId};

        saveDataAry.push(data1);
        $.ajax({
                type: "POST",
                url: "<?php echo $this->createUrl("printCloud/generateMainlyRevision");?>",
                dataType: "json",
                contentType: "application/json",
                data: JSON.stringify(saveDataAry),
                beforeSend:function(){
                    layer.load(1, {
                        shade: [0.1,'#fff'] //0.1透明度的白色背景
                    });
                },
                success:function(data) {
                    var index = layer.load();
                    layer.close(index);
                    if (data.status == 1) {
                        $('#sendJson').attr('value', JSON.stringify(data));
                        var con = '';
                        var task_count = 0;
                        var totalCount = 0;
                        $.each(data.data, function(index, item) {
                            var one_count = item.enable_download_count - item.download_count;
                            totalCount += (one_count>0?one_count:0);
                            if((item.enable_download_count - item.download_count)>0) {
                                task_count += 1;
                            }
                            con += '<tr><td>' + (index + 1) + '</td><td>' + item.taskName + '</td><td>' + item.clazzName + '</td><td>' + item.complete_time + '</td><td>'
                                + item.generate_count + '/' + item.dredge_count + '/' + '<i style="color: green">' + item.enable_download_count + '</i><input type="hidden" name="drege_count" value="'+ item.enable_download_count  +'"></td><td>'
                                + item.download_count + '</td><td>' + (one_count>0?one_count:0) + '</td><td>' + (one_count>0?'可发送':'不可发送')
                                + '</td></tr>'
                        });
                        $('#task_count').html(task_count);
                        $('#total_print_num').html(totalCount);
                        $('#taskList').html(con);
                        $('#filter-uploaded').prop("checked", true)
                        $('.confirmbox-mask').show();
                    } else if (data.status == 0) {
                        layer.msg(data.message);
                    }
                }
            }
        );
    }

    //批量发送云印任务
    $("#selectPrint").click(function() {
        // 判断是否有选中
        if (!$("input[class='ace myselect']").is(':checked')) {
            layer.msg('至少选择一个目标！');
            return false;
        }
        var result = [];
        $(".myselect").each(function(m,n){
            if ($(this).prop('checked')) {
                if ($(this).val() /*&& $(this).attr("stnm")*/) {
                    result.push($(this).val());
                }
            }
        });
        var saveDataAry=[];
        var data1 = [];
        for(i=0;i<result.length;i++)
        {
            var month_id = result[i];
            data1 = {"monthId": month_id};
            saveDataAry.push(data1);
        }
        $.ajax({
                type: "POST",
                url: "<?php echo $this->createUrl("printCloud/generateMainlyRevision");?>",
                dataType: "json",
                contentType: "application/json",
                data: JSON.stringify(saveDataAry),
                beforeSend:function(){
                    layer.load(1, {
                        shade: [0.1,'#fff'] //0.1透明度的白色背景
                    });
                },
                success:function(data) {
                    var index = layer.load();
                    layer.close(index);
                    if (data.status == 1) {
                        $('#sendJson').attr('value', JSON.stringify(data));
                        var con = '';
                        var task_count = 0;
                        var totalCount = 0;
                        $.each(data.data, function(index, item) {
                            var one_count = item.enable_download_count - item.download_count;
                            totalCount += (one_count>0?one_count:0);
                            if((item.enable_download_count - item.download_count)>0) {
                                task_count += 1;
                            }
                            con += '<tr><td>' + (index + 1) + '</td><td>' + item.taskName + '</td><td>' + item.clazzName + '</td><td>' + item.complete_time + '</td><td>'
                                + item.generate_count + '/' + item.dredge_count + '/' + '<i style="color: green">' + item.enable_download_count + '</i><input type="hidden" name="drege_count" value="'+ item.enable_download_count  +'"></td><td>'
                                + item.download_count + '</td><td>' + (one_count>0?one_count:0) + '</td><td>' + (one_count>0?'可发送':'不可发送')
                                + '</td></tr>'
                        });
                        $('#task_count').html(task_count);
                        $('#total_print_num').html(totalCount);
                        $('#taskList').html(con);
                        $('#filter-uploaded').prop("checked", true);
                        $('.confirmbox-mask').show();
                    } else if (data.status == 0) {
                        layer.msg(data.message);
                    }
                }
            }
        );
    });

    // 全选\反选
    $(".selectAll").click(function(){

        if ($(this).prop("checked")) {
            var s_obj = $(".myselect");
            var s_len = s_obj.length;
            for (var i=0;i<s_len;i++) {
                if (!s_obj[i].disabled) {
                    s_obj[i].checked=true;
                }
            }
        } else {
            $(".myselect").prop("checked",false);
        }
    });

    //过滤已下载学生
    $('#filter-uploaded').click(function () {
        if($(this).is(':checked')){
            var totalCount = 0;
            var task_count = 0;
            $('#taskList tr').each(function () {
                var enable_count = parseInt($(this).children("td:eq(4)").children('i').html());
                var dowanload_count = parseInt($(this).children("td:eq(5)").html());
                $(this).children("td:eq(6)").html((enable_count-dowanload_count)>0?(enable_count-dowanload_count):0);
                totalCount += ((enable_count-dowanload_count)>0?(enable_count-dowanload_count):0);
                if((enable_count-dowanload_count)==0){
                    $(this).children("td:eq(7)").html('不可发送');
                }else{
                    $(this).children("td:eq(7)").html('可发送');
                    task_count += 1;
                }
            });
            $('#task_count').html(task_count);
            $('#total_print_num').html(totalCount)
        }else {
            var totalCount = 0;
            var task_count = 0;
            $('#taskList tr').each(function () {
                var enable_count = $(this).children("td:eq(4)").children('i').html();
                $(this).children("td:eq(6)").html(enable_count);
                totalCount += parseInt(enable_count);
                if(enable_count==0){
                    $(this).children("td:eq(7)").html('不可发送');
                }else{
                    $(this).children("td:eq(7)").html('可发送');
                    task_count += 1;
                }
            });
            $('#task_count').html(task_count);
            $('#total_print_num').html(totalCount);
            $('#filter-uploaded').attr('isFilter',0)
        }
    });

    //发送云印任务(真正发送)
    $('#sendCloudPrint').click(function (){
        var task_count = parseInt($('#task_count').html());
        if(task_count === 0){
            layer.msg('没有可发送的任务');
            return false;
        }
        var json_data = $('#sendJson').val();
        var is_filter = $('#filter-uploaded').is(':checked') ? 1 : 0;
        $.post({
            url: "<?php echo $this->createUrl("printCloud/sendMainlyRevision");?>",
            data: {
                'json_data' : json_data,
                'is_filter' : is_filter,
            },
            dataType: "json",
            beforeSend:function(){
                layer.load(1, {
                    shade: [0.1,'#fff'] //0.1透明度的白色背景
                });
            },
            success:function(data) {
                var index = layer.load();
                layer.close(index);
                if (data.status == 1) {
                    layer.msg('操作成功,请耐心等待后台打包');
                    $('.confirmbox-mask').hide();
                    location.reload();
                } else if (data.status == 0) {
                    layer.msg(data.message);
                }
            }
        });
    });

    $('.confirmbox-mask .icon-close-1').click(function () {
        $('.confirmbox-mask').hide();
    });
    $('.confirmbox-mask .cancel').click(function () {
        $('.confirmbox-mask').hide();
    });
</script>