incomecalculations.html 9.29 KB
<div class="row margin-bottom-24 margin-top-24">
    <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="georece-transSelecarea" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                    </select>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="georece-transSelectPark" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                    </select>
                </div>
                <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 georece-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="georece-daydaterange-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="georece-daydaterange-btnend" readonly="">
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <div class="float-right margin-right-10">
                        <div class="ITD-common-searchbtn" id="georece-billQueryBtn">查询</div>
                    </div>
                </div>
            </div>

        </div>
        <!--查询条件 end-->
    </div>
</div>

<!--卡片 sta-->
<div class="row margin-bottom-24">
    <div class=" col-md-4 col-sm-4  ITD-padding-common ">
        <div class="ITD-box-shadow ITD-border-radius padding0-14">
            <ul class="sycs-zys-wrap">
                <li>
                    <ul class="sycs-zys-top">
                        <li class="ITD-common-color070 margin-bottom-10">
                            <span class="sycs-zsy-mon"></span>总应收
                        </li>
                        <li>
                            <div class="ITD-common-color070 ITD-common-fontsize32 ITD-hidden-nowrap" >
<span id="incomeAllAmount"></span>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul class="sycs-zys-bottom ">
                        <li>
                            <span class="ITD-common-fontsize12 ITD-common-color065 text-center">路侧泊位平均收益</span>
                            <span class="ITD-common-color070 text-center lcbwpjsy-number lcbwpjsy-number-dowm"><span id="incomeOpenAmount"></span><span class="pos-rel"></span></span>
                        </li>

                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class=" col-md-4 col-sm-4  ITD-padding-common ">
        <div class="ITD-box-shadow ITD-border-radius padding0-14">
            <ul class="sycs-zys-wrap">
                <li>
                    <ul class="sycs-zys-top">
                        <li class="ITD-common-color070 margin-bottom-10">
                            <span class="sycs-bws-num"></span>泊位数
                            <div class="question-money-icon" data-toggle="tooltip" style="margin-bottom: 3px" title="泊位数为筛选时间段内最大在线运营地磁数"></div>
                        </li>
                        <li>
                            <div class="ITD-common-color070 ITD-common-fontsize32 ITD-hidden-nowrap" >
                                <span id="incomeAllBerthNum">0</span>
                            </div>
                        </li>
                    </ul>

                </li>
                <li>
                    <ul class="sycs-zys-bottom ">
                        <li>
                            <span class="ITD-common-fontsize12 ITD-common-color065 text-center">路侧泊位数</span>
                            <span class="ITD-common-color070 text-center lcbwpjsy-number "><span id="incomeOpenBerthNum">0</span></span>
                        </li>


                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class=" col-md-4 col-sm-4  ITD-padding-common ">
        <div class="ITD-box-shadow ITD-border-radius padding0-14">
            <div class="sycs-shebei-title ITD-common-color070">设备
                <div class="question-money-icon" data-toggle="tooltip" style="margin-bottom: 3px" title="地磁在线数为筛选时间段内最小在线数"></div>
            </div>
            <ul class="sycs-shebei-echart ITD-common-display-flex">
                <li class="" id="dczxEcharts"></li>
                <li  id="dzzxEcharts"></li>
            </ul>
        </div>
    </div>

</div>
<!--卡片 end-->
<!--echarts sta-->
<div class="row margin-bottom-24">
    <div class=" col-md-12  ITD-padding-common ">
        <div class="ITD-box-shadow ITD-border-radius padding0-14">
            <div class="georece-tjqst-title ITD-common-title pos-rel margin-bottom-16">
                <span class="ITD-common-fontsize16 ITD-common-color070">收入趋势</span>
                <select class="parkselectpicker" multiple id="parkselectpicker">
                    <option data-text="1">1</option>
                    <option data-text="2">KetchupKetchupKetchup</option>
                    <option data-text="3">Relish</option>
                    <option data-text="4">Mustard1</option>
                    <option data-text="5">Ketchup2</option>
                    <option data-text="6">Relish3</option>
                    <option data-text="7">Mustard4</option>
                    <option data-text="8">Ketchup5</option>
                    <option data-text="9">Relish6</option>
                </select>
                <div class="btn-actions pos-abs">
                    <div class="btn-export" id="">

                        <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray ">
                            <i class="fa ITD-panelicon-pk"></i>对比
                        </button>
                    </div>
                </div>
            </div>
            <div class="georece-echarts-wrap padding0-14" id="georece-echarts-record">

                <ul class="tab-btn-wrap ITD-common-color065" id="tab-btn-wrap">
                    <li class="tabAction" data-code="avg">泊位平均收益</li>
                    <li data-code="all">总收入</li>
                    <div class="clearfix"><input id="incomeindex" hidden value="0"></div>
                </ul>
                <div class="georece-echarts-con" id="georeceEcharts"></div>
            </div>

        </div>
    </div>
</div>
<!--echarts 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="reportBtn" value="导出">
                </li>
            </ul>
            <table id="georeceTable" class="ITD-fix-table common-tableh47"></table>
        </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-->
<!-- 弹框(Modal)sta -->
<div class="modal fade" id="income_myModal" style="display: none" tabindex="-1" role="dialog" aria-labelledby="mybadModalLabel" 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 id="popAreaname"></span></span>
            </div>
            <div class="modal-body" style="padding:0; padding-top: 24px;max-height: 450px;overflow-y: auto">
                <table id="incometable" class="ITD-fix-table common-tableh47"></table>
            </div>
        </div>
    </div>
</div>

<!--打印 end-->
<script src='../../assets/pages/scripts/incomeAnalysisFile/incomecalculFile/incomecalculations.js'></script>