billmanage.html 14.9 KB
<!--search sta-->
<div class="row">
    <div class=" col-md-12 col-sm-12 ITD-padding-common margin-top-18">
        <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="bill-parkArea" 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="bill-parkIds" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                        <option value="">所有停车场</option>
                    </select>
                </div>
                <div class="col-lg-5 col-md-5 col-sm-5 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="bill-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="bill-daterange-btnend" readonly="">
                    </div>
                </div>
                <div class="col-lg-5 col-md-5 col-sm-5 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="bill-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="bill-monthdaterange-btnend" readonly="">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                    <div class="float-right">
                        <div class="ITD-common-searchbtn" id="bill-queryBtn">查询</div>
                    </div>
                </div>
            </div>
            <div class="row margin-top-18">
                <div id="bill-toptab" class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
                    <div class="ITD-graynav-topbar ITD-graynav-topbaractive" id="billdayType">按日</div>
                    <div class="ITD-graynav-topbar" id="billmonthType">按月</div>
                    <input type="hidden" id="queryType" data-value="1" value="1">
                </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">
        <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 pos-rel"><span class="card-money-icon"></span>停车应收<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span>
                        <div class="title-left-div question-money-icon margin-right-12 pos-abs"   title="停车应收=临停实收+临停折扣+临停欠费"></div>
                    </li>
                    <li class="">
                        <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="all_totalFee"></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="park_totalFee"></span></span>
                </div>
                <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="vip_totalFeeAA">--</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="back_totalFeeAA">--</span></span>
                </div>
            </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 ITD-cardlist-wrap-2 pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5 pos-rel"><span class="card-received-icon"></span>总实收<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span>
                        <div class="title-left-div question-money-icon margin-right-12 pos-abs"   title="实收=临停实收+会员卡实收+历史补缴实收"></div>
                    </li>
                    <li class="">
                        <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="all_actFee"></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="park_actFee"></span></span>
                </div>
                <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="vip_actFee"></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="historyOrderBackFee"></span></span>
                </div>
            </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 ITD-cardlist-wrap-3 pos-rel  ">
                <ul class="">
                    <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5 pos-rel"><span class="card-discount-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_dicountFee"></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="park_dicountFee"></span></span>
                </div>
                <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="vip_dicountFee"></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="historyOrderBackDicountFee"></span></span>
                </div>
            </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  " style="background-color:rgba(30,149,205,0.2);">
                <ul class="">
                    <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5 pos-rel"><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_qfFee">0.00</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="qfRefund">0.00</span></span>
                </div>
                <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="vipRefund1">--</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 >--</span></span>
                </div>
            </li>
        </ul>
    </div>
    <!--
    <div style="width: 20%;float: left" class=" 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 pos-rel"><span class="card-other-icon"></span>历史补缴<span class="ITD-common-fontsize12 ITD-common-color050">&nbsp;(元)</span>
                        <div class="title-left-div question-money-icon margin-right-12 pos-abs"   title="历史补缴=历史欠费补缴收入"></div>
                    </li>
                    <li class="">
                        <span class="ITD-common-fontsize24 ITD-common-color000  ITD-hidden-nowrap " id="historyOrderBackTotalFee"></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="historyOrderBackFeeF">0.00</span></span>
                </div>
                <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="historyOrderBackDicountFeeF">0.00</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">
                    <!--<span class="ITD-export-btn" id="">差异明细</span>-->
                    <input type="button" class="ITD-export-btn" id="billmanageReport" value="导出">
                </li>
            </ul>
            <div class="jymx-wrap">
                <ul class="tab-btn-wrap ITD-common-color050" id="tab-btn-wrap">
                    <li class="tabAction areaactive" value="2" >办事处</li>
                    <li class="" value="1">停车场</li>


                </ul>
                <div class="clearfix"></div>
                <table id="recordtable" class="ITD-fix-table common-tableh47 ITD-complex-table"></table>
            </div>
        </div>
    </div>
</div>

<!-- 弹框(Modal)sta -->
<div class="modal fade" id="billmana-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 ITD-modal-body" style="margin-top: 18px;max-height: 450px;overflow-y: auto">
                <table id="billincometable" class="ITD-fix-table common-tableh47 ITD-complex-table"></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/bill/billmanage.js"></script>