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

<link rel="stylesheet" href="/fonts/fpdf/iconfont.css"/>
<link rel="stylesheet" href="/css/alert.css"/>
<style>
    .joint-intro-con{
        position: relative;
        font-size: 14px;
        margin-top: 10px;
        /*background: url(sign-top.png) no-repeat;*/
        -webkit-background-size: 100%;
        background-size: 100%;
        padding: 0 0 20px;
        width: 100%;
        margin: 20px auto;
    }
    .back-home-btn {
        position: absolute;
        top: 20px;
        right: 20px;
        background: #fff;
        width: 70px;
        height: 30px;
        line-height: 30px;
        color: #73B754;
        border-radius: 15px;
    }
    .joint-intro-article{
        padding-top: 20px;
        padding-bottom: 12px;
        border-bottom: 2px dashed #73B754;
        border-left: 10px solid #73B754;
        border-right: 10px solid #73B754;
        position: relative;
        margin-top: -7px;
    }
    .joint-intro-article:before{
        content: '';
        position: absolute;
        left: -10px;
        bottom: -15px;
        width: 25px;
        height: 30px;
        background: #73B754;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .joint-intro-article:after{
        content: '';
        position: absolute;
        right: -10px;
        bottom: -15px;
        width: 25px;
        height: 30px;
        background: #73B754;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    .joint-intro-msg{
        margin: 0 10%;
        font-family: '微软雅黑';
        position: relative;

    }
    .joint-intro-msg dt{
        font-size: 16px;
        font-weight: bold;
        margin: 6px 0;
    }
    .joint-intro-msg dd{
        margin-left: 30px;
        line-height: 32px;
        position: relative;
    }
    .joint-intro-msg dd:before{
        content: '*';
        color: #73B754;
        font-weight: bold;
        font-size: 18px;
        position: absolute;
        left: -12px;
        top: 3px;
    }
    .bg-border{
        border-left: 10px solid #73B754;
        border-right: 10px solid #73B754;
        border-bottom: 10px solid #73B754;
    }
    .joint-intro-bottom{
        /*margin: 0 160px;*/
        padding: 40px 160px;
    }
    .school-status .school-status-menu{
        font-size: 16px;
        font-weight: bold;
    }
    .sign-up-btn{
        width: 120px;
        line-height: 30px;
        background: #73B754;
        color: #fff;
        margin: auto;
        border-radius: 2px;
        text-align: center;
    }
    .end-warn{
        color: #333;
        font-weight: bold;
        margin-top: 10px;
    }

    .test-sign-notice{
        padding: 40px 20px 0;
        font-size: 16px;
    }
    .test-sign-msg{
        font-size: 18px;
        margin: 0 20px 0 10px;
    }

    .vtm{vertical-align: middle;}
    .fw{font-weight: bold;}
    .dib{display: inline-block;}
    .red-font{color: red;}
    .banner-top{width: 100%;}

    .class-modal-1{min-height: 300px}
    .tongz{width:98.5%;border:1px solid #0e8e54;margin:10px auto;padding:5px;font-size:16px;color:#0e8e54}
    #classModal .class-modal{overflow-y:scroll; }
</style>


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

    <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 ">
                        <p class="tongz">
                            <img src="/images/tongzhi.png" style="float: left">
                            各位学管请悉知，校本课程平台大数据联合质量评估考试登陆学管端啦！请与学校领导做好沟通工作，推荐报名呦！<br>
                            本次大数据联合质量评估考试的报名，统一采用线上报名的方式，由学管人员协助学校在学管端进行报名信息提交！
                            <button type="button" class=" view_untied" style="margin-right:10px;border-radius: 20px;">
                                <span  style="display: inline-block;vertical-align: middle">查看详情</span>
                            </button>
                        </p>

                    </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>名称</th>
                            <th>考试年级</th>
                            <th>文理科</th>
                            <th>阅卷方式</th>
                            <th>公布时间</th>
                            <th>考试日期</th>
                            <th>报名截止</th>
                            <th>联系人/联系方式</th>
                            <th>报名状态</th>
                        </tr>
                        </thead>
                        <?php if (!empty($task_exam)):foreach ($task_exam as $cl): ?>
                            <tr>
                                <td><?php echo $cl['exam_name']?></td>
                                <td><?php echo $cl['grade_name']?></td>
                                <td><?php echo $cl['branch_name']?></td>
                                <td>班级混合阅卷</td>
                                <td><?php echo date('Y-m-d ',$cl['create_time'])?></td>
                                <td><?php echo date('Y-m-d ',$cl['exam_time'])?></td>
                                <td><?php echo date('Y-m-d ',$cl['apply_deadline'])?></td>
                                <td class="mobile">
                                    <?php if($cl['sign_up']==1){
                                        echo $cl['mobile'];
                                    }
                                    ?></td>
                                <td>
                                    <?php if($cl['sign_up']==1){
                                        echo '<a href="#" data="'.$cl['task_exam_id'].'"  class="signOut">取消报名</a>';
                                    }elseif($cl['apply_deadline']>time()){
                                        echo '<a href="#" data="'.$cl['task_exam_id'].'" class="signup">报名</a>';
                                    }
                                    ?>
                                </td>
                            </tr>
                        <?php endforeach; endif; ?>

                    </table>
                </div>

                <!--上传模板弹窗-->

                <!-- PAGE CONTENT ENDS -->
            </div>
        </div>
    </div>
</div>

<!--弹窗-->
<div class="confirmbox-mask" style="display: none;" id="classModal">
    <form name="table_set">
        <div class="class-modal" style="width:60%;top:50%;height:650px;">
            <i class="icon icon-close"></i><div class="class-modal-head">联考说明</div>
            <div class="joint-intro-con">
                <img src="/images/sign-top.png" alt="" class="banner-top">
                <div class="joint-intro-article">
                    <dl class="joint-intro-msg">
                        <dt>一、目的意义</dt>
                        <dd>1.通过本次大数据联合质量评估考试（以下简称“大联评”），检验学校高三数学二轮复习效果并找出与高考要求的差距，帮助学校精准查找原因，有效整改，快速提升成绩。</dd>
                        <dd>2.通过本次大联评，学校可以和本省兄弟学校进行横向对比，找差距，比学赶帮。</dd>
                        <dd>3.通过线上、线下质量分析会议，进一步明确复习教学亮点和不足，能有效找到提升成绩的整改方案。</dd>
                    </dl>
                    <dl class="joint-intro-msg">
                        <dt>二、试卷种类</dt>
                        <dd>本次联评卷分全国A卷文理（适用于全国Ⅰ：湖南、湖北、安徽、江西、河南、河北、山东、山西、广东、福建）、B卷文理（适用于全国Ⅲ区域，Ⅱ卷区域：甘肃、青海、宁夏、内蒙古、辽宁、吉林、黑龙江、新疆、西藏、陕西、海南、重庆、云南、贵州、四川、广西），按照相应高考要求由参加过高考命题的老师命卷。</dd>
                    </dl>
                    <dl class="joint-intro-msg">
                        <dt>三、报名方式</dt>
                        <dd>1.校本课程平台用户学校可以通过学管登录学管端进行考试报名；</dd>
                        <dd>2.其他学校可以通过校本课程平台官网提交报名信息，或者通过业务经理进行报名。</dd>
                    </dl>
                    <dl class="joint-intro-msg">
                        <dt>四、组织考试</dt>
                        <dd>1.考试时间：2019年4月15日下午3:00～5:00</dd>
                        <dd>2.学管（或学校相关人员）提前2小时下载并打印试卷、答题卡。</dd>
                        <dd>3.考试结束后学管（或学校相关人员）扫描答题卡，老师在线上阅卷。</dd>
                    </dl>
                    <dl class="joint-intro-msg">
                        <dt>五、查看成绩</dt>
                        <dd>老师可以在校本课程平台系统在线实时查看本校成绩，也可以在线查看本省、外省兄弟学校的成绩，进行横向对比。</dd>
                    </dl>
                    <dl class="joint-intro-msg">
                        <dt>六、分析会议</dt>
                        <dd>2019年4月22日及23日举行线上质量分析会议，帮助学校进一步精准找到原因，有效实时整改教学。</dd>
                    </dl>
                    <!-- <dl class="joint-intro-msg">
                      <dt>特别说明</dt>
                      <dd>在2019年2月24日17:00前，所有考试学校务必要完成阅卷，否则官方将根据需要，有权将对应学校成绩不纳入质量分析数据评估。</dd>
                    </dl> -->
                </div>
                <div class="joint-intro-bottom bg-border tac fw" v-if="false">

                </div>

            </div>
        </div>
    </form>
</div>
<!-- 弹窗 -->
<div class="confirmbox-mask" style="display:none ;" id="classModal-1">

        <div class="class-modal-1" >

            <i class="icon icon-close-1"></i><div class="class-modal-head-1">考试报名</div>
            <div class="class-modal-body-1">
                <h2>亲爱的学管：</h2>
                <p>
                    　　您将报名参加本次大联评考试，本次考试需要对文理科班级分别考察，请确认是否已经完成班级的文理科划分！<br>
                    　　下面请填写您的报名信息吧！<br>
                    　　注：联系人请尽量填写学校领导
                </p>
                <div class="table_area">
                    <label>联系人：<input class="table_1" name="contacts" type="text"  value="" /></label>
                    <label>手机号：<input class="table_2" name="tel" type="text"  value="" /></label>
                </div>
                <div class="table_area" style="text-align: center">
                    <button class="signup_submit">提交</button>
                    <button class="cancel">取消</button>
                    <input type="hidden" name="tk_exam_id" value="0">
                </div>
            </div>

        </div>

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

        //
        $('.view_untied').click(function(){
            $('#classModal').show();
        });
        $('.icon-close').click(function(){
            $('#classModal').hide();
        });
        //报名窗口
        $('.signup').click(function(){
            $('input[name=tk_exam_id]').val($(this).attr('data'));

            $('#classModal-1').show();
        });
        //取消报名
        $('.signOut').click(function(){
            var exam_group_id=$(this).attr('data');
            var obj=$(this);
            layer.open({
                type: 1,
                title: '取消报名 ',
                btn: ['确定', '取消'],
                area: ['420px', '240px'], //宽高
                btnAlign: 'c',
                content: '<div class="application-number-box" style="padding-left:15px;"><p>亲爱的学管：<br>　　请确认是否取消本次考试报名？</p></div>',
                yes: function (index, layero) {
                    //提交
                    $.ajax({
                        type: 'post',
                        url: "<?php echo Yii::app()->createUrl('print/signOut');?>",
                        data: {'exam_group_id': exam_group_id},
                        dataType: 'json',
                        success: function (data) {
                            if(data.status==1){
                                obj.removeClass('signOut');
                                obj.addClass('signUp');
                                obj.html('报名');
                                obj.closest('tr').find('.mobile').html('');
                                layer.closeAll();
                                layer.msg('取消报名操作成功');
                                window.location.reload();

                            }else{
                                layer.closeAll();
                                if(data.msg!=undefined || data.msg!=''){
                                    layer.msg(data.msg);
                                }else{
                                    layer.msg('取消报名操作失败');
                                }
                            }
                        }
                    })
                },
                btn2: function (index, layero) {
                    //取消按钮
                    // console.log(111)
                    //return false 开启该代码可禁止点击该按钮关闭
                }
            });
        });
        $('.icon-close-1,.cancel').click(function () {
            $('input[name=tk_exam_id]').val('');
            $('#classModal-1').hide();
            return false;
        });
        $('.signup_submit').click(function(){
            if($('input[name=contacts]').val()==''){
                layer.msg('请输入联系人');
                return false;
            }

            if($('input[name=tel]').val()=='' ){
                layer.msg('请输入联系人手机号');
                return false;
            }
            if(!checkMobile($('input[name=tel]').val())){
                layer.msg('联系人手机号格式不正确');
                return false;
            }
            var contacts=$('input[name=contacts]').val();
            var tel=$('input[name=tel]').val();
            var exam_group_id=$('input[name=tk_exam_id]').val();
            if(exam_group_id=='' || exam_group_id==0){
                layer.msg('考试信息有误');
                return false;
            }
            $.ajax({
                url:'<?php echo $this->createUrl('print/signUp')?>',
                type:'POST',
                dataType:'json',
                data:{'contacts':contacts,'tel':tel,'exam_group_id':exam_group_id},
                success:function(res){
                    if(res.status==1){
                       window.location.reload();
                    }else{
                        if(res.msg!=undefined || res.msg!=''){
                            layer.msg(res.msg);
                        }else{
                            layer.msg('报名失败');
                        }
                    }
                }
            });

        });
        //检测手机号
        function checkMobile(value){
            var regMobile = /^1([356789]\d|4[57])\d{8}$/;
            return regMobile.test( value );
        }

    });


</script>