zxhx
/
xiaoben-as2-php


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
							<!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/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/ims/ace.min.css"/>
    <style>
        .green {
            color: green;
        }

        .red {
            color: red;
        }

        .ims-box {
            margin: 20px;
        }

        .screen > div {
            float: left;
            margin-right: 8px;
        }

        .screen .date > input {
            height: 30px;
            border-radius: 4px;
            border: 1px solid #ccc;
            box-shadow: none;
            text-indent: 10px;
        }

        .screen .purposeOrderNo > input {
            height: 30px;
            border-radius: 4px;
            border: 1px solid #ccc;
            box-shadow: none;
            text-indent: 10px;
        }

        .screen button {
            padding: 4px 12px;
        }

        .table-box {
            margin-top: 30px;
        }

        .btn-formal-order {
            cursor: pointer;
        }

        .application-number-box {
            margin-top: 50px;
            text-align: center;
        }

        .application-number-box span {
            margin-right: 20px;
        }

        .layui-layer-btn .layui-layer-btn0 {
            border-color: #15ae68 !important;
            background-color: #15ae68 !important;
            color: #fff;
        }
        .btn-date_show{
            display: inline-block;width: 170px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
        }
        #imsCode{
            width:100%;
            padding:15px;
        }
        .code-list{
            float: left;
            width:50%;
        }
        .code-list span{
            width: 100%;
            text-align: center;
            display: inline-block;
        }
        .code-list span img{
            margin:0 auto;
        }
    </style>
</head>

<body>
<div class="ims-box">
    <form action="<?php echo Yii::app()->createUrl('imsSale/productSign'); ?>" method="get">
        <div class="screen">

            <div class="diy_select select-goods">
                <input type="hidden" id="type" name="type" class="diy_select_input" value="0">
                <div class="diy_select_txt">请选择类型</div>
                <div class="diy_select_btn"></div>
                <ul class="diy_select_list" style="display: none;">
                    <li val="0">请选择商品</li>
                    <li val="2">考试类型</li>
                    <li val="1">非考试类型</li>

                </ul>
            </div>
            <div class="date">
                <span>签名时间：</span>
                <input type="text" name="begin" readonly class="some_class" value="" id="some_class_1"/> --
                <input type="text" name="end" readonly class="some_class" value="" id="some_class_2"/>
            </div>
            <div class="purposeOrderNo">
                <span>名称：</span>
                <input type="text" id="name" name="name" value="<?php if(isset($_GET['name'])){echo $_GET['name'];}?>"/>
            </div>
            <button type="submit" class="label-primary-s bth-s">查询</button>
            <button type="button" class="label-primary-s show-code">签收App下载</button>
            <a href="<?php echo $this->createUrl("imsSale/unSign")?>" class="label-primary-s ">未签收查询</a>
        </div>
    </form>
    <div>
        <table id="record-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>
            </tr>
            </thead>
            <tbody>
            <?php if ($list):
                $gradeArr=array(
                        1=>'高一',
                    2=>'高二',
                    3=>'高三'
                );

                ?>
                <?php foreach ($list as $item): ?>
                    <tr>
                        <td><?php echo $item['signature']; ?></td>
                        <td><?php echo isset($gradeArr[$item['grade']])?$gradeArr[$item['grade']]:''; ?></td>
                        <td><?php echo $item['name']; ?></td>
                        <td><?php if($item['type']==2){echo '考试类型';}else{echo '非考试类型';} ?></td>
                        <td >
                            <a href="<?php echo $this->createUrl('imsSale/viewProductSign',array('id'=>$item['id']))?>"  class="showLog">详细</a>
                        </td>
                    </tr>
                <?php endforeach; ?>
            <?php endif; ?>
            </tbody>
        </table>
        <?php if ($page): ?>
            <div class="col-sm-12">
                <ul class="pagination">
                    <?php
                    $params = array();
                    if (isset($_GET['type']) && $_GET['type']) {
                        $params['type'] = $_GET['type'];
                    }
                    if (isset($_GET['begin']) && $_GET['begin']) {
                        $params['begin'] = $_GET['begin'];
                    }
                    if (isset($_GET['end']) && $_GET['end']) {
                        $params['end'] = $_GET['end'];
                    }
                    if (isset($_GET['name']) && $_GET['name']) {
                        $params['name'] = $_GET['name'];
                    }
                    if (isset($_GET['page'])) {
                        $params['page'] = $_GET['page'];
                    }else{
                        $params['page'] = 1;
                    }

                    echo formatPage($page, 'imsSale/productSign', $params);
                    ?>
                </ul>
            </div>
        <?php endif; ?>
    </div>
</div>

<!--二维码-->
<div class="qrcode-fram" style="display: none">
    <div id="qrcode" style="width:100px; height:100px;margin: 10px auto">
        <div class="code-list">
            <span id="android"></span>
            Android
        </div>
        <div  class="code-list">
            <span id="iphone"></span>
            Iphone
        </div>
    </div>
</div>
<script src="/js/productset/jquery.min.js"></script>
<script src="/js/layer/layer.js"></script>
<script src="/js/ims/xsgl.js"></script>
<script src="/js/ims/jquery.datetimepicker.js"></script>
<link rel="stylesheet" type="text/css" href="/css/ims/jquery.datetimepicker.css"/>
<script type="text/javascript" src="/js/ims/qrcode.min.js"></script>
<script>
    $(document).ready(function () {
        <?php if (isset($_GET['begin'])):?>
        $("#some_class_1").attr("value", "<?php echo $_GET['begin']?>");
        $("#some_class_2").attr("value", "<?php echo $_GET['end']?>");
        <?php endif;?>


        //筛选条件赋值
        <?php if(isset($_GET['type']) && $_GET['type']>0):?>
        var typeId = "<?php echo $_GET['type'];?>";
        $('#type').val(typeId);
        var txt = $('.select-goods li[val=' + typeId + ']').html();
        $('.select-goods .diy_select_txt').html(txt);

        <?php endif;?>

        $('.some_class').datetimepicker({
            format: "Y-m-d", //格式化日期
            timepicker: false //关闭时间选项
        });

        $('.bth-s').click(function(){

            var begin=$('input[name=begin]').val();
            var end=$('input[name=end]').val();
            if(end!='' && begin!='' && end<begin){
                layer.msg('开始时间要早于结束时间');
                return false;
            }

        });

        $(".show-code").click(function () {
            var urlAndroid  = '<?php echo $softwareUrlAndroid?>',
                urlIos      = '<?php echo $softwareUrlIos?>';


            $("#android").html('');
            $("#iphone").html('');
            if(!urlAndroid){
                layer.msg("没有地址");
                return false;
            }

            var qrcodeAndroid = new QRCode(document.getElementById("android"), {
                width : 100,
                height : 100
            });

            qrcodeAndroid.makeCode(urlAndroid);

            var qrcodeIos = new QRCode(document.getElementById("iphone"), {
                width : 100,
                height : 100
            });

            qrcodeIos.makeCode(urlIos);

            $("#iphone img").on('load',function(){
                layer.open({
                    type: 1,
                    title: '签收App下载',
                    btn: ['关闭'],
                    area: ['440px', '260px'], //宽高
                    btnAlign: 'c',
                    content: '<div style="text-align:center;"><div id="imsCode">'+$("#qrcode").html()+'</div><p>Android系统请使用浏览器扫描二维码下载</p></div>',
                    yes: function(index){
                        //location.reload();
                        layer.closeAll()
                    },
                    btn2: function (index, layero) {
                        //取消按钮
                        // console.log(111)
                        //return false 开启该代码可禁止点击该按钮关闭
                    }
                });
            });


            return false;
        });
    });
</script>
</body>

</html>