tollincome.html 10.7 KB
<!--search sta-->
<div class="row">
    <div class=" col-md-12 col-sm-12 ITD-padding-common margin-top-24">
        <div class="ITD-padding9-8 ITD-bgcolor-search ITD-border-radius ITD-box-shadow pos-rel clearfix">
            <div id="temtob-toptab" class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
                <div class="ITD-graynav-topbar ITD-graynav-topbaractive" id="temtobdaytype">按日</div>
                <div class="ITD-graynav-topbar" id="temtobmonthtype">按月</div>
                <input id="tollIncomeType" hidden value="1" data-value="1">
            </div>
        </div>
        <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="tollincome-plAreaBlockIds" 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="tollincome-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 bill-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="temtob-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="temtob-daterange-btnend" readonly="">
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 bill-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="temtob-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="temtob-monthdaterange-btnend" readonly="">
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                    <select id="tollincome-person" 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">
                    <div class="float-right">
                        <div class="ITD-common-searchbtn" id="temtob-queryBtn">查询</div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!--search end-->
<div class="row margin-bottom-18 margin-top-18">
    <div class=" col-md-3 col-sm-3 ITD-padding-common display-none">
        <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
            <li class="ITD-cardlist-wrap ITD-cardlist-wrap-1 pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5"><span class="card-caiser-icon"></span>收费员人数<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(人)</span></li>
                    <li class="">
                        <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="allChargerNum"></span>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </li>
            <li class="padding0-20">
                <div class="clearfix margin-bottom-5">
                    <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">路侧</span>
                    <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="outChargerNum"></span></span>
                </div>
                <div class="clearfix">
                    <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">封闭</span>
                    <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="inChargerNum"></span></span>
                </div>
            </li>
        </ul>
    </div>

    <div class=" col-md-4 col-sm-4 ITD-padding-common">
        <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
            <li class="ITD-cardlist-wrap ITD-cardlist-wrap-2 pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5"><span class="card-money-icon"></span>总收入<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span></li>
                    <li class="">
                        <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="allTotalFee"></span>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </li>
            <li class="padding0-20">
                <div class="clearfix margin-bottom-5">
                    <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">路侧</span>
                    <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="outTotalFee"></span></span>
                </div>
                <div class="clearfix">
                    <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">封闭</span>
                    <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="inTotalFee"></span></span>
                </div>
            </li>
        </ul>
    </div>

    <div class=" col-md-4 col-sm-4 ITD-padding-common">
        <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
            <li class="ITD-cardlist-wrap ITD-cardlist-wrap-3 pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5"><span class="card-abnormalNum-icon"></span>异常订单<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(笔)</span></li>
                    <li class="">
                        <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="allAbnormalOrderNum"></span>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </li>
            <li class="padding0-20">
                <div class="clearfix margin-bottom-5">
                    <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">欠费</span>
                    <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="outAbnormalOrderNum"></span></span>
                </div>
                <div class="clearfix">
                    <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">抬杆</span>
                    <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="inAbnormalOrderNum"></span></span>
                </div>
            </li>
        </ul>
    </div>

    <div class=" col-md-4 col-sm-4 ITD-padding-common">
        <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
            <li class="ITD-cardlist-wrap ITD-cardlist-wrap-4 pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5"><span class="card-abnormalTotal-icon"></span>异常金额<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span></li>
                    <li class="">
                        <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="allAbnormalActFee"></span>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </li>
            <li class="padding0-20">
                <div class="clearfix margin-bottom-5">
                    <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">路侧</span>
                    <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="outAbnormalActFee"></span></span>
                </div>
                <div class="clearfix">
                    <span class="float-left ITD-common-fontsize12 ITD-common-color045 ">封闭</span>
                    <span class="float-right ITD-common-fontsize14 ITD-common-color"><span id="inAbnormalActFee"></span></span>
                </div>
            </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">
                    <input type="button" class="ITD-export-btn" id="tollincomereportBtn" value="导出">
                </li>
            </ul>
            <table id="recordtable" class="ITD-fix-table common-tableh47"></table>
        </div>
    </div>
</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>
<script src="../../assets/pages/scripts/incomeAnalysisFile/tollincome/tollincome.js"></script>