<div class="vat-summary-dashboard-config">
    <div class="content">
        <!-- 标题 -->
        <div class="header">
            <!-- 图标 -->
            <div class="cubeImg">
                <img src="../../../../app-resources/images/vat/cube1.png" />
            </div>
            <span class="title">{{'taxDashboardConfig' | translate}}</span>
        </div>
        <div class="top-btn-container">
            <!--<button ng-click="deleteChartConfig()" ng-if="config.id?true:false" class="delete-chart-btn"><i class="fa fa-trash"></i>{{'deleteChartTitle' | translate}}</button>-->
            <div class="clear"></div>
        </div>
        <div class="row-block-left">
            <vat-echart-renderer chart-option="chartRenderOption" is-dynamic-option="true"></vat-echart-renderer>
        </div>
        <div class="row-block-right">
            <div class="row-block-right-content">
                <div class="line">
                    <div class="line-title">{{'chartFullNameTitle' | translate}}：</div>
                    <div class="dx-inline-box" dx-text-box="chartNameOption"></div>
                </div>
                <div class="line">
                    <div class="line-title">{{'addMeansures' | translate}}：</div>
                    <div id="indexMultiSelectorTreeView" dx-drop-down-box="multiSelectAnalysisOption">
                        <div data-options="dxTemplate: { name: 'content' }">
                            <div ng-model="searchText" dx-text-box="{valueChangeEvent: 'keyup'}"></div>
                            <div dx-tree-view="multiSelectAnalysisOption.treeView"></div>
                        </div>
                    </div>
                </div>
                <div class="line">
                    <div class="line-title">{{'RiskIssue' | translate}}：</div>
                    <div id="riskTipMultiSelectorTreeView" dx-drop-down-box="riskTipMultiSelectAnalysisOption">
                        <div data-options="dxTemplate: { name: 'riskContent' }">
                            <div id="riskTipTree" dx-tree-view="riskTipMultiSelectAnalysisOption.treeView"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="line"><div class="line-title">{{'measures' | translate}}：</div></div>

                    <div class="measures-container">
                        <div class="line" ng-repeat="item in config.analysisItems">
                            <div title="{{item.analysisName}}" class="lable-tab">{{item.analysisName}}</div>
                            <div class="select-tab" dx-select-box="item.chartOptions" data-dx-item-alias="itemObj">
                                <div data-options="dxTemplate: {name: 'chartTypeItemTemplate'}">
                                    <span title="{{itemObj.typeName}}" style="color:black; font-family: 微软雅黑;">{{itemObj.typeName}}</span>
                                </div>
                            </div>
                            <i ng-click="removeAnalysisItem(item)" class="glyphicon glyphicon-remove revome-icon"></i>
                        </div>
                        <div class="line">
                            <div class="line-title">{{'showData' | translate}}：</div>
                            <div class="btn-group" data-toggle="buttons">
                                <label class="btn btn-primary" ng-class="{'active':config.isShowData===1}" ng-click="config.isShowData=1;">
                                    <input type="radio" autocomplete="off" />{{'on'|translate}}
                                </label>
                                <label class="btn btn-primary" ng-class="{'active':config.isShowData===0}" ng-click="config.isShowData=0;">
                                    <input type="radio" autocomplete="off" />{{'off'|translate}}
                                </label>
                            </div>
                        </div>
                        <div ng-show="false" class="line">
                            <div class="line-title">{{'showGrid' | translate}}：</div>
                            <div class="btn-group" data-toggle="buttons">
                                <label class="btn btn-primary" ng-class="{'active':config.isShowGrid===1}" ng-click="config.isShowGrid=1;">
                                    <input type="radio" autocomplete="off" />{{'on'|translate}}
                                </label>
                                <label class="btn btn-primary" ng-class="{'active':config.isShowGrid===0}" ng-click="config.isShowGrid=0;">
                                    <input type="radio" autocomplete="off" />{{'off'|translate}}
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="right-footer">
                <div class="line">
                    <button ng-click="saveDashboardConfig()" class="btn btn-default btn-focus">{{'saveData' | translate}}</button>
                    <button ng-click="cancelConfig()" class="btn btn-default btn-second">{{'ButtonCancel' | translate}}</button>
                </div>
            </div>
        </div>
    </div>
</div>