<div class="model-configuration-manage" style="background-color: #f2f2f2">

    <script type="text/ng-template" id="model-config-manage-basic-info.html">
        <div class="filed">
            <span class="control-label">模型代码:</span>
            <span title="{{basicModel.code}}">{{basicModel.code}}</span>
        </div>
        <div ng-if="editStatus == 3 && showType == 2" class="filed">
            <span class="control-label">模型名称:</span>
            <div id="modelNameValidation" ng-show="editStatus == 3 && showType == 2" dx-text-box="modelNameOptions"
                 dx-validator="modelNameValidationRules">
            </div>
        </div>
        <div class="filed">
            <span class="control-label">模型分类:</span>
            <span title="{{basicModel.categoryString}}">{{basicModel.categoryString}}</span>
        </div>
        <div class="filed">
            <span class="control-label">模型类型:</span>
            <span title="{{basicModel.modelTypeName}}">{{basicModel.modelTypeName}}</span>
        </div>
        <div class="filed">
            <span class="control-label">适用行业:</span>
            <span title="{{basicModel.industryName}}">{{basicModel.industryName}}</span>
        </div>
        <div class="filed">
            <span class="control-label">使用机构:</span>
            <span title="{{basicModel.organizationName}}">{{basicModel.organizationName}}</span>
        </div>
        <div class="filed">
            <span class="control-label">适用服务:</span>
            <span ng-show="editStatus == 1" title="{{basicModel.serviceTypeName}}">{{basicModel.serviceTypeName}}</span>
            <div ng-if="editStatus != 1&& showType==1" dx-tag-box="serviceTypeOptions"
                 dx-validator="serviceTypeValidationRules"></div>
            <div ng-if="editStatus == 3 && showType == 2" dx-tag-box="serviceTypeOptions"
                 dx-validator="serviceTypeValidationRules"></div>
        </div>
        <div class="filed">
            <span class="control-label">使用状态:</span>
            <span ng-show="editStatus == 1">{{basicModel.isStatus == 1 ? "可用" : (basicModel.isStatus == 0 ? "禁用" : "数据异常")}}</span>
            <span ng-show="editStatus != 1" class="isStatus-radio">
                <input type="radio" ng-model="basicModel.isStatus" name="modelStatus" value="0">
                <span>禁用</span>
                <input type="radio" ng-model="basicModel.isStatus" name="modelStatus" value="1">
                <span>可用</span>
            </span>
        </div>
        <div class="filed">
            <span class="control-label">模型描述:</span>
            <p ng-show="editStatus == 1">{{basicModel.description}}</p>
            <!--<div ng-show="editStatus != 1" class="model-configuration-manage-validate" ng-class="{'has-feedback':true}">
                <textarea ng-show="editStatus != 1" class="form-control" name="description" ng-model="basicModel.description"></textarea>
                <span ng-show="true" class="fa fa-exclamation-circle form-control-feedback" tooltip-class="model-configuration-manage-validate-tooltip" tooltip-placement="auto right" tooltip-append-to-body="true" uib-tooltip="请设置模型描述"></span>
            </div>-->
            <div ng-show="editStatus != 1" dx-text-area="modelDescriptionOptions"></div>
        </div>
    </script>

    <script type="text/ng-template" id="model-config-manage-detail-info.html">
        <div class="detail-info-tools">
            <div class="title">
                <span>模型特性:</span>
                <span ng-show="showType==1">{{(detailModel.featureId == 1)?"指标分析":"分录比对"}}</span>
                <div ng-show="showType==2" dx-select-box="dxControlsOptions.feature.ControlOption"></div>
                <!--<div class="canFilter" ng-show="detailModel.featureId == 2" dx-check-box="dxControlsOptions.isFilter.ControlOption"></div>-->
                <!-- dx-check-box 的 readOnly 和 disableed 属性无效的替代方案,具体失效原因待查 -->
                <div class="canFilter" ng-show="detailModel.featureId == 2">
                    <input type="checkbox" ng-model="basicModel.isFilterShow" ng-disabled="editStatus == 1"/>
                    <span>可筛选模型</span>
                </div>
            </div>
            <div class="butons">
                <button class="btn"
                        ng-show="editStatus != 1&&((detailModel.featureId == 1&&basicModel.type!=2)||detailModel.featureId != 1)"
                        ng-click="dataGridAddRow()">
                    <i class="fa fa-plus-circle"></i>
                    <span>添加</span>
                </button>

                <!-- 使用 Dev 自带的删除控件,屏蔽删除按钮 -->
                <button class="btn"
                        ng-show="editStatus != 1&&((detailModel.featureId == 1&&basicModel.type!=2)||detailModel.featureId != 1)"
                        ng-click="dataGridDeleteRow()">
                    <i class="fa fa-close"></i>
                    <span>删除</span>
                </button>

                <button class="btn" ng-show="editStatus != 1 && detailModel.featureId == 1&&basicModel.type!=2"
                        ng-click="dataGridRowUp()">
                    <i class="fa fa-arrow-circle-o-up"></i>
                    <span>上升</span>
                </button>
                <button class="btn" ng-show="editStatus != 1 && detailModel.featureId == 1&&basicModel.type!=2"
                        ng-click="dataGridRowDown()">
                    <i class=" fa fa-arrow-circle-o-down">
                    </i>
                    <span>下降</span>
                </button>
                <button class="btn" ng-show="editStatus != 1 && detailModel.featureId != 1"
                        ng-click="dataGridRowCopy()">
                    <i class="fa fa-copy"></i>
                    <span>复制</span>
                </button>
            </div>
        </div>

        <div class="detail-info-data">
            <div dx-data-grid="dataGridOptions" dx-item-alias="item">
                <div data-options="dxTemplate:{ name:'standardCodeEditTemplate' }"
                     dx-autocomplete="$parent.standardCodeAutocompleteOptions"
                     dx-item-alias="standardCodeItem">
                    <div class="model-configuration-manage autocomplete-template"
                         data-options="dxTemplate: { name: 'autocompleteStandardCodeItemTemplate' }">
                <span>
                    <strong> {{standardCodeItem.code }}</strong>
                    <strong style="float: right;"> {{standardCodeItem.directionName}}</strong>
                </span>
                        <span style="margin: 5px 0;">
                    <span> {{standardCodeItem.fullName }}</span>
                </span>
                    </div>
                </div>
                <div class="button-container" data-options="dxTemplate:{ name:'isMainValueTemplate' }">
                    <input type="radio" name="{{$parent.isMainValueSequenceRadioName}}"
                           ng-value="{{item.data.sequence}}"
                           ng-model="$parent.isMainValueSequence"
                           ng-disabled="{{$parent.editStatus == 1||($parent.basicModel.type == 2 && $parent.detailModel.featureId == 1)}}"
                           style="outline: none;margin: 0;cursor: default;"/>
                </div>
            </div>
        </div>

        <div ng-if="detailModel.featureId == 1" class="flex-shrink-0" style="padding: 10px 0 0 0;">
            <div class="formula-criterion">
                <div class="formula-row border-bottom">
                    <div class="formula-cell border-right">
                        <span style="min-width: 9em;">逐月异常判断公式:</span>
                        <div dx-text-box="dxControlsOptions.monthJudge.ControlOption"
                             dx-validator="dxControlsOptions.monthJudge.validatorOption"></div>
                    </div>
                    <div class="formula-cell">
                        <span style="min-width: 3em;">说明:</span>
                        <div dx-text-box="dxControlsOptions.monthExplain.ControlOption"
                             dx-validator="dxControlsOptions.monthExplain.validatorOption"></div>
                    </div>
                </div>
                <div class="formula-row">
                    <div class="formula-cell border-right">
                        <span style="min-width: 9em;">年度异常判断公式:</span>
                        <div dx-text-box="dxControlsOptions.yearJudge.ControlOption"
                             dx-validator="dxControlsOptions.yearJudge.validatorOption"></div>
                    </div>
                    <div class="formula-cell">
                        <span style="min-width: 3em;">说明:</span>
                        <div dx-text-box="dxControlsOptions.yearExplain.ControlOption"
                             dx-validator="dxControlsOptions.yearExplain.validatorOption"></div>
                    </div>
                </div>
            </div>
        </div>
    </script>

    <!--摘要 弹框-->
    <script type="text/ng-template" id="model-config-manage-summary-edit-prop.html">
        <div class="modal-header">
            <button type="button" class="btn close " aria-label="Close" aria-hidden="true"
                    ng-click="closeSummaryEditProp()">
                <span aria-hidden="true">&times;</span>
            </button>
            <div class="modal-title">摘要条件之间为"或"关系</div>
        </div>
        <div class="modal-body">
            <div class="summary-modal-table">
                <div class="row box-right box-bottom">
                    <div class="col-sm-1 box header"><span>序号</span></div>
                    <div class="col-sm-10 box header">
                        <span>摘要条件</span>
                    </div>
                    <div class="col-sm-1 box header"><span>删除</span></div>
                </div>
                <div ng-repeat="summaryModule in summaryDataList track by $index">
                    <div class="row box-right">
                        <div class="col-sm-1 box"><span>{{$index + 1}}</span></div>
                        <div class="col-sm-10 box">
                            <input class="form-control" type="text" maxlength="10"
                                   onkeyup="value = value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\%\ ]/g, '')"
                                   onpaste="value = value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\%\ ]/g, '')"
                                   oncontextmenu="value = value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\%\ ]/g, '')"
                                   ng-model="summaryModule.summaryString">
                        </div>
                        <div class="col-sm-1 box"><span ng-click="deleteSummaryModule(summaryModule)"><i
                                class="material-icons button-icons middle delete">delete</i></span></div>
                    </div>
                </div>
                <div class="row box-right box-bottom">
                    <div class="col-sm-1 box"><span ng-click="newSummaryModuleRow()"><i
                            class="material-icons button-icons middle add">add_circle_outline</i></span></div>
                    <div class="col-sm-10 box">
                    </div>
                    <div class="col-sm-1 box"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" ng-click="saveSummary()" translate="Confirm"></button>
                <button type="button" class="btn btn-third" ng-click="closeSummaryEditProp()"
                        translate="Cancel"></button>
            </div>
        </div>

    </script>

    <!--标准科目 弹框-->
    <script type="text/ng-template" id="model-config-manage-standard-edit-modal.html">
        <div class="modal-header">
            <button type="button" class="btn close " aria-label="Close" aria-hidden="true"
                    ng-click="closeStandardEditModal()">
                <span aria-hidden="true">&times;</span>
            </button>
            <div class="modal-title">选择标准科目</div>
        </div>
        <div class="modal-body">
            <div class="treeContainer" dx-tree-list="standardEditDataGridOptions"></div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" ng-click="saveStdCode($event)">{{'Confirm' | translate }}
            </button>
            <button type="button" class="btn btn-third" ng-click="closeStandardEditModal()">{{'Cancel' | translate }}
            </button>
        </div>

    </script>

    <!--指标公式 弹框-->
    <script type="text/ng-template" id="model-config-manage-formula-edit-prop.html">
        <div class="modal-header">
            <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="selectorClose()">&times;</span>
            <div class="modal-title">公式查询</div>
        </div>
        <div class="modal-body">
            <div dx-data-grid="gridOptionsKeyValue" class="key-value-selector-grid keyValueGridContainer"></div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" ng-click="keyValueConfirm($event)">{{'Confirm' | translate
                }}
            </button>
            <button type="button" class="btn btn-third" ng-click="selectorClose()">{{'Cancel' | translate }}</button>
        </div>
    </script>
    <!--添加自定义-->
    <script type="text/ng-template" id="model-config-manage-create-model-tree-node-modal.html">
        <div class="modal-header">
            <div class="modal-title">
                <div class="model-name">
                    <span>添加自定义模型</span>
                </div>
                <span class="preview" ng-click="resultPreview(true)" id="addPreviewModel">
                    <span class="fa fa-caret-square-o-right" style="font-size: 1.5em"></span>
                    <span>预览结果</span>
                </span>
            </div>
        </div>
        <div class="modal-body">
            <div dx-validation-group="{}" class="display-flex flex-direction-column"
                 style="max-height: calc(100vh - 190px);">
                <div class="model-configuration-manage-info flex-shrink-0" model-configuration-basic-info
                     basic-model="createModel.basicModel"
                     edit-status="createModel.editStatus"
                     service-list="createModel.serviceList"
                     show-type="createModel.showType"
                     validation-group-name="createModel.validationGroupName"></div>
                <div class="model-configuration-manage-detail-info" model-configuration-detail-info
                     detail-model="createModel.detailModel"
                     edit-status="createModel.editStatus"
                     show-type="createModel.showType"
                     basic-model="createModel.basicModel"
                     validation-group-name="createModel.validationGroupName"
                     key-value-data-source="keyValueDataSource"
                     standard-account-list="standardAccountList"></div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" ng-click="creatModelSave()">确定</button>
            <!--<button type="button" class="btn btn-secondary" ng-click="resultPreview(true)" id="addPreviewModel">
                <span>预览结果</span>
            </button>-->
            <button type="button" class="btn btn-third" ng-click="saveClose()">取消</button>
        </div>
    </script>
    <!--查看默认-->
    <script type="text/ng-template" id="model-config-manage-defalut-settings-modal.html">

        <div class="modal-header">
            <div class="modal-title">
                <span>查看默认设置 - </span>
                <span>{{seeDefaultModel.basicModel.name}}</span>
            </div>
        </div>
        <div class="modal-body">
            <div class="model-configuration-manage-info" model-configuration-basic-info
                 basic-model="seeDefaultModel.basicModel" edit-status="seeDefaultModel.editStatus"
                 service-list="serviceList" validation-group-name="seeDefaultModel.validationGroupName"></div>
            <div class="model-configuration-manage-detail-info" model-configuration-detail-info
                 detail-model="seeDefaultModel.detailModel" edit-status="seeDefaultModel.editStatus"
                 show-type="seeDefaultModel.showType" validation-group-name="seeDefaultModel.validationGroupName"></div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" ng-click="resetModel()">恢复默认设置</button>
            <button type="button" class="btn btn-third" ng-click="resetClose()">取消</button>
        </div>

    </script>
    <!--预览-->
    <script type="text/ng-template" id="model-config-manage-result-index-analysis-preview-modal.html">
        <div class="modal-header">
            <div class="modal-title">
                <b>模型预览 - {{indexResultData.code}}-</b>
                <b>{{indexResultData.name}}</b>
                <span class="pull-right" ng-click="resultPreviewClose()"><i class="fa fa-close"></i></span>
            </div>
        </div>
        <div class="modal-body">
            <div class="flex-0-0-auto">
                <div class="display-flex">
                    <span class="control-label flex-shrink-0">模型描述:</span>
                    <p>{{indexResultData.description}}</p>
                </div>
                <div class="horizontal-center justify-content-space-between">
                    <span class="name badge bg-orange-red">
                        <span>主要值: </span>
                        <span>{{indexResultData.mainColmunName}}</span>
                    </span>
                    <span class="year">
                        <span>数据年份:</span>
                        <span>{{indexResultData.year}}</span>
                    </span>
                </div>
                <div>
                    <span>逐月判断公式说明:</span>
                    <span>{{indexResultData.monthExplain}}</span>
                </div>
                <div>
                    <span>年度判断公式说明:</span>
                    <span>{{indexResultData.yearExplain}}</span>
                </div>

                <div class="horizontal-center badge bg-grey exception">
                    <span>异常状态判断(年度):</span>
                    <span class="horizontal-center" ng-if="indexResultData.yearException">
                        <i class="fa fa-exclamation-circle"></i>系统检测异常
                    </span>
                </div>
                <div class="calc-result">
                    <span>模型计算结果:</span>
                    <b>{{indexResultData.mainValue}}</b>
                </div>
            </div>
            <div class="grid-container">
                <div dx-data-grid="analysisResultPreviewDataGridOptions"></div>
            </div>
        </div>
    </script>

    <script type="text/ng-template" id="model-config-manage-result-entries-check-preview-modal.html">
        <div class="modal-header">
            <div class="modal-title">
                <b>模型预览 - {{enterCheckData.code}}-</b>
                <b>{{enterCheckData.name}}</b>
                <span class="pull-right" ng-click="resultPreviewClose()" role="button" tabindex="0"><i
                        class="fa fa-close"></i></span>
            </div>
        </div>
        <div class="modal-body">
            <div class="flex-shrink-0">
                <div class="display-flex">
                    <span class="control-label flex-shrink-0">模型描述:</span>
                    <p>{{enterCheckData.description}}</p>
                </div>
                <div class="horizontal-center justify-content-space-between badge bg-grey issue">
                    <span>
                        <span><i class="fa fa-exclamation-circle"></i>问题数:</span>
                        <span>{{enterCheckData.doubts}}</span>
                    </span>
                    <span class="year">
                        <span>数据年份:</span>
                        <span>{{enterCheckData.year}}</span>
                    </span>
                </div>
                <div class="amount">
                    <span>
                        <span>借方相关金额:</span>
                        <span>{{enterCheckData.debitRelevantAmt}}</span>
                    </span>
                    <span>
                        <span>贷方相关金额:</span>
                        <span>{{enterCheckData.creditRelevantAmt}}</span>
                    </span>
                </div>
                <div class="invoice horizontal-center justify-content-space-between">
                    <b>会计凭证</b>
                    <div class="count">
                        <span>
                            <span>凭证数:</span><span class="badge">{{enterCheckData.voucherNum}}</span>
                        </span>
                        <span>
                            <span>分录数:</span><span class="badge">{{enterCheckData.entriesNum}}</span>
                        </span>
                    </div>
                </div>
            </div>
            <div class="grid-container">
                <div dx-data-grid="checkResultPreviewDataGridOptions"></div>
            </div>
        </div>
    </script>

    <script type="text/html" id="featureTemplate">
        <div ng-model="modelDetail.isFilterShow" ng-if="entriesBtnShow"
             dx-check-box="{text: '可筛选模型',bindingOptions: {disabled: 'addDetailBtnDisabled'}}"></div>
    </script>

    <script type="text/ng-template" id="model-config-manage-result-preview-year-select.html">

    </script>

    <div class="menu-header">
        <div class="menu-title">{{'ModelConfiguration' | translate}}</div>
        <div class="menu-log">
            <a class="btn btn-not-important" href="javascript:void(0)" ng-click="showOperateLogPop()"> <i
                    class="material-icons">description</i><span translate="log"></span></a>
        </div>
    </div>

    <div class="content-container">
        <div class="left-container">
            <div class="org-select-container">
                <label translate="ModelOrgShortName" class="flex-shrink-0" style="margin: 10px"></label>
                <org-search-selector class="flex-grow-1"
                                     is-first-default="true"
                                     selected-org-name="queryParams.organizationName"
                                     selected-org-id="queryParams.organizationID"
                                     selected-org-model="editProjectModel.componentSelectedOrg"
                                     edit-permission-code="$root.adminPermission.systemConfiguration.modelConfiguration.editCode"
                                     query-permission-code="$root.adminPermission.systemConfiguration.modelConfiguration.queryCode"
                                     name="selectOrganization"></org-search-selector>
            </div>
            <div class="btn-container">
                <div class="left">
                    <span>{{'ModelList' | translate}}</span>
                    <button atms-popover ng-mouseenter="prepareSummary()" class="btn"
                            popover-container="body" popover-auto-hide="true" data-overwrite="true"
                            use-optimized-placement-algorithm="true"
                            data-placement="bottom"
                            data-templateurl="/app/admin/systemConfiguration/modelConfiguration/model-configuration-search.html">
                        <i class="fa fa-filter func-elem" aria-hidden="true"></i>
                    </button>
                </div>
                <div class="right">
                    <div uib-dropdown ng-if="hasMaintainModelTreePermission||hasMaintainCustomPermission">
                        <button class="btn" uib-dropdown-toggle
                                ng-disabled="!selectNode.isCategory">
                            <i class="fa fa-plus-circle"></i>
                            <span>添加</span>
                        </button>
                        <ul class="dropdown-menu" uib-dropdown-menu role="menu">
                            <li role="menuitem" ng-click="createModelTreeNode($event,1)"
                                ng-if="hasMaintainModelTreePermission">模型分类根节点
                            </li>
                            <li role="menuitem" ng-click="createModelTreeNode($event,2)"
                                ng-if="hasMaintainModelTreePermission && selectNode.isCategory">模型分类子节点
                            </li>
                            <li role="menuitem" ng-click="createModelTreeNode($event,3)"
                                ng-if="hasMaintainCustomPermission && selectNode.isCategory">机构自定义模型
                            </li>
                        </ul>
                    </div>
                    <button ng-click="deleteModelTreeNode()" class="btn"
                            ng-if="hasMaintainModelTreePermission||hasMaintainCustomPermission"
                            ng-disabled="(selectNode.isCategory&&haveModelTreeNode) || (!selectNode.isCategory&&selectNode.modelType !== 3)">
                        <i class="fa fa-trash"></i>
                        <span>删除</span>
                    </button>
                </div>
            </div>
            <div class="model-list-container">
                <script type="text/ng-template" id="model-config-manage-nodes_renderer.html">
                    <div ui-tree-handle class="tree-node tree-node-content">
                        <!--作为根节点时使用 root 布局方案-->
                        <div class="root" ng-if="node.isCategory && depth() == 1">
                            <i class="fa fa-th-large"></i>
                            <span class="title" ng-show="!node.isEdit" data-nodrag ng-click="selectTreeNode(node)"
                                  ng-dblclick="editTreeNodeName($event,node)"
                                  ng-class="{'tree-item-select':(node.id == queryParams.modelID)}">
                                {{node.title}}
                            </span>
                            <!--<input class="form-control inputName" data-nodrag ng-model="node.title" ng-show="node.isEdit" ng-blur="saveEditName()" ng-focus="selectTreeNode(node)" />-->
                            <div data-nodrag>
                                <div class="categoryBox" dx-text-box="loadNodes(node)">
                                </div>
                            </div>
                            <span class="detail-number" data-nodrag ng-if="node.quantity > 0">{{node.quantity}}</span>
                            <i class="fa" data-nodrag ng-click="toggle(this)"
                               ng-class="{'fa-caret-right': collapsed,'fa-caret-down': !collapsed}"></i>
                        </div>
                        <!--作为普通分组时使用 group 布局方案-->
                        <div class="group" ng-if="node.isCategory && depth() != 1">
                            <i class="fa fa-th-large"></i>
                            <i class="fa" data-nodrag ng-click="toggle(this)"
                               ng-class="{'fa-caret-right': collapsed,'fa-caret-down': !collapsed}"
                               style="margin-left: 10px;"></i>
                            <span class="title" ng-show="!node.isEdit" data-nodrag
                                  ng-click="selectTreeNode(node)"
                                  ng-dblclick="editTreeNodeName($event,node)"
                                  ng-class="{'tree-item-select':(node.id == queryParams.modelID)}">
                                {{node.title}}
                            </span>
                            <!--<input class="form-control inputName" data-nodrag ng-model="node.title" ng-show="node.isEdit" ng-blur="saveEditName()" ng-focus="selectTreeNode(node)" />-->
                            <div data-nodrag>
                                <div class="categoryBox" dx-text-box="loadNodes(node)">
                                </div>
                            </div>
                            <span class="detail-number" data-nodrag ng-if="node.quantity > 0">({{node.quantity}})</span>
                        </div>
                        <!--作为模型时使用 detail 布局方案-->
                        <div class="detail" ng-if="!node.isCategory">
                            <i class="fa text-center"
                               ng-class="{'fa-university': node.modelType == 1,'fa-sitemap':node.modelType == 2,'fa-sliders': node.modelType == 3}"></i>
                            <span data-nodrag class="title"
                                  ng-class="{'tree-item-select':(node.id == queryParams.modelID)}"
                                  title="{{node.title}} " ng-click="selectModel(node)">{{node.title}} </span>
                        </div>
                    </div>
                    <ol ui-tree-nodes ng-model="node.nodes" ng-class="{hidden: collapsed}">
                        <li ng-repeat="node in node.nodes" ui-tree-node
                            ng-include="'model-config-manage-nodes_renderer.html'"></li>
                    </ol>
                </script>

                <div ui-tree="treeOptions" id="tree-root" data-drag-enabled="hasMaintainModelTreePermission">
                    <ol ui-tree-nodes ng-model="modelTreeList">
                        <li ng-repeat="node in modelTreeList" ui-tree-node
                            ng-include="'model-config-manage-nodes_renderer.html'"
                            data-scroll-container=".model-configuration-manage #tree-root"></li>
                    </ol>
                </div>
            </div>
        </div>

        <div class="right-container">
            <div class="buttons">
                <button type="button" class="btn btn-primary" ng-click="editModel()"
                        ng-disabled="buttonDisabled.editBtnShow" ng-show="buttonShow.editBtnShow">
                    <span>编辑</span>
                </button>

                <button type="button" class="btn btn-secondary" ng-click="saveASModel()"
                        ng-disabled="buttonDisabled.saveAsBtnShow" ng-show="buttonShow.saveAsBtnShow">
                    <span>另存为自定义</span>
                </button>

                <button type="button" class="btn btn-third" ng-click="seeDefault()"
                        ng-disabled="buttonDisabled.defaultSetBtnShow" ng-show="buttonShow.defaultSetBtnShow">
                    <span>查看默认设置</span>
                </button>
                <button type="button" class="btn btn-primary" ng-click="saveModel(1,$event)"
                        ng-disabled="buttonDisabled.saveBtnShow" ng-show="buttonShow.saveBtnShow">
                    <span>保存</span>
                </button>
                <!--<div dx-button="saveButtonOptions" class="btn btn-primary" ng-disabled="buttonDisabled.saveBtnShow" ng-show="buttonShow.saveBtnShow"></div>-->
                <button type="button" class="btn btn-third" ng-click="cancelEdit()"
                        ng-disabled="buttonDisabled.cancelBtnShow" ng-show="buttonShow.cancelBtnShow">
                    <span>取消</span>
                </button>
            </div>

            <div class="basic-info">
                <div class="titel">
                    <div class="model-name">
                        <span class="fa" ng-class="{'fa-university': viewEditModel.basicModel.type == 1,
                              'fa-sitemap': viewEditModel.basicModel.type == 2,
                              'fa-sliders': viewEditModel.basicModel.type == 3}"></span>
                        <span ng-show="viewEditModel.editStatus == 1">{{viewEditModel.basicModel.name}}</span>
                        <div ng-if="viewEditModel.editStatus != 1" class="model-configuration-manage-validate">
                            <div id="nameValidation" ng-show="viewEditModel.editStatus != 1"
                                 dx-text-box="textBox.modelName"
                                 dx-validator="modelNameValidationRules">
                            </div>
                        </div>

                    </div>
                    <span class="preview" ng-click="resultPreview(false)" id="previewModel"
                          ng-disabled="buttonDisabled.previeBtnShow">
                        <span class="fa fa-caret-square-o-right" style="font-size: 1.5em"></span>
                        <span>预览结果</span>
                    </span>
                    <div id="popoverYearSelect" dx-popover="yearSelectOptions">
                        <div class="project-year-select display-flex justify-content-space-between align-items-center">
                            <div class="display-flex align-items-center year">
                                <div class="display-flex align-items-center" style="margin-right: 10px;">
                                    <label>选择年份:</label>
                                    <div dx-select-box="projectYearSelect"
                                         dx-validator="projectYearValidationRules"></div>
                                </div>
                                <div class="display-flex align-items-center" ng-show="enterpriseSelectShow">
                                    <label>选择账套:</label>
                                    <div dx-select-box="enterpriseSetSelect"
                                         dx-validator="enterpriseSetValidationRules"></div>
                                </div>
                            </div>
                            <div class="button">
                                <button type="button" class="btn btn-primary" ng-click="startPreview()">确定</button>
                                <button type="button" class="btn btn-third" ng-click="yearSelectClose()">取消</button>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="model-configuration-manage-info"
                     model-configuration-basic-info
                     basic-model="viewEditModel.basicModel"
                     edit-status="viewEditModel.editStatus"
                     service-list="viewEditModel.serviceList"
                     validation-group-name="viewEditModel.validationGroupName"
                     show-type="viewEditModel.showType"></div>
            </div>

            <div class="model-configuration-manage-detail-info"
                 model-configuration-detail-info
                 detail-model="viewEditModel.detailModel"
                 basic-model="viewEditModel.basicModel"
                 edit-status="viewEditModel.editStatus"
                 show-type="viewEditModel.showType"
                 validation-group-name="viewEditModel.validationGroupName"
                 key-value-data-source="keyValueDataSource"
                 standard-account-list="standardAccountList"></div>
        </div>
    </div>

    <key-value-selector is-show="isShowKeyValue"
                        selector-api="keyValueSelectorApi"
                        data-title="keyValueTitle"
                        selector-options="keyValueSelectorOptions">
    </key-value-selector>

    <operate-log is-show="isShowLog"></operate-log>
</div>