<div class="standardAccount-keyword-common">
    <div class="enterprise-manage-no-data" ng-show="!hasEnterpriseAccountSet">
        <div class="circle-gray">
            <i class="material-icons">description</i>
        </div>
        <p>{{'CurentSystemNoEnterpriseAccountSet' | translate}}</p>
        <p>
            <button type="button" class="btn btn-primary" ng-class="{false:'no-permission'}[hasAddPermission]"
                    ng-disabled="!hasAddPermission" ng-click="newAccountSetModal()"><i
                    class="material-icons button-icons">add_circle_outline</i>{{'AddEnterpriceAccountSetTitle' |
                translate}}
            </button>

        </p>
    </div>
    <div class="row enterprise-account-set" ng-show="hasEnterpriseAccountSet">
        <div class="col-sm-8 left">
            <span translate="SelectEnterpriseAccountSet"></span><span>:</span>
            <select class="form-control account-set-select" style="width:330px;" id='enterpriseAccountSetSelect'
                    name="enterpriseAccountSetSelect" ng-change="changeEnterpriseAccountSet()"
                    ng-model="enterpriseAccountSetSelectID" required>
                <option ng-repeat="x in enterpriseAccountSetList" value="{{x.id}}" title="{{x.name}}">{{x.name |
                    limitString:33}}
                </option>
            </select>
            <button type="button" class="btn btn-in-grid" ng-class="{false:'no-permission'}[hasEditPermission]"
                    ng-disabled="!hasEditPermission" ng-click="editEnterpriseAccountSet()"><i
                    class="material-icons middle">create</i> {{'Edit' | translate }}
            </button>
        </div>
        <div class="col-sm-4 right">
            <button type="button" class="btn btn-in-grid" ng-class="{false:'no-permission'}[hasAddPermission]"
                    ng-disabled="!hasAddPermission" ng-click="newAccountSetModal()"><i class="material-icons middle">add_circle_outline</i>
                {{'AddEnterpriseAccountSet' | translate }}
            </button>
            <button type="button" class="btn btn-in-grid inline-div" ng-click="downEntepriseAccountTemplate()"><i
                    class="fa fa-download" aria-hidden="true"></i>下载模板
            </button>
            <!--<export-button style="float: right; margin-right: 1px; margin-top: 9px;">-->
                <!--<export-button>-->
        </div>
    </div>
    <div class="enterprise-account-list-wrap" id="enterprise-account-list-wrap" ng-show="hasEnterpriseAccountSet">
        <div class="row list-title">
            <!--<button type="button" type="file" class="btn btn-secondary" ng-model="file" ngf-select="overlayUpload()" accept=".xls,.xlsx"> {{'ImportEnterpriceAccountList' | translate }}</button>-->
            <button type="button" class="btn btn-secondary" ng-class="{false:'no-permission'}[hasEditPermission]"
                    ng-disabled="!hasEditPermission" ng-click="popupImport()"> {{'ImportEnterpriseAccountList' |
                translate }}
            </button>
            <button type="button" class="btn btn-in-grid" ng-class="{false:'no-permission'}[hasEditPermission]"
                    ng-disabled="!hasEditPermission" ng-click="newModel()"><i class="material-icons middle">add_circle_outline</i>
                {{'Add' | translate }}
            </button>
            <button type="button" class="btn btn-in-grid" ng-class="{false:'no-permission'}[hasEditPermission]"
                    ng-disabled="!hasEditPermission" ng-click="load()"><i class="material-icons middle">create</i>
                {{'Edit' | translate }}
            </button>
            <!--<button type="button" class="btn btn-in-grid" ng-click="modifyIsActive()"><i class="material-icons middle">remove_circle</i> {{ isActiveBtStr }}</button>-->
            <div class="alert alert-danger alert-dismissable" ng-show="ImportErrorTag">
                <div class="glyphicon glyphicon-exclamation-sign" ng-click="toggleErrorTab()" title="点击展开或折叠错误列表">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
                        ×
                    </button>
                    {{importErrorTips}}
                </div>
            </div>
            <div class="input-group search-warp" style="margin-right:10px;">
                <input type="text" class="form-control" ng-model="searchEASText" ng-keyup="search()"
                       placeholder="{{'Search' | translate}}">
                <span class="glyphicon glyphicon-search input-group-addon"></span>
            </div>
        </div>
        <!-- standardAccount Data List ng-show="gridOptions.data.length > 0" -->
        <div class="import-result">
            <div id="enterpriseAccountUIGrid" ui-grid="gridOptions" ui-grid-selection ui-grid-resize-columns
                 ng-style="getEnterpriseAccountUIGridHeight()"></div>
        </div>
    </div>
    <div class="org-list">
        <div class="org-result-list">
            <div class="row list-title">
                <div class="text" translate="UseEnterpriseAccountOrgList"></div>
                <button type="button" class="btn btn-in-grid right-part"
                        ng-class="{false:'no-permission'}[hasEditPermission]" ng-disabled="!hasEditPermission"
                        ng-click="newRelevantOrgList()"><i class="material-icons middle">add_circle_outline</i> {{'Add'
                    | translate }}
                </button>
            </div>
            <!-- 关联机构列表 -->
            <div id="enterpriseAccountOrgUIGrid" ui-grid="orgGridOptions" ui-grid-selection ui-grid-resize-columns
                 ng-style="getEnterpriseAccountUIGridHeight()"></div>
        </div>
    </div>
    <!--error list-->
    <div class="error-wrap" id="enterprise-account-error-wrap">
        <div class="cust-table-cont" ng-show="ImportErrorTab">
            <div id="enterpriseAccountUIGrid" ui-grid="errorGridOptions" ui-grid-selection
                 ng-style="getGridHeight()"></div>
        </div>
    </div>
    <div>
        <div id="topIcon" ng-show="ImportErrorTag" ng-click="toggleErrorTab()">
            <img src="../../../../app-resources/images/collapse.png"/>
        </div>
        <div class="error-line" ng-show="ImportErrorTag" id="content-resizer" resizer="horizontal"
             resizer-top="#enterprise-account-list-wrap" resizer-bottom="#enterprise-account-error-wrap"
             resizer-max="430" bottom-min="0" bottom-max="500" icon="topIcon" icon-diff="10">
        </div>
    </div>
    <!-- 添加 -->
    <div class="modal fade" id="addEnterpriceAccountPop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" style="width:610px;height:200px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title" ng-if="isAdd">{{'AddEnterpriseAccountTitle' | translate }}</div>
                    <div class="modal-title" ng-if="!isAdd">{{'EditEnterpriseAccountTitle' | translate}}</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="addEnterpriceAccountForm">
                        <div class="form-group">
                            <label for="code" class="col-sm-3 control-label">{{'EnterpriseAccountCode' |
                                translate}}:</label>
                            <div class="col-sm-9">
                                <input class="form-control" id="code" name="code" ng-model="editModel.code"
                                       placeholder="" ng-blur="codeChange(editModel.code)" maxlength="50" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="name" class="col-sm-3 control-label">{{'EnterpriseAccountName' |
                                translate}}:</label>
                            <div class="col-sm-9">
                                <input class="form-control" id="name" name="name" ng-model="editModel.name"
                                       placeholder="" maxlength="100" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="selectStandardAccount" class="col-sm-3 control-label">{{'StandardAccountSuperiorAccount'
                                | translate}}:</label>
                            <div class="col-sm-9">
                                <!--  <select class="form-control" ng-change="parentChange()" id='selectStandardAccount' name="selectStandardAccount" ng-model="selectStandardAccountID">
                                     <option ng-repeat="x in enterpriceAccountList" value="{{x.id}}" title="{{x.selectValue}}">{{x.selectValue | limitString:33}}</option>
                                 </select> -->

                                <input class="form-control" readonly
                                       value="{{editModel.parentCode }} {{ editModel.parentFullName}}"></input>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="selectDirection" class="col-sm-3 control-label">{{'StandardAccountDirection' |
                                translate}}:</label>
                            <div class="col-sm-9">
                                <select class="form-control w120" id='selectDirection' name="selectDirection"
                                        ng-model="selectDirection" ng-options="x.name for x in directionList"
                                        required></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="selectAcctProp" class="col-sm-3 control-label">{{'StandardAccountAccountTypes' |
                                translate}}:</label>
                            <div class="col-sm-9">
                                <select class="form-control w120" id='selectAcctProp' name="selectAcctProp"
                                        ng-model="selectAcctProp" ng-options="x.name for x in acctPropList"
                                        required></select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" ng-click="save()">{{'Confirm' | translate }}</button>
                    <button type="button" class="btn btn-third" data-dismiss="modal">{{'Cancel' | translate }}</button>
                </div>
            </div>
        </div>
    </div>
    <!--添加企业账套-->
    <div class="modal fade" id="addEnterpriceAccountSetPop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" style="width:480px;height:200px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title" ng-if="isAdd">{{'AddEnterpriseAccountSetTitle' | translate }}</div>
                    <div class="modal-title" ng-if="!isAdd">{{'EditEnterpriseAccountSetTitle' | translate}}</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="addEnterpriceAccountSetForm">
                        <input type="hidden" id="enterpriseAccountSetID" value="{{editModel.id}}"/>
                        <div class="form-group">
                            <label for="code" class="col-sm-2 control-label">{{'EnterpriseAccountSetName' |
                                translate}}:</label>
                            <div class="col-sm-6">
                                <input class="form-control" id="enterpriseAccountSetName" name="name"
                                       ng-model="editModel.name" maxlength="50" placeholder="" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="code" class="col-sm-2 control-label">{{'EnterpriseAccountSetCode' |
                                translate}}:</label>
                            <div class="col-sm-6">
                                <input class="form-control" id="enterpriseAccountSetCode" name="code"
                                       ng-model="editModel.code" maxlength="50" placeholder="" required>
                            </div>
                        </div>
                        <!--<div class="form-group">
                            <label for="name" class="col-sm-3 control-label">{{'EnterpriceAccountSetID' | translate}}:</label>
                            <div class="col-sm-6">
                                <input class="form-control" readonly id="id" name="id" placeholder="" value="{{ 'AutoCreateID' | translate}}" required>
                            </div>
                        </div>-->
                        <div class="form-group" ng-show="isAdd">
                            <label for="selectDirection" class="col-sm-2 control-label">{{'SelectAccountSet' |
                                translate}}:</label>
                            <div class="col-sm-6">
                                <div class="form-control" type="text" name="fileName" readonly placeholder=""
                                     ng-required="isAdd" title="{{file ? file.name : ''}}">
                                    {{file ? file.name : '' | limitString :25}}
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <button type="button" type="file" ngf-select ng-model="file" accept=".xls,.xlsx"
                                        class="btn btn-secondary browse">{{'Browse' | translate }}
                                </button>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" ng-click="saveEnterpriseAccountSet()">{{'Confirm' |
                        translate }}
                    </button>
                    <button type="button" class="btn btn-third" data-dismiss="modal">{{'Cancel' | translate }}</button>
                </div>
            </div>
        </div>
    </div>
    <!--导入模态框-->
    <div class="modal fade" id="importEnterpriceAccountSetPop" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel">
        <div class="modal-dialog" style="width:610px;height:100px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title"> {{'ImportEnterpriseAccountList' | translate }}</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="importEnterpriseAccountSetForm">
                        <div class="form-group">
                            <label for="import" class="col-sm-2 control-label">{{'SelectCustomerFileTitle' |
                                translate}}:</label>
                            <div class="col-sm-5">
                                <div class="form-control" type="text" name="fileName" readonly placeholder=""
                                     ng-required="isAdd" title="{{file ? file.name : ''}}">
                                    {{file ? file.name : '' | limitString :20}}
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <button type="button" type="file" ngf-select ng-model="file" accept=".xls,.xlsx"
                                        class="btn btn-not-important browse inline-div">{{'Browse' | translate }}
                                </button>

                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer" style="padding-left:113px;">
                    <button type="button" class="btn btn-primary" ng-disabled="!file" ng-click="overlayUpload()">
                        {{'ImportOverwrite' | translate }}
                    </button>
                    <button type="button" class="btn btn-secondary" ng-disabled="!file" ng-click="importAppend()">
                        {{'ImportAppend' | translate }}
                    </button>
                    <button type="button" class="btn btn-third" data-dismiss="modal">{{'Cancel' | translate }}</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加关联机构模态框 -->
    <div class="modal fade" id="addEnterpriceAccountSetRelevantOrg" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel">
        <div class="modal-dialog" style="width:50em;height:200px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title" ng-if="isAdd">{{'AddRelevantOrg' | translate }}</div>
                    <div class="modal-title" ng-if="!isAdd">{{'EditEnterpriseAccountSetTitle' | translate}}</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="addEnterpriceAccountSetRelevantOrgForm">
                        <input type="hidden" value="{{editModel.id}}"/>
                        <div class="form-group">
                            <label for="code" class="col-sm-2 control-label">{{'EnterpriseAccountSetName' |
                                translate}}:</label>
                            <div class="col-sm-10">
                                <label class="control-label ellipsis" title="{{editModel.name}}" style="width: none;">{{editModel.name}}</label>
                            </div>
                        </div>
                        <!-- 关联机构 -->
                        <div class="form-group" ng-if="isAdd">
                            <label for="selectStandardAccount" class="col-sm-2 control-label">{{'RelationOrg' |
                                translate}}:</label>
                            <div class="col-sm-10">
                                <table>
                                    <tr ng-repeat="x in editModel.enterpriseAccountSetOrgList" class="relavant-tr">
                                        <td>
                                            <!-- 机构名称 -->
                                            <!--    <org-selector selected-org-name="x.organizationName" selected-org-id="x.organizationID" component-selected-org="x.componentSelectedOrg" name="organization" is-show-all=false item-max-length="22"></org-selector> -->

                                            <org-search-selector selected-org-name="x.organizationName"
                                                                 selected-org-id="x.organizationID"
                                                                 selected-org-model="x.componentSelectedOrg"
                                                                 name="organization"></org-search-selector>
                                        </td>
                                        <td><span translate="EffectiveDateCol"></span></td>
                                        <td>
                                            <!-- 有效时间 -->
                                            <input type="text" class="form_datetime form-control" name="effectiveDate"
                                                   id="{{x.fromID}}" ng-model="x.effectiveDateStr"/>
                                        </td>
                                        <td><span translate="ExpiredDateTo"></span></td>
                                        <td>
                                            <!-- 失效时间 -->
                                            <input type="text" class="form_datetime form-control" name="expiredDate"
                                                   id="{{x.toID}}" ng-model="x.expiredDateStr"/>
                                        </td>
                                        <td>
                                            <span ng-click="deleteEnterpriseAccountSetOrg(x)" class="ng-scope"><i
                                                    class="material-icons button-icons middle delete red-color">delete</i></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="6">
                                            <label class="control-label" style="width:19px;"
                                                   ng-click="addEnterpriseAccountSetOrg()"><i
                                                    class="material-icons middle" style="font-size:18px;">add_circle_outline</i></label>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" ng-click="addRelevantOrgList()">{{'Confirm' |
                        translate }}
                    </button>
                    <button type="button" class="btn btn-third" data-dismiss="modal">{{'Cancel' | translate }}</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 修改关联机构模态框 -->
    <div class="modal fade" id="updateEnterpriceAccountSetRelevantOrg" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel">
        <div class="modal-dialog" style="width:50em;height:200px;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title">{{'UpdateRelevantOrg' | translate}}</div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="updateEnterpriceAccountSetRelevantOrgForm">
                        <input type="hidden" value="{{editModel.id}}"/>
                        <div class="form-group">
                            <label for="code" class="col-sm-2 control-label">{{'EnterpriseAccountSetName' | translate}}:</label>
                            <div class="col-sm-4">
                                <label class="control-label" style="width: none;">{{editModel.name}}</label>
                            </div>
                        </div>
                        <!-- 关联机构 -->
                        <div class="form-group" ng-if="!isAdd">
                            <label for="selectStandardAccount" class="col-sm-2 control-label">{{'RelationOrg' |
                                translate}}:</label>
                            <div class="col-sm-10">
                                <table>
                                    <tr ng-repeat="x in editModel.enterpriseAccountSetOrgList" class="relavant-tr">
                                        <td>
                                            <!-- 机构名称 -->
                                            <!--<org-selector selected-org-name="x.organizationName" selected-org-id="x.organizationID" component-selected-org="x.componentSelectedOrg" name="organization" is-show-all=false item-max-length="22"></org-selector>-->
                                            <org-search-selector selected-org-name="x.organizationName"
                                                                 selected-org-id="x.organizationID"
                                                                 selected-org-model="x.componentSelectedOrg"
                                                                 edit-org-id="x.organizationID"
                                                                 name="organization"></org-search-selector>
                                        </td>
                                        <td><span translate="EffectiveDate"></span></td>
                                        <td>
                                            <!-- 有效时间 -->
                                            <input type="text" class="form_datetime form-control" name="effectiveDate"
                                                   id="{{x.fromID}}" ng-model="x.effectiveDateStr"/>
                                        </td>
                                        <td><span translate="ExpiredDateTo"></span></td>
                                        <td>
                                            <!-- 失效时间 -->
                                            <input type="text" class="form_datetime form-control" name="expiredDate"
                                                   id="{{x.toID}}" ng-model="x.expiredDateStr"/>
                                        </td>

                                    </tr>

                                </table>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" ng-click="updateRelevantOrg()">{{'Confirm' | translate
                        }}
                    </button>
                    <button type="button" class="btn btn-third" data-dismiss="modal">{{'Cancel' | translate }}</button>
                </div>
            </div>
        </div>
    </div>

</div>