xiaoben-as2-php/protected/views/classes/edit.php

<link type="text/css"  rel="stylesheet" href="/css/needDetail.css" />
<link type="text/css"  rel="stylesheet" href="/js/select/select2.min.css" />
<script src="/js/xsgl.js"></script>
<script src="/js/select/select2.min.js"></script>
<style>
	.addborder{border:1px solid #ccc}
	.addheight{height:30px;border-radius:2px;}
	.addheight:focus{border-color: #66afe9;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);outline: 0 none;}
	.ace{position:relative;top:0px !important;left:0px !important;}
	label{font-weight:100 !important;}
	/* #coach_id-error{position: absolute;right:-80px;top:5px;}
	#level_name-error{position: absolute;right:-80px;top:5px;}
	#material_id-error{position: absolute;right:-110px;top:5px;}
	#class_name-error{margin: 6px 0px 0px 18px;font-size:13px;} */

	.clearfix:after {
		content: "";
		display: block;
		visibility: hidden;
		height: 0;
		clear: both;
	}

	.clearfix {
		zoom: 1;
	}

	.fl {
		float: left;
	}

	.fr {
		float: right;
	}
	em{
		color: #FF000C;
		margin-right: 4px;
	}
	.bm-name{
		width: 100px;
		text-align: right;
	// border: 1px solid #000;
	}
	.bm-inp-con{
		width: 170px;
	}
	.basic-message select{
		width: 160px;
		height: 26px;
	}
	.basic-message input{
		width: 156px;
		height: 22px;
	}
	.basic-message{
		padding: 10px 0;
	}
	.th-describe{
		margin-top: 10px;
	}
	.th-describe span{
		color: #FF000C;
	}
	table{
		width: 800px;
		border-color: #fff;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
	}
	thead{
		background: #F2F2F2;
	}
	.serial{
		width: 80px;
	}
	.operation{
		width: 100px;
	}
	.subject,.teacher,.remarks{
		width: 180px;
	}
	.teacher{

	}
	.remarks{

	}
	td{
		height: 40px;
	}
	table input,table select{
		width: 80%;
		height: 86%;
		text-indent: 10px;
	}
	.opration-con{
		font-size: 23px;
		font-weight: bold;
	}
	.opration-con > span{
		color: #2977ff;
		cursor: pointer;
	}
	.types-con{
		margin-top: 25px;
	}
	.getscore-type{
		margin-left: 60px;
	}
	.types-con input {
		margin-left: 10px;
		cursor: pointer;
	}
	.submit{
		width: 100px;
		height: 30px;
		background: #01B677;
		color: #fff;
		border: none;
		margin-top: 50px;
	}
    .name-con{left:13px;top:28px;}
    .title_msg{
        padding-top:30px;
        padding-left:20px
    }
</style>

<div class="main-content-inner">
    <!--    导航栏开始-->
    <?php include(Yii::app()->basePath.'/views/layouts/class_navigation.php');?>
    <!--    导航栏结束-->

    <!--新版增加班级-->
    <div class="page-content" style="margin-top:15px;">
        <div class="row" style="margin:0px">
            <div class="col-xs-12 fontSize1">
                <!-- PAGE CONTENT BEGINS -->

                <section class="anc-top flex status_1" >
                    <div class="flex-one  flex">
                        <p class="anc-title">行政班</p>
                        <p class="title_msg">当前学年：<?php echo $thisSemester["school_year"];?>学年     当前学期：<?php echo $thisSemester["semester_name"];?></p>
                    </div>

                </section>
                <form class="form-horizontal" action="<?php echo $this->createUrl('classes/edit',array('cid'=>$classInfo->class_id));?>" method="post" id="classAdd">
                    <div class="col-xs-12 col-sm-12">

                        <div class="form-group col-xs-12 col-sm-4">
                            <label class="control-label col-xs-12 col-sm-3 no-padding-right">班级名称<span class="errorMessage">*</span>:</label>
                            <div class="col-sm-9 mtCentent">
                                <input type="text" id="class_name" name="class_name"  class="col-xs-10 col-sm-4 addborder addheight" value="<?php echo $classInfo->class_name;?>" />
                            </div>
                        </div>

                        <div class="form-group col-xs-12 col-sm-4">
                            <label class="control-label col-xs-12 col-sm-3 no-padding-right">年级<span class="errorMessage">*</span>:</label>
                            <div class="col-sm-9">
                                <input type="hidden" id="grade" value="<?php echo $classInfo->grade ? $classInfo->grade : 0;?>">
                                <?php echo Yii::app()->params['grade_list'][$classInfo->grade]['grade_name']?>


                            </div>
                        </div>

                        <div class="form-group col-xs-12 col-sm-4 ">
                            <label class="control-label col-xs-12 col-sm-3 no-padding-right">班主任<span class="errorMessage">*</span>:</label>
                            <div class="col-sm-9 mtCentent ">
                                <input type="text" id="main-teacher" name="main-teacher" class="col-xs-10 col-sm-4 addborder addheight marginLeftNo"  autocomplete="off" value="<?php if(isset($bzr)) echo $bzr?>" />
                                <ul class="name-con">
                                </ul>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 col-sm-4">
                            <label class="control-label col-xs-12 col-sm-3 no-padding-right">助教<span class="errorMessage">*</span>:</label>
                            <div class="col-xs-12 col-sm-9">
                                <select id="coach_id" name="coach_id">

                                    <?php

                                    foreach($coachList as $cl) {
                                        if (isset($relatCoach) && $relatCoach->coach_id == $cl->coach_id) {
                                            echo '<option selected value="' . $cl->coach_id . '">' . $cl->coach_name . '</option>';
                                        } else {
                                            echo '<option value="' . $cl->coach_id . '">' . $cl->coach_name . '</option>';
                                        }
                                    }
                                    ?>

                                </select>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 col-sm-4">
                            <label class="control-label col-xs-12 col-sm-3 no-padding-right">层级:</label>
                            <div class="col-xs-12 col-sm-9">
                                <div class="clearfix">
                                    <select class="input-medium" id="level_name" name="level_name">
                                        <option value="">请选择</option>
                                        <?php
                                        $levelArr=array(
                                            '1'=>'A',
                                            '2'=>'B',
                                            '3'=>'C'
                                        );
                                        if($classLevels){
                                            foreach ($classLevels as $classLevel){
                                                if($levelArr[$classInfo->level]==$classLevel[0]){
                                                    echo '<option selected value="'.$classLevel[0].'">'.$classLevel[0].'层</option>';
                                                }else{
                                                    echo '<option value="'.$classLevel[0].'">'.$classLevel[0].'层</option>';
                                                }
                                            }
                                        }
                                        ?>

                                    </select>

                                </div>
                            </div>
                            <input type="hidden" name="class_array" id="class_array">
                        </div>
                        <?php if( Yii::app()->params['section']==1):?>
                        <div class="form-group col-xs-12 col-sm-4">
                            <label class="control-label col-xs-12 col-sm-3 no-padding-right">文理科:</label>
                            <div class="col-sm-9">
                                <select id="arts_science" name="arts_science">
                                    <option value="0" <?php if($classInfo->arts_science==0) echo 'selected';?>>不分科</option>
                                    <option value="1" <?php if($classInfo->arts_science==1) echo 'selected';?>>文科</option>
                                    <option value="2" <?php if($classInfo->arts_science==2) echo 'selected';?>>理科</option>
                                </select>
                            </div>
                        </div>
                        <?php endif;?>
                    </div>
                    <p class="th-describe"><em>*</em>执教老师：（<span>点击"+"添加列，点击"-"删除列</span>）</p>
                    <table class="" cellpadding="0" cellspacing="0" border="1">
                        <thead>
                        <td class="serial">序号</td>
                        <td class="operation">操作</td>
                        <td class="subject">学科组</td>
                        <td class="teacher">老师（岗位）</td>

                        </thead>
                        <?php foreach($classTeachersIds as $ck=>$cv){
                            ?>
                            <tr>
                                <td><?php echo $ck+1;?></td>
                                <td class="opration-con"><span class="add">+</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="redus">-</span></td>
                                <td>
                                    <select name="subject_ids[]" id="subject_ids" class="subject_ids">
                                        <?php
                                        $noShow=array(18,19);
                                        $noShow=array_merge($noShow,Yii::app()->params['mathSubjectId']);
                                        unset($noShow[array_search(3,$noShow)]);
                                        unset($noShow[array_search(41,$noShow)]);
                                        foreach(Yii::app()->params["subjectId"] as $k=>$v){
                                            if(!in_array($k,$noShow)){
                                                ?>
                                                <option value="<?php echo $k?>" <?php if(isset($subject_teacher[$cv]) && !empty($subject_teacher[$cv]) && $subject_teacher[$cv]==$k){echo 'selected';}?>><?php echo $v?></option>
                                                <?php
                                            }}?>


                                    </select>
                                </td>
                                <td>
                                    <select name="teacher_ids[]" id="teacher_ids" class="teacher_ids projSelect">
                                        <?php if(isset($subject_teacher[$cv]) && !empty($subject_teacher[$cv]) && isset($subject_teacher_array[$subject_teacher[$cv]]) && !empty($subject_teacher_array[$subject_teacher[$cv]])){

                                            foreach($subject_teacher_array[$subject_teacher[$cv]] as $k=>$v){

                                                ?>
                                                <option value="<?php echo $v[$k]['teacher_id']?>"

                                                    <?php if(isset($class_teacher[$cv]) && !empty($class_teacher[$cv]) && isset($v[$class_teacher[$cv]]['teacher_id'])){echo 'selected';}?>>
                                                    <?php echo $v[$k]['teacher_name'].'（'.$v[$k]['posts'].'）'?>
                                                </option>
                                                <?php
                                            }}?>
                                    </select>
                                </td>

                            </tr>
                            <?php
                        }?>

                    </table>
                    <input type="hidden" class="ace" name="wrong_book_type" value="0" >
                    <input type="hidden" class="ace" name="improve_book_type" value="0" >
                    <div class="clearfix form-actions mt15">
                        <input type='hidden' id="school_year" name="period" class='diy_select_input' value="<?php echo $classInfo->period?>"/>
                        <input type='hidden' id="bzr_id" name="bzrId" class='diy_select_input' value="<?php echo $classInfo->teacher_id?>"/>
                        <div class="col-md-offset-3 col-md-9">
                            <button class="btn btn-success btn-sm" type="submit" id="schoolSubmit">
                                <i class="ace-icon fa fa-check bigger-110"></i> 提交
                            </button>
                            <!--&nbsp; &nbsp; &nbsp;
                            <button class="btn" type="reset">
                                <i class="ace-icon fa fa-undo bigger-110"></i>
                                重填
                            </button>-->
                        </div>
                    </div>
                </form>


                <!-- PAGE CONTENT ENDS -->
            </div>
        </div>
    </div>
    <!--新版添加班级结束-->

</div>
<script src="/js/jquery.validate.min.js"></script>
<script src="/js/birthday.js" type="text/javascript" charset="utf-8"></script>
<script>

        $(document).ready(function(){
            $('.projSelect').select2();
            var subjectIds = <?php echo json_encode(Yii::app()->params["subjectId"]);?>;
            var selectCount=0;
            $(document).on("click",".add",function () {
                var index = $(this).parent().parent().index();

                var data = {'grade':$('#grade').val()};
                var obj = $(this);
                var noShow=[];
                <?php
                $noShow=array(18,19);
                $noShow=array_merge($noShow,Yii::app()->params['mathSubjectId']);
                unset($noShow[array_search(3,$noShow)]);
                unset($noShow[array_search(41,$noShow)]);
                foreach ($noShow as $item){
                    echo 'noShow.push('.$item.');';
                }
                ?>
                var str = '';
                str += '<tr><td>1</td>';
                str+='<td class="opration-con"><span class="add">+</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="redus">-</span></td>'
                str+='<td><select name="subject_ids[]" id="subject_ids" class="subject_ids projSelect">'
                $.each(subjectIds,function(index,val){
                    if($.inArray(parseInt(index),noShow)==-1){
                        str += '<option value="'+index+'">'+val+'</option>';
                    }
                });
                str += '</select></td>';

                $.post("<?php echo Yii::app()->createUrl('classes/getAllTeachers')?>",data,function(flags){
                    var m = JSON.parse(flags);
                    if(m.status==0)
                    {
                        alert('没有教师');
                    }else
                    {
                        selectCount++;
                        var selectClass='projSelect'+selectCount;
                        str += '<td><select name="teacher_ids[]" id="teacher_ids" class="teacher_ids '+selectClass+'">';
                        $.each(m.result,function(index,val){
                            str += '<option value="'+index+'">'+val+'</option>';
                        });
                        str += '<select></td></tr>';
                        obj.parent().parent().after(str);
                        for (var i=index+1;i<$('tbody tr').length;i++) {
                            var tNum = parseInt($('tbody tr').eq(i-1).find('td').eq(0).text())+1;
                            $('tbody tr').eq(i).find('td').eq(0).text(tNum);
                        }
                        $('.'+selectClass).select2();
                    }
                });
            });

            $(document).on("click",".redus",function () {
                var index = $(this).parent().parent().index();

                for (var i=index+1;i<$('tbody tr').length;i++) {
                    var tNum = parseInt($('tbody tr').eq(i).find('td').eq(0).text())-1;

                    $('tbody tr').eq(i).find('td').eq(0).text(tNum);
                }

                if ($('tbody tr').length>1) {
                    $(this).parent().parent().remove();
                } else{
                    alert("最后一行不能删除了哦");
                }

            });

            $('body').on("change",".subject_ids",function(){
                /*$('#subject_ids').change(function(){*/

                var data= {
                    subject_id:$(this).val(),
                    grade: $('#grade').val()
                };
                var str ='';
                var _this = $(this);

                $.post("<?php echo Yii::app()->createUrl('classes/get_subject_teachers')?>",data,function(flags){
                    var m = JSON.parse(flags);
                    if(m.status==0)
                    {
                        alert('没有教师');
                    }else
                    {
                        selectCount++;
                        var selectClass='projSelect'+selectCount;
                        str='<select name="teacher_ids[]" id="teacher_ids" class="teacher_ids '+selectClass+'">';
                        $.each(m.result,function(index,val){
                            str += '<option value="'+index+'">'+val+'</option>'

                        });
                        str+='</select>';
                    }
                    _this.parent().next().html(str);
                    $('.'+selectClass).select2();
                    //_this.parent().next().children('select').html(str);

                });

            });


	});
</script>

<script language="javascript">
    $(function(){
        //加载班主任教师
        $('#main-teacher').bind('input propertychange,input focus', function() {
            var obj_list=$(this).parent().find('.name-con');
            var keyword=$(this).val();
            console.log($(this).width());
            if(keyword==''){
                // return false;
            }
            width=parseInt($(this).width())+24;
            obj_list.css('width',width+'px');
            obj_list.html('');
            $(this).attr('teacher_id','');
            $('#bzr_id').val(0);
            $.ajax({
                url:'<?php echo $this->createUrl('classes/loadTeacher')?>',
                type:'POST',
                dataType:'json',
                data:{'keyword':keyword},
                success:function(res){
                    if(res.status==1){
                        var html='';
                        if(res.data.length>0){
                            for(var i=0;i<res.data.length;i++){
                                html+='<li class="name-list" id="'+res.data[i]['teacher_id']+'">'+res.data[i]['teacher_name']+'</li>';
                            }
                            obj_list.html(html);
                            obj_list.show();
                        }
                    }
                }
            });
        });


        $('.mtCentent').on('click','.name-list',function(){

            $(this).closest('.mtCentent').find('#main-teacher').val($(this).html());
            $(this).closest('.mtCentent').find('#main-teacher').attr('teacher_id',$(this).attr('id'));
            $(this).closest('.mtCentent').find('#main-teacher').attr('title',$(this).html());
            $('#bzr_id').val($(this).attr('id'));
            $(this).closest('.mtCentent').find('.name-con').hide();
        })

        //提交保存
        $('#schoolSubmit').click(function(){
            var className=$('input[name=class_name]').val();
            if(className==''){
                layer.msg('请输入班级名称');
                return false;
            }
            if(className.length>10){
                layer.msg('班级名称不能超过10个字符');
                return false;
            }

            var teacher_ids=$('#teacher_ids');

            if(teacher_ids.length==0){
                layer.msg('请选择执教教师');
                return false;
            }

            if($('#coach_id').val()==''){
                layer.msg('请选择助教');
                return false;
            }
            if($('input[name=bzrId]').val()=='0'){
                layer.msg('请选择班主任');
                return false;
            }

        });

    })
</script>