zxhx
/
xiaoben-as2-php


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>重新提交</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="/css/ims/base.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/ims/jquery.datetimepicker.css"/>
    <style>
        .ims-box {
            padding: 30px 50px;
        }

        .ims-box > h1 {
            font-size: 28px;
        }

        .screen {
            width: 100%;
        }

        .screen li {
            height: 30px;
            line-height: 30px;
            border: 1px solid #DBDBDB;
            font-size: 0;
        }

        .screen span {
            display: inline-block;
            font-size: 13px;
        }

        .screen .title {
            width: 100px;
            background-color: #EAEAEA;
            text-align: center;
        }

        /*.screen .type {*/
        /*width: 400px;*/
        /*}*/

        .screen .type label {
            margin: 0 20px;
        }

        .list {
            overflow: hidden;
        }

        .list h2 {
            line-height: 30px;
        }

        .list .student-list_box {
            width: 30%;

        }

        .list .student-selected_box {
            margin-left: 60px;
            width: 60%;
            overflow-x: scroll;
        }

        .list .student-list {
            height: 360px;
            overflow: auto;
            padding: 20px;
            background-color: #eef3ff;
        }

        .list .student-list li {
            line-height: 30px;
            cursor: pointer;
        }

        .list .student-list li.active .btn-select_all {
            display: inline-block;
        }

        .list .student-list span {
            cursor: pointer;
        }

        .list .btn-select_all {
            margin-left: 84px;
            color: #008000;
        }

        .student-name_box li {
            position: relative;
            margin-left: 28px;
            line-height: 30px;
        }

        .student-name_box input {
            position: absolute;
            left: 140px;
            top: 8px;
        }

        .btn-select_all, .student-name_box {
            display: none;
        }

        .student-selected {
            width: 628px;
            height: 400px;
            overflow: auto;
        }

        .student-selected li {
            float: left;
            margin-right: 24px;
            margin-bottom: 12px;
            width: 280px;
            height: 26px;
            line-height: 26px;
            text-indent: 20px;
            background-color: #f2f2f2;
        }

        .student-selected .btn-delete {
            float: right;
            margin-right: 20px;
            color: red;
            cursor: pointer;
        }

        .btn-trial {
            display: block;
            margin: 0 auto;
            margin-top: 100px;
            margin-bottom: 50px;
            width: 430px;
            line-height: 54px;
            color: #fff;
            font-family: PingFangSC-Regular, "PingFang SC";
            font-weight: 400;
            font-style: normal;
            font-size: 20px;
            text-align: center;
            background-color: rgba(0, 153, 102, 1);
            cursor: pointer;
        }
        .layui-layer-btn .layui-layer-btn0 {
            border-color: #15ae68 !important;
            background-color: #15ae68 !important;
            color: #fff;
        }
        .stop-layer-box, .resubmit-layer-box, .delete-layer-box {
            line-height: 140px;
            text-align: center;
        }
    </style>
</head>

<body>
<div class="ims-box">
    <h1 class="title">试用学生名单</h1>
    <div class="screen">
        <ul>
            <li>
                <span class="title">试用商品</span>
                <span class="type filter-goodsType">
                    <?php if ($goodList):?>
                        <?php foreach ($goodList as $k=>$good):?>
                            <label>
                             <input type="radio" name="goodsTypeId" <?php if ($good['goodsTypeId']==$goodsTypeId) echo 'checked'?> value="<?php echo $good['goodsTypeId']?>"/>
                                <?php echo $good['goodsTypeName']?>
                         </label>
                        <?php endforeach;?>
                    <?php endif;?>
                </span>
            </li>
            <li>
                <span class="title">试用年级</span>
                <span class="type filter-grade">
                    <label><input type="radio" name="grade" value="1" <?php if ($grade==1) echo 'checked'?>/> 高一</label>
                    <label><input type="radio" name="grade" value="2" <?php if ($grade==2) echo 'checked'?>/> 高二</label>
                    <label><input type="radio" name="grade" value="3" <?php if ($grade==3) echo 'checked'?>/> 高三</label>
                </span>
            </li>
            <li>
                <span class="title">开始时间</span>
                <span class="">
                    <input id="startTime" type="text" style="margin-left: 30px;text-indent: 5px;" value="">
                </span>
            </li>
        </ul>
    </div>
    <div class="list">
        <div class="student-list_box fl">
            <h2>学生名单</h2>
            <ul class="student-list">

            </ul>
        </div>
        <div class="student-selected_box fl">
            <h2>已选（<span id="studentSelectedLength"><?php echo count($selectedStudent);?></span>）</h2>
            <ul class="student-selected">
                <?php if ($selectedStudent):?>
                    <?php foreach ($selectedStudent as $item):?>
                        <li studentId="<?php echo $item['studentId']?>" student-info="<?php echo $item['studentName'].'#'.$item['studentId'].'#'.$item['clazzName'].'#'.$item['clazzId'];?>">
                            <?php echo $item['studentName']?>
                            --
                            <?php echo $item['clazzName']?>
                            <i class="btn-delete" value="<?php echo $item['studentId'] ;?>">X</i>
                        </li>
                    <?php endforeach;?>
                <?php endif;?>
            </ul>
        </div>
    </div>
    <a class="btn-trial">开通试用</a>
</div>
<script src="/js/productset/jquery.min.js"></script>
<script src="/js/ims/jquery.datetimepicker.js"></script>
<script src="/js/layer/layer.js"></script>
<?php include_once '_trial.php' ;?>
</body>

</html>