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

<link rel="stylesheet" href="/fonts/fpdf/iconfont.css"/>
<link rel="stylesheet" href="/css/alert.css"/>
<style>
    .color-red{
		color: red;
	}
	.en-tfb-grade-1 .date>span{
		margin-right: 40px;
	}
	.option-wrap{
		margin-top: 20px;
		min-width: 600px;
	}
	.option-name{
		display: inline-block;
		width: 100px;
		vertical-align: top;
		margin-top: 10px;
	}
	.option-con{
		display: inline-block;
		width: 80%;
		min-width: 490px;
		padding: 10px;
		border: 1px solid #ccc;
	}
	.option-con>span{
		display: inline-block;
		margin-right: 20px;
                margin-top:10px;
		line-height: 1rem;
		cursor: pointer;
	}
	.select-grade{
		width: 150px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.option-con-class label{
		display: inline-block;
		margin-right: 20px;
	}
	.active{
		color: #07af66;
	}
	.btn-start{
		display: inline-block;
		margin-top: 20px;
		margin-left: 100px;
		padding: 10px 30px;
		color: #fff;
		background-color: #07af66;
		cursor: pointer;
	}
        .en-tfb-grade-1{
            margin-left: 20px;
        }
</style>


<div class="main-content-inner">
    <!--    导航栏开始-->
    <?php include(Yii::app()->basePath.'/views/layouts/view_production_navigation.php');?>
    <!--    导航栏结束-->
    <div class="en-tfb-grade-1">
		<h2>外刊宝生成</h2>
		<p class="color-red">提示：每个班级每周允许生成一次，请根据实际教学进度进行选择设置</p>
		<p class="date">
			<span>当前时间：</span>
			<span><?php echo $year;?>年<?php echo $month;?>月第<?php echo $week;?>周</span>
            <span class="btn-start fr" onclick="location='/index.php/print/englishReadingTime'" style="margin: -9px 200px 0px 0!important;">时文阅读</span>
            <span class="btn-start fr" onclick="location='/index.php/print/englishReading3'" style="margin: -9px 15px 0px 0!important;">主题语境设置</span>
		</p>
		<div class="option-wrap">
			<span class="option-name">版本:</span>
			<div class="option-con" id="optionEdition">
                            <?php if(isset($textbookNames) && $textbookNames):?>
                                <?php $no =1;?>
                                <?php foreach($textbookNames as $k=>$v):?>
                                    <span code="<?php echo $k;?>" class="<?php echo $no==1?'active':'';?>"><?php echo $v;?></span>
                                    <?php $no++;?>
                                <?php endforeach;?>
                            <?php endif;?>
			</div>
		</div>
		<div class="option-wrap">
			<span class="option-name">模块:</span>
			<div class="option-con" id="optionModular">
                                <?php if(isset($moduleNames) && $moduleNames):?>
                                    <?php $no =1;?>
                                    <?php foreach($moduleNames as $k=>$v):?>
                                        <span code="<?php echo $k;?>" class="<?php echo $no==1?'active':'';?>"><?php echo $v;?></span>
                                        <?php $no++;?>
                                    <?php endforeach;?>
                                <?php endif;?>
			</div>
		</div>
		<div class="option-wrap">
			<span class="option-name">单元:</span>
			<div class="option-con" id="optionUnit">
                                <?php if(isset($unitNames) && $unitNames):?>
                                    <?php $no =1;?>
                                    <?php foreach($unitNames as $k=>$v):?>
                                        <span code="<?php echo $k;?>" class="<?php echo $no==1?'active':'';?>"><?php echo $v;?></span>
                                        <?php $no++;?>
                                    <?php endforeach;?>
                                <?php endif;?>
			</div>
		</div>
		<div class="option-wrap">
			<span class="option-name">班级:</span>
			<div class="option-con">
				<div>
					<select name="grade" class="select-grade">
						<option value="1" selected>高一</option>
						<option value="2">高二</option>
                                                <option value="3">高三</option>
					</select>
				</div>
				<div class="option-con-class"  id="optionClass">
				</div>

				
			</div>
		</div>
                <div class="option-wrap">
			<span class="option-name">外刊类别:</span>
			<div class="option-con">
                            <div><input type="radio" name="reading_type" value="1" checked="checked">个性外刊<span class="color-red">（班级同学语篇不完全相同，根据学生水平个性化）</span></div>
                            <div><input type="radio" name="reading_type" value="2">共性外刊<span class="color-red">（班级同学语篇完全相同，老师可讲解）</span></div>
			</div>
		</div>
                <div class="option-wrap reading-level" style="display:none">
			<span class="option-name">外刊分级:</span>
			<div class="option-con">
                            <div><input type="radio" name="reading_level" value="1" checked="checked">尖子班（优秀生）</div>
                            <div><input type="radio" name="reading_level" value="2">培优班（中等生）</div>
                            <div><input type="radio" name="reading_level" value="3">提高班（学困生）</div>
			</div>
		</div>

        <div class="option-wrap">
            <span class="option-name">下载方式:</span>
            <div class="option-con">
                <span><input type="radio" name="is_answer_separate" value="0" checked="checked">合并题目和答案</span>
                <span><input type="radio" name="is_answer_separate" value="1" >分离题目和答案</span>
            </div>
        </div>

		<span class="btn-start" id="confirm" active="true">开始生成</span>
                <span class="red class-msg" style="margin-left:20px"></span>

	</div>

</div>

<script src="/js/jquery.ajaxfileupload.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        getClassByGrade(1);
        var optionData={
    		edition:0,
    		modular:0,
    		unit:0,
    		class:[],
    	}
        //获取版本模块单元
    	// 版本点击
        $("#optionEdition>span").on("click", function(event) {
        	$("#optionEdition>span").removeClass('active')
            $(this).addClass('active');
            var code = $(this).attr("code");

            optionData.edition=code;

            console.log('版本',code)
           
        });
        // 模块点击
        $("#optionModular>span").on("click", function(event) {
        	$("#optionModular>span").removeClass('active')
            $(this).addClass('active');

            var code = $(this).attr("code");
             optionData.modular=code;
            console.log('模块',code)
           
        });
        // 单元点击
        $("body").delegate("#optionUnit>span", "click", function() {
//        $("#optionUnit>span").on("click", function(event) {
        	$("#optionUnit>span").removeClass('active')
            $(this).addClass('active');

           var code = $(this).attr("code");
             optionData.unit=code;

            console.log('单元',code)
           
        });
        // 选择年级
        $(".select-grade").change(function() {
        	console.log($(this).val())
        });

        // 单选按钮
        $("input[name='option-class']").change(function() {
          getsClassSelected();
        });

        function getsClassSelected() {
        	optionData.class=[];
            var selectedData = $("input[name='option-class']:checked"); //获取所以选中学生
            for (var i = 0; i < selectedData.length; i++) {
                code = $(selectedData[i]).val();
                optionData.class.push(code);
            }
        };

        
        
        //
        $("body").delegate("#optionEdition span", "click", function() {
            
//        $('#optionEdition span').on("click", function(event) {
            var textbookId = $(this).attr("code");
            if(textbookId){
                $.ajax({
                        url: "<?php echo $this->createUrl('print/ajaxGetModuleAndUnit');?>",
                        type: "POST",
                        dataType: "json",
                        data: {
                            textbookId: textbookId
                        },
                        success: function (data) {
                            console.log(data);
                            var htmlModule = '';
                            var htmlUnit = '';
                            if(data.moduleNames){
                                var a = 1;
                                for(var i in data.moduleNames){
                                    if(a == 1){
                                        htmlModule += '<span code="'+i+'" class="active">'+data.moduleNames[i]+'</span>';
                                    }else{
                                        htmlModule += '<span code="'+i+'">'+data.moduleNames[i]+'</span>';
                                    }
                                    a++;
                                }
                            }
                            if(data.unitNames){
                                var a = 1;
                                for(var i in data.unitNames){
                                    if(a == 1){
                                        htmlUnit += '<span code="'+i+'" class="active">'+data.unitNames[i]+'</span>';
                                    }else{
                                        htmlUnit += '<span code="'+i+'">'+data.unitNames[i]+'</span>';
                                    }
                                    a++;
                                }
                            }
                            $('#optionModular').html(htmlModule);
                            $('#optionUnit').html(htmlUnit);
                        }

                    });
            }
        })
        
        $("body").delegate("#optionModular span", "click", function() {
            $("#optionModular>span").removeClass('active')
            $(this).addClass('active');

            var code = $(this).attr("code");
             optionData.modular=code;
//        $('#optionModular span').on("click", function(event) {
            var moduleId = $(this).attr("code");
            var textbookId = $('#optionEdition span.active').attr("code");
            if(textbookId && moduleId){
                $.ajax({
                        url: "<?php echo $this->createUrl('print/ajaxGetUnitByModuleId');?>",
                        type: "POST",
                        dataType: "json",
                        data: {
                            textbookId: textbookId,
                            moduleId:moduleId
                        },
                        success: function (data) {
                            console.log(data);
                            var htmlUnit = '';
                            if(data.unitNames){
                                var a = 1;
                                for(var i in data.unitNames){
                                    if(a == 1){
                                        htmlUnit += '<span code="'+i+'" class="active">'+data.unitNames[i]+'</span>';
                                    }else{
                                        htmlUnit += '<span code="'+i+'">'+data.unitNames[i]+'</span>';
                                    }
                                    a++;
                                }
                            }
                            $('#optionUnit').html(htmlUnit);
                        }

                    });
            }
        })
        $('.select-grade').change(function(){
            var grade = $(this).val();
            getClassByGrade(grade);
        });
        $("body").delegate("#confirm[active='true']", "click", function() {
            var This = $(this);
            This.attr("active","false");
            var error = [];
            var selectClassIds = [];
            var grade = parseInt($('.select-grade').val());
            var textbookId = parseInt($('#optionEdition span.active').attr("code"));
            var moduleId = parseInt($('#optionModular span.active').attr("code"));
            var unitId = parseInt($('#optionUnit span.active').attr("code"));
            var moduleName = $('#optionModular span.active').text();
            var unitName = $('#optionUnit span.active').text();
            var type = parseInt($('input[name="reading_type"]:checked').val());
            var level = parseInt($('input[name="reading_level"]:checked').val());
            var isAnswerSeparate = $("input[name='is_answer_separate']:checked").val();
            $('#optionClass input:checked').each(function(k,v){
                if($(this).attr("status") == 0){
                    selectClassIds.push($(this).val());
                }
            });
            if(selectClassIds.length == 0){
                error.push("请选择班级");
            }
            if(grade <= 0 || !grade){
                error.push("请选择年级");
            }
            if(textbookId <= 0 || !textbookId){
                error.push("请选择版本");
            }
            if(moduleId <= 0 || !moduleId){
                error.push("请选择模块");
            }
            if(unitId <= 0 || !unitId){
                error.push("请选择单元");
            }
            if(error.length == 0){
                $.ajax({
                        url: "<?php echo $this->createUrl('print/ajaxSaveEnglishReading');?>",
                        type: "POST",
                        dataType: "json",
                        data: {
                            grade: grade,
                            selectClassIds:selectClassIds,
                            textbookId:textbookId,
                            moduleId:moduleId,
                            unitId:unitId,
                            moduleName:moduleName,
                            unitName:unitName,
                            type:type,
                            level:level,
                            isAnswerSeparate:isAnswerSeparate
                        },
                        success: function (data) {
                            if(data.status == 1){
                                layer.msg('已发送到后台，预计1小时左右生成！', {
                                        time: 2000,
                                });
                                setTimeout(function(){window.location.href = "<?php echo Yii::app()->createUrl('print/english_reading');?>";}, 2000);
                                
                            }else{
                                layer.msg(data.error.join('</br>'));
                                This.attr("active","true");
                            }
                        }

                    });
            }else{
                This.attr("active","true");
                layer.msg(error.join('</br>'));
            }
        });
        $("body").delegate("input[name='reading_type']", "click", function() {
            if($(this).val() == 1){
                $(".reading-level").hide();
            }else{
                $(".reading-level").show();
            }
        });
        function getClassByGrade(grade){
            if(grade){
                $.ajax({
                        url: "<?php echo $this->createUrl('print/ajaxGetClassesBySettingReading');?>",
                        type: "POST",
                        dataType: "json",
                        data: {
                            grade: grade,
                        },
                        success: function (data) {
                            console.log(data);
                            var html = '';
                            if(data && data.length > 0){
                                for(var i in data){
                                    html +='<label>';
                                    if(data[i].status == 1){
                                        html += '   <input type="checkbox" name="option-class" value="'+data[i].class_id+'" checked="checked" disabled="disabled" status="1">'+data[i].class_name;
                                    }else{
                                        html += '   <input type="checkbox" name="option-class" value="'+data[i].class_id+'" status="0">'+data[i].class_name;
                                    }
                                    
                                    html +='</label>';
                                }
                            }
                            $('#optionClass').html(html);
                            if($("#optionClass input[status=0]").length > 0){
                                $("#confirm").attr("active","true");
                                $(".class-msg").html("");
                            }else{
                                $("#confirm").attr("active","false");
                                $(".class-msg").html("本周您已经生成过啦，下周再来看看吧～");
                            }
                        }

                    });
            }
        }

    });


</script>