xiaoben-as2-php/protected/views/product/index.php

<link rel="stylesheet" href="/fonts/fpdf/iconfont.css"/>
<link rel="stylesheet" href="/css/alert.css"/>
<?php $imgUrl = Yii::app()->request->hostInfo;?>
<?php $disableImgUrl = Yii::app()->request->hostInfo.'/images/disable.png';?>
<style>
    .color-red{
        color: red;
    }
    .color-green{
        color: green;
        font-size: 16px;
    }
    .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-alert{
        display: inline-block;
        width: 80%;
        color:red;
    }
    .option-con>span{
        display: inline-block;
        float:left;
        margin-right: 20px;
        /*line-height: 1rem;*/
        cursor: pointer;
    }
    .option-con-class label{
        display: inline-block;
        margin-right: 20px;
        margin-top: 15px;
    }
    .active{
        color: #619aff;
    }
    .btn-start{
        display: inline-block;
        margin-top: 20px;
        margin-left: 100px;
        padding: 10px 30px;
        color: #fff;
        background-color: #2977ff;
        cursor: pointer;
    }
    .en-tfb-grade-1{
        margin-left: 20px;
    }
    #selectedUnit,#selectedPaper,#selectedSpecials{
        /*display: inline-block;*/
        width: 80%;
        min-width: 490px;
        padding: 10px;
        border: 1px solid #ccc;
        display: inline-flex;
        flex-wrap: wrap;
    }
    #selectedUnit span,#selectedPaper span,#selectedSpecials span{
        position: relative;
        padding: 5px;
        padding-right: 30px;
        border: 1px solid #999;
        margin-right: 15px;
        margin-bottom: 5px;
    }
    .delete-icon{
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        background: url(<?php echo $imgUrl.'/images/icon-delect.png';?>) no-repeat center;
        background-size: contain;
        cursor: pointer;
    }
    .download-pdf{
        margin-right: 280px;
        float: right;
        background: green;
        height: 35px;
        width: 100px;
        line-height: 35px;
        text-align: center;
    }
    .download-pdf a{
        color: white;
    }
    .type-btn{
        float: left;width:35%
    }
    .type-btn span{
        display: inline-block;
        width:120px;
        line-height: 30px;
        border:1px solid #2977ff;
        color:#393939;
        text-align: center;
    }
    .type-btn span.active{
        color:#fff;
        background: #2977ff;
    }

    .word-group-hidden{
        height: 38px;
        overflow: hidden;
    }
</style>


<div class="main-content-inner">
    <!--    导航栏开始-->
    <?php include(Yii::app()->basePath.'/views/layouts/view_production_navigation.php');?>
    <!--    导航栏结束-->
    <div class="en-tfb-grade-1">
        <h2>e学慧通</h2>

        <div class="color-red">
            <div  style="float: left;width:65%;font-size: 16px;font-weight: bold;color:#666">
                <span>当前时间：</span>
                <span><?php echo $year;?>年<?php echo $month;?>月第<?php echo $week;?>周</span>
            </div>
            <div  class="type-btn">
                <a href="<?php echo $this->createUrl("product/index",array('type'=>1));?>"><span class="<?php echo $type==1?"active":"" ?>" data-type="1">分层作业</span></a>
                <a href="<?php echo $this->createUrl("product/index",array('type'=>2));?>"><span class="<?php echo $type==2?"active":"" ?>" data-type="2">个性化学习手册</span></a>
                <a href="<?php echo $this->createUrl("product/index",array('type'=>3));?>"><span class="<?php echo $type==3?"active":"" ?>" data-type="3">分层测评卷</span></a>
            </div>
        </div>
        <div class="clear"></div>
        <div class="option-wrap mark-papers-type" style="display:  <?php echo $type==3?'block;':'none;' ?>;">
            <span class="option-name">类型:</span>
            <div class="option-con" id="">
                <span data-type="1" class="active">同步/一轮</span>
                <span data-type="2">高三备考</span>
            </div>
        </div>
        <div class="option-wrap textbook">
            <span class="option-name">版本:</span>
            <div class="option-con" id="optionEdition">
                <?php if(isset($textbooks) && $textbooks):?>
                    <?php $no =1;?>
                    <?php foreach($textbooks as $k=>$v):?>
                        <span code="<?php echo $v['textbook_id'];?>" class="<?php echo $no==1?'active':'';?>"><?php echo $v['textbook_name'];?></span>
                        <?php $no++;?>
                    <?php endforeach;?>
                <?php endif;?>
            </div>
        </div>
        <div class="option-wrap module" id="lectureBox">
            <span class="option-name">模块:</span>
            <div class="option-con" id="optionModular">
                <?php if(isset($modules) && $modules):?>
                    <?php $no =1;?>
                    <?php foreach($modules as $k=>$v):?>
                        <span code="<?php echo $v['textbook_id'];?>" class="<?php echo $no==1?'active':'';?>"><?php echo $v['textbook_name'];?></span>
                        <?php $no++;?>
                    <?php endforeach;?>
                <?php endif;?>
            </div>
        </div>
        <div class="option-wrap unit" id="methodBox">
            <?php if(in_array(Yii::app()->session['session_duoxueke_subject_id'],array(8))):?>
                <span class="option-name">单元:</span>
            <?php else:?>
                <span class="option-name">章:</span>
            <?php endif;?>
            <div class="option-con" id="optionUnit">
                <?php if(isset($units) && $units):?>
                    <?php $no =1;?>
                    <?php foreach($units as $k=>$v):?>
                        <span code="<?php echo $v['textbook_id'];?>" class="<?php echo $no==1?'active':'';?>"><?php echo $v['textbook_name'];?></span>
                        <?php $no++;?>
                    <?php endforeach;?>
                <?php endif;?>
            </div>
        </div>
        <!--3层级才显示节-->
        <div class="option-wrap chapter" id="methodBox" style="display: <?php echo $level==3?'block;':'none;' ?>;">
            <span class="option-name">节:</span>
            <div class="option-con" id="optionChapter">
                <?php if(isset($chapters) && $chapters):?>
                    <?php $no =1;?>
                    <?php foreach($chapters as $k=>$v):?>
                        <span code="<?php echo $v['textbook_id'];?>" class="<?php echo $no==1?'active':'';?>"><?php echo $v['textbook_name'];?></span>
                        <?php $no++;?>
                    <?php endforeach;?>
                <?php endif;?>
            </div>
        </div>
        <!--3层级才显示节-->

        <div class="option-wrap layout-paper-type" style="display:none;">
            <span class="option-name">类别:</span>
            <div class="option-con" >
                <?php if(isset($productDetails) && $productDetails):?>
                    <?php $no =1;?>
                    <?php foreach($productDetails as $k=>$v):?>
                        <span data-pc-id="<?php echo $v['pc_id'];?>" class="<?php echo $no==1?'active':'';?>"><?php echo $v['pc_name'];?></span>
                        <?php $no++;?>
                    <?php endforeach;?>
                <?php endif;?>
            </div>
        </div>

        <div class="option-wrap layout-paper-paper" style="display:none;">
            <span class="option-name">试卷：</span>
            <div class="option-con word-group-hidden" style="position: relative;" id="allTeacherWord">
                <?php if(isset($productDetails) && $productDetails):?>
                    <?php $no =1;$num=1;?>
                    <?php foreach($productDetails as $k=>$item):?>
                              <?php foreach($item['urls'] as $val):?>
                                   <span style="display:<?php  echo $no==1?"inline-block;":"none;" ?>" data-pc-id="<?php echo $item['pc_id']; ?>" class="paper-info ">
                                       <input type="radio" name="file_url"  value="<?php echo $val['file_url']; ?>" <?php echo $num==1?"checked":"" ?>>&nbsp;&nbsp;
                                       <span class="teacher-word-group"><?php echo $val['file_name']; ?></span>
                                   </span>
                              <?php $num++;?>
                              <?php endforeach; ?>
                        <?php $no++;?>
                    <?php endforeach;?>
                <?php endif;?>
                <div style="cursor:pointer;position: absolute;right: 5px;top: 5px;color: green;" id="show-teacher-word" is-hold="1" onclick="isHold()">展开</div>
            </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" <?php if(isset($setting['grade']) && $setting['grade']==1) echo 'selected';?>>高一</option>
                        <option value="2" <?php if(isset($setting['grade']) && $setting['grade']==2) echo 'selected';?>>高二</option>
                        <option value="3" <?php if(isset($setting['grade']) && $setting['grade']==3) echo 'selected';?>>高三</option>
                    </select>
                </div>
                <div class="option-con-class"  id="optionClass">

                </div>

            </div>
        </div>
        <div class="option-wrap" style="margin-top:10px;">
            <span class="option-name"></span>
            <div class="option-con-alert">
                为正常使用本产品，请先上传一次考试成绩并等待1-2天大数据同步完成，如无成绩数据或成绩数据未完全同步的学生则默认为B档！
            </div>
        </div>
        <button class="btn-start" id="confirm" active="true">生成并下载</>
    </div>

</div>

<script src="/js/jquery.ajaxfileupload.js"></script>
<script type="text/javascript">
    var level="<?php echo $level; ?>";
    var subjectId="<?php echo $subjectId; ?>";
    $(document).ready(function () {

        getClassByGrade(1);
        var optionData={
            edition:0,
            modular:0,
            unit:0,
            class:[],
        }
        // 版本点击
        $("#optionEdition>span").on("click", function(event) {
            if(!limitUnit()){
                layer.msg('已选单元超出限制');return false;
            }
            $("#optionEdition>span").removeClass('active')
            $(this).addClass('active');
            var code = $(this).attr("code");

            optionData.edition=code;

            console.log('版本',code)

        });
        //
        $("body").delegate("#optionEdition span", "click", function() {
            if(!limitUnit()){
                layer.msg('已选单元超出限制');return false;
            }
//        $('#optionEdition span').on("click", function(event) {
            var textbookId = $(this).attr("code");
            if(textbookId){
                $.ajax({
                    url: "<?php echo $this->createUrl('print/ajaxNewGetModuleAndUnit');?>",
                    type: "POST",
                    dataType: "json",
                    data: {
                        version_id: textbookId,
                        query_type:2
                    },
                    success: function (data) {
                        console.log(data);
                        if(data.status!=1){
                            layer.msg('请求失败');return false;
                        }
                        var htmlModule = '';
                        var htmlUnit = '';
                        var htmlChapter = '';
                        if(data.data.modules){
                            var a = 1;
                            for(var i in data.data.modules){
                                var module=data.data.modules[i];
                                if(a == 1){
                                    htmlModule += '<span code="'+module.textbook_id+'" class="active">'+module.textbook_name+'</span>';
                                }else{
                                    htmlModule += '<span code="'+module.textbook_id+'">'+module.textbook_name+'</span>';
                                }
                                a++;
                            }
                        }
                        if(data.data.units){
                            var a = 1;
                            for(var i in data.data.units){
                                var unit=data.data.units[i];
                                if(a == 1){
                                    htmlUnit += '<span code="'+unit.textbook_id+'" class="active">'+unit.textbook_name+'</span>';
                                }else{
                                    htmlUnit += '<span code="'+unit.textbook_id+'">'+unit.textbook_name+'</span>';
                                }
                                a++;
                            }
                        }
                        if(data.data.chapters){
                            var a = 1;
                            for(var i in data.data.chapters){
                                var chapter=data.data.chapters[i];
                                if(a == 1){
                                    htmlChapter += '<span code="'+unit.textbook_id+'" class="active">'+chapter.textbook_name+'</span>';
                                }else{
                                    htmlChapter += '<span code="'+unit.textbook_id+'">'+chapter.textbook_name+'</span>';
                                }
                                a++;
                            }
                        }
                        $('#optionModular').html(htmlModule);
                        $('#optionUnit').html(htmlUnit);
                        $('#optionChapter').html(htmlChapter);
                    }

                });
            }
        })

        $("body").delegate("#optionModular span", "click", function() {
            if(!limitUnit()){
                layer.msg('已选单元超出限制');return false;
            }
            $("#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/AjaxNewGetUnitAndChapters');?>",
                    type: "POST",
                    dataType: "json",
                    data: {
                        version_id: textbookId,
                        module_id:moduleId,
                        query_type:2
                    },
                    success: function (data) {
                        console.log(data);
                        if(data.status!=1){
                            layer.msg('请求失败');return false;
                        }
                        var htmlUnit = '';
                        var htmlChapter = '';
                        if(data.data.units){
                            var a = 1;
                            for(var i in data.data.units){
                                var unit=data.data.units[i];
                                if(a == 1){
                                    htmlUnit += '<span code="'+unit.textbook_id+'" class="active">'+unit.textbook_name+'</span>';
                                }else{
                                    htmlUnit += '<span code="'+unit.textbook_id+'">'+unit.textbook_name+'</span>';
                                }
                                a++;
                            }
                        }
                        if(data.data.chapters){
                            var a = 1;
                            for(var i in data.data.chapters){
                                var chapter=data.data.chapters[i];
                                if(a == 1){
                                    htmlChapter += '<span code="'+chapter.textbook_id+'" class="active">'+chapter.textbook_name+'</span>';
                                }else{
                                    htmlChapter += '<span code="'+chapter.textbook_id+'">'+chapter.textbook_name+'</span>';
                                }
                                a++;
                            }
                        }
                        $('#optionUnit').html(htmlUnit);
                        $('#optionChapter').html(htmlChapter);
                    }

                });
            }
        })

        $("body").delegate("#optionUnit span","click",function () {
            $("#optionUnit>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/ajaxNewGetChapters');?>",
                    type: "POST",
                    dataType: "json",
                    data: {
                        version_id: textbookId,
                        module_id:moduleId,
                        query_type:2
                    },
                    success: function (data) {
                        console.log(data);
                        if(data.status!=1){
                            layer.msg('请求失败');return false;
                        }
                        var htmlChapter = '';
                        if(data.data.chapters){
                            var a = 1;
                            for(var i in data.data.chapters){
                                var chapter=data.data.chapters[i];
                                if(a == 1){
                                    htmlChapter += '<span code="'+chapter.textbook_id+'" class="active">'+chapter.textbook_name+'</span>';
                                }else{
                                    htmlChapter += '<span code="'+chapter.textbook_id+'">'+chapter.textbook_name+'</span>';
                                }
                                a++;
                            }
                        }
                        $('#optionChapter').html(htmlChapter);
                    }

                });
            }
        });

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


        $('.select-grade').change(function(){

            var grade = $(this).val();
            console.log(grade);
            getClassByGrade(grade);
        });
        function getClassByGrade(grade){
            if(grade){
                $.ajax({
                    url: "<?php echo $this->createUrl('product/ajaxGetClasses');?>",
                    type: "POST",
                    dataType: "json",
                    data: {
                        grade: grade,
                    },
                    beforeSend:function(){
                        layer.load(1, {
                            shade: [0.1,'#fff'] //0.1透明度的白色背景
                        });
                    },
                    success: function (data) {
                        var index = layer.load();
                        layer.close(index);
                        var html = '';
                        if(data && data.length > 0){
                            for(var i in data){
                                html +='<label>';
                                html += '   <input type="checkbox" name="option-class"  value="'+data[i].class_id+'" status="0">'+data[i].class_name + '</span></label>';

                            }
                        }

                        $('#optionClass').html(html);
                    }

                });
            }
        }

        //分层测评卷 类型切换
        $(".mark-papers-type .option-con span").click(function(){
            var type=$(this).attr('data-type');
            if(type==1){
                $('.textbook').show();
                $('.module').show();
                $('.unit').show();
                $('.layout-paper-type').hide();
                $('.layout-paper-paper').hide();
            }else{
                $('.textbook').hide();
                $('.module').hide();
                $('.unit').hide();
                $('.layout-paper-type').show();
                $('.layout-paper-paper').show();
            }

            $('.mark-papers-type .option-con span').removeClass('active');
            $(this).addClass("active");
        })

        //分层测评卷点击类别
        $(".layout-paper-type .option-con span").click(function(){
            $('.layout-paper-type .option-con span').removeClass('active');
            $(this).addClass("active");
            var pcId=$(this).attr('data-pc-id');
            var papers=$(".layout-paper-paper .paper-info ");
            var num=1;
            for(var i=0;i<papers.length;i++){
                var itemPcId=$(papers[i]).attr('data-pc-id')
                $(papers[i]).find('input').prop("checked",false);
                if(pcId==itemPcId){
                    $(papers[i]).show();
                    if(num==1){
                        $(papers[i]).find('input').prop("checked",true);
                    }
                    num++;
                }else{
                    $(papers[i]).hide();
                }
            }
        });

        //生成并下载
        $("#confirm[active='true']").on("click", function() {
            $('#confirm').attr('disabled','disabled');
            var This = $(this);
            This.attr("active","false");
            var error = [];
            var selectClassIds = [];
            var selectClassIdsStr='';
            var type=parseInt($(".color-red .type-btn span.active").attr('data-type'));
            var textbookId=parseInt($(".textbook .option-con span.active").attr('code'));
            var moduleId=parseInt($(".module .option-con span.active").attr('code'));
            var unitId=parseInt($(".unit .option-con span.active").attr('code'));
            var unitName=$(".unit .option-con span.active").text();
            var chapterId=parseInt($(".chapter .option-con span.active").attr('code'));
            var chapterName=$(".chapter .option-con span.active").text();
            var grade = parseInt($('.select-grade').val());
            $('#optionClass input:checked').each(function(k,v){
                if($(this).attr("status") == 0){
                    selectClassIds.push($(this).val());
                    selectClassIdsStr+=$(this).val()+",";
                }
            });
            var markPaperType=parseInt($(".mark-papers-type .option-con span.active").attr('data-type'));
            var layoutType=parseInt($(".layout-paper-type .option-con span.active").attr('data-pc-id'));
            var layoutPaper=$(".layout-paper-paper .option-con input[name='file_url']:checked").val();
            var layoutPaperName=$(".layout-paper-paper .option-con input[name='file_url']:checked").next().text();

            if(selectClassIds.length == 0){
                error.push("请选择班级");
            }
            if(grade <= 0 || !grade){
                error.push("请选择年级");
            }

            if(type!=1 && type!=2 && type!=3){
                error.push("请选择分层作业或个性化学习手册或分层测评卷");
            }

            if(type==1 || type==2 || (type==3 && markPaperType==1)){
                if(!textbookId){
                    error.push("版本数据为空");
                }
                if(!moduleId){
                    error.push("模块数据为空");
                }
                if(!unitId){
                    error.push('单元数据不能为空');
                }
                if(!unitName){
                    error.push('获取单元名称失败');
                }
                if(level==3 && !chapterId){
                    error.push( '节数据不能为空');
                }
                if(level==3 && !chapterName){
                    error.push( '获取节名称失败');
                }
                layoutType=0;layoutPaper='';layoutPaperName='';
                if(type==1 || type==2){
                    markPaperType=0;
                }
                //只有2层级目录时单元为0
                if(level==2){
                    chapterId=0;
                }
            }
            if(type==3 && (markPaperType!=1 && markPaperType!=2)){
                error.push( '分层测评卷时请选择同步/一轮或高三备考');
            }
            if(type==3 && markPaperType==2){
                if(!markPaperType){
                    error.push( '分层测评卷类型不能为空');
                }
                if(!layoutType){
                    error.push( '分层测评卷类别不能为空');
                }
                if(!layoutPaper){
                    error.push('分层测评卷-高三备考试卷不能为空');
                }
                if(!layoutPaperName){
                    error.push('分层测评卷-获取高三备考试卷名称失败');
                }
                textbookId=moduleId=unitId=chapterId=0;
            }

            if(error.length == 0){
                $.ajax({
                    url: "<?php echo $this->createUrl('product/ajaxSaveSetting');?>",
                    type: "POST",
                    dataType: "json",
                    data: {
                        type: type,//类型 1分层作业  2个性化学习手册 3分层测评卷
                        textbookId:textbookId,//版本
                        moduleId:moduleId,//模块
                        unitId:unitId,//单元
                        chapterId:chapterId,//节
                        grade:grade,//年级
                        selectClassIds:selectClassIds,//班级
                        markPaperType:markPaperType,//分层测评卷类型
                        layoutType:layoutType,//分层测评卷类别
                        layoutPaper:layoutPaper,//分层测评卷试卷
                        level:level,//层级
                        unitName:unitName,
                        chapterName:chapterName,
                        layoutPaperName:layoutPaperName
                    },
                    success: function (data) {
                        if(data.status == 1){
                            selectClassIdsStr = selectClassIdsStr.substr(0, selectClassIdsStr.length-1);
                            unitName=replaceStr(unitName);
                            chapterName=replaceStr(chapterName);
                            layoutPaperName=replaceStr(layoutPaperName);
                            url = "<?php echo $this->createUrl("product/exportExcel")?>?type="+type+"&unitId="+unitId+"&unitName="+unitName+"&chapterId="+chapterId+"&chapterName="+chapterName+"&grade="+grade+"&markPaperType="+markPaperType+"&layoutType="+layoutType+"&layoutPaper="+layoutPaper+"&layoutPaperName="+layoutPaperName+"&level="+level+"&selectClassIds="+selectClassIdsStr;
                            location.href=url;
                            layer.msg("生成并下载成功");
                            $('#optionClass input:checked').each(function(k,v){
                                $(this).prop("checked",false);
                            });
                        }else{
                            layer.msg(data.error.join('</br>'));
                            This.attr("active","true");
                        }
                        $('#confirm').removeAttr('disabled');
                    }

                });
            }else{
                $('#confirm').removeAttr('disabled');
                This.attr("active","true");
                layer.msg(error.join('</br>'));
            }
        });


        function replaceStr(str){
            /*str = str.replace(/\|/g,"，");
            str = str.replace(/\、/g,"，");
            str = str.replace(/\\/g,"，");
            str = str.replace(/\；/g,"，");
            str = str.replace(/\;/g,"，");
            str = str.replace(/\</g,"，");
            str = str.replace(/\>/g,"，");
            str = str.replace(/\//g,"，");
            str = str.replace(/\&/g,"，");
            str = str.replace(/\,/g,"，");
            str = str.replace(/\#/g,"，");*/
            reg=/\||、|\\|；|\;|<|>|\/|&|,|#/g;
            str=str.replace(reg,"，");
            return str;
        }
    });

    function limitUnit() {
        var selected_count = $("#selectedUnit").children("span").length;
        if(selected_count==1){
            return false;
        }
        return true;
    }

    //展开或收起
    function isHold() {
        var is_hold = $('#show-teacher-word').attr('is-hold');
        if(is_hold == 0){
            $('#show-teacher-word').attr('is-hold', 1);
            $('#allTeacherWord').addClass('word-group-hidden');
            $('#show-teacher-word').html('展开');
        }else {
            $('#show-teacher-word').attr('is-hold', 0);
            $('#allTeacherWord').removeClass('word-group-hidden');
            $('#show-teacher-word').html('收起');
        }
    }
</script>