123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174 |
- {extend name="public/layout" /}
- {block name="title"}权限组关联{/block}
- {block name="body"}
- <style type="text/css">
- html,
- body {
- display: block;
- }
- .layui-fluid {
- display: block;
- box-shadow: 0 0 4px 0 #B6CADE;
- border-radius: 5px;
- margin: 15px;
- background-color: #ffffff;
- }
- .layui-table-view .layui-table th,
- .layui-table-view .layui-table td {
- text-align: center;
- border-color: #B6CADE;
- }
- .upload-img .area i {
- font-size: 50px;
- color: #009688;
- }
- /*///*/
- .text-right{
- text-align: right;
- }
- .text-detail > span {
- font-size: 40px;
- }
- html {
- background: #fff;
- }
- .imageDiv div {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0px;
- background-color: #e6e6e600;
- }
- .imageDiv div i {
- display: none;
- font-size: 31px;
- position: absolute;
- top: 37%;
- left: 40%;
- }
- .imageDiv div:hover {
- background-color: #e6e6e680;
- }
- .imageDiv div:hover i {
- display: block;
- cursor: pointer;
- }
- .rotate180 {
- -webkit-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- .goback {
- float: right;
- }
- .goback a {
- color: #269efb;
- }
- .goback i {
- position: relative !important;
- }
- </style>
- <body>
- <div class="layui-fluid">
- <div class="layui-card">
- <div class="layui-card-header ">
- <div class="layui-form-item">
- <div class="layui-inline">
- <label class="layui-form-label">关联权限组</label>
- </div>
- </div>
- </div>
- <div class="layui-card-body">
- <form class="layui-form" id="grant" enctype="multipart/form-data" lay-filter="grant-form">
- <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-grant-form-list"
- style="padding: 20px 30px 0 0;">
- <input type="hidden" name="employeeid" value="{:$employeeid}">
- <div class="layui-form-item">
- <label class="layui-form-label">权限组名称</label>
- <div class="layui-input-inline ">
- <select name="grantid" lay-filter="grantlist">
- <option value="">请选择权限组</option>
- {volist name="grantlist" id="v"}
- <option value="{$v.id}" >{$v.name} 权限组</option>
- {/volist}
- </select>
- </div>
- </div>
- <div class="layui-form-item text-right">
- <input type="button" class="layui-btn btn" lay-submit lay-filter="grant-link-submit"
- id="grant-submit" value="确认添加">
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </body>
- {/block} {block name="js"}
- <script>
- layui.config({
- base : '__LAYUI__/' //静态资源所在路径
- ,
- urlbase: '/sys'
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'table', 'element'], function () {
- var $ = layui.$,
- form = layui.form;
- //////
- //权限组添加
- form.on('submit(grant-link-submit)', function (data) {
- var index = parent.layer.getFrameIndex(window.name);
- var formData = new FormData(data.form);
- $.ajax({
- url : '{:url("employee/grantlink")}',
- type : 'post',
- data : formData,
- dataType : 'json',
- processData: false,
- contentType: false,
- success : function (res) {
- if (res.code === 0) {
- layer.msg(res.msg, {
- anim: 0
- ,time: 2000
- }, function () {
- parent.layui.table.reload('LAY-employee-list'); //重载表格
- parent.layer.close(index); //再执行关闭
- });
- } else {
- layer.msg(res.msg, {
- anim: 6
- ,time: 2000
- });
- }
- }
- });
- });
- /////
- });
- </script>
- {/block}
|