<div class="fixed-assets-rule-enginee">
    <!--固定资产，包含header以及列表-->
    <div class="header">
        <div class="title-section">
            <div class="title" translate="FixedAssetsClassify"></div>
        </div>
    </div>

    <div class="content">
        <div class="col-sm-10" style="margin-left: 14px;">
            <div class="toolbar">
                <!--class="btn btn-default"-->
                <a ng-click="createNewData('1')">
                    <i class="fa fa-plus-circle"></i>
                    <span translate="Add"></span>
                </a>
            </div>
            <div class="grid-container">
                <div id="fixedAssetsGridContainer" dx-data-grid="fixedAssetsGridOptions" dx-item-alias="invoice">
                </div>
            </div>
            <!--以前的table的写法
            <div class="exception-table-container">
                <table class="exception-table">
                    <thead>
                        <tr>
                            <th width="150px;"><span>标准固定资产代码</span></th>
                            <th width="450px"><span>标准固定资产名称</span></th>
                            <th width="100px;"><span>折旧年限</span></th>
                            <th width="250px;"><span>操作</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="exception in mainData">
                            <td>
                                {{exception.code}}
                            </td>
                            <td>
                                {{exception.name}}
                            </td>
                            <td>
                                {{exception.year}}
                            </td>
                            <td>
                                <i class="fa fa-edit" ng-click="editRow(exception)">编辑</i>
                                <i class="fa fa-trash delete-icon" ng-click="delete(exception)">删除</i>
                                <i class="fa fa-cog" ng-click="editMapping(exception)">对应关系维护</i>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>-->
        </div>
    </div>


    <!--分页栏-->
    <div class="form-group page-form-group" ng-show="!showImportTable">
        <div class="page-footer">
            <ack-pagination page-options="fixedAssetPagingOptions"
                            refresh-table="pagingService.refreshFixedAssetDataGrid('1')"
                            hide-page-size-selector="true"></ack-pagination>
        </div>
    </div>

    <!--长期待摊，包含header以及列表-->

    <div class="title-section">
        <div class="title" translate="LongTermPendingClassify"></div>

    </div>

    <div class="content">
        <div class="col-sm-10" style="margin-left: 14px;">
            <div class="toolbar">
                <!--class="btn btn-default"-->
                <a ng-click="createNewData('2')">
                    <i class="fa fa-plus-circle"></i>
                    <span translate="Add"></span>
                </a>
            </div>
            <div class="grid-container">
                <div id="longTermPendingGridContainer" dx-data-grid="longTermPendingGridOptions"
                     dx-item-alias="invoice">
                </div>
            </div>
            <!--以前的table的写法
            <div class="exception-table-container">
                <table class="exception-table">
                    <thead>
                        <tr>
                            <th width="150px;"><span>标准固定资产代码</span></th>
                            <th width="450px"><span>标准固定资产名称</span></th>
                            <th width="100px;"><span>折旧年限</span></th>
                            <th width="250px;"><span>操作</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="exception in mainData">
                            <td>
                                {{exception.code}}
                            </td>
                            <td>
                                {{exception.name}}
                            </td>
                            <td>
                                {{exception.year}}
                            </td>
                            <td>
                                <i class="fa fa-edit" ng-click="editRow(exception)">编辑</i>
                                <i class="fa fa-trash delete-icon" ng-click="delete(exception)">删除</i>
                                <i class="fa fa-cog" ng-click="editMapping(exception)">对应关系维护</i>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>-->
        </div>
    </div>


    <!--分页栏-->
    <div class="form-group page-form-group" ng-show="!showImportTable">
        <div class="page-footer">
            <ack-pagination page-options="longTermPendingPagingOptions"
                            refresh-table="pagingService.refreshFixedAssetDataGrid('2')"
                            hide-page-size-selector="true"></ack-pagination>
        </div>
    </div>


    <!--无形资产，包含header以及列表-->

    <div class="title-section">
        <div class="title" translate="IntangibleAssetsClassify"></div>

    </div>
    <div class="content">
        <div class="col-sm-10" style="margin-left: 14px;">
            <div class="toolbar">
                <!--class="btn btn-default"-->
                <a ng-click="createNewData('3')">
                    <i class="fa fa-plus-circle"></i>
                    <span translate="Add"></span>
                </a>
            </div>
            <div class="grid-container">
                <div id="intangibleAssetsGridContainer" dx-data-grid="intangibleAssetsGridOptions"
                     dx-item-alias="invoice">
                </div>
            </div>
        </div>
    </div>

    <!--分页栏-->
    <div class="form-group page-form-group" ng-show="!showImportTable">
        <div class="page-footer">
            <ack-pagination page-options="intangibleAssetsPagingOptions"
                            refresh-table="pagingService.refreshFixedAssetDataGrid('3')"
                            hide-page-size-selector="true"></ack-pagination>
        </div>
    </div>


    <!-- Create or Edit an object Data 固定资产-->
    <div class="modal fade" id="edit-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" style="height: 300px; width: 610px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title" ng-show="!isEdit" translate="{{assetAdd}}"></div>
                    <div class="modal-title" ng-show="isEdit" translate="{{assetEdit}}"></div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="edit-form">

                        <div class="form-group">
                            <label class="col-sm-3 control-label" translate="{{assetCode}}"></label>
                            <div class="col-sm-6">
                                <input class="form-control" name="detailGroupType" type="tel"
                                       ng-model="fixedAssetsObject.detailGroupType" maxlength="10">
                                <div class="validate-success" data-for="detailGroupType"></div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label" translate="{{assetName}}"></label>
                            <div class="col-md-6">
                                <input class="form-control" name="detailGroupName"
                                       ng-model="fixedAssetsObject.detailGroupName" maxlength="50">
                                <div class="validate-success" data-for="detailGroupName"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label" translate="{{assetAgeLimit}}"></label>
                            <div class="col-md-6">
                                <input class="form-control" name="groupYear" type="tel" ng-model="fixedAssetsObject.groupYear"
                                       maxlength="10">

                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button style="margin-left: 168px;" type="button" class="btn btn-primary" ng-click="saveEditRow()">
                        {{'OrganizationStructureSave' | translate }}
                    </button>
                    <button type="button" class="btn btn-third" ng-click="cancelEditOS()">
                        {{'OrganizationStructureCancel' | translate }}
                    </button>
                </div>
            </div>
        </div>
    </div>


    <!-- Map -->
    <div class="modal fade" id="map-modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" style="height: 800px; width: 872px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title" translate="StandardFixedAssetsCorrespondingResult"></div>
                </div>
                <div class="modal-body" style="height:365px">

                    <!--<form class="form-horizontal" id="edit-form">-->

                    <!--<div class="col-sm-10">-->
                    <div class="toolbar">
                        <!--class="btn btn-default"-->
                        <a ng-click="">
                            <i class="fa fa-plus-circle"></i>
                            <span translate="Add"></span>
                        </a>
                    </div>
                    <!--<div class="exception-table-container">
                        <table class="exception-table">
                            <thead>
                                <tr>
                                    <th width="300px;"><span>标准固定资产分类</span></th>
                                    <th width="300px"><span>企业固定资产名称关键词</span></th>
                                    <th width="200px"><span>操作</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="exception in mappingData">
                                    <td>
                                        {{exception.name}}
                                    </td>
                                    <td>
                                        {{exception.keyValue}}
                                    </td>
                                    <td>
                                        <i class="fa fa-trash delete-icon" ng-click="deleteMap(exception)">删除</i>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>-->
                    <div class="grid-container">
                        <div id="fixedAssetsMapGridContainer" dx-data-grid="fixedAssetsMapGridOptions">
                        </div>
                    </div>
                    <!--</div>-->
                    <!--</form>-->
                </div>
                <div class="modal-footer">
                    <button style="margin-left: 168px;" type="button" class="btn btn-primary" ng-click="saveMapRow()">
                        {{'OrganizationStructureSave' | translate }}
                    </button>
                    <button type="button" class="btn btn-third" ng-click="saveMapRow()">{{'OrganizationStructureCancel'
                        | translate }}
                    </button>
                </div>
            </div>
        </div>
    </div>

</div>