fourcal/src/main/resources/templates/admin/app_role_input.ftl

79 lines
4.1 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<#assign base=request.contextPath />
<#import "../common/defaultLayout.ftl" as defaultLayout>
<@defaultLayout.layout>
<link rel="stylesheet" href="${base}/assets/css/amazeui.switch.css"/>
<script type="text/javascript">
var base = '${base}';
</script>
<div class="admin-content">
<div class="admin-content-body">
<div class="am-cf am-padding">
<div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">系统管理</strong> /
<small>前端角色管理</small>
</div>
</div>
<form method="post" class="am-form" id="tmpForm" action="${base}/app/role/save">
<input name="roleID" id="roleID" type="hidden" value="${roleID!}"/>
<div class="am-tabs am-margin" data-am-tabs>
<ul class="am-tabs-nav am-nav am-nav-tabs">
<li class="am-active"><a href="#tab1">新增/编辑</a></li>
</ul>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active" id="tab1">
<div class="am-g am-form-group am-margin-top" style="display: flex;">
<div class="am-u-sm-4 am-u-md-2 am-text-right">
<span style="color: red;">*</span>角色名称</div>
<div class="am-u-sm-6 am-u-md-6">
<input class="js-ajax-validate" name="roleName" value="${managerRole.roleName!}"
type="text" required minlength="1" maxlength="100"
placeholder="请输入角色名称100字符以内"/>
</div>
</div>
<div class="am-g am-form-group am-margin-top" style="display: flex;">
<div class="am-u-sm-4 am-u-md-2 am-text-right"> 启用 / 禁用</div>
<div class="am-u-sm-12 am-u-md-4 switch-button" style="height: 25px;">
<input id="switch" name="switch" type="checkbox" data-size='xs'
data-am-switch data-off-text="禁用" data-on-text="启用"
<#if managerRole.isEnable==1 >checked</#if>/>
<input type="hidden" class="am-input-sm" name="isEnable" id="isEnable"
value="${managerRole.isEnable!1}"/>
</div>
</div>
</div>
</div>
</div>
<!--选项卡tabsend-->
<div class="am-margin">
<button type="submit" id="submitBtn" class="am-btn am-btn-primary am-btn-xs">提交保存</button>
<button type="button" class="am-btn am-btn-warning am-btn-xs"
onclick="javascript:history.go(-1);">返回上一级
</button>
</div>
</form>
</div>
</div>
</@defaultLayout.layout>
<script src="${base}/common/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>
<script type="text/javascript" src="${base}/common/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
<script type="text/javascript" src="${base}/common/jQuery-File-Upload/js/jquery.fileupload.js"></script>
<script src="${base}/common/jQuery-File-Upload/js/jquery.fileupload-process.js"></script>
<script src="${base}/common/jQuery-File-Upload/js/jquery.fileupload-validate.js"></script>
<script src="${base}/assets/js/amazeui.switch.js"></script>
<script>
var $mycheckbox = $('.switch-button');
$mycheckbox.each(function () {
$("#switch").on({
'switchChange.bootstrapSwitch': function (event, state) {
if (state.toString() == "true") {
$("#isEnable").val("1");
} else {
$("#isEnable").val("0");
}
}
});
});
</script>