reconciliation.html 24 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/reconciliation.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">
<!-- 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=" margin-top-5" style="color:red;font-size: 12px;height: 16px;line-height: 16px">因线上对账单11点之后下载完成,请12点后查看昨日对账单</div>
            <div class="row">
                <div class=" col-md-12 col-sm-12 ITD-padding-common margin-top-5">
                    <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="recon-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="recon-parkIds" 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 recon-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: 35%">
                                    <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="recon-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: 35%">
                                    <input type="text" class="form-control daterange-str ITD-daterange-bg ITD-common-color070" id="recon-daterange-btnend" readonly="">
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 recon-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: 35%">
                                    <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="recon-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="recon-monthdaterange-btnend" readonly="">
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 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" data-width="80%"  data-size="5" data-live-search="true">
                                        <option value="ALL">所有类型</option>
                                        <option value="1">交易</option>
                                        <option value="2">退款</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 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="pay_type" class="selectpicker" data-width="80%"  data-size="5" data-live-search="true">
                                        <option value="ALL">所有支付类型</option>
                                        <option value="1">支付宝</option>
                                        <option value="2">微信</option>
                                    </select>
                                </div>
                            </div>
                            <!--<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"></div>-->
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                <div class="float-right">
                                    <div class="ITD-common-searchbtn" id="recon-queryBtn">查询</div>
                                </div>
                            </div>
                        </div>
                        <div class="row margin-top-18">
                            <div id="recon-toptab" class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
                                <div class="ITD-graynav-topbar ITD-graynav-topbaractive" id="recondayType">按日</div>
                                <div class="ITD-graynav-topbar" id="reconmonthType">按月</div>
                                <input type="hidden" id="queryType" data-value="1">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--search end-->
            <div class="row margin-bottom-18 margin-top-18" id = "total_div">
                <div class=" col-md-6 col-sm-6 ITD-padding-common">
                    <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
                        <li class="ITD-cardlist-wrap  pos-rel  " style="height: 80px;">
                            <ul class="">
                                <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5">
                                    <div class="float-left" style="width: 50%"><span class="card-dzwxmoney-icon"></span>微信收入<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span></div>
                                    <div class="float-left" style="width: 50%"><span class="card-dzwxmoney-icon"></span>退款<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span></div>
                                </li>
                                <li style="height: 40px">
                                    <div style="width: 50%;" class="float-left ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap ">
                                        <div class="float-left wx-class-wid" >
                                            <div id="wxblncaceActualFee" class="float-left rec-wid40 pt-class-widl" ></div>
                                            <div class="float-left rec-wid40 pt-class-widr" >微信账单</div>
                                        </div>
                                    </div>
                                    <div style="width: 50%;" class="float-left ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap ">
                                        <div class="float-left wx-class-wid" style="background:rgba(238,242,245,1);">
                                            <div id="wxblncacetuiFee" class="float-left rec-wid40 pt-class-widl" ></div>
                                            <div class="float-left rec-wid40 pt-class-widr">微信账单</div>
                                        </div>
                                    </div>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                        <li class="ITD-cardlist-wrap pos-rel  " style="height: 70px">
                            <ul class="">
                                <li style="height: 40px">
                                    <div style="width: 50%;" class="float-left ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap ">
                                        <div class="float-left pt-class-wid" >
                                            <div id="wxblncaceActualFeept" class="float-left rec-wid40 pt-class-widl"></div>
                                            <div class="float-left rec-wid40 pt-class-widr" >平台账单</div>
                                        </div>
                                    </div>
                                    <div style="width: 50%;" class="float-left ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap ">
                                        <div class="float-left pt-class-wid" >
                                            <div id="wxblncacetuiFeept" class="float-left rec-wid40 pt-class-widl" ></div>
                                            <div class="float-left rec-wid40 pt-class-widr" >平台账单</div>
                                        </div>
                                    </div>

                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class=" col-md-6 col-sm-6 ITD-padding-common">
                    <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
                        <li class="ITD-cardlist-wrap  pos-rel  " style="height: 80px;">
                            <ul class="">
                                <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5">
                                    <div class="float-left" style="width: 50%"><span class="card-dzalipaymoney-icon"></span>支付宝收入<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span></div>
                                    <div class="float-left" style="width: 50%"><span class="card-dzalipaymoney-icon"></span>退款<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span></div>
                                </li>
                                <li style="height: 40px">
                                    <div style="width: 50%;" class="float-left ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap ">
                                        <div class="float-left alipay-class-wid" >
                                            <div id="aliblncaceActualFee" class="float-left rec-wid40 pt-class-widl" ></div>
                                            <div class="float-left rec-wid40 pt-class-widr" >支付宝账单</div>
                                        </div>
                                    </div>
                                    <div style="width: 50%;" class="float-left ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap ">
                                        <div class="float-left alipay-class-wid" style="background:rgba(238,242,245,1);">
                                            <div id="aliblncacetuiFee" class="float-left rec-wid40 pt-class-widl"></div>
                                            <div class="float-left rec-wid40 pt-class-widr" >支付宝账单</div>
                                        </div>
                                    </div>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                        <li class="ITD-cardlist-wrap pos-rel  " style="height: 70px">
                            <ul class="">
                                <li style="height: 40px">
                                    <div style="width: 50%;" class="float-left ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap ">
                                        <div class="float-left pt-class-wid" >
                                            <div id="aliblncaceActualFeept" class="float-left rec-wid40 pt-class-widl" ></div>
                                            <div class="float-left rec-wid40 pt-class-widr" >平台账单</div>
                                        </div>
                                    </div>
                                    <div style="width: 50%;" class="float-left ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap ">
                                        <div class="float-left pt-class-wid" >
                                            <div id="aliblncacetuiFeept" class="float-left rec-wid40 pt-class-widl" ></div>
                                            <div class="float-left rec-wid40 pt-class-widr" >平台账单</div>
                                        </div>
                                    </div>

                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>
                    </ul>

                </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">
                                <!--<span class="ITD-export-btn" id="recon-detailIfo">差异明细</span>-->
                                <input type="button" class="ITD-export-btn" id="caryardReport" value="导出">
                            </li>
                        </ul>
                        <div class="jymx-wrap">
                            <ul class="tab-btn-wrap ITD-common-color050" id="tab-btn-wrap">
                                <li class="tabAction">全部</li>
                                <li class="">有差异</li>
                                <li>无差异</li>
                            </ul>
                            <div class="clearfix"></div>
                            <table id="recordtable" class="ITD-fix-table common-tableh47 ITD-complex-table"></table>
                        </div>


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


        </div>
    </div>
    <!-- 右侧账单内容 end -->
    <!--弹窗 sta-->
    <div class="modal fade" id="recon_detailmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="ITD-modal-dialog ITD-model-773">
            <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>
                    <ul class="ITD-alert-tab-wrap ITD-common-fontsize14 ITD-common-color060" id="ITD-alert-tab-wrap">
                        <li class="ITD-alert-tab-active">微信</li>
                        <li>支付宝</li>
                        <li>余额</li>
                    </ul>
                </div>
                <div class="modal-body ITD-modal-body">
                        <ul id="ITD-alertcon-tab-wrap" class="ITD-alertcon-tab-wrap">
                            <li id="wxType">
                                <table id="detailtable" class="ITD-fix-table common-tableh47"></table>
                            </li>
                            <li id="alipayType" class="display-none">
                                <table id="alipaytable" class="ITD-fix-table common-tableh47"></table>
                            </li>
                            <li id="resiType" class="display-none">
                                <table id="resitable" class="ITD-fix-table common-tableh47"></table>
                            </li>
                        </ul>
                </div>
            </div>
        </div>
    </div>
    <!--弹窗 end-->
</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-->
<!--[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/unit.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/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/reconciliation.js?ver" + Math.random() + "'></s" + "cript>");

</script>

</body>

</html>