index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <meta http-equiv="Pragma" content="no-cache" />
  7. <meta http-equiv="Cache-Control" content="no-cache" />
  8. <meta http-equiv="Expires" content="0" />
  9. <title>角色管理</title>
  10. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  11. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  12. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  13. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  14. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  15. <link href="css/index.css?v=20200527" rel="stylesheet" />
  16. </head>
  17. <body ng-controller="roleCtrl as ctl" ng-cloak>
  18. <div class="wrapper wrapper-content">
  19. <div class="loading" ng-if="ctl.loading">
  20. <div class="loading-msg">
  21. <h3>数据加载中,请等待</h3>
  22. <div class="spinner">
  23. <div class="bounce1"></div>
  24. <div class="bounce2"></div>
  25. <div class="bounce3"></div>
  26. </div>
  27. </div>
  28. </div>
  29. <div class="row">
  30. <div class="col-md-5">
  31. <div class="ibox float-e-margins">
  32. <div class="ibox-content">
  33. <div class="row">
  34. <div class="sp-page">
  35. <div class="sp-page-col">
  36. <div class="sp-lh-26">选择机构: </div>
  37. </div>
  38. <div class="sp-page-col sp-ml-15">
  39. <select ng-model="ctl.unit" ng-change="ctl.getRole()" class="sp-select">
  40. <option ng-repeat="item in ctl.unitList" ng-init="ctl.unit=ctl.unitList[0].CODE" value="{{item.CODE}}">{{item.SECTION}}</option>
  41. </select>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="row sp-pt-10">
  46. <div class="col-md-3 sp-text-right" ng-if="ctl.userTypeEng!='SYSADMIN'">
  47. <button ng-click="ctl.moveUp()" class="sp-btn-blue sp-btn-radius sp-mt-10">上移一位</button>
  48. <button ng-click="ctl.moveDown()" class="sp-btn-blue sp-btn-radius sp-mt-10">下移一位</button>
  49. </div>
  50. <div class="col-md-9">
  51. <ul class="role-list" id="js-role-list" style="overflow-y: auto; max-height: 500px;">
  52. <li id="js-role-list-tit">
  53. <i class="fa fa-minus-square sp-mr-5"></i>角色列表
  54. </li>
  55. <li ng-click="ctl.chooseRole($index,item)" ng-class="{roleActive:ctl.activeRole==$index}" ng-repeat="item in ctl.rows">
  56. {{item.ZUM}}
  57. <span>
  58. <!-- <i ng-click="ctl.addRole($index)" class="fa fa-plus"></i>
  59. <i ng-click="ctl.changeRole($index)" class="fa fa-edit"></i> -->
  60. <i ng-click="ctl.removeRole(item)" class="fa fa-close"></i>
  61. </span>
  62. </li>
  63. </ul>
  64. <form class="form-inline sp-mt-15">
  65. <div class="row">
  66. <div class="form-group col-lg-12">
  67. <div class="input-group col-lg-8">
  68. <input type="text" class="sp-input form-control" aria-label="Text input with multiple buttons" ng-model="ctl.edit.roleName" placeholder="修改角色">
  69. <span class="input-group-btn">
  70. <button ng-click="ctl.editRole()" class="btn btn-success" type="button">修改</button>
  71. </span>
  72. </div>
  73. </div>
  74. <!-- <button type="submit" class="btn btn-success"></button> -->
  75. </div>
  76. <div class="row">
  77. <div class="form-group col-lg-12">
  78. <div class="input-group col-lg-8">
  79. <input type="text" ng-model="ctl.addRoleName" class="sp-input form-control" placeholder="增加角色">
  80. <span class="input-group-btn">
  81. <button ng-click="ctl.addRole()" class="btn btn-success" type="button">增加</button>
  82. </span>
  83. </div>
  84. </div>
  85. <!-- <button type="submit" class="btn btn-success">增加</button> -->
  86. </div>
  87. </form>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="col-md-7">
  94. <div class="ibox float-e-margins">
  95. <div class="ibox-content">
  96. <div class="row">
  97. <!--col-md-10 col-md-offset-1-->
  98. <div class="col-md-12">
  99. <div class="sp-page sp-text-right">
  100. <button type="button" ng-click="ctl.saveRole()" ng-if="ctl.userTypeEng!='SYSADMIN'" ng-disabled="ctl.rows.length==0 || ctl.activeRole ==-1" class="sp-btn-blue sp-btn-radius"><i class="fa fa-check sp-mr-5"></i>保 存</button>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="row">
  105. <div class="col-md-12">
  106. <div class="sp-lh-30 sp-text-center sp-bg-gray">
  107. 选择人员
  108. </div>
  109. </div>
  110. <div class="sp-line-gray"></div>
  111. <div class="col-md-12">
  112. <div class="sp-page">
  113. <div class="sp-page-col" style="width:80px;">
  114. <div class="sp-lh-22 sp-color-blue">已选(<span ng-bind="ctl.user_checked_num"></span>):</div>
  115. </div>
  116. <div class="sp-page-col" style="width:calc(100% - 80px); max-height:200px; overflow-y:auto;">
  117. <div class="sp-lh-22" ng-if="ctl.user_checked.length>0" ng-bind="ctl.user_checked"></div>
  118. <div class="sp-lh-22" ng-if="ctl.user_checked.length<1">您好,暂未选择人员!</div>
  119. </div>
  120. </div>
  121. <div class="sp-page">
  122. <hr />
  123. <div class="checkbox">
  124. <label>
  125. <input ng-change="ctl.selectAll()" ng-model="ctl.isSelectedAll" type="checkbox"> 全选(为方便查找,以下按第一个字拼音字母排列顺序)
  126. </label>
  127. </div>
  128. </div>
  129. <div class="sp-page" style="overflow-y: auto; max-height: 400px">
  130. <div class="checkbox checkbox-list" ng-repeat="item in ctl.getPerson">
  131. <div class="sp-lh-30 sp-color-black" ng-bind="item.section" style="font-weight: bold; cursor: pointer" ng-click="ctl.selectSec(item)"></div>
  132. <label class="checkbox-inline col-md-3" ng-repeat="item2 in item.users track by $index">
  133. <input type="checkbox" ng-change="ctl.isSelected(item.section,item2,item2.check)" ng-model="item2.check">{{item2.ushowname}}
  134. </label>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  145. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  146. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  147. <script src="../../apiurljs.js"></script>
  148. <script src="../../js/sm4.js"></script>
  149. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  150. <script>document.write('<scri' + 'pt src="js/index.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  151. <script src="../../AFrontEnd/js/special/spng.js"></script>
  152. </body>
  153. </html>