<div class="add-exist-role-modal-wrap"> <!--自定义显示属性弹框--> <div class="modal fade addRoleModal" id="addRoleModal" 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">×</span> </button> <div class="modal-title">{{'AddRole'|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="roleTreeViewOptions"> </div> </div> </div> <div class="right-container"> <div class="dx-viewport grid-container"> <div id="GridContainerPermission" dx-tree-view="permissionTreeViewOptions"> </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>