<div class="tax-control-disk" atms-permission permission-control-type="prohibit" permission-code="{{$root.vatPermission.outputInvoice.taxControlDisk.queryCode}}">
    <div class="menu-header">
        <div class="menu-title" translate="TaxControlDiskView"></div>
    </div>
    <div class="content-container">
        <div dx-data-grid="taxControlDiskGrid" dx-item-alias="row" id="taxControlDiskGridID">
            <div data-options="dxTemplate:{ name:'checkStatusTempl' }">
                <button atms-permission permission-code="{{$root.vatPermission.outputInvoice.taxControlDisk.editCode}}" class="btn btn-tesla-primary" ng-disabled="Checking" translate="CheckDiskStatus" ng-click="eventService.checkStatus()"></button>
                <button atms-permission permission-code="{{$root.vatPermission.outputInvoice.taxControlDisk.editCode}}" ng-show="showEditBtn" class="btn btn-secondary" translate="Update" ng-click="eventService.updateAlert()"></button>
            </div>
            <div data-options="dxTemplate:{ name:'statusTempl' }">
                <span ng-if="!row.data.isTest&&row.data.taxControlStatusBool">
                    <i class="fa fa-check-circle right-icon" aria-hidden="true"></i>
                </span>
                <span class="wd120" ng-if="!row.data.isTest&&!row.data.taxControlStatusBool" title="{{row.data.failMsg}}">
                    <i class="fa fa-close error-icon" aria-hidden="true"></i>
                    {{row.data.failMsg}}
                </span>
                <span class="wd120" ng-if="row.data.isTest" title="row.data.failMsg">
                    <i class="fa fa-circle-o" aria-hidden="true"></i>
                </span>
            </div>
        </div>
    </div>

    <script type="text/ng-template" id="EditTaxControlDiskConfirmModal.html">
        <!-- 选择 sales 信息和 tax control disk -->
        <div class="modal-header" style="background-color: #eee;border-bottom: 1px solid #e5e5e5;">
            <span class="close" ng-click="cancel()" aria-hidden="true">×</span>
            <div class="modal-title" style="font-weight: bold;">{{'FapiaoIssuingConfirm' | translate }}</div>
        </div>
        <div class="modal-body edit-tax-control">
            <form id="EditTaxControlDiskConfirmForm" dx-validation-group="{}">
                <table>
                    <tr>
                        <td class="right-align"><span translate="DiskTypeColon"></span></td>
                        <td><span>{{editModel.diskTyeText}}</span></td>
                    </tr>
                    <tr>
                        <td class="right-align"><span translate="DiskSerialNumberColon"></span></td>
                        <td><span>{{editModel.taxControlDiskSerialNumber}}</span></td>
                    </tr>
                    <tr>
                        <td class="right-align"><span translate="DiskTopColon"></span></td>
                        <td>
                            <div class="numberBox" ng-model="editModel.topMargin" dx-number-box="{
    }"></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="right-align"><span translate="DiskLeftColon"></span></td>
                        <td>
                            <div class="numberBox" ng-model="editModel.leftMargin" dx-number-box="{
    }"></div>
                        </td>
                    </tr>

                    <tr>
                        <td class="right-align"><span translate="MainTaxAuthoritiesName"></span></td>
                        <td>
                            <div class="textbox" ng-model="editModel.mainTaxAuthoritiesName" dx-text-box="dxOptions.mainTaxAuthoritiesName"></div>
                        </td>
                    </tr>

                    <tr>
                        <td class="right-align"><span translate="MainTaxAuthoritiesCode"></span></td>
                        <td>
                            <div class="textbox" ng-model="editModel.mainTaxAuthoritiesCode" dx-text-box="dxOptions.mainTaxAuthoritiesCode"></div>
                        </td>
                    </tr>

                </table>
            </form>
        </div>
        <div class="modal-footer" style="padding-left: 37px;">
            <button type="button" class="btn btn-tesla-confirm" ng-click="saveDisk()">{{'Confirm' | translate }}</button>
            <button type="button" class="btn btn-tesla-cancel" ng-click="cancel()">{{'Cancel' | translate }}</button>
        </div>
    </script>
</div>