<div class="vat-unbilled-invoice"> <div class="nav-wrapper"> <div class="nav-header" translate="UnbilledInvoiceTitle"></div> </div> <div class="total-container"> <div class="detail-table" id="detail-table-wrapper" > <div class="voucher-table"> <div class="left-header"> <div class="left-icon"> <i class="fa fa-bookmark " aria-hidden="true"></i> </div> <div class="left-title"> <span translate="AccountIncome"></span> </div> <div class="ui-select-no-border" style="display:inline-block;"> <ui-select ng-model="voucherSearchType.selected" on-select="changeVoucherSearchType($item)" search-enabled="false" style="text-align:left;width:100px;" class="input-width-middle"> <ui-select-match>{{$select.selected.name}}</ui-select-match> <ui-select-choices repeat="item in voucherSearchTypeList | propsFilter: {name: $select.search}"> <div title="{{item.name}}" ng-bind-html="item.name"></div> </ui-select-choices> </ui-select> </div> <div class="voucher-tab"> <span ng-click="switchVoucherTable($event)" translate="HistoryPeriod"></span><span ng-click="switchVoucherTable($event)" class="active" translate="CurrentPeriod"></span> </div> </div> <div > <div id="gridVoucher" ui-grid="gridOptionsVoucher" style="height: 460px" ui-grid-selection class="grid"></div> <div id="gridHistoryVoucher" ui-grid="gridOptionsHistoryVoucher" style="height: 460px" ui-grid-selection class="grid"></div> <div style="text-align:right; font-weight: 700;"> <span>{{'TotalDebitAmount' | translate}}{{TotalDebitAmount}}, {{'TotalCreditAmount' | translate}}{{TotalCreditAmount}}</span> </div> <div class="pagination-container"> <div id="totalVoucherPage" class="common-pagination" style="display:none;text-align:left;"> </div> </div> </div> </div> <div class="invoice-table"> <div class="right-header"> <div class="right-icon"> <i class="fa fa-bookmark " aria-hidden="true"></i> </div> <div class="right-title"> <span translate="BillIncome"></span> </div> <div class="ui-select-no-border" style="display:inline-block;"> <ui-select ng-model="invoiceSearchType.selected" on-select="changeInvoiceSearchType()" search-enabled="false" style="text-align:left; width:100px;" class="input-width-middle"> <ui-select-match>{{$select.selected.name}}</ui-select-match> <ui-select-choices repeat="item in invoiceSearchTypeList | propsFilter: {name: $select.search}"> <div title="{{item.name}}" ng-bind-html="item.name"></div> </ui-select-choices> </ui-select> </div> <div class="invoice-tab"> <span ng-click="switchInvoiceTable($event)" translate="HistoryPeriod"></span><span ng-click="switchInvoiceTable($event)" class="active" translate="CurrentPeriod"></span> </div> </div> <div> <div id="gridInvoice" ui-grid="gridOptionsInvoice" style="height:460px;" ui-grid-selection class="grid"></div> <div id="gridHistoryInvoice" ui-grid="gridOptionsHistoryInvoice" style="height:460px;" ui-grid-selection class="grid"></div> <div style="text-align:right; font-weight: 700;"> <span>{{'TotalAmount' | translate}}{{TotalAmount}}, {{'TotalTaxAmount' | translate}}{{TotalTaxAmount}}</span> </div> <div class="pagination-container"> <div id="totalInvoicePage" class="common-pagination" style="display:none;text-align:left;"> </div> </div> </div> </div> </div> <div class="map-container" id="map-item-wrapper"> <!--账票对应关系grid--> <div class="map-title" id="map-title"> <div class="map-header" translate="VoucherInvoiceMapTitle"></div> </div> <div class="voucher-map-invoice" > <div class="map-icon" ng-show="IsVoucher"> <img src="/app-resources/images/vat/voucher_map_invoice.png" /> </div> <div class="map-icon" ng-show="!IsVoucher"> <img src="/app-resources/images/vat/invoice_map_voucher.png" /> </div> <div class="map-detail"> <div class="map-voucher-table"> <div ui-grid="gridOptionsMapVoucher" ng-style="getMapGridHeight()"></div> <div style="text-align:right; font-weight: 700;"> <span>{{'TotalDebitAmount' | translate}}{{MapTotalDebitAmount}}, {{'TotalCreditAmount' | translate}}{{MapTotalCreditAmount}}</span> </div> </div> <div class="map-transaction-detail"> <div id="trancode-div" class="trancode-div"> <div class="trancode-map" ng-style="getTranCodeHeight()"><span style="vertical-align: -webkit-baseline-middle;">{{tranCode}}</span></div> </div> <img src="/app-resources/images/vat/TransCode.png" id="transcode-img" ng-style="getImgGridHeight()" /> </div> <div class="map-invoice-table"> <div ui-grid="gridOptionsMapInvoice" ng-style="getMapGridHeight()"></div> <div style="text-align:right; font-weight: 700;"> <span>{{'TotalAmount' | translate}}{{MapTotalAmount}}, {{'TotalTaxAmount' | translate}}{{MapTotalTaxAmount}}</span> </div> </div> </div> </div> </div> <div> <div id="content-resizer" resizer="horizontal" resizer-height="6" bottom-min="0" bottom-max="400" resizer-top="#detail-table-wrapper" resizer-bottom="#map-item-wrapper"> <div id="topIcon" ng-click="toggleMapGridTab()"> <img src="../../../../app-resources/images/collapse_gray.png" /> </div> </div> </div> </div> </div>