grant.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. {extend name="public/layout" /}
  2. {block name="title"}权限组关联{/block}
  3. {block name="body"}
  4. <style type="text/css">
  5. html,
  6. body {
  7. display: block;
  8. }
  9. .layui-fluid {
  10. display: block;
  11. box-shadow: 0 0 4px 0 #B6CADE;
  12. border-radius: 5px;
  13. margin: 15px;
  14. background-color: #ffffff;
  15. }
  16. .layui-table-view .layui-table th,
  17. .layui-table-view .layui-table td {
  18. text-align: center;
  19. border-color: #B6CADE;
  20. }
  21. .upload-img .area i {
  22. font-size: 50px;
  23. color: #009688;
  24. }
  25. /*///*/
  26. .text-right{
  27. text-align: right;
  28. }
  29. .text-detail > span {
  30. font-size: 40px;
  31. }
  32. html {
  33. background: #fff;
  34. }
  35. .imageDiv div {
  36. width: 100%;
  37. height: 100%;
  38. position: absolute;
  39. top: 0px;
  40. background-color: #e6e6e600;
  41. }
  42. .imageDiv div i {
  43. display: none;
  44. font-size: 31px;
  45. position: absolute;
  46. top: 37%;
  47. left: 40%;
  48. }
  49. .imageDiv div:hover {
  50. background-color: #e6e6e680;
  51. }
  52. .imageDiv div:hover i {
  53. display: block;
  54. cursor: pointer;
  55. }
  56. .rotate180 {
  57. -webkit-transform: rotate(180deg);
  58. transform: rotate(180deg);
  59. }
  60. .goback {
  61. float: right;
  62. }
  63. .goback a {
  64. color: #269efb;
  65. }
  66. .goback i {
  67. position: relative !important;
  68. }
  69. </style>
  70. <body>
  71. <div class="layui-fluid">
  72. <div class="layui-card">
  73. <div class="layui-card-header ">
  74. <div class="layui-form-item">
  75. <div class="layui-inline">
  76. <label class="layui-form-label">关联权限组</label>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="layui-card-body">
  81. <form class="layui-form" id="grant" enctype="multipart/form-data" lay-filter="grant-form">
  82. <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-grant-form-list"
  83. style="padding: 20px 30px 0 0;">
  84. <input type="hidden" name="employeeid" value="{:$employeeid}">
  85. <div class="layui-form-item">
  86. <label class="layui-form-label">权限组名称</label>
  87. <div class="layui-input-inline ">
  88. <select name="grantid" lay-filter="grantlist">
  89. <option value="">请选择权限组</option>
  90. {volist name="grantlist" id="v"}
  91. <option value="{$v.id}" >{$v.name} 权限组</option>
  92. {/volist}
  93. </select>
  94. </div>
  95. </div>
  96. <div class="layui-form-item text-right">
  97. <input type="button" class="layui-btn btn" lay-submit lay-filter="grant-link-submit"
  98. id="grant-submit" value="确认添加">
  99. </div>
  100. </div>
  101. </form>
  102. </div>
  103. </div>
  104. </div>
  105. </body>
  106. {/block} {block name="js"}
  107. <script>
  108. layui.config({
  109. base : '__LAYUI__/' //静态资源所在路径
  110. ,
  111. urlbase: '/sys'
  112. }).extend({
  113. index: 'lib/index' //主入口模块
  114. }).use(['index', 'table', 'element'], function () {
  115. var $ = layui.$,
  116. form = layui.form;
  117. //////
  118. //权限组添加
  119. form.on('submit(grant-link-submit)', function (data) {
  120. var index = parent.layer.getFrameIndex(window.name);
  121. var formData = new FormData(data.form);
  122. $.ajax({
  123. url : '{:url("employee/grantlink")}',
  124. type : 'post',
  125. data : formData,
  126. dataType : 'json',
  127. processData: false,
  128. contentType: false,
  129. success : function (res) {
  130. if (res.code === 0) {
  131. layer.msg(res.msg, {
  132. anim: 0
  133. ,time: 2000
  134. }, function () {
  135. parent.layui.table.reload('LAY-employee-list'); //重载表格
  136. parent.layer.close(index); //再执行关闭
  137. });
  138. } else {
  139. layer.msg(res.msg, {
  140. anim: 6
  141. ,time: 2000
  142. });
  143. }
  144. }
  145. });
  146. });
  147. /////
  148. });
  149. </script>
  150. {/block}