<div class="attribute-modal-wrap">
    <!--自定义显示属性弹框-->
    <div class="modal fade addDimensionModal" id="addDimensionModal{{dimensionId}}" tabindex="-1" role="dialog" aria-labelledby="addDimensionModal">
        <div class="modal-dialog" style="width:500px; height:400px" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title">{{'CustomSelectDimension'|translate}} </div>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">

                        <div class="custom-config">
                            <div class="select-box-list" ng-if="tabType!==3 && tabType!=2">
                                <table class="table table-bordered">
                                    <tr ng-repeat="statis in statisticAttrList  track by $index">
                                        <td class="center">{{$index + 1}}</td>
                                        <!--事业部 自定义显示框-->
                                        <td class="center">
                                            <div ng-if="$index==0" class="header">
                                                <select class="form-control select-box"
                                                        name="attrSetSelect" ng-model="statis.attrSelectedID" ng-disabled="isBUTabType">
                                                    <option ng-repeat=" x in dimensionList track by $index" value="{{x.id}}" title="{{x.name}}">
                                                        {{x.name | limitString:50}}
                                                    </option>
                                                </select>
                                            </div>
                                            <div ng-if="$index>0">
                                                <select class="form-control"
                                                        name="attrSetSelect" ng-model="statis.attrSelectedID">
                                                    <option ng-repeat=" x in dimensionList track by $index" value="{{x.id}}" title="{{x.name}}">
                                                        {{x.name | limitString:50}}
                                                    </option>
                                                </select>
                                            </div>
                                        </td>
                                        <td class="center">
                                            <span ng-if="$index>0 && !(tabType === 2)" ng-click="deleteAttr(statis)"><i class="material-icons button-icons icon-delete">delete</i></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="center" ng-hide="tabType === 2 && statisticAttrList && statisticAttrList.length >= 2"><span ng-click="AddAttr()"><i class="material-icons button-icons middle icon-add">add_circle_outline</i></span></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="select-box-list orgStructure" ng-show="tabType===3">
                                <table class="table table-bordered">
                                    <!--机构层次 自定义显示框-->
                                    <!--第一行 机构的属性-->
                                    <tr>
                                        <td class="center">1</td>
                                        <td class="center first-row">
                                            <div class="org-attribute">
                                                <div style="float:left; width:50%; padding-right: 5px;" ng-repeat="item in firstRowList track by $index">
                                                    <select ng-model="item.attrSelectedID" class="form-control" name="selectedFirst">
                                                        <option ng-repeat="x in dimensionList track by $index" value="{{x.id}}" title="{{x.name}}">
                                                            {{x.name | limitString:50}}
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                        </td>
                                        <td></td>
                                    </tr>
                                    <!--第二行起 自定义的统计属性-->
                                    <tr ng-repeat="statis in statisticAttrList track by $index">
                                        <td class="center">{{$index + 2}}</td>
                                        <td class="center">
                                            <div class="custom-attribute">
                                                <select class="form-control" name="attrSetSelect" ng-model="statis.attrSelectedID">
                                                    <option ng-repeat=" x in withoutOrgAttrList track by $index" value="{{x.id}}" title="{{x.name}}">
                                                        {{x.name | limitString:50}}
                                                    </option>
                                                </select>
                                            </div>
                                        </td>
                                        <td class="center">
                                            <span ng-click="deleteAttr(statis)"><i class="material-icons button-icons icon-delete">delete</i></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="center"><span ng-click="AddAttr()"><i class="material-icons button-icons middle icon-add">add_circle_outline</i></span></td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                </table>
                            </div>
                              <div class="select-box-list orgStructure" ng-show="tabType===2">
                                <table class="table table-bordered">
                                    <!--机构层次 自定义显示框-->
                                    <!--第一行 机构的属性-->
                                    <tr>
                                        <td class="center">1</td>
                                        <td class="center first-row">
                                            <div class="org-attribute">
                                                <div style="float:left; width:50%; padding-right: 5px;" ng-repeat="item in firstRowList track by $index">
                                                    <select ng-model="item.attrSelectedID" class="form-control" name="selectedFirst">
                                                        <option ng-repeat="x in dimensionList track by $index" value="{{x.id}}" title="{{x.name}}">
                                                            {{x.name | limitString:50}}
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                        </td>
                                        <td></td>
                                    </tr>
                                    <!--第二行起 自定义的统计属性-->
                                    <tr ng-repeat="statis in statisticAttrList track by $index">
                                        <td class="center">{{$index + 2}}</td>
                                        <td class="center">
                                            <div class="custom-attribute">
                                                <select class="form-control" name="attrSetSelect" ng-model="statis.attrSelectedID">
                                                    <option ng-repeat=" x in dimensionList track by $index" value="{{x.id}}" title="{{x.name}}">
                                                        {{x.name | limitString:50}}
                                                    </option>
                                                </select>
                                            </div>
                                        </td>
                                        <td class="center">
                                            <!-- <span ng-click="deleteAttr(statis)"><i class="material-icons button-icons icon-delete">delete</i></span> -->
                                        </td>
                                    </tr>
                                    
                                </table>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" ng-click="SaveAttr()">{{'Confirm' | translate }}</button>
                    <button type="button" class="btn btn-third" data-dismiss="modal" ng-click="closeModal()">{{'Cancel' | translate }}</button>
                </div>
            </div>
        </div>
    </div>
</div>