parkingarrears.html 18.4 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">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!-- 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?a=1" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" type="text/css" />
    <script src="../../assets/global/plugins/bootstrap-switch/bootstrap-switch.css" type="text/css"></script>
    <link href="../../assets/global/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME GLOBAL STYLES -->
    <link href="../../assets/global/css/bootstrap-table.min.css" rel="stylesheet">
    <link href="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css" rel="stylesheet"
          type="text/css"/>
    <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" />
    <!-- END THEME GLOBAL STYLES -->
    <!-- BEGIN THEME LAYOUT STYLES -->
    <link href="../../assets/layouts/layout/css/layout.min.css?a=1" rel="stylesheet" type="text/css" />
    <link href="../../assets/layouts/layout/css/themes/blue.css" rel="stylesheet" type="text/css" id="style_color" />
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../../assets/pages/config/config.js"></script>
    <link rel="stylesheet" type="text/css" href="../../assets/pages/css/commonsetcss/commonsetcss.css?a=1"/>
    <link href="../../assets/pages/css/orderManagement/parkingarrears.css?a=13" rel="stylesheet" type="text/css" />
    <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">
<!-- BEGIN HEADER -->
<!--<div class="page-header navbar navbar-fixed-top" id="header">-->
<!--</div>-->
<div class="page-header navbar navbar-fixed-top" id="header">
    <!-- BEGIN HEADER INNER -->

</div>
<!-- END HEADER -->

<!-- BEGIN HEADER & CONTENT DIVIDER -->
<div class="clearfix"> </div>
<!-- END HEADER & CONTENT DIVIDER -->

<!-- BEGIN -->
<div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <div class="page-sidebar-wrapper">
        <!-- END SIDEBAR -->
        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
        <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
        <div class="page-sidebar navbar-collapse collapse" id="navbar_left">
        </div>
        <!-- END SIDEBAR -->
    </div>
    <!-- END SIDEBAR -->
    <!-- BEGIN CONTENT -->
    <div class="page-content-wrapper">
        <!-- BEGIN CONTENT BODY -->
        <div class="page-content">
            <div class="ITD-directory-name ITD-common-fontsize16 ITD-common-color margin-bottom-18"><span>停车欠费</span></div>
            <div class="row">
                <div class=" col-md-12 col-sm-12 ITD-padding-common margin-bottom-18">
                    <div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
                        <div class="row">
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                <select id="bill-parkArea" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                                    <option value="">所有办事处</option>
                                </select>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                <select id="caryard_parkIds" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                                    <option value="">所有停车场</option>
                                </select>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
                                <span class="control-label ITD-common-parking-l  ITD-common-color070 ITD-common-fontsize14">月份</span>
                                <div class="input-group ITD-daterange-btn" style="width: 35%">
                                    <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="bill-monthdaterange-btnsta" readonly="">
                                </div>
                                <span class="float-left" style="height: 34px;line-height: 34px;margin: 0 5px;">-</span>
                                <div class="input-group ITD-daterange-btn" style="width: 35%">
                                    <input type="text" class="form-control daterange-str ITD-daterange-bg ITD-common-color070" id="bill-monthdaterange-btnend" readonly="">
                                </div>
                            </div>

                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                                <div class="float-right">
                                    <div class="ITD-search-morebtn ITD-common-color070">更多</div>
                                </div>
                                <div class="float-right margin-right-10">
                                    <div class="ITD-common-searchbtn" id="caryard_queryBtn">查询</div>
                                </div>
                            </div>
                        </div>
                        <!--隐藏 sta-->
                        <div class="row hide-common-style margin-top-15 display-none">
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 ITD-padding-common">
                                <input type="text" class="allparkrecords-input78 paddingleft-10 ITD-input-bordercolor" placeholder="车牌号" maxlength="8" id="carNumber">
                            </div>
                        </div>
                        <!--隐藏 end-->
                    </div>
                </div>
            </div>

            <div class="row margin-bottom-18">
                <div class=" col-md-4 col-sm-4 ITD-padding-common">
                    <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
                        <li class="ITD-cardlist-wrap ITD-cardlist-wrap-1 pos-rel  ">
                            <ul class="">
                                <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5"><span class="card-money-icon"></span>欠费总金额<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span></li>
                                <li class="">
                                    <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="arrearageFee"></span>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                    </ul>
                </div>

                <div class=" col-md-4 col-sm-4 ITD-padding-common">
                    <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
                        <li class="ITD-cardlist-wrap ITD-cardlist-wrap-2 pos-rel  ">
                            <ul class="">
                                <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5"><span class="person-park-icon"></span>欠费车主总数<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(个)</span></li>
                                <li class="">
                                    <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="carNum"></span>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                    </ul>
                </div>

                <div class=" col-md-4 col-sm-4 ITD-padding-common">
                    <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
                        <li class="ITD-cardlist-wrap ITD-cardlist-wrap-4 pos-rel  ">
                            <ul class="">
                                <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5"><span class="card-remnum-icon"></span>欠费次数<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(次)</span></li>
                                <li class="">
                                    <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="arrearageNum"></span>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class=" col-md-12 col-sm-12 ITD-padding-common margin-bottom-18">
                    <div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 parkincome-choosedateday">
                                <span class="control-label common-parking-l  ITD-common-color070 ITD-common-fontsize14 ">欠费金额</span>
                                <div class="input-group ITD-daterange-btn" style="width: 130px">
                                    <select id="bus_type" class="selectpicker bs-select-hidden" data-width="80%" data-size="5" data-live-search="true">
                                        <option value="ALL">无限制</option>
                                        <option value="10000">大于100</option>
                                        <option value="30000">大于300</option>
                      s                  <option value="50000">大于500</option>
                                        <option value="100000">大于1000</option>
                                        <option value="500000">大于5000</option>
                                        <option value="1000000">大于10000</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row ">
                <div class=" col-md-12 col-sm-12 ITD-padding-common">
                    <div class="ITD-box-shadow ITD-border-radius padding0-20">
                        <ul class="ITD-new-table-title ITD-common-fontsize14 ITD-common-color070">
                            <li class="float-left ">详细记录</li>
                            <li class="float-right">
                                <input type="button" class="ITD-export-btn" id="caryardReport" value="导出">
                            </li>
                        </ul>
                        <div class="clearfix tablecont">
                            <table id="recordtable"  class="ITD-fix-table common-tableh47 float-left"></table>
                            <table id="recordtable1"  class="ITD-fix-table common-tableh47 float-left"></table>
                        </div>


                    </div>
                </div>
            </div>
        </div>
        <!-- END CONTENT BODY -->
    </div>
    <!-- END CONTENT -->
    <!-- BEGIN QUICK SIDEBAR -->
    <a href="javascript:;" class="page-quick-sidebar-toggler">
        <i class="icon-login"></i>
    </a>
    <!-- END QUICK SIDEBAR -->
</div>
<!--提示弹窗 sta-->
<div class="modal fade " id="ITD-tipsmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog blue-modal">
        <div class="modal-content">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">提示</span>
            </div>
            <div class="modal-body">
                <div class="ITD-alertmodel-contentmsg"></div>
            </div>
        </div>
    </div>
</div>
<!--提示弹窗 end-->

<!--弹窗 停车场统计 sta-->
<div class="modal fade" id="parkpopmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog ITD-model-1020">
        <div class="modal-content">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">详细记录</span>
            </div>
            <div class="modal-body geodynamic-ITD-model-contbody">
                <div class="turnover-opentable">
                    <table id="garparktable" class="ITD-fix-table common-tableh47"></table>
                </div>
            </div>

        </div>
    </div>
</div>
<!--弹窗 停车场统计 end-->
<!--弹窗 停车场统计 sta-->
<div class="modal fade" id="carpopmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog ITD-model-1020">
        <div class="modal-content">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">详细记录</span>
            </div>
            <div class="modal-body geodynamic-ITD-model-contbody">
                <div class="turnover-opentable">
                    <table id="garcartable" class="ITD-fix-table common-tableh47"></table>
                </div>
            </div>

        </div>
    </div>
</div>
<!--弹窗 停车场统计 end-->
<!--[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/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/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>

<!--新增-->
<script src="../../assets/global/plugins/bootstrap-switch/bootstrap-switch.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>
<!--新增-->
<!-- END CORE PLUGINS -->
<script src="../../assets/pages/scripts/public/unit.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/header-navbar.js?v=2.5" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/pieCircle.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/common-select.js" type="text/javascript"></script>
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="../../assets/global/scripts/app.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->
<script src="../../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>

<!-- END THEME LAYOUT SCRIPTS -->
<!-- Latest compiled and minified CSS -->

<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">-->

<!-- Latest compiled and minified JavaScript -->
<script src="../../assets/global/plugins/bootstrap-select/js/bootstrap-select.min.js" type="text/javascript"></script>
<script src="../../assets/global/scripts/bootstrap-table.min.js?a=1"></script>
<script src="../../assets/global/plugins/bootstrap-table-zh-CN.js?a=1" type="text/javascript"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="../../assets/global/scripts/echarts.min.js"></script>
<script src="../../assets/global/plugins/bootstrap-daterangepicker/moment.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js"
        type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js"
        type="text/javascript"></script>
<script src="../../assets/global/plugins/DateUtils.js"></script>
<!--新增sta-->
<script src="../../assets/layouts/layout/scripts/demo.js?b=2" type="text/javascript"></script>
<!--新增sta-->


<script type="text/javascript">
    //    document.write("<s" + "cript type='text/javascript' src=" + Math.random() + "'../../../../assets/pages/scripts/home/index.js?ver'></s" + "cript>");
    document.write("<s" + "cript type='text/javascript' src='../../assets/pages/scripts/orderManagement/parkingarrears.js?" + Math.random() + "'></s" + "cript>");
</script>


</body>

</html>