<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/cit/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 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.totalCount}}条记录</span>
            <div id="totalInvoicePage" class="common-pagination" style="display:none;">
            </div>
        </div> 
 
    </div>

   
</div>