zhouchanghao
/
ZHadmin
forked from jifuning/ZHadmin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
							
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>巡检记录列表</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入YDUI样式 -->
    <link rel="stylesheet" href="http://m.ydui.org/css/ydui.css" />
    <!-- 引入YDUI自适应解决方案类库 -->
    <script src="http://m.ydui.org/js/ydui.flexible.js"></script>
    <style>
        body{
            background-color: #fff;
            font-size: 12px;
        }
        img{
            max-width: 100%;
        }
        i{
            font-size: 14px;
        }
        input {
            -webkit-appearance: textfield;
            background-color: white;
            -webkit-rtl-ordering: logical;
            cursor: text;
            padding: 1px;
            border-width: 2px;
            border-style: inset;
            border-color: initial;
            border-image: initial;
        }

        input[type="date"]:before{
            color: #2c3e50;
            content:attr(placeholder);
        }
        input[type="date"].full:before{
            color: #2c3e50;
            content: "" !important;
        }

        .filter-time{
            margin: 10px 30px;
        }
        .filter-time .form-control{
            /*display: block;*/
            width: 120px;
            height: 36px;
            padding: 6px 12px;
            font-size: 12px;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ecf0f1;
            border-radius: 4px;
            overflow: hidden;
            /*-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;*/
            /*-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
            /*transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
        }
        .filter-time .form-group{
            display: inline-block;
        }
        .filter-time .line{
            display: inline-block;
            color: #ECF0F1;
            margin:0 2px;
        }
        .filter-time .btn{
            border-radius: 0px;
            height: 30px;
            line-height: 30px;
            margin: 3px auto;
        }
        .btn-blue{
            background-color: #3498DB;
            color: #FFF;
            min-width: 65px;
        }
        .inline{
            display: inline-block;
        }
        .inline.right{
            float: right;

        }
        .card{
            background-color: #ecf0f1;
            font-size: 14px;
            position: relative;
            overflow: hidden;
            margin: 5px 20px;
            border-radius: 2px;
            background-color: #fff;
            background-clip: padding-box;
            /*border-bottom: 2px solid #ECF0F1;*/
            border-width: 2px;
            border-style: dashed;
            border-color: #ECF0F1;
        }

        .card-header{
            font-size: 14px;
            border-radius: 2px 2px 0 0;
        }
        .card-footer, .card-header {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            min-height: 44px;
            padding: 10px 15px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .card-footer:before, .card-header:after {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            height: 1px;
            content: '';
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
            background-color: #c8c7cc;
        }
        .card-header:after {
            top: auto;
            bottom: 0;
        }
        .card-footer {
            color: #6d6d72;
            border-radius: 0 0 2px 2px;
        }

        .card-content {
            font-size: 14px;
            position: relative;
        }

        .card-content-inner {
            position: relative;
            padding: 15px 0px;
        }
        
        .child-list{
            position: relative;
            margin:0 30px;
            padding: 0 40px;
            border-left: 1px solid #ecf0f1;
        }
        .child-list .icon{
            width: 24px;
        }
        .child-list .name{
            line-height: 30px;
            font-size: 14px;
            color: #2c3e50;
        }
        .child-list .time{
            line-height: 30px;
            font-size: 14px;
            color: #bdc3c7;
        }
        .child-list .status{
            line-height: 30px;
            font-size: 14px;
            color: #bdc3c7;
        }
        .child-list .icon{
            position: absolute;
            left: -13px;
            top: 4px;
        }
        .list{
            position: relative;
        }
        .list .more{
            position: absolute;
            right: 18px;
            top: 0px;
            width: 5px;
        }
    </style>
</head>
<body>

<div class="g-flexview">
    <!-- 开始结束时间 -->
    <div class="filter-time">

        <div class="form-group">
            <input class="form-control" type="date" value="" placeholder="开始时间">
        </div>

        <div class="line"> — </div>

        <div class="form-group">
            <input class="form-control" type="date" value="" placeholder="结束时间">
        </div>

        <div class="inline right">
            <button type="submit" class="btn btn-blue">确定</button>
        </div>
    
    </div>
    <section id="J_List">
        <div id="J_ListContent">

        </div>
    </section>
</div>

<!-- 引入jQuery 2.0+ -->
<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- 引入YDUI脚本 -->
<script src="//m.ydui.org/js/ydui.js"></script>
<script src="../js/cofig.js"></script>
<script src="../js/function.js"></script>
<script src="recordList.js"></script>

<script>
    !function ($) {
        $("input[type=date]").on("input",function(){
            if($(this).val().length>0){
                $(this).addClass("full");
            }
            else{
                $(this).removeClass("full");
            }
        });
    }(jQuery);
    function f() {
        var obj = {
            startTime:'',
            endTime:'',
        }
        $.ajax({
            url:'http://apptest.jieweizhineng.com/api/swagger/api/record/v1/getRecordList',
            data:'',
            type:'get',
            success:function (res) {
                console.log(res)
            },
            error:function () {

            }
        })
    }
</script>
</body>
</html>