<div class="vat-summary-dashboard">
    <div class="content">
        <!-- 标题 -->
        <div class="header">
            <span class="title">{{'taxDashboard' | translate}}</span>
            <span class="title" style="margin:0px 15px 0px 5px">|</span>
            <span class="title" style="margin-left: -10px; ">
                {{'IndicatorsTotal' | translate}}
                <span class="indicators_total">{{querySummaryResult.length}}</span>
            </span>
            <span><a class="add-chart" ui-sref="summaryDashboardConfig"><i class="material-icons add-icon">add_circle</i>{{'AddChart' | translate}}</a></span>
        </div>
        <div class="filter">
            <span class="filterSpan">{{'Filter' | translate}}</span>
            <!-- 筛选机构条件 $root.vatPermission.dashboard.querySummaryDashboardCode-->
            <org-permission-filter query-permission-code="$root.vatPermission.dataAnalysis.dashboard.querySummaryDashboardCode" on-changed="querySummary(model)"></org-permission-filter>
            <!-- 时间 -->
            <input type="text" class="form_datetime form-control" name="month" id="filterMonth" ng-model="filterMonth" />
            <!-- 添加图标 -->
            <!--<a class="add-chart" ui-sref="summaryDashboardConfig"><i class="material-icons add-icon">add_circle</i>{{'AddChart' | translate}}</a>-->
            <!--<a class="add-chart" href="#organizationDashboard/92204429-fb02-46ca-8d8d-c9a312575708"><i class="material-icons add-icon">test6</i>{{'AddChart' | translate}}</a>-->
        </div>
        <!-- <index-multi-selector></index-multi-selector> -->
        <!-- 指标配置数据 -->
        <div class="summary-result-no-data" ng-if="!hasData">
            <div class="circle-gray">
                <i class="material-icons">assignment</i>
            </div>

            <div class="no-data-text">当前条件下暂无可显示信息</div>
        </div>
        <!--suppress-scroll-x="true" 隐藏横向滚动条-->
        <perfect-scrollbar class="scroller summary-result" ng-if="hasData" wheel-propagation="true" wheel-speed="3" min-scrollbar-length="20" suppress-scroll-x="true">
            <div class="row-block" ng-repeat="node in querySummaryResult">
                <!--<div class="title">
                    <span>{{node.name}}</span>
                    <a ui-sref="summaryDashboardConfig({id:node.id})" class="config-btn">{{'IndexConfig' | translate}}<i class="fa fa-cog"></i></a>
            </div>-->

                <div class="title_abstract">
                    <div class="col-sm-4 title_name">
                        <span ng-click="toggleChart($event,node)" style="margin-right:5px" ng-show="node.isShowChart"><i class="fa fa-minus" aria-hidden="true"></i></span>
                        <span ng-click="toggleChart($event,node)" style="margin-right:5px" ng-show="!node.isShowChart"><i class="fa fa-plus" aria-hidden="true"></i></span>
                        <span>{{node.name}}</span>                 
                    </div>
                    <div class="title_button">
                        <a href="javascript:(0);" ng-click="deleteChartConfig(node.id);"><i class="fa fa-trash"></i>{{'deleteChartTitle' | translate}}</a>
                        <a ui-sref="summaryDashboardConfig({id:node.id})"><i class="fa fa-cog"></i>{{'IndexConfig' | translate}}</a>
                        <a href="javascript:(0);" ng-click="exportChart(node);"><i class="fa fa-download" aria-hidden="true"></i>{{'ExportBtn' | translate}}</a>
                        <a href="javascript:(0);"><i class="fa fa-envelope" aria-hidden="true"></i>{{'Email' | translate}}</a>
                    </div>
                </div>

                <div class="title_total" ng-show="node.modelTips.length > 0 && node.isShowChart ">
                    <div class=" col-sm-1">{{'RiskIssue' | translate}}：</div>
                    <div class="col-sm-11 risk_tip_wrapper">
                        <span class="risk_item" ng-repeat="risk in node.modelTips" uib-tooltip="{{risk.description}}" tooltip-placement="bottom" tooltip-class="risk_tip">
                            <i class="fa fa-exclamation-circle" aria-hidden="true"></i>{{risk.name}}
                        </span>
                    </div>
                </div>

                <div class="row-content" ng-show="node.isShowChart">
                    <div class="table-content" id="{{node.id}}" ng-show="node.isShowChart && !node.isEmpty">
                    </div>
                    <div class="chart-content" ng-show="node.isShowChart && !node.isEmpty">
                        <vat-echart-renderer id="chart-{{node.id}}" chart-option="node" is-dynamic-option="false"></vat-echart-renderer>
                    </div>
                    <div class="no-chart-content" ng-show="node.isShowChart && node.isEmpty">{{'NoDataInChart' | translate}}</divclass>
                </div>
            </div>
        </perfect-scrollbar>
        <div id="organizationDirtyProcessBarContainer">
            <script type="text/ng-template" class="content" id="dirtyDataProcessBar.html">
                <div class="modal-header">
                    <h4 class="modal-title">模型计算中...</h4>
                </div>
                <div class="modal-body process-bar-container">
                    <div id="progress">
                        <div id="progressBarStatus" dx-progress-bar="progressBarOptions"></div>
                    </div>
                </div>
            </script>
        </div>
    </div>
</div>