zxhx
/
xiaoben-as2-php


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>查看签名</title>
    <link href="/css/ims/base.css" rel="stylesheet">
    <link href="/css/ims/ims.css" rel="stylesheet">
    <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 rel="stylesheet" type="text/css" href="/css/ims/jquery.datetimepicker.css" />
    <style>
        .ims-box {
            margin: 20px;
        }

        .screen {
            padding-left: 20px;
            height: 44px;
            line-height: 44px;
            background-color: #eff4fa;
        }

        .screen li {
            float: left;
            margin-right: 65px;
        }

        .bg-d9bf6e {
            margin-left: 5px;
            padding: 0 20px;
            color: #fff;
            background-color: #d9bf6e;
        }

        .list {
            padding: 0 40px;
            /*margin-top: 40px;*/
            overflow: hidden;
        }

        .list h2 {

            line-height: 30px;
            font-size: 14px;
        }

        .list .student-list_box {
            width: 500px;
            margin-bottom: 15px;
        }

        .list .student-list_box>ul {
            height: 260px;
            overflow: auto;
            padding: 20px;
            background-color: #eef3ff;
        }

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

        .list .student-list {
            display: none;
            margin-left: 20px;
        }

        .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: 155px;
            top: 8px;
        }

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

        .student-selected {
            width: 320px;
            height: 300px;
            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-confirm_purchase {
            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;
        }

        .sale-table input {
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        #imgPreview {
            display: inline-block;
            margin-top: 12px;
        }
        #imgPreview > img {
            max-width: 100px;
            max-height: 100px;
            margin-right: 5px;
        }
        .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;
        }
        .disable-btn{
            background-color: #666666;
            border: 1px solid #666666!important;
        }
        .cpList{display: inline-block;border:1px solid #ccc;color:#000;padding:3px 6px;border-radius: 8px;}
    </style>
</head>

<body>
<h3 class="sale-title">签名详情</h3>


<div class="sale-table">
    <table width="100%">
        <tr>
            <th><em class="red">*</em>名称</th>
            <td colspan="3">
                <?php echo $name?>
            </td>
        </tr>
        <tr>
            <th><em class="red">*</em>签名时间</th>
            <td >
                <?php echo $signature;?>
            </td>

        </tr>
        <tr>
            <th><em class="red">*</em>类型</th>
            <td >
                <?php echo $type;?>
            </td>
        </tr>
        <tr>
            <th><em class="red">*</em>班级和产品</th>
            <td >
                <?php
                if($clazzAndProduct){
                    foreach ($clazzAndProduct as $val){
                        echo '<p class="cpList">'.$val.'</p>';
                    }
                }
                ?>
            </td>

        </tr>
        <tr>
            <th><em class="red">*</em>签名</th>
            <td >
                <img width="150" src="<?php echo $imgUrl?>">
            </td>
        </tr>
    </table>
    <div class="sale-submit" style="margin-top: 25px;">
        <button type="button" class=" label-primary-s bth-s" id="savebutton" onclick="window.history.go(-1);">返回</button>

    </div>

</div>


</body>
<script>
    $('.icon-close-1').click(function(){
        $('#classModal-1').hide();
    });
    $('#viewLog').click(function(){
        $('#classModal-1').show();

    });
</script>
</html>