<div class="cit-model-analysis flex-row-start-stretch">

    <div class="ng-template" style="display:none">
        <script type="text/ng-template" class="content" id="cit-model-analysis-dirty-data-process-bar.html">
            <div class="modal-header">
                <h4 class="modal-title">模型计算中...</h4>
            </div>
            <div class="modal-body">
                <div dx-progress-bar="dirtyDataProcess.progressBarOptions"></div>
            </div>
        </script>
    </div>

    <div class="left-container flex-0-0-auto" dx-resizable="resizableOptions">
        <perfect-scrollbar class="scroller"
                           wheel-propagation="true" wheel-speed="1"
                           min-scrollbar-length="10" style="position: relative;">

            <script type="text/ng-template" id="cit-model-analysis-nodes-renderer.html">
                <div ui-tree-handle class="tree-node tree-node-content"
                     ng-class="{'tree-item-select':(node.categoryId == selectCategoryId)}">
                    <i class="fa" data-nodrag ng-click="toggle(this)" ng-show="node.nodes.length>0"
                       ng-class="{'fa-caret-right': collapsed,'fa-caret-down': !collapsed}"></i>
                    <span ng-click="nodeSelected(node)">
                        <span class="title" data-nodrag>
                            {{node.title}}
                        </span>
                        <span class="detail-number" data-nodrag>({{node.questionCount}}/{{node.totalCount}})</span>
                    </span>
                </div>
                <ol ui-tree-nodes ng-model="node.nodes" ng-hide="collapsed || node.nodes.length < 1">
                    <li ng-repeat="node in node.nodes" ui-tree-node
                        ng-include="'cit-model-analysis-nodes-renderer.html'"></li>
                </ol>
            </script>

            <div ui-tree data-drag-enabled="false">
                <ol ui-tree-nodes ng-model="modelTreeList" style="z-index:0;">
                    <li ng-repeat="node in modelTreeList" ui-tree-node ng-include="'cit-model-analysis-nodes-renderer.html'"
                        data-scroll-container=".model-configuration-manage #tree-root"></li>
                </ol>
            </div>
        </perfect-scrollbar>
    </div>

    <div class="right-container flex-grow-1 flex-column-start-stretch">
        <div class="menu flex-row-start-center flex-shrink-0">
            <strong class="flex-0-0-auto">{{'ModelAnalysisResults' | translate}}</strong>
            <div class="flex-1-1-auto flex-row-start-center">
                <span>{{'ModelFeature' | translate}}:</span>
                <div class="model-type flex-row-start-center">
                    <span ng-model="modelType" uib-btn-radio="1">{{'IndexAnalysis' | translate}}</span>
                    <span ng-model="modelType" uib-btn-radio="2">{{'EntryComparison' | translate}}</span>
                </div>
            </div>

            <div class="flex-row-start-center flex-0-0-auto operation-wrapper">
                <div class="btn-wrapper">
                    <button class="btn btn-vat-primary" ng-click="getOutputModelResult()">
                        {{'OutputModelResult' | translate}}
                    </button>
                </div>
                <span ng-click="logOptions.isShown = true"><i class="fa fa-file-excel-o" aria-hidden="true"></i>{{'Remarks' | translate}}</span>
            </div>
        </div>

        <model-analysis-report class="flex-1-1-auto"
                               has-query-permission="hasQueryPermission"
                               has-filter-issue-permission="hasFilterIssuePermission"
                               model-type="modelType"
                               category-id="selectCategoryId"
                               service-type-id="serviceTypeId"
                               organization-id="organizationId"
                               industry-id="industryId"
                               period-from="periodFrom"
                               period-to="periodTo"
                               project-year="projectYear">
        </model-analysis-report>
    </div>

    <vat-operate-log period="logOptions.period"
                     module-type="logOptions.moduleId"
                     is-show="logOptions.isShown">
    </vat-operate-log>
</div>