extract-invoice-data.html

<div class="extract-invoice-data">
    <!--标题-->
    <div class="nav-wrapper">
        <div class="nav-header" translate="ExtractFinancialDataTitle"></div>
        <div class="alert alert-warning" style="width:400px;margin-bottom:5px;" ng-show="ImportErrorTab" ng-click="toggleErrorTab()">
            <i class="fa fa-exclamation-circle" aria-hidden="true"></i>{{errorMsg}}
        </div>
    </div>
    <!--导航栏-->
    <div id="tab_total">
        <form class="form-inline" id="navigationForm" name="navigationForm">
            <div class="form-group" ng-style="setButtonWrapStyle()">
                <div class="import-wrapper">
                    <span class="text-bold" translate="SelectedOrganization"></span>:
                    <div class="dropdown" style="margin-left:10px">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width: 250px;">
                            {{'PleaseSelect' | translate}}
                            <span class="caret" style="float: right "></span>
                        </button>
                        <ul class="dropdown-menu" style="width: 250px;" aria-labelledby="dropdownMenu1">
                            <li><input type="checkbox" ng-model="selectedAll" ng-change="selectAll()"
                                       style="float: left;margin-left: 10px; margin-top: 7px; width: 15px" checked>
                                <span style="margin-left:5px;float: left;">全选</span></li>
                            <li role="separator" class="divider" style="height: 1px;margin: 9px 0;
                                                overflow: hidden;background-color: #e5e5e5;"></li>
                            <li ng-repeat="i in companyList">
                                <div class="checkbox-custom checkbox-default">
                                    <input type="checkbox" ng-model="i.checked" ng-change="selectOne()"
                                           ng-checked="selectedOne"
                                           style="float: left;margin-left: 10px; margin-top: 7px; width: 15px">
                                    <span style="margin-left:5px;">{{i.name}}</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <span class="text-bold" translate="InvoiceQJ"></span>:
                    <div class="period-picker" style="margin-left:10px">
                        <input type="text" id="periodDatepicker" class="datepicker imp-subheader" style="width:120px;"
                               readonly="readonly" ng-model="UploadPeriodTime"/>
                        <i class="fa fa-calendar imp-subheader red-color" style="width:20px;"></i>
                    </div>

                    <div class="dropdown" style="margin-left:10px">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width: 250px;">
                            {{'PleaseSelect' | translate}}
                            <span class="caret" style="float: right "></span>
                        </button>
                        <ul class="dropdown-menu" style="width: 250px;" aria-labelledby="dropdownMenu2">
                            <li><input type="checkbox" ng-model="selectedAll" ng-change="selectAll()"
                                       style="float: left;margin-left: 10px; margin-top: 7px; width: 15px" checked>
                                <span style="margin-left:5px;float: left;">全选</span></li>
                            <li role="separator" class="divider" style="height: 1px;margin: 9px 0;
                                                overflow: hidden;background-color: #e5e5e5;"></li>
                            <li ng-repeat="i in companyList">
                                <div class="checkbox-custom checkbox-default">
                                    <input type="checkbox" ng-model="i.checked" ng-change="selectOne()"
                                           ng-checked="selectedOne"
                                           style="float: left;margin-left: 10px; margin-top: 7px; width: 15px">
                                    <span style="margin-left:5px;">{{i.name}}</span>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <button type="button" atms-permission permission-control-type="ngIf" permission-code="{{$root.vatPermission.dataImport.balanceSheet.importCode}}"
                            class="btn btn-vat-primary" style="float:right; margin-right: 10px;margin-left: 30px;margin-top: 8px;"
                            translate="ImportBtn"
                            ng-click="doUpload(importEnum.ApiImport)"></button>
                </div>
            </div>

            <!--分页栏-->
            <!--<div class="form-group page-form-group" ng-show="!fileName">
                <div class="page-footer">
                    <ack-pagination page-options="pagingOptions" refresh-table="eventService.refreshInvoiceDataGrid()" hide-page-size-selector="false"></ack-pagination>
                </div>
            </div>-->
        </form>
      
        <div class="dt-init-wrapper">
            <div class="dx-viewport grid-container">
                <div id="importATStatusGridContainer" dx-data-grid="importATStatusGridOptions"
                     style="margin-top: 30px;">
                </div>
            </div>
        </div>
   
        
        <div class="error-info-wrapper" id="error-info-wrapper" ng-show="showErrorTable">
            <div ui-grid="gridOptionsErrorMsg" style="width:100%;" ng-style="getErrorGridHeight()"></div>
        </div>
        <div>
            <div ng-show="showErrorTable" id="content-resizer"
                 resizer="horizontal"
                 resizer-height="6"
                 bottom-min="0"
                 bottom-max="400"
                 resizer-top="#balance-ouput-grid-wrapper"
                 resizer-bottom="#error-info-wrapper">
                <div id="topIcon" ng-click="toggleErrorTab()">
                    <img src="../../../../app-resources/images/collapse.png" />
                </div>
            </div>
        </div>
    </div>

    <!--期间验证明细-->
    <div class="period-validation-modal">
        <div class="modal fade" id="periodValidationModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" style="width: 75%; height: 200px;" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <div class="modal-title">
                            {{'ErrorDetails' | translate}}
                        </div>
                    </div>
                    <div class="modal-body">
                        <div style="border: 1px solid #959595; text-align: center;" id="gridPeriodValidation" dx-data-grid="gridPeriodOptions"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" translate="Confirm" data-dismiss="modal"></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--重复验证明细-->
    <div class="duplicate-validation-modal">
        <div class="modal fade" id="duplicatedValidationModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" style="width: 75%; height: 200px;" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <div class="modal-title">
                            {{'ErrorDetails' | translate}}
                        </div>
                    </div>
                    <div class="modal-body">
                        <div style="border: 1px solid #959595; text-align: center; " id="gridDuplicatedValidation" dx-data-grid="gridDuplicatedOptions"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" translate="BtnDelete" ng-click="deleteDupData()" ng-disabled="!hasEditPermission"></button>
                        <button type="button" class="btn btn-customer" translate="ButtonCancel" data-dismiss="modal"></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--错误验证信息-->
    <div class="error-list-modal">
        <div class="modal fade" id="errorListModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" style="width: 720px; height: 200px;" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <div class="modal-title">
                            {{'ImportErrorPopUpTitle' | translate}}
                        </div>
                    </div>
                    <div class="modal-body">
                        {{'ImportErrorPopUpErrorDetail' | translate}}：
                        <br />
                        <table>
                            <thead>
                                <tr>
                                    <th width="10%" style="text-align:center;">{{'ImportErrorPopUpNoCol' | translate}}</th>
                                    <th width="20%">{{'ImportErrorPopUpErrorTypeCol' | translate}}</th>
                                    <th width="10%" style="text-align:center;">{{'ImportErrorPopUpErrorCountCol' | translate}}</th>
                                    <th width="6%">{{'ImportErrorPopUpErrorDescCol' | translate}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="error in errorMsgMap track by $index">
                                    <td width="10%" style="text-align:center;">{{$index + 1}}</td>
                                    <td width="20%">{{error.errorType}}</td>
                                    <td width="10%" style="text-align:center;">{{error.errorCount}}</td>
                                    <td width="60%" ng-bind-html="error.errorContent"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" translate="Confirm" data-dismiss="modal"></button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 期间选择弹出框 -->
    <script type="text/ng-template" id="tb-model-period-dropdown.html" class="tb-model-period-dropdow-popup">
        <div class="modal-header">
            <div class="modal-title" style="margin-bottom:10px">
                {{remarksTitle}}<i class="fa fa-times" aria-hidden="true" style="float: right; font-size: 11px; color: #CF2D1B" ng-click="closePeriodSelectModal()"></i>
            </div>
        </div>
        <div class="modal-body">
            <div class="form-group">
                <div>
                    <div id="tbPeriodSelectBox" dx-select-box="selectBox.simple"></div>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-primary" ng-click="deleteTbData()">{{'Confirm' | translate}}</button>
        </div>

    </script>

    <vat-operate-log period="period" module-type="moduleid" is-show="isShowLog"></vat-operate-log>
</div>