zxhx
/
xiaoben-as2-php


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453
							<!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"/>
    <link rel="stylesheet" type="text/css" href="/css/ims/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/ims/ace.min.css"/>

    <link href="/css/ims/ims.css" rel="stylesheet">

    <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: #619aff;
        }

        .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 {
            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: #2977ff;
            cursor: pointer;
        }
        .layui-layer-btn .layui-layer-btn0 {
            border-color: #2977ff !important;
            background-color: #2977ff !important;
            color: #fff;
        }
        .stop-layer-box, .resubmit-layer-box, .delete-layer-box {
            line-height: 140px;
            text-align: center;
        }
        .ims-add-student-box {
            margin: 20px;
        }
        .ims-add-student-box p{
            margin: 0;
        }
        .ims-add-student-box .ims-title{
            font-size: 20px;
            font-weight: bold;
        }
        .ims-add-student-box  .ims-title span{
            margin-right: 20px;
        }

        .ims-add-student-box .add-student-box {
            margin-top: 20px;
            font-size: 0;
            overflow: hidden;
        }
        .ims-add-student-box  .add-student-box>div{
            display: inline-block;
            height: 530px;
            font-size: 14px;
            vertical-align: top;
        }
        .ims-add-student-box .add-student-box .add-student-title{
            padding: 0 8px;
            line-height: 30px;
            color: #fff;
            background-color: #2977ff;
        }
        .ims-add-student-box  .add-student-box .add-student-title label{
            font-size: 14px;
            font-weight: normal;
            cursor: pointer;
            margin-bottom: 0;
        }
        .ims-add-student-box  .add-student-box .add-student-title input{
            vertical-align: middle;
            margin: 0;
        }
        #input-search-student{
            width: 120px;
            height: 20px;
            border: 0;
            color:#000;
        }
        .ims-add-student-box  .add-student-box{
            line-height: 30px;
            min-width: 938px;
        }

        .ims-add-student-box .add-student-box .class-box {
            width: 180px;
            text-align: center;
            border: 1px solid #ccc;
        }
        .ims-add-student-box .student-list div{
            font-size: 14px;
            font-weight: normal;
        }
        .ims-add-student-box .add-student-box .class-list{
            height: 500px;
            overflow: auto;
        }
        .ims-add-student-box .add-student-box .class-list li{
            border-bottom: 1px solid #ccc;
            cursor: pointer;
        }
        .ims-add-student-box .class-list .active{
            color: #619aff;
        }
        .ims-add-student-box .add-student-box .student-list{
            margin: 0;
            width: 34%;
            min-width: 326px;
            border: 1px solid #ccc;
            border-left: 0;
        }
        .ims-add-student-box .student-list-content,.selected-list-content{
            padding: 8px;
            height: 500px;
            overflow: auto;
        }
        .ims-add-student-box .student-list-content label,.selected-list-content label{
            display: inline-block;
            width: 150px;
            cursor: pointer;
            font-size: 14px;
            font-weight: normal;
        }

        .ims-add-student-box .btn-search-student{
            height: 20px;
            line-height: 20px;
            padding: 0 5px;
            border-radius: 3px;
            color: #2977ff;
            background-color: #fff;
            border: none;
            outline: none;
            cursor: pointer;
        }

        .ims-add-student-box .btns-box {
            width: 100px;
            text-align: center;
        }
        .ims-add-student-box .btn-left,.ims-add-student-box .btn-right{
            margin: 150px auto 0;
            width: 40px;
            height: 40px;border: 1px solid #ccc;
            border-radius: 50%;
            background-color: #fff;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
        }
        .ims-add-student-box  .selected-list{
            width: 34%;
            min-width: 326px;
            border: 1px solid #ccc;
        }


        .ims-add-student-box .btn-confirm_purchase {
            display: block;
            margin: 0 auto;
            margin-top: 100px;
            margin-bottom: 50px;
            width: 200px;
            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:#2977ff;
            cursor: pointer;
        }
        .yiiPager li{display: inline}

        .ims-add-student-box .good-type-prompt{color: red; font-size: 13px; font-weight: normal;}
    </style>
</head>

<body>
<div class="ims-box">
    <h1 class="title">试用学生名单</h1>
    <div class="screen">

        <table id="formalOrderTable"
               class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable"
               style="font-size:12px">
            <tr>
                <th class="title">试用商品</th>
                <th style="width:38%">
                    <span class="type filter-goodsType">
                        <?php if ($goodList):?>
                            <?php foreach ($goodList as $k=>$good):?>
                                <label>
                                 <?php if ($k==0):?>
                                     <input type="radio" class="goodTypeInput" name="goodsTypeId" checked value="<?php echo $good['goodsTypeId']?>"/>
                                 <?php else:?>
                                     <input type="radio" class="goodTypeInput" name="goodsTypeId" value="<?php echo $good['goodsTypeId']?>"/>
                                 <?php endif;?>
                                    <?php echo $good['goodsTypeName']?>
                             </label>
                            <?php endforeach;?>
                        <?php endif;?>
                    </span>
                </th>
                <th class="title">试用年级</th>
                <th>
                    <span class="type filter-grade">
                        <?php
                        if(Yii::app()->params['section']==1) {
                            ?>
                            <label><input type="radio" name="grade" value="<?php echo $grade[1] ?>" load-grade="1"
                                          checked/> 高一</label>
                            <label><input type="radio" name="grade" value="<?php echo $grade[2] ?>" load-grade="2"/> 高二</label>
                            <label><input type="radio" name="grade" value="<?php echo $grade[3] ?>" load-grade="3"/> 高三</label>
                            <span class="real-grade">实际年级:<?php echo $gradeName[$grade[1]] ?></span>
                            <?php
                        }else{
                            ?>
                            <label><input type="radio" name="grade" value="<?php echo $grade[7] ?>" load-grade="7"
                                          checked/> 七年级</label>
                            <label><input type="radio" name="grade" value="<?php echo $grade[8] ?>" load-grade="8"/> 八年级</label>
                            <label><input type="radio" name="grade" value="<?php echo $grade[9] ?>" load-grade="9"/> 九年级</label>
                            <span class="real-grade">实际年级:<?php echo $gradeName[$grade[7]] ?></span>
                            <?php
                        }
                        ?>
                    </span>
                </th>
            </tr>
            <tr>
                <th class="title">开始时间</th>
                <th >
                    <span class="">
                            <input id="startTime" type="text" style="text-indent: 5px;">
                    </span>
                </th >
                <th class="title" style="width:10%">学科</th>
                <th>
                    <span class="">
                        <select name="subject_id" id="subjectId">

                        </select>
                    </span>
                </th>

            </tr>
            <tr>
                <th class="title">所在学期</th>
                <th >
                    <span class="">
                          <select name="semesterId" id="semesterId"></select>
                    </span>
                </th >
                <th class="title" style="width:10%">试用类型</th>
                <th>
                    <span class="">
                         <input id="typeName" name="typeName" readonly type="text" style="text-indent: 5px;" value="">
                        <input type="hidden" name="UsefulType" value="-1">
                    </span>
                </th>

            </tr>
        </table>
    </div>
    <div class="ims-add-student-box">
        <h2 class="ims-title"><span>添加学生</span><span class="good-type-prompt"></span></h2>
        <div class="add-student-box">
            <div class="class-box">
                <div class="add-student-title">
                    <p>班级</p>
                </div>
                <ul class="class-list">
                    <li class="active">一班</li>
                    <li>二班</li>
                    <li>三班</li>
                </ul>

            </div>
            <div class="student-list">
                <div class="add-student-title clearfix">
                    <span class="fl">
                        <label>
                            <input type="checkbox" name="select-all" value="1" />全选
                        </label>
                        <span></span>
                    </span>
                    <span class="fr">
                        <input type="text" id="input-search-student" name="search-student-name" placeholder="学生姓名" />
                        <button type="button" class="btn-search-student">搜索</button>
                    </span>
                </div>
                <div class="student-list-content" id="studentListContent">

                </div>

            </div>
            <div class="btns-box">
                <p class="btn-left" id="btnRemoveStudent"><</p>
                <p class="btn-right" id="btnAddStudent" >></p>
            </div>
            <div class="selected-list">
                <div class="add-student-title">
                    <p>已选(<span id="studentSelectedLength">0</span>人)</p>
                </div>
                <div class="selected-list-content" id="selectedListContent">

                </div>
            </div>
        </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>