tollaccountmanage.html 19.3 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" />
    <!--新增 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 href="../../assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
    <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">
    <!-- 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>
    <link rel="stylesheet" type="text/css" href="../../assets/pages/css/commonsetcss/commonsetcss.css?a=1"/>
    <link rel="stylesheet" type="text/css" href="../../assets/pages/css/managereport/tollaccountmanage.css?a=2"/>
    <!--<link rel="stylesheet" href="../../assets/global/css/reset.css">-->
    <link rel="stylesheet" id="pageCssLink" type="text/css" href=""/>
    <!-- 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" >
            <div class="ITD-directory-name ITD-common-fontsize16 ITD-common-color"><span>收费员账户</span></div>
            <!--search sta-->
            <div class="row margin-bottom-18 margin-top-18">
                <div class="col-md-12  ITD-padding-common ">
                    <!--查询条件 sta-->
                    <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="tollacc-tollper" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
                                </select>
                            </div>
                            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
                                <div class="float-right">
                                    <div class="ITD-common-searchbtn" id="tollacc-Btn">查询</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--查询条件 end-->
                </div>
            </div>
            <!--search end-->
            <div class="row " id="tableByin">
                <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>
                        </ul>
                        <div class="portlet-body">
                            <table id="tollaccTable" class="ITD-fix-table common-tableh47"></table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 右侧账单内容 end -->
</div>

<!--余额 弹窗 sta-->
<div class="modal fade" id="balance_openmodel" 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>
            <input type="hidden" id="balance_charger_code">
            <div class="modal-body zzl-ITD-model-contbody">
                <div class="ITD-padding-24 pos-rel ITD-common-color070" >
                    <div class="row  blue-top-width88">
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 ">
                            <span class="control-label ITD-common-parking-l float-left  ITD-common-fontsize14 ITD-common-color"  style="width: 80px">收费员编号:</span>
                            <span  id="chargerCoderead" class="control-label ITD-common-parking-l float-left ITD-common-color070 ITD-common-fontsize14"></span>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 ">
                            <span class="control-label ITD-common-parking-l float-left  ITD-common-fontsize14 ITD-common-color" style="width: 80px">收费员名称:</span>
                            <span  id="chargerNameread" class="control-label ITD-common-parking-l float-left ITD-common-color070 ITD-common-fontsize14"></span>
                        </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: 36%">
                                <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="tollacc-daterange-btnstaopen" 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: 36%">
                                <input type="text" class="form-control daterange-str ITD-daterange-bg ITD-common-color070" id="tollacc-daterange-btnendopen" readonly="">
                            </div>
                        </div>



                    </div>
                    <div  class="ITD-common-searchbtn pos-abs" style="top: 24px;right: 24px;" id="queryBtnedit">
                        查询
                    </div>
                </div>
                <!--table open-->
                <!-- 停车场 table -->
                <div class="geocard-normal row" style="max-height: 500px;overflow: auto">
                    <div class=" col-md-12 col-sm-12 ITD-padding-common">
                        <div class=" padding0-20">
                            <ul class="tab-btn-wrap ITD-common-color050" style="height: 40px" id="tab-btn-wrap">
                                <li class="tabAction" value="1" data-code="0">充值</li>
                                <li class="" value="0" data-code="1">支出</li>
                            </ul>
                            <table id="tollaccpoptable" class="ITD-fix-table common-tableh47"></table>
                        </div>
                    </div>
                </div>
            </div>

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

<!--余额 弹窗 end-->

<!--开户弹窗 sta-->
<div class="modal fade " id="accountopen_model" 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="openUser-contentmsg">是否开通账户?</div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn margin-right-10 ITD-bgcolor-c2cad8" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green" id="account-open-submit" charger-id="" charger-code="">确定</button>
                </div>
                <!--底部 end-->
            </div>
        </div>
    </div>
</div>
<!--开户弹窗 end-->
<!-- 充值 sta -->
<div class="modal fade in" id="tollacc_rechargemodel" style="display: none;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog blue-modal">
        <div class="modal-content ITD-common-color070">
            <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">
                <!--错误提示 sta-->
                <div id="recharge_error" class="ITD-model-errormsg display-none"></div>
                <!--错误提示 end-->
                <div class="ITD-form-group margin-bottom-24">
                    <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">收费员编号</div>
                    <div class="ITD-form-padleft5-read float-left" id="tolltorNum">
                        888989878
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">当前余额</div>
                    <div class="ITD-form-padleft5-read float-left" id="tolltorsum">
                        78
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">充值金额 <span style="color: red">*</span> </div>
                    <div class="ITD-form-padleft5-read float-left">
                        <input type="text" class="ITD-input-wid180 ITD-input-bordercolor"  placeholder="单位:元" onkeyup="upperCase(this)" maxlength="8" id="tolltor_amount">
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24">
                    <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">备注<span style="color: red">*</span></div>
                    <div class="ITD-form-padleft5-read float-left">
                        <input type="text" class="ITD-input-wid180 ITD-input-bordercolor"  id="tolltor_beizhu" maxlength="12">
                    </div>
                </div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn margin-right-10 ITD-bgcolor-c2cad8 textFalse" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green textTrue" id="recharge_submit">确定</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!-- 充值 end -->
<!--销户 sta -->
<div class="modal fade in" id="tollacc_delmodel" style="display: none;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog blue-modal">
        <div class="modal-content ITD-common-color070">
            <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-form-group margin-bottom-24" style="padding-left: 40px">
                    <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">收费员编号</div>
                    <div class="ITD-form-padleft5-read float-left" id="tolltorNumdel">
                        016890
                    </div>
                </div>
                <div class="ITD-form-group margin-bottom-24" style="padding-left: 40px">
                    <div class="ITD-form-padleft25-read float-left ITD-pop-panel-wid100">当前余额</div>
                    <div class="ITD-form-padleft5-read float-left" id="tolltorsumdel">
                        78
                    </div>
                </div>
                <!--底部 sta-->
                <div class="modal-footer ITD-model-footer">
                    <button type="button" class="btn ITD-model-btn margin-right-10 ITD-bgcolor-c2cad8 textFalse" data-dismiss="modal">取消</button>
                    <button type="button" class="btn ITD-model-btn ITD-bgcolor-green textTrue" id="rechargedel_submit">确定</button>
                </div>
                <!--底部 end-->
            </div>

        </div>
    </div>
</div>
<!--销户 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-->
<!--[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/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 -->
<!-- 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/bootstrap-table.min.js?a=1"></script>
<script src="../../assets/global/scripts/echarts.min.js"></script>
<script src="../../assets/global/plugins/bootstrap-table-zh-CN.js" type="text/javascript"></script>
<!--<script src="../../assets/pages/config/config.js?a=2" 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>
<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>
<!--新增 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="../../assets/pages/scripts/public/util.js"></script>
<script src="../../assets/pages/scripts/linkedSelect/linkedSelect.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/common-select.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/common-download.js" type="text/javascript"></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 type="text/javascript">
    document.write("<s" + "cript type='text/javascript' src='../../assets/pages/scripts/managereport/tollaccountmanage.js?ver" + Math.random() + "'></s" + "cript>");
</script>
<!-- END THEME LAYOUT SCRIPTS -->
</body>

</html>