<div class="add-exist-dimension-modal-wrap">
    <!--添加现有维度和维度值-->
    <div class="modal fade addRoleModal" id="addDimensionModal" tabindex="-1" role="dialog" aria-labelledby="addUserModal">
        <div class="modal-dialog" style="width:550px; height:400px" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close " aria-label="Close" aria-hidden="true" data-dismiss="modal">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-title">{{'AddExistDimension'|translate}} </div>
                </div>
                <div class="modal-body">
                    <div dx-text-box="searchOptions"></div>

                   <div class="container-wrap">
                       <div class="left-container">
                           <div class="dx-viewport grid-container">
                               <div id="GridContainerRole" dx-tree-view="dimensionTreeViewOptions">
                                    
                               </div>
                           </div>
                       </div>
                       <div class="right-container" style="display:none">
                           <div class="dx-viewport grid-container">
                               <div id="GridContainerPermission" dx-tree-view="dimensionValueTreeViewOptions">
                                    
                               </div>
                           </div>
                       </div>

                   </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" ng-click="Save()">{{'Confirm' | translate }}</button>
                    <button type="button" class="btn btn-third" data-dismiss="modal" ng-click="closeModal()">{{'Cancel' | translate }}</button>
                </div>
            </div>
        </div>
    </div>
</div>