adminGroupList.ejs 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <div class="row" ng-controller="adminGroup">
  2. <% include public/modal %>
  3. <div class="col-xs-12">
  4. <div class="panel">
  5. <a href="#addAdminGroup" role="button" class="btn btn-primary btn-sm" data-toggle="modal"><span class="fa fa-plus-square" aria-hidden="true">&nbsp;</span>增加一个用户组</a>
  6. </div>
  7. <div class="box">
  8. <div class="box-body table-responsive no-padding" >
  9. <table class="table table-hover">
  10. <tr>
  11. <th><input type="checkbox" class="mini" id="selectAll"/></th>
  12. <th>组名称</th>
  13. <th>权限范围</th>
  14. <th>管理</th>
  15. </tr>
  16. <tr class="datalist" ng-repeat="group in data">
  17. <td><input type="checkbox" name="listItem" class="mini" value="{{group._id}}" ng-click="getNewIds()"/></td>
  18. <td class=" sorting_1">{{group.name}}</td>
  19. <td class=" " title="{{group.power}}">{{group.power | limitTo : 80}}</td>
  20. <td class=" ">
  21. <button class="btn btn-primary btn-xs" data-whatever="{{group._id}}" data-toggle="modal" data-target="#addAdminGroup"><span class="fa fa-fw fa-edit" aria-hidden="true"></span>编辑</button>&nbsp;
  22. <button class="btn btn-default btn-xs" ng-click="delOneItem(group._id)"><span class="fa fa-fw fa-trash-o" aria-hidden="true"></span>删除</button>
  23. </td>
  24. </tr>
  25. </table>
  26. </div><!-- /.box-body -->
  27. <% include public/tableFooter %>
  28. </div><!-- /.box -->
  29. </div><!-- /.col -->
  30. <!--添加用户组模态窗口-->
  31. <div class="modal fade" id="addAdminGroup">
  32. <div class="modal-dialog">
  33. <div class="modal-content">
  34. <div class="modal-header">
  35. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  36. <h4 class="modal-title">添加用户组</h4>
  37. </div>
  38. <div class="modal-body">
  39. <form role="form" class="form-horizontal" name="myForm" ng-submit="processForm(myForm.$valid)" novalidate>
  40. <div class="form-group">
  41. <label class="control-label col-sm-4">组名称</label>
  42. <div class="col-sm-6">
  43. <input type="text" class="form-control" name="name" ng-model="formData.name" ng-pattern="/^[\u4e00-\u9fa5]{2,10}$/" required/>
  44. <label for="inputError" class="control-label text-danger" ng-show="myForm.name.$invalid && !myForm.name.$pristine"><i class="fa fa-times-circle-o"></i> 2-10个中文字符</label>
  45. </div>
  46. </div>
  47. <div class="form-group">
  48. <ul class="ztree" id="groupPowerTree" style="height: 450px;overflow-y: auto;padding:10px 30px;"></ul>
  49. </div>
  50. <div class="modal-footer">
  51. <button type="submit" class="btn btn-primary" ng-disabled="myForm.$invalid">提交</button>
  52. </div>
  53. </form>
  54. </div><!-- /.modal-content -->
  55. </div><!-- /.modal-dialog -->
  56. </div><!-- /.modal -->
  57. </div><!-- /.row -->
  58. </div>