<div class="vat-preview-cash-flow" id="mainPreviewDiv">
    <div class="top-area-wrapper" style="margin-top: 10px">
        <span translate="CashFlowDDTitle" class="text-bold"></span> &nbsp;&nbsp;|&nbsp;&nbsp;<span class="text-bold" translate="InvoiceQJ"></span>:
        <input type="text" class="form-control input-width-middle periodInput" style="position: relative; top: -30px; left: 130px;" id="input-invoice-period-picker" />
        <span ng-click="downloadCashFlow()" style="position: relative; top: -13px; left: 95%;"><i class="fa fa-file-excel-o" aria-hidden="true"></i>{{'ExportBtn' | translate}}</span>
    </div>

    <div style="margin-bottom: 10px;margin-left: 20px;margin-top: 10px;">
        {{'EnterpriseAccountSetName' | translate }}:<span class="numAmount">{{ledgerNameFirst}}</span>&nbsp;&nbsp;&nbsp;
        {{'EnterpriseAccountSetCurrency' | translate }}:<span class="numAmount">{{ledgerCurrencyCodeFirst}}</span>&nbsp;&nbsp;&nbsp;
        {{'IsCloseAccount' | translate }}:<span class="numAmount">{{ledgerStatusFirst}}</span>
    </div>

    <div id="mainAreaDiv" class="main-area">
        <div class="inputInvoiceGrid"  ui-grid="gridOptions">
            <div class="watermark" ng-show="!gridOptions.data.length"><span translate="NoDataAvailable"></span></div>
        </div>
        <div class="pagination-container">
            <span>本页{{curPageItemCount}}条记录,共{{queryIncomeInvoiceItemResult.pageInfo.total}}条记录</span>
            <div id="totalInvoicePage" class="common-pagination" style="display:none;">
            </div>
        </div>
    </div>

</div>