routingquery.html 18.7 KB
<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8" />
    <title>过车查询</title>
    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--IE=edge:保持使用最高级别模式显示内容-->
    <meta name="renderer" content="webkit"><!--360浏览器-->
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!--新增 sta-->
    <link href="../assets/global/plugins/bootstrap-switch/bootstrap-switch.css" rel="stylesheet"  type="text/css">
    <link href="../assets/global/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" type="text/css" />
    <!--新增 end-->
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME GLOBAL STYLES -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/Swiper/3.4.2/css/swiper.css">
    <link href="../assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" type="text/css" />
    <link href="//cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">
    <link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
    <link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
    <!-- END THEME GLOBAL STYLES -->
    <!-- BEGIN THEME LAYOUT STYLES -->
    <link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/layouts/layout/css/themes/blue.css" rel="stylesheet" type="text/css" id="style_color" />
    <link rel="stylesheet" href="../assets/global/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../assets/pages/css/routingquery.css"/>
    <!-- END THEME LAYOUT STYLES -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /></head>
<!-- END HEAD -->

<body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid">
<input type="hidden" id="parkIds" value="" />
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top" id="header">
</div>
<!-- END HEADER -->
<!-- BEGIN HEADER & CONTENT DIVIDER -->
<div class="clearfix"> </div>
<!-- END HEADER & CONTENT DIVIDER -->
<!-- BEGIN -->
<div class="page-container">
    <!-- 左侧菜单栏 sta -->
    <div class="page-sidebar-wrapper">
        <!-- BEGIN SIDEBAR -->
        <div class="page-sidebar navbar-collapse collapse" id="navbar_left">
        </div>
    </div>
    <!-- 左侧菜单栏 end -->
    <!-- 右侧账单内容 sta -->
    <div class="page-content-wrapper">
        <div class="page-content" >
            <!-- 导航 sta -->
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="icon-note"></i>
                        <a href="javascript:void(0);">订单管理</a>
                        <i class="fa fa-angle-right"></i>

                    </li>
                    <li>
                        <span>过车查询</span>
                    </li>
                </ul>
            </div>
            <!-- 导航 end -->
            <!--弹窗 sta-->
            <div id="alert_over" class="alert_over">
                <div class="pst role_alert_con" id="role_alert_con">
                    <span id="user_close_alert" class="fr user_close_alert"></span>
                    <div class="alert_left">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"> <img id="cpic1path"/></div>
                                <div class="swiper-slide"> <img id="cpic2path"/></div>
                                <div class="swiper-slide"> <img id="cpic3path"/></div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                            <div class="swiper-button-prev swiper-button-disabled"></div>
                            <div class="swiper-button-next"></div>
                        </div>
                    </div>
                    <div class="alert_right">
                        <div class="alert_righttit">停车详情</div>
                        <div class="role_alert_feed">
                            <span class="role_alert_feed_l">车牌号:</span><span class="car_Msg" id="car_Num"></span>
                        </div>
                        <div class="role_alert_feed">
                            <span class="role_alert_feed_l">停车点:</span><span class="car_Msg" id="car_lat"></span>
                        </div>
                        <div class="role_alert_feed">
                            <span class="role_alert_feed_l">车辆类型:</span><span class="car_Msg" id="car_type"></span>
                        </div>
                        <div class="role_alert_feed">
                            <span class="role_alert_feed_l">采集时间:</span><span class="car_Msg" id="car_time"></span>
                        </div>
                        <div class="role_alert_feed">
                            <span class="role_alert_feed_l">车道:</span><span class="car_Msg" id="car_rout"></span>
                        </div>
                        <div class="role_alert_feed">
                            <span class="role_alert_feed_l">车速:</span><span class="car_Msg" id="car_speed"></span>
                        </div>
                        <div class="role_alert_feed">
                            <span class="role_alert_feed_l">行驶方向:</span><span class="car_Msg" id="car_Move"></span>
                        </div>
                        <!--<div class="role_alert_feed">-->
                            <!--<span class="role_alert_feed_l">车身颜色:</span><span class="car_Msg" id="car_Color"></span>-->
                        <!--</div>-->
                        <!--<div class="role_alert_feed">-->
                            <!--<span class="role_alert_feed_l">车身长度:</span><span class="car_Msg" id="car_Length"></span>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
            <!-- 菜单搜索 sta -->
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light portlet_pos">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="icon-magnifier font-green"></i>
                                <span class="caption-subject font-green bold uppercase">搜索查询</span>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <div class="row">
                                <div style="line-height: 35px;padding-bottom: 10px;padding-top: 10px;" class="col-lg-4 col-md-4 col-sm-6 col-xs-12">

                                    <label class="control-label data_title_l car-Num">车牌号</label>
                                    <input type="text" class="carNums" id="carNums">
                                </div>
                                <div style="line-height: 35px;padding-bottom: 10px;padding-top: 10px;" class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                    <label class="control-label data_title_l parking-name">停车点</label>
                                    <select id="parkPoint" class="selectpicker" data-size="5" data-width="240px">
                                    </select>
                                </div>
                                <div style="line-height: 35px;padding-bottom: 10px;padding-top: 10px;" class="col-lg-4 col-md-4 col-sm-6 col-xs-12">

                                    <label class="control-label data_title_l parking-name">车辆类型</label>
                                    <select id="carType" class="selectpicker"  data-width="240px">
                                        <option value="" selected>全部</option>
                                        <option value="1">大型车</option>
                                        <option value="2">小型车</option>
                                    </select>
                                </div>
                            </div>


                            <div class="row display-none showtoggle">
                                <div style="line-height: 35px;padding-bottom: 10px;padding-top: 10px;" class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                    <span class="control-label data_title_l">采集时间</span>
                                    <div class="input-group daterange-btn" id="daterange-btn">
                                        <input type="text" class="form-control timeClass" readonly placeholder="日期选择" id="daterange-val">
                                        <span class="input-group-btn">
                                            <button class="btn default date-range-toggle" type="button">
                                                <i class="fa fa-calendar"></i>
                                            </button>
                                        </span>
                                    </div>

                                </div>

                               <!-- <div style="line-height: 35px;padding-bottom: 10px;padding-top: 10px;" class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                    <label class="control-label parking-l">出场时间</label>
                                    <div class="input-group daterange-btn" id="dateExitRange" style="width: 240px;height: 35px;line-height: 35px;display: inline-table;vertical-align: middle;">
                                        <input type="text" class="form-control" readonly="">
                                        <span class="input-group-btn">
                                           <button class="btn default date-range-toggle" type="button">
                                               <i class="fa fa-calendar"></i>
                                           </button>
                                       </span>
                                    </div>
                                </div>-->
                            </div>


                            <div class="row">
                                <button type="submit" class="btn green billQuery" id="passQuery">
                                    查询
                                </button>

                            </div>
                        </div>
                        <div class="transQuery_toggle" id="transQuery_toggle">
                            <div  class="transQuery_toggle_arrow">
                            </div>
                        </div>
                       <!-- <div class="portlet-body">
                            <div class="row">
                                <div class="col-md-4 padleft40 margin-top-10">
                                    <label class="control-label car-Num">车牌号</label>
                                    <input type="text" class="carNums" id="carNums">
                                </div>
                                <div class="col-md-4 padleft40 margin-top-10">
                                    <label class="control-label parking-name">停车点</label>
                                    <select id="parkPoint" class="selectpicker" data-size="5" data-width="200px">
                                    </select>
                                </div>
                                <div class="col-md-4 padleft26 margin-top-10">
                                    <label class="control-label parking-name">车辆类型</label>
                                    <select id="carType" class="selectpicker"  data-width="200px">
                                        <option value="" selected>全部</option>
                                        <option value="1">大型车</option>
                                        <option value="2">小型车</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row margin-top-10">
                                <div class="col-md-6 marleft15">
                                    <span class="control-label data_title_l">采集时间</span>
                                    <div class="input-group daterange-btn" id="daterange-btn">
                                        <input type="text" class="form-control timeClass" readonly placeholder="日期选择" id="daterange-val">
                                        <span class="input-group-btn">
                                            <button class="btn default date-range-toggle" type="button">
                                                <i class="fa fa-calendar"></i>
                                            </button>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <button type="submit" class="btn green billQuery" id="passQuery">
                                        查询
                                    </button>
                                </div>
                            </div>

                        </div>-->
                    </div>
                </div>
            </div>
            <!-- 菜单搜索 end -->
            <!--详细记录 sta -->
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light bordered">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="icon-list font-green"></i>
                                <span class="caption-subject font-green bold uppercase">详细记录</span>
                            </div>
                            <!--<div class="actions">
                                <div class="btn-group btn-group-devided" data-toggle="buttons">
                                    <label id="exportExcel" class="recordbtn btn green btn-outline btn-circle btn-sm">
                                        <i class="fa fa-plus"></i>
                                        <input type="radio" name="options" class="toggle" >导出</label>
                                </div>
                            </div>-->
                        </div>

                        <div class="portlet-body">
                            <!--table sta -->
                            <table id="passtable" class="dailytab"></table>
                            <!--table end -->
                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="feeportlet-body" id="parkingfeestyle">
                <ul class="nav-tabs">
                    <li class="all publicli" data-id="null">
                        <i class=" font-blue"></i><font class="font-blue"></font></li>
                    <button class="recordbtn btn" id="exportExcle">导出</button>
                </ul>

            </div>-->
            <!--详细记录 end -->
        </div>
    </div>
    <!-- 右侧账单内容 end -->
</div>

<!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<!-- scritp BEGIN -->
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="http://cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="../assets/global/plugins/bootstrap-select/js/bootstrap-select.min.js" type="text/javascript"></script>
<script src="//cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<script src="../assets/global/plugins/bootstrap-table-zh-CN.js" type="text/javascript"></script>
<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/components-bootstrap-select.min.js" type="text/javascript"></script>
<!--新增 sta-->
<script src="../assets/global/plugins/bootstrap-switch/bootstrap-switch.js" type="text/javascript"></script>
<!--新增 end-->
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->

<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
<script src="../assets/layouts/layout/scripts/demo.js" type="text/javascript"></script>
<script src="../assets/global/plugins/quick-sidebar.min.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/public/unit.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap-daterangepicker/moment.js" type="text/javascript"></script>
<script src="https://cdn.bootcss.com/echarts/3.6.1/echarts.min.js"></script>
<script src="../assets/pages/scripts/public/unit.js"></script>
<script src="../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../assets/pages/scripts/public/header-navbar.js" type="text/javascript"></script>
<script src="../assets/global/plugins/DateUtils.js"></script>

<script src="../assets/pages/scripts/routingquery.js" type="text/javascript"></script>
<!-- END THEME LAYOUT SCRIPTS -->
</body>

</html>