incomeprofile.html 17.6 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" 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" />
    <link href="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"
          type="text/css">
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME GLOBAL STYLES -->
    <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" 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/home/incomeprofile.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" style="min-height:1356px">
            <div class="ITD-directory-name ITD-common-fontsize16 ITD-common-color"><span>收入概况</span></div>
            <div class="row margin-bottom-18 " style="margin-top: 18px;">

                <div class=" col-md-9 col-sm-9 ITD-padding-common">
                    <div class="ITD-box-shadow ITD-border-radius padding0-14">
                        <div class="ITD-common-title incomeprofile-parkifo-title ITD-common-color060 pos-rel">
                            <em></em>
                            停车场收入概况
                            <div class="incomeprofile-timebar" id="incomeprofile-dateTime">
                                <input type="text" class="form-control income-daterange-bg ITD-common-color050" readonly="">
                            </div>
                        </div>
                        <ul class="ITD-common-display-flex  incomeprofile-mon-list">
                            <li>
                                <div class="ITD-common-color050">交易总收入</div>
                                <div class="ITD-common-color050"><span class="ITD-common-color000" id="allIncome"></span></div>
                            </li>
                            <li>
                                <div class="ITD-common-color050">临停总收入</div>
                                <div class="ITD-common-color050"><span class="ITD-common-color000" id="tempIncome"></span></div>
                            </li>
                            <li>
                                <div class="ITD-common-color050">会员卡收入</div>
                                <div class="ITD-common-color050"><span class="ITD-common-color000" id="vipIncome"></span></div>
                            </li>
                            <li>
                                <div class="ITD-common-color050">补缴收入</div>
                                <div class="ITD-common-color050"><span class="ITD-common-color000" id="backIncome"></span></div>
                            </li>
                        </ul>
                        <!--地图 sta-->
                        <div class=" ">
                            <div class="map-area" id="allmap">
                            </div>
                        </div>
                        <!--弹窗 sta-->
                        <!--<div class="pop_models pos-abs" style="top: 180px;left: 480px;">
                            <div class="pop_toptitle">万达广场停车场</div>
                            <div class="pop_msg"><span class="pop_bluebg"></span><span class="pop_nummsg">总计:3333W</span></div>
                            <div class="pop_msg"><span class="pop_greenbg"></span><span class="pop_nummsg">临停:344W</span></div>
                            <div class="pop_msg"><span class="pop_greenbg"></span><span class="pop_nummsg">会员卡:324W</span></div>
                            <div class="pop_msg"><span class="pop_greenbg"></span><span class="pop_nummsg">补缴:232W</span></div>
                        </div>-->
                        <!--弹窗 end-->
                        <!--地图 end-->
                        <div class="">
                            <span class="ITD-common-color050">总收益</span>
                            <ul class="incomeprofile-per-main">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <ul class="incomeprofile-per-area ITD-common-display-flex ITD-common-color050">
                            <li>
                                <span></span>小于100元<span></span>
                            </li>
                            <li>
                                <span></span>101~500元<span></span>
                            </li>
                            <li>
                                <span></span>501元~1000元<span></span>
                            </li>
                            <li>
                                <span></span>大于1000元<span></span>
                            </li>
                        </ul>

                    </div>
                </div>

                <div class=" col-md-3 col-sm-3 ITD-padding-common">
                    <div class="ITD-box-shadow ITD-border-radius padding0-14">
                        <div class="ITD-common-title incomeprofile-parkrank-title ITD-common-color060">
                            <em></em>
                            停车排行榜
                        </div>
                        <ul class="incomeprofile-ranking">
                            <!--<li class="ITD-common-color000">
                                <span>1</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>
                            <li class="ITD-common-color000">
                                <span>2</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>
                            <li class="ITD-common-color000">
                                <span>3</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>
                            <li class="ITD-common-color000">
                                <span>4</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>
                            <li class="ITD-common-color000">
                                <span>5</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>
                            <li class="ITD-common-color000">
                                <span>6</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>
                            <li class="ITD-common-color000">
                                <span>7</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>
                            <li class="ITD-common-color000">
                                <span>8</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>
                            <li class="ITD-common-color000">
                                <span>9</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>
                            <li class="ITD-common-color000">
                                <span>10</span>
                                <span>万达停车场万达停车场万达停车场万达停车场万达停车场</span>
                                <span>12312312</span>
                            </li>-->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class=" col-md-9 col-sm-9 ITD-padding-common">
                    <div class="ITD-box-shadow ITD-border-radius padding0-14">
                        <div class="ITD-common-title incomeprofile-parkincome-title ITD-common-color060  ">
                            <em></em>
                            收入占比
                        </div>
                        <ul class="ITD-common-display-flex money-list ">
                            <li id="zfbMoney"></li>
                            <li id="wxMoney"></li>
                            <li id="xjMoney"></li>
                            <li id="qtMoney"></li>
                        </ul>

                    </div>
                </div>
                <div class=" col-md-3 col-sm-3 ITD-padding-common">
                    <div class="ITD-box-shadow ITD-border-radius padding0-14 pos-rel">
                        <div class="ITD-common-title incomeprofile-park-title ITD-common-color060">
                            <em></em>
                            逃逸占比
                        </div>
                        <div class="tytj-echarts" id="tytj-echarts"></div>
                        <div class="pos-abs tyje-title">
                            <div class="ITD-common-color050 ITD-common-fontsize12">逃逸占比</div>
                            <div class="ITD-common-color000 ITD-common-fontsize18" id="arrearageRate"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- END CONTENT BODY -->
    </div>
    <!-- END CONTENT -->
</div>
<!--<div class="page-footer">-->
<!--<div class="page-footer-inner"> 版权所有:  中兴智能交通股份有限公司  ©  2008-2016.ZTE ITS LIMITED. All Rights Reserved-->

<!--</div>-->
<!--<div class="scroll-to-top" style="display: block;">-->
<!--<i class="icon-arrow-up"></i>-->
<!--</div>-->
<!--</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>


<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=4.5" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/pieCircle.js" type="text/javascript"></script>
<!--baidumap sta-->
<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>
<!--baidumap end-->
<!-- 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>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="../../assets/global/scripts/echarts.min.js"></script>
<script src="../../assets/pages/scripts/public/echarts-liquidfill.js"></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/pages/config/config.js?a=2" type="text/javascript"></script>-->
<!--<script src="../../assets/pages/scripts/home/index.js?a=1..11" type="text/javascript"></script>-->
<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/home/incomeprofile.js?" + Math.random() + "'></s" + "cript>");
</script>
<!--新增sta-->
<script src="../../assets/layouts/layout/scripts/demo.js?b=2" type="text/javascript"></script>
<!--新增sta-->
<script src="../../assets/global/plugins/sockjs-client/1.0.2/sockjs.min.js"></script>
<script src="../../assets/global/plugins/stomp-websocket/2.3.3/stomp.min.js"></script>
<script src="../../assets/global/scripts/bootstrap-table.min.js?a=1"></script>
<script src="../../assets/global/plugins/bootstrap-table-zh-CN.js" type="text/javascript"></script>
<!--&lt;!&ndash;新增&ndash;&gt;-->
<!--<script src="../assets/layouts/layout/scripts/quick-sidebar.js" type="text/javascript"></script>-->
<!--&lt;!&ndash;新增&ndash;&gt;-->
</body>

</html>