<div class="invoice-manage-verify"> <div class="header"> <div class="search-panel"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="col-lg-4 col-md-4"> <div class="col-lg-5 col-md-5 fileter-label" translate="BuyerNameColon"></div> <div class="filter-item col-lg-7 col-md-7"> <div dx-select-box="verifyManagement.buyerNameOptions" ng-model="query.buyerNameQuery"></div> </div> </div> <div class="col-lg-5 col-md-5"> <div class="col-lg-5 col-md-5 fileter-label" translate="InvoiceDateColon"></div> <div class="filter-item col-lg-7 col-md-7"> <div class="input-daterange input-group" id="invoiceDatepicker"> <input type="text" class="input-sm form-control" name="start" ng-model="query.invoiceDateQueryStart" /> <span class="input-group-addon">-</span> <input type="text" class="input-sm form-control" name="end" ng-model="query.invoiceDateQueryEnd" /> </div> </div> </div> <div class="col-lg-3 col-md-3"> <div class="col-lg-5 col-md-5 fileter-label" translate="InvoiceFPHMColon"></div> <div class="filter-item col-lg-7 col-md-7"> <div dx-text-box="verifyManagement.textBoxOptions" ng-model="query.invoiceNumberQuery"></div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="col-lg-4 col-md-4"> <div class="col-lg-5 col-md-5 fileter-label" translate="SellerNameColon"></div> <div class="filter-item col-lg-7 col-md-7"> <div dx-text-box="verifyManagement.textBoxOptions" ng-model="query.sellerNameQuery"></div> </div> </div> <div class="col-lg-5 col-md-5"> <div class="col-lg-5 col-md-5 fileter-label" translate="FaceTaxAmountColon"></div> <div class="filter-item col-lg-7 col-md-7"> <div class="input-daterange input-group"> <div dx-number-box="verifyManagement.faceTaxOptions" ng-model="query.totalPriceLowerCaseStartQuery"></div> <span class="input-group-addon">-</span> <div dx-number-box="verifyManagement.faceTaxOptions" ng-model="query.totalPriceLowerCaseEndQuery"></div> </div> </div> </div> <div class="col-lg-3 col-md-3"> <div class="col-lg-5 col-md-5 fileter-label" translate="InvoiceFPLXQuery"></div> <div class="filter-item col-lg-7 col-md-7"> <div dx-select-box="verifyManagement.invoiceTypeOptions" ng-model="query.invoiceTypeQuery"></div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-offset-10 col-md-offset-10 col-lg-2 col-md-2" style="padding-left:15px;"> <div class="btn btn-primary invoice-btn " dx-button="verifyManagement.buttonQueryOptions"></div> </div> </div> </div> </div> <div class="verify-action" style="margin-bottom: 15px;"> <div class="btn btn-custom" dx-button="verifyManagement.buttonGetVerifyListOptions"></div> <div class="btn btn-custom" dx-button="verifyManagement.buttonClearOptions"></div> </div> <div class="content"> <div dx-data-grid="verifyManagement.verifyDataGridOptions" id="verifyManagementGrid" dx-item-alias="invoice"> <div data-options="dxTemplate: { name: 'invoiceCodeTemplate' }"> <a href="javascript:void(0);" ng-click="verifyManagement.verifyDataGridOptions.showInvoiceTable(invoice);">{{invoice.data.invoiceCode}}</a> </div> </div> </div> <div class="page-footer"> <ack-pagination page-options="paging.pagingOptions" refresh-table="eventService.refreshTable()"></ack-pagination> </div> <script type="text/ng-template" id="invoiceTable.html"> <div class="modal-header"> <h3 class="modal-title" id="modal-title"> <span translate="InvoiceFPDMQuery"></span> <span> {{selectedInvoice.invoiceCode}}</span> </h3> </div> <div class="modal-body" id="modal-body"> <invoice-table-template invoice="selectedInvoice" is-load-detail="false"> </invoice-table-template> </div> <div class="modal-footer"> <button class="btn btn-primary" type="button" ng-click="verifyManagement.verifyDataGridOptions.thisModalService.cancel();" translate="Confirm"></button> </div> </script> </div>