<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()"> {{'ImportEnterpriceAccountList' | 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">{{'AddEnterpriceAccountTitle' | translate }}</div>
<div class="modal-title" ng-if="!isAdd">{{'EditEnterpriceAccountTitle' | 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">{{'EnterpriceAccountCode' | 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">{{'EnterpriceAccountName' | 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">{{'AddEnterpriceAccountSetTitle' | translate }}</div>
<div class="modal-title" ng-if="!isAdd">{{'EditEnterpriceAccountSetTitle' | 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">{{'EnterpriceAccountSetName' | 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">{{'EnterpriceAccountSetCode' | 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"> {{'ImportEnterpriceAccountList' | translate }}</div>
</div>
<div class="modal-body">
<form class="form-horizontal" id="importEnterpriceAccountSetForm">
<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">{{'EditEnterpriceAccountSetTitle' | 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">{{'EnterpriceAccountSetName' | 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">{{'EnterpriceAccountSetName' | 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>