incomeparking.html 17.7 KB
<!-- 菜单搜索 sta -->
<div class="row ">
    <div class="col-md-12 margin-top-20 ITD-padding-common">
        <div class="ITD-padding9-8 ITD-bgcolor-search ITD-border-radius ITD-box-shadow pos-rel clearfix">
            <ul id="parkincome-toptab" class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
                <li class="ITD-graynav-topbar ITD-graynav-topbaractive" reportDateTabTag="1">日报</li>
                <li class="ITD-graynav-topbar" reportDateTabTag="2">周报</li>
                <li class="ITD-graynav-topbar" reportDateTabTag="3">月报</li>
            </ul>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-12">
                <input type="hidden" id="orgName" value=""/>
                <div class="ITD-search-printbtn ITD-common-color060" id="incomeParkPrint">打印</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-5 col-md-5 col-sm-5 col-xs-12 parkincome-choosedateday">
                    <span class="control-label common-parking-l  ITD-common-color070 ITD-common-fontsize14 ">日期</span>
                    <div class="input-group ITD-daterange-btn" >
                        <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="incomepark-daydaterange-btnsta" readonly="">
                    </div>
                </div>
                <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 parkincome-choosedateweek display-none">
                    <span class="control-label common-parking-l  ITD-common-color070 ITD-common-fontsize14">周报</span>
                    <div class="input-group ITD-daterange-btn ITD-common-color070" id="incomepark-weekdaterange-btnsta">
                        <!--<input type="text" class="form-control ITD-daterange-bg ITD-common-color045" id="incomepark-weekdaterange-btnsta" readonly="">-->
                    </div>
                </div>
                <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 parkincome-choosedatemonth display-none">
                    <span class="control-label common-parking-l  ITD-common-color070 ITD-common-fontsize14">月份</span>
                    <div class="input-group ITD-daterange-btn">
                        <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="incomepark-monthdaterange-btnsta" readonly="">
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 float-right" >
                    <div class="ITD-common-searchbtn float-right" id="incomepark-billQueryBnt">查询</div>
                </div>
            </div>
        </div>
        <!--查询条件 end-->
    </div>
</div>
<!-- 菜单搜索 end -->
<div class="row">
    <div id="print_Msg" class="col-md-12 col-sm-12 ITD-padding-common">
        <div class=" ITD-box-shadow ITD-border-radius float-none padding0-20">
            <!-- 收入汇总 sta -->
            <h1 class="text-center incomestatement-caption ITD-common-color090 ITD-common-fontsize24" id="orgNameTitle"></h1>
            <h6 class="text-center incomestatement-caption-date ITD-common-fontsize12 ITD-common-color070" id="reportDateTitle"></h6>
            <div class="ITD-statistics-count">
                <ul class="float-right  ITD-overflowhidden ITD-statistics-count-main">
                    <li class="float-left ITD-common-fontsize12 ITD-common-color070">
                        <span class="count-icon count-parking "></span>停车场总数&nbsp;<span class="ITD-common-color" id="parkTotalNum">0</span>&nbsp;
                    </li>
                    <li class="float-left ITD-common-fontsize12 ITD-common-color070">
                        <span class="count-icon count-roadside "></span>停车场路侧&nbsp;<span class="ITD-common-color" id="OutparkNum">0</span>&nbsp;
                    </li>
                    <li class="float-left ITD-common-fontsize12 ITD-common-color070">
                        <span class="count-icon count-seal"></span>停车场封闭&nbsp;<span class="ITD-common-color" id="InparkNum">0</span>&nbsp;
                    </li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="row">
                <div class=" col-md-12 col-sm-12 ITD-padding-common">
                    <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"><span class="card-berth-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="pBerthTotalNum"></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="OutpBerthNum"></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="InpBerthNum"></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"><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="orderActFeeTotal"></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="OutorderActFeeToal"></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="InorderActFeeToal"></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"><span class="card-ltmoney-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="orderActFeeParkTotal"></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="OutorderActFeePark"></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="InorderActFeePark"></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-4 pos-rel  ">
                                <ul class="">
                                    <li class=" ITD-common-fontsize14 ITD-common-color050 margin-bottom-5"><span class="card-vipmoney-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="orderActFeeVipCardTotal"></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="OutorderActFeeVipCard"></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="InorderActFeeVipCard"></span></span>
                                </div>
                            </li>
                        </ul>
                    </div>



                </div>
            </div>
            <!-- 收入汇总 end -->
            <div class="row " style="margin: 0;">
                <div class="srzb-tabbar margin-top-18" id="srzb-tabbar">
                    <div class="srzb-topbar srzb-active">临停收入</div>
                    <div class="srzb-topbar">会员卡收入</div>
                    <input id="disPrint" type="text" hidden="hidden" data-size="1" value="1">
                </div>
                <div class="col-md-12 ITD-box-shadow ITD-border-radius margin-bottom-15 " >
                    <div class="float-none">
                        <!-- 支付方式占比 sta -->
                        <div class="incomepark-srzltitle pos-rel margin-bottom-16">
                            支付方式占比
                        </div>
                        <div class="zffs-cont">
                            <!--饼图 sta-->
                            <div class=" flex40 ITD-padding-common">
                                <div id="srzb-echarts" class="srzb-echarts"></div>
                            </div>
                            <!--饼图 end-->
                            <!--汇总 sta-->
                            <div class="flex60 ITD-padding-common">
                                <div class="portlet-body recordCont">
                                    <table id="recordtable" class="ITD-fix-table table fixed-table-container table-hover table-striped">
                                        <thead>
                                        <tr>
                                            <th style="text-align: left; width: 15%; " data-field="staticDate" tabindex="0">
                                                <div class="th-inner ">停车场类型</div><div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: left; width: 15%; " data-field="wxFee" tabindex="0">
                                                <div class="th-inner ">微信</div><div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: left; width: 15%; " data-field="aliFee" tabindex="0">
                                                <div class="th-inner ">支付宝</div><div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: left; width: 15%; " data-field="cashFee" tabindex="0">
                                                <div class="th-inner ">现金</div><div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: left; width: 15%; " data-field="balanceFee" tabindex="0">
                                                <div class="th-inner ">余额</div><div class="fht-cell"></div>
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody class="income-fixedtable">
                                        <tr data-index="0" >
                                            <td style="text-align: left; width: 15%; ">全部停车场</td>
                                            <td style="text-align: left; width: 15%; "><span id="allwxfee"></span></td>
                                            <td style="text-align: left; width: 15%; "><span id="allalifee"></span></td>
                                            <td style="text-align: left; width: 15%; "><span id="allcashfee"></span></td>
                                            <td style="text-align: left; width: 15%; "><span id="allbalancefee"></span></td>
                                        </tr>
                                        <tr data-index="1" >
                                            <td style="text-align: left; width: 15%; ">封闭停车场</td>
                                            <td style="text-align: left; width: 15%; "><span id="inwxfee"></span></td>
                                            <td style="text-align: left; width: 15%; "><span id="inalifee"></span></td>
                                            <td style="text-align: left; width: 15%; "><span id="incashfee"></span></td>
                                            <td style="text-align: left; width: 15%; "><span id="inbalancefee"></span></td>
                                        </tr>
                                        <tr data-index="2" style="border-bottom: 1px solid #e7ecf1;">
                                            <td style="text-align: left; width: 15%; ">路侧停车场</td>
                                            <td style="text-align: left; width: 15%; "><span id="outwxfee"></span></td>
                                            <td style="text-align: left; width: 15%; "><span id="outalifee"></span></td>
                                            <td style="text-align: left; width: 15%; "><span id="outcashfee"></span></td>
                                            <td style="text-align: left; width: 15%; "><span id="outbalancefee"></span></td>
                                        </tr>
                                        </tbody>
                                    </table>

                                </div>
                            </div>
                            <!--汇总 end-->
                        </div>
                        <!-- 支付方式占比 end -->
                    </div>
                    <!-- 收入明细 sta -->
                    <!--<div class="tableDetail">-->
                    <div class="portlet-body   billtableBox">

                        <li id="reportLi" class="float-right" style="margin-bottom: 8px;">
                            <input type="button" class="ITD-export-btn" id="reportBtn" value="导出">
                        </li>
                        <table id="incomepark-billtable" class="ITD-fix-table common-tableh47"></table>
                    </div>
                    <!--</div>-->
                </div>
                <!-- 收入明细 end -->
            </div>
        </div>
    </div>
</div>
<script src='../../assets/pages/scripts/incomereportFile/jprint.js'></script>
<script src='../../assets/pages/scripts/incomereportFile/incomeParking/incomeparking.js'></script>