<div id="output-reconciliation-overview-container" atms-permission permission-control-type="prohibit" permission-code="{{$root.vatPermission.outputInvoice.outputReconciliationOverview.queryCode}}"> <div class="page-container page-search-container"> <span class="search-title">{{'Output Reconciliation Overview' | translate}}</span> <div class="search-form-body"> <table> <tr> <td>{{'Entity' | translate}}</td> <td><div dx-text-box="searchOptions.Entity"></div></td> <td>{{'Period' | translate}}</td> <td><div style="display: inline-block;vertical-align: middle;" dx-date-box="searchOptions.PeriodStart"></div></td> <td>-</td> <td><div style="display: inline-block;vertical-align: middle;" dx-date-box="searchOptions.PeriodEnd"></div></td> <td style="line-height: 28px;"> <button ng-click="searchEvent();" class="btn btn-primary">{{'Search' | translate}}</button> </td> </tr> </table> </div> </div> <div class="page-container income-ax-report-container"> <div class="income-ax-report-title">{{'Income - AX Report' | translate}}</div> <div id="income-ax-report-grid-container" class="income-ax-report-grid" dx-data-grid="incomeAxReportOption"></div> <div class="page-footer" style="height: 40px;"> <ack-pagination page-options="pagingOptions1" refresh-table="pagingService1.pageIndexChanging()"></ack-pagination> </div> <div class="clear"></div> </div> <div class="page-container tax-fapiao-container"> <div class="tax-fapiao-title">{{'Tax - Fapiao' | translate}}</div> <div id="tax-fapiao-grid-container" class="tax-fapiao-grid" dx-data-grid="taxFapiaoOption"></div> <div class="page-footer" style="height: 40px;"> <ack-pagination page-options="pagingOptions2" refresh-table="pagingService2.pageIndexChanging()"></ack-pagination> </div> <div class="clear"></div> </div> </div>