<div class="vat-preview-output-invoice" id="mainPreviewDiv">
    <div class="top-area-wrapper">
        <!--<button class="filter-button"
                atms-popover ng-mouseenter="prepareSummary()" ng-click="showPopover()"
                popover-container="body" popover-auto-hide="true" data-overwrite="true"
                use-optimized-placement-algorithm="true"
                data-placement="bottom"
                data-templateurl="/app/vat/preview/vat-preview-output-invoice/vat-preview-output-invoice-search.html">
            <i class="fa fa-filter" aria-hidden="true"></i>
        </button>-->
        <span translate="OutputInvoiceTitle" class="text-bold"></span> &nbsp;&nbsp;|&nbsp;&nbsp;<span class="text-bold" translate="InvoiceQJ"></span>:       
        <input type="text" class="form-control input-width-middle" id="output-invoice-period-picker" />
         
        <div class="pull-right operation-wrapper"> 
            <span ng-click="doExport()"><i class="fa fa-file-excel-o" aria-hidden="true"></i>{{'ExportBtn' | translate}}</span>
        </div>
    </div> 
    <div style="margin-bottom: 8px;margin-left: 30px">
        <span class="text-bold">&nbsp;&nbsp;&nbsp;合&nbsp;计&nbsp;:</span>&nbsp;
        金额<span class="numAmount">{{totalMoneyAmount}}</span>&nbsp;&nbsp;&nbsp;
        税额<span class="numAmount">{{totalTaxAmount}}</span>
    </div>
    <div id="filterCriteriaDiv" style="max-width:98%;margin-bottom:2px;" ng-show="criteriaList.length>0">
        <!--<span class="text-bold  margin-left20" translate="FilterCriteriaTags"></span>:
        <div id="filterDiv" >
            <span class="tag label label-default" ng-repeat="criteria in criteriaList"  >
                <span>{{criteria.name | limitString:20}}</span>
                <a><i class="remove glyphicon glyphicon-remove-sign glyphicon-white" ng-click="doDataFilter(criteria.propertyName)"></i></a>
            </span>             
        </div>-->         
        <span class="text-bold  margin-left20" translate="FilterCriteriaTags"></span>:
        <span class="tag label label-default" ng-repeat="criteria in criteriaList">
            <span>
                {{criteria.name}}
            </span>
            <a><i class="remove glyphicon glyphicon-remove-sign glyphicon-white" ng-click="doDataFilter(criteria.propertyName)"></i></a>
        </span>
    </div>

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

    </div>
</div>