auditoftoll.html 25.9 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" />
    <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" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME GLOBAL STYLES -->
    <link href="../../assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/css/bootstrap-table-fixed-columns.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/css/ztree-v3.5.28/metroStyle/metroStyle.css?a=1" type="text/css" rel="stylesheet">
    <!--新增 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" />
    <!--有效时段-->
    <link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" />
    <!--新增 end-->
    <link href="../../assets/global/css/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">
    <link href="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.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" />
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../../assets/pages/config/config.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=cuMSxNl5LOY6sf1M3nDGtG6tGXl5a0Bb"></script>
    <script type="text/javascript" src="../../assets/pages/scripts/maplib.js"></script>
    <script type="text/javascript" src="../../assets/pages/scripts/MarkerClusterer.js"></script>
    <script type="text/javascript" src="../../assets/pages/scripts/textIconOverlay.js"></script>
    <link rel="stylesheet" type="text/css" href="../../assets/pages/css/commonsetcss/commonsetcss.css?a=1"/>
    <link rel="stylesheet"  type="text/css" href="../../assets/pages/scripts/tollFile/auditofToll/auditoftoll.css"/>
    <!-- END THEME LAYOUT STYLES -->
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
    <link href="../../assets/global/plugins/sweetalert/css/sweetalert2.min.css?v=1.0" rel="stylesheet" type="text/css" >
</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>
<!-- 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" style="min-height:900px">
            <div class="ITD-directory-name ITD-common-fontsize16 ITD-common-color"><span>收费员收益稽核</span></div>
            <!--search sta-->
            <div class="row">
                <div class=" col-md-12 col-sm-12 ITD-padding-common margin-top-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="select_block" 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="select_park" 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="select_area" 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="auditoftoll-parktoller" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                                    <option value="">所有收费员</option>
                                </select>
                            </div>

                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                                <div class="float-right">
                                    <div class="ITD-common-searchbtn" id="auditoftoll-queryBtn">查询</div>
                                </div>
                            </div>
                        </div>
                        <div class="row margin-top-18">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 auditoftoll-choosedateday">
                                <span class="control-label ITD-common-parking-l  ITD-common-color070 ITD-common-fontsize14">日期</span>
                                <div class="input-group ITD-daterange-btn" style="width: 30%">
                                    <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="auditoftoll-daterange-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: 30%">
                                    <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="auditoftoll-daterange-btnend" readonly="">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 auditoftoll-choosedatemonth display-none">
                                <span class="control-label ITD-common-parking-l  ITD-common-color070 ITD-common-fontsize14">月份</span>
                                <div class="input-group ITD-daterange-btn" style="width: 180px">
                                    <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="auditoftoll-monthdaterange-btnsta" readonly="">
                                </div>
                            </div>
                        </div>
                        <div class="row margin-top-18">
                            <div id="auditoftoll-toptab" class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
                                <div class="ITD-graynav-topbar ITD-graynav-topbaractive" id="auditoftolldayType">按日</div>
                                <div class="ITD-graynav-topbar" id="auditoftollmonthType">按月</div>
                                <input type="hidden" id="queryType" data-value="1" value="1">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--search end-->
            <!--card sta-->
            <div class="row margin-bottom-18 margin-top-18">
                <div class=" col-md-3 col-sm-3 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="park-num-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="all_totalNum">0</span>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                        <li class="padding0-20">
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">进场次数</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_inNum">0</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">出场次数</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_outNum">0</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">欠费次数</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_qfNum">0</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">- -- -</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="">--</span></span>
                            </div>
                            <div class="clearfix">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">- -- -</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="">--</span></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class=" col-md-3 col-sm-3 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="pay-num-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="all_sfNum">0</span>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                        <li class="padding0-20">
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">微信</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="wx_sfNum">0</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">支付宝</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="alipay_sfNum">0</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">现金</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="xj_sfNum"></span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">余额</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="yue_sfNum">0</span></span>
                            </div>
                            <div class="clearfix">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">- -- -</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="">--</span></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class=" col-md-3 col-sm-3 ITD-padding-common">
                    <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
                        <li class="ITD-cardlist-wrap ITD-cardlist-wrap-3 pos-rel  ">
                            <ul class="">
                                <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5"><span class="pay-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="all__distotalFee">0.00</span>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                        <li class="padding0-20">
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">微信</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_wxFee">0.00</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">支付宝</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_alipayFee">0.00</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">现金</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_xjFee">0.00</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">余额</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_yueFee">0.00</span></span>
                            </div>
                            <div class="clearfix">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">补缴</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_bjFee">0.00</span></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class=" col-md-3 col-sm-3 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="pay-acount-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="all_payFee">0%</span>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                        <li class="padding0-20">
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">应收</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_yspayFee">0.00</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">实收</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_sspayFee">0.00</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">欠费</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_qfpayFee">0.00</span></span>
                            </div>
                            <div class="clearfix margin-bottom-5">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">优惠</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="park_yhpayFee">0.00</span></span>
                            </div>
                            <div class="clearfix">
                                <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">- -- -</span>
                                <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="">--</span></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!--card end-->
            <!--table sta-->
            <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="auditoftoll_repBtn" value="导出">
                            </li>
                        </ul>
                        <div>
                            <ul class="tab-btn-wrap ITD-common-color050" id="tab-btn-wrap">
                                <li class="tabAction">收费员</li>
                                <li class="">停车场<li>
                            </ul>
                            <div class="clearfix"></div>
                            <table id="auditoftolltable" class="ITD-fix-table common-tableh47 ITD-complex-table"></table>
                        </div>
                    </div>
                </div>
            </div>
            <!--table end-->
            <!--提示弹窗 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-->
        </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/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>
<!--新增 sta-->
<script src="../../assets/global/plugins/bootstrap-switch/bootstrap-switch.js" type="text/javascript"></script>
<!--新增 end-->
<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="../../assets/global/plugins/bootstrap-daterangepicker/moment.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.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/laydate/laydate.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="../../assets/global/scripts/echarts.min.js"></script>
<script src="../../assets/global/scripts/bootstrap-table.min.js"></script>
<script src="../../assets/global/scripts/bootstrap-table-fixed-columns.js?a=12dsdsasd31dsad2"></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>
<script src="../../assets/pages/scripts/public/common-select.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<script src="../../assets/pages/scripts/public/pieCircle.js" type="text/javascript"></script>

<!-- BEGIN THEME LAYOUT SCRIPTS -->
<script src="../../assets/global/plugins/laydate/laydate.js"></script>
<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/linkedSelect/linkedSelect.js" charset="UTF-8"></script>
<script src="../../assets/pages/scripts/linkedSelect/linkedSelectValues.js" charset="UTF-8"></script>
<script src="../../assets/pages/scripts/public/unit.js"></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/global/plugins/sweetalert/js/sweetalert2.min.js?v=1.0"></script>
<script src="../../assets/global/plugins/sweetalert/js/es6-promise.min.js?v=1.0"></script>
<script src="../../assets/pages/config/config.js?a=2" type="text/javascript"></script>
<script type="text/javascript">
    document.write("<s" + "cript type='text/javascript' src='../../assets/pages/scripts/tollFile/auditofToll/auditoftoll.js?ver" + Math.random() + "'></s" + "cript>");
</script>
<!-- END THEME LAYOUT SCRIPTS -->

</body>


</html>