geomagneticincome.html 16.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"><!--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"/>
    <!--新增 sta-->
    <link href="../../assets/global/plugins/bootstrap-switch/bootstrap-switch.css" rel="stylesheet" type="text/css">
    <!--新增 end-->
    <link href="../../assets/global/plugins/uniform/css/uniform.default.min.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">
    <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>
    <link rel="stylesheet" type="text/css" href="../../assets/pages/css/commonsetcss/commonsetcss.css?a=1"/>
    <!--<link rel="stylesheet" href="../../assets/global/css/reset.css">-->
    <link rel="stylesheet" type="text/css" href="../../assets/pages/css/orderManagement/geomagneticincome.css?a=2"/>

    <!-- 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">
        <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 margin-bottom-20"><span>泊位收益</span></div>
            <div class="row">
                <div class=" col-md-6 col-sm-6 ITD-padding-common margin-bottom-18 ">
                    <div class=" ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix geomagneticincome-title-left">
                        <div class="geoincome-title-left-wrap">
                            <div class="title-left-div float-left geo-card-money-icon margin-right-12"></div>
                            <div class="title-left-div float-left ITD-common-fontsize18 ITD-common-color050">实时停车收入</div>
                            <div class="title-left-div question-money-icon margin-right-12" data-toggle="tooltip"  title="实时停车收入是当前根据订单统计的实际停车订单收入,不包括补缴、欠费费用"></div>
                            <div class="title-left-div ITD-common-fontsize12 float-right geoincome-title-left-unit"></div>
                            <div class="title-left-div icon- float-right ITD-common-fontsize32 ITD-common-color000 margin-right-12" id="parkIncome"> </div>
                        </div>
                    </div>
                </div>

                <div class=" col-md-6 col-sm-6 ITD-padding-common margin-bottom-18 ">
                    <div class=" ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
                       <div class="geoincome-title-right">
                           <div class="float-left geoincome-title-top">
                           		<input style="display: none;" id="eqpNum" />
                           		<input style="display: none;" id="duration" />
                               <span class="card-received-icon margin-right-12"></span>
                               <span class="ITD-common-fontsize14 ITD-common-color050 margin-right-12">泊位测算收入</span>
                               <span class="question-money-icon margin-right-12" data-toggle="tooltip"  title="泊位测算收入是根据地磁上报信息,按照真实计费规则进行计费的停车费用汇总"></span>
                           </div>
                           <div class="float-right geoincome-title-top-money">
                                <span class="ITD-common-fontsize30 ITD-common-color000 margin-right-12" id="eqpCalculateIncome"></span> <span class="ITD-common-fontsize12 float-right geoincome-title-left-unit"></span>
                           </div>
                       </div>
                       <div class="geoincome-title-right ITD-common-display-flex">
                               <div class="ITD-common-perflex geoincome-average-left geoincome-average">
                                   <div class="float-left">
                                       <span class="card-unclearing-icon margin-right-12 average-card-money-icon"></span>
                                       <span class="ITD-common-fontsize14 ITD-common-color050">平均收益</span>
                                   </div>
                                   <div class="float-right">
                                       <span class="ITD-common-fontsize16 ITD-common-color000 margin-right-12 ITD-hidden-nowrap max-wid120" id="averageIncome"></span>
                                       <span class="ITD-common-fontsize12 float-right geoincome-title-right-unit margin-right-12"></span>
                                   </div>
                               </div>
                               <div class="ITD-common-perflex geoincome-average-right geoincome-average">
                                   <div class="float-left">
                                       <span class="card-timeing-icon margin-right-12 average-card-money-icon margin-left-12"></span>
                                       <span class="ITD-common-fontsize14 ITD-common-color050">平均时长</span>
                                   </div>
                                   <div class="float-right">
                                       <span class="ITD-common-fontsize16 ITD-common-color000 margin-right-12 ITD-hidden-nowrap max-wid120" id="averageDuration"></span>
                                       <span class="ITD-common-fontsize12 float-right geoincome-title-right-unit ">分钟</span>
                                   </div>
                               </div>

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

            <div class="row">
                <div class=" col-md-6 col-sm-6 ITD-padding-common">
                    <div class="ITD-box-shadow ITD-border-radius padding0-14">
                        <div class="ITD-common-title index-dev-title ITD-common-color060">
                            <em></em>地磁总数
                        </div>
                       <ul class="geomagneticincome-con-wrap ITD-common-display-flex">
                           <li class="ITD-common-perflex geo-con-left">
                               <div class="geo-con-left-main">
                                   <div class="ITD-common-color ITD-common-fontsize21" id="allEqpNum"></div>
                                   <div class="ITD-common-color060 ITD-common-fontsize12">总地磁数量</div>
                               </div>
                           </li>
                           <li class="geomagneticincome-con-wrap-line1"></li>
                           <li class="ITD-common-perflex geo-con-center" >
                               <div class="geo-center-maxwidth">
                                   <ul class="geo-con-center-top geo-con-center-wrap ITD-common-display-flex">
                                       <li class="operations-icon"></li>
                                       <li class="ITD-common-perflex operationsicon-right">
                                           <div class="ITD-common-color ITD-common-fontsize18" id="operateEqpNum"></div>
                                           <div class="ITD-common-color060 ITD-common-fontsize12">运营中</div>
                                       </li>
                                   </ul>
                                   <ul class="geo-con-center-bottom geo-con-center-wrap ITD-common-display-flex">
                                       <li class="trace-icon"></li>
                                       <li class="ITD-common-perflex trace-icon-right">
                                           <div class="ITD-common-color ITD-common-fontsize18" id="debugEqpNum"></div>
                                           <div class="ITD-common-color060 ITD-common-fontsize12">调试中</div>
                                       </li>
                                   </ul>
                               </div>

                           </li>
                           <li class="geomagneticincome-con-wrap-line2"></li>
                           <li class="ITD-common-perflex">
                               <div class="geo-center-maxwidth">
                                   <ul class="geo-con-right-1 geo-con-right-wrap ITD-common-display-flex">
                                       <li class="online-icon"></li>
                                       <li class="ITD-common-perflex onlineicon-right">
                                           <div class="ITD-common-color ITD-common-fontsize18" id="onlineEqpNum"></div>
                                           <div class="ITD-common-color060 ITD-common-fontsize12">在线</div>
                                       </li>
                                   </ul>
                                   <ul class="geo-con-right-2 geo-con-right-wrap ITD-common-display-flex">
                                       <li class="offline-icon"></li>
                                       <li class="ITD-common-perflex offlineicon-right">
                                           <div class="ITD-common-color ITD-common-fontsize18" id="offLineEqpNum"></div>
                                           <div class="ITD-common-color060 ITD-common-fontsize12">离线</div>
                                       </li>
                                   </ul>
                                   <ul class="geo-con-right-3 geo-con-right-wrap ITD-common-display-flex">
                                       <li class="downline-icon"></li>
                                       <li class="ITD-common-perflex downlineicon-right">
                                           <div class="ITD-common-color ITD-common-fontsize18" id="faultEqpNum"></div>
                                           <div class="ITD-common-color060 ITD-common-fontsize12">故障</div>
                                       </li>
                                   </ul>

                               </div>
                           </li>
                       </ul>

                    </div>
                </div>

                <div class=" col-md-6 col-sm-6 ITD-padding-common">
                    <div class="ITD-box-shadow ITD-border-radius padding0-14">
                        <div class="ITD-common-title index-income-title ITD-common-color060">
                            <em></em>今日收益
                        </div>
                        <div class="list_lh " style="height: 295px;overflow: hidden">
                            <div class="geoincome_echarts" id="geoincome_echarts"></div>
                        </div>

                    </div>
                </div>


            </div>

        </div>
    </div>
    <!-- 右侧账单内容 end -->
</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>
<!--新增 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>
<!-- 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"></script>
<script src="../../assets/global/scripts/echarts.min.js"></script>
<script src="../../assets/global/scripts/bootstrap-table-fixed-columns.js?a=1"></script>
<script src="../../assets/global/plugins/bootstrap-table-zh-CN.js?a=1" 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>
<!-- 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"></script>
<script src="../../assets/pages/scripts/public/header-navbar.js?a=1" type="text/javascript"></script>
<script src="../../assets/global/plugins/DateUtils.js"></script>
<script src="../../assets/pages/scripts/public/common-select.js"></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/orderManagement/geomagneticincome.js?" + Math.random() + "'></s" + "cript>");
</script>
<!-- END THEME LAYOUT SCRIPTS -->
</body>

</html>