vat-unbilled-invoice.html 7.24 KB
Newer Older
Ken you's avatar
Ken you committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126
<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>