invoice-manage-main.html 10.6 KB
Newer Older
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 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199
<div class="invoice-manage-main">
    <div class="header-title">
        <div style="display:inline-block"><span class="title-name">采购端发票管理</span></div>
    </div>
    <div class="content-container">
        <div class="header">
            <div class="search-panel">
                <table class="table borderless table-bottom">
                    <tr>
                        <td><span class="lbl-name">购买方名称:</span></td>
                        <td>
                            <div dx-select-box="searchEntityOptions.selectboxBuyerNameOptions"></div>
                        </td>

                        <td><span class="lbl-name">销售方名称</span>:</td>
                        <td>
                            <div dx-text-box="searchEntityOptions.txtSellerNameBoxOptions"></div>
                        </td>

                        <td><span class="lbl-name">发票号码:</span></td>
                        <td>

                            <div dx-text-box="searchEntityOptions.txtInvoiceNumberOptions"></div>

                        </td>
                        <td ng-show="!hasShowMoreSearchBox">
                            <button type="button" class="btn btn-primary invoice-btn" ng-click="searchboxService.searchInvoice()">查询</button>
                        </td>
                        <td>
                            <span class="lbl-name">
                                <!--<a href="javacript:void(0)" ng-click="searchboxService.showOrHideSearchBox()" ng-show="hasShowMoreSearchBox"><span><i class="fa fa-chevron-up" aria-hidden="true"></i><span style="margin-left:3px;">收起查询</span></span></a>-->
                                <a href="javacript:void(0)" ng-click="searchboxService.showOrHideSearchBox()" ng-show="!hasShowMoreSearchBox"><span><i class="fa fa-chevron-down" aria-hidden="true"></i><span style="margin-left:3px;">更多查询</span></span></a>
                            </span>
                        </td>
                    </tr>

                    <tr ng-show="hasShowMoreSearchBox">
                        <td><span class="lbl-name">发票状态:</span></td>
                        <td>
                            <div dx-select-box="searchEntityOptions.selectstatusOptions"></div>
                        </td>

                        <td><span class="lbl-name">开票日期:</span></td>
                        <td>
                            <!--<div dx-date-box="dateBox.timeFormat"></div>-->
                            <div class="input-daterange input-group" id="invoiceDatePicker">
                                <input type="text" class="input-sm form-control" name="start" ng-model="searchEntity.invoiceDateFrom" />
                                <span class="input-group-addon">-</span>
                                <input type="text" class="input-sm form-control" name="end" ng-model="searchEntity.invoiceDateTo" />
                            </div>
                        </td>


                        <td><span class="lbl-name">发票来源:</span></td>
                        <td>
                            <div dx-select-box="searchEntityOptions.selectinvoiceSourceTypeOptions"></div>
                        </td>


                    </tr>

                    <tr ng-show="hasShowMoreSearchBox">
                        <td><span class="lbl-name">发票类型:</span></td>
                        <td>
                            <div dx-select-box="searchEntityOptions.selectInvoiceTypeOptions"></div>
                        </td>
                        <td><span class="lbl-name">上传日期:</span></td>
                        <td>
                            <!--<div dx-date-box="dateBox.timeFormat"></div>-->

                            <div class="input-daterange input-group" id="uploadDatepicker">
                                <input type="text" class="input-sm form-control" name="start" ng-model="searchEntity.uploadDateFrom" />
                                <span class="input-group-addon">-</span>
                                <input type="text" class="input-sm form-control" name="end" ng-model="searchEntity.uploadDateTo" />
                            </div>

                        </td>

                        <td><span class="lbl-name">上传方式:</span></td>
                        <td>
                            <div dx-select-box="searchEntityOptions.selectInvoiceUploadTypeOptions"></div>
                        </td>

                    </tr>
                    <tr ng-show="hasShowMoreSearchBox">
                        <td><span class="lbl-name">发票实体:</span></td>
                        <td>
                            <div dx-select-box="searchEntityOptions.selectInvoiceEntityTypeOptions"></div>
                        </td>
                        <td><span class="lbl-name">票面金额(含税):</span></td>
                        <td>
                            <!--<div dx-text-box="searchEntityOptions.txtAmountOptions"></div>-->
                            <div class="input-daterange input-group">
                                <input type="number" class="input-sm form-control" name="start" ng-model="searchEntity.amountFrom" />
                                <span class="input-group-addon">-</span>
                                <input type="number" class="input-sm form-control" name="end" ng-model="searchEntity.amountTo" />
                            </div>

                        </td>
                        <td>
                            <button type="button" class="btn btn-primary invoice-btn" ng-click="searchboxService.searchInvoice()">查询</button>

                        </td>
                        <td>
                            <a href="javascript:void(0);" ng-click="searchboxService.showOrHideSearchBox()" ng-show="hasShowMoreSearchBox"><span><i class="fa fa-chevron-up" aria-hidden="true"></i><span style="margin-left:3px;">收起</span></span></a>
                        </td>

                    </tr>
                </table>
            </div>
        </div>
        <div class="body">
            <div class="buttom-row">
                <div class="left-side">
                    <button type="button" class="btn btn-primary invoice-btn" ng-click="eventService.gotoUploadIndexPage()">上传</button>
                    <span class="select-title" translate="HasChooseItemCount"></span>
                    <span class="select-number">{{selectedRecourdCount}}</span>
                    <span translate="ItemRecords"></span>
                </div>
                <div class="right-side">
                    <button type="button" class="btn btn-secondary  invoice-btn" ng-click="eventService.invoiceManualRecognize()">发票识别</button>
                    <button type="button" class="btn btn-secondary  invoice-btn" ng-click="eventService.invoiceExamination()">发票验真</button>
                    <button type="button" class="btn btn-secondary invoice-btn" ng-click="eventService.refundInovice()">退票</button>
                    <button type="button" class="btn btn-secondary invoice-btn" ng-click="modalService.invoiceVerify.open()">发票认证</button>
                    <button type="button" class="btn btn-third invoice-btn" ng-click="eventService.expireInvoice()">失效</button>
                </div>
            </div>
            <div class="grid-container">
                <div id="invoiceGridContainer" dx-data-grid="invoiceGridOptions" dx-item-alias="invoice">
                    <div data-options="dxTemplate: {name: 'detail'}">
                        <div class="internal-grid-container">
                            <div class="internal-grid" dx-data-grid="invoiceGridOptions.detailGridOptions(invoice.data.id)"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="page-footer">
                <ack-pagination page-options="pagingOptions" refresh-table="eventService.refreshInvoiceDataGrid()"></ack-pagination>
            </div>
        </div>

    </div>
    <!--退票-->
    <refund-reason reasons="refundReasons" invoice-ids="selectedItemIDs" is-show="showRefundModal" refresh-table="eventService.refreshInvoiceDataGrid()"></refund-reason>
    <!--发票手动验真-->
    <invoice-examination-modal is-show="isShowExaminationModal" invoice-entity="selectedInvoiceEntity" refresh-table="eventService.refreshInvoiceDataGrid()"></invoice-examination-modal>

    <!--上传发票认证文件-->
    <script type="text/ng-template" id="uploadInvoiceVerify.html">
        <div class="modal-header">
            <div class="modal-title" id="modal-title">上传认证清单</div>
        </div>
        <div class="modal-body" id="modal-body">
            <form class="form-horizontal" id="importInvoiceVerifyFrom" name="importInvoiceVerifyFrom">

                <div class="form-group">
                    <label for="selectDirection" class="col-sm-2 control-label">选择文件:</label>
                    <div class="col-sm-6">
                        <input class="form-control" type="text" name="fileName" value="{{invoiceVerifyfile ? invoiceVerifyfile.name : '' | limitString :25}}" readonly placeholder="" required>
                    </div>

                    <div class="col-sm-3">
                        <button type="file" ngf-select ng-model="invoiceVerifyfile" accept=".xls,.xlsx" class="btn btn-not-important">{{'BrowseFile' | translate }}</button>
                    </div>
                </div>
            </form>
        </div>

        <div class="modal-footer">
            <!--<div id="button" class="btn btn-primary" ng-click="modalService.invoiceVerify.save();">上传</div>-->
            <button class="btn btn-primary" type="button" ng-click="modalService.invoiceVerify.save()">上传</button>
            <button class="btn btn-third" type="button" ng-click="modalService.invoiceVerify.cancel()" translate="Cancel"></button>
        </div>
    </script>


    <!--发票detail table-->
    <script type="text/ng-template" id="invoiceDetailTable.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="modalService.invoiceDetail.cancel();" translate="Confirm"></button>
        </div>
    </script>


</div>