tollincomeandexp.html 9.09 KB
<!--search sta-->
<div class="row margin-bottom-18 margin-top-18">
    <div class="col-md-12  ITD-padding-common ">
        <div class="ITD-padding9-8 ITD-bgcolor-search ITD-border-radius ITD-box-shadow pos-rel clearfix">
            <div id="toll-toptab" class="col-lg-11 col-md-11 col-sm-11 col-xs-12" data-value="0">
                <div class="ITD-graynav-topbar ITD-graynav-topbaractive">充值记录</div>
                <div class="ITD-graynav-topbar">支出记录</div>
            </div>
        </div>
        <!--查询条件 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="tollinexp-tollper" class="selectpicker" data-width="100%" data-size="5" data-live-search="true">
                    </select>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <span class="control-label ITD-common-parking-l  ITD-common-color070 ITD-common-fontsize14">日期</span>
                    <div class="input-group ITD-daterange-btn" style="width: 30%">
                        <input type="text" class="form-control ITD-daterange-bg ITD-common-color070"
                               id="tollinexp-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: 30%">
                        <input type="text" class="form-control daterange-str ITD-daterange-bg ITD-common-color070"
                               id="tollinexp-daydaterange-btnend" readonly="">
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="float-right">
                        <div class="ITD-common-searchbtn" id="tollinexp-Btn">查询</div>
                    </div>
                </div>
            </div>
        </div>
        <!--查询条件 end-->
    </div>
</div>
<!--search end-->
<!-- sta -->
<div class="row margin-bottom-18" id="expuse_card">
    <div class=" col-md-3 col-sm-3 ITD-padding-common">
        <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
            <li class="ITD-cardlist-wrap pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize18 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="all_totalFee">0.00</span>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </li>

        </ul>
    </div>
    <div class=" col-md-3 col-sm-3 ITD-padding-common">
        <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
            <li class="ITD-cardlist-wrap pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize18 ITD-common-color050 margin-bottom-5"><span class="card-measure-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="all_wxFee">0</span>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </li>
        </ul>
    </div>
    <div class=" col-md-3 col-sm-3 ITD-padding-common">
        <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
            <li class="ITD-cardlist-wrap pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize18 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="all_zfbFee">0.00</span>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </li>
        </ul>
    </div>
    <div class=" col-md-3 col-sm-3 ITD-padding-common">
        <ul class="ITD-cardnew-wrap  ITD-box-shadow ITD-border-radius ITD-overflowhidden">
            <li class="ITD-cardlist-wrap pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize18 ITD-common-color050 margin-bottom-5"><span class="card-measure-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="all_otherFee">0</span>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </li>

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

<div class="row margin-bottom-18 display-none" id="expout_card">
    <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  ">
                <ul class="">
                    <li class=" ITD-common-fontsize18 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="outall_totalFee">0.00</span>
                    </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  ">
                <ul class="">
                    <li class=" ITD-common-fontsize18 ITD-common-color050 margin-bottom-5"><span class="card-measure-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="outall_wxFee">0</span>
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </li>
        </ul>
    </div>

</div>


<div class="row " id="tableByin">
    <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="inexpReport" value="导出">
                </li>
            </ul>
            <div class="e">
                <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="tollinexp-billtable-pay" class="ITD-fix-table common-tableh47"></table>
            </div>

        </div>
    </div>
</div>
<div class="row display-none" id="tableByexp">
    <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="expReport" value="导出">
                </li>
            </ul>
            <div class="portlet-body" >
                <table id="tollinexp-billtable-exp" class="ITD-fix-table common-tableh47"></table>
            </div>
        </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>
<!--提示弹窗 end-->
<script src="../../assets/pages/scripts/billass/tollexp/tollincomeandexp.js"></script>