|
|
@@ -11,46 +11,60 @@
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label required">标题</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <input class="layui-input" type="text" name="title" placeholder="请输入标题" th:value="${menu?.title}">
|
|
|
+ <label>
|
|
|
+ <input class="layui-input" type="text" name="title" placeholder="请输入标题" th:value="${menu?.title}">
|
|
|
+ </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label required">URL地址</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <input class="layui-input url-input" type="text" name="url" placeholder="请输入URL地址" th:value="${menu?.url}">
|
|
|
+ <label>
|
|
|
+ <input class="layui-input url-input" type="text" name="url" placeholder="请输入URL地址" th:value="${menu?.url}">
|
|
|
+ </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">菜单图标</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <input class="layui-input icon-input" type="text" name="icon" placeholder="请输入菜单图标" th:value="${menu?.icon}">
|
|
|
+ <label>
|
|
|
+ <input class="layui-input icon-input" type="text" name="icon" placeholder="请输入菜单图标" th:value="${menu?.icon}">
|
|
|
+ </label>
|
|
|
</div>
|
|
|
<i th:class="'icon-show '+${menu?.icon}" style="line-height: 38px;"></i>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label required">父级菜单</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <input class="layui-input select-tree" th:attr="data-url=@{/system/menu/list/enable}, data-value=${pMenu?.id}" type="text" name="pid" placeholder="请输入父级菜单(必须是目录类型)" th:value="${pMenu?.title}">
|
|
|
+ <label>
|
|
|
+ <input class="layui-input select-tree" th:attr="data-url=@{/system/menu/list/enable}, data-value=${pMenu?.id}" type="text" name="pid" placeholder="请输入父级菜单(必须是目录类型)" th:value="${pMenu?.title}">
|
|
|
+ </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label required">菜单类型</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <select name="type" mo:dict="MENU_TYPE" mo-selected="${menu?.type}" mo-empty="" lay-verify="type"></select>
|
|
|
+ <label>
|
|
|
+ <select name="type" mo:dict="MENU_TYPE" mo-selected="${menu?.type}" mo-empty="" lay-verify="type"></select>
|
|
|
+ </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label">排序</label>
|
|
|
<div class="layui-input-inline">
|
|
|
- <select class="select-sort" name="sort"
|
|
|
- th:attr="data-url=@{/system/menu/sortList}, data-id=${menu?.id}, data-sort=${menu?.sort}" lay-verify="sort"></select>
|
|
|
+ <label>
|
|
|
+ <select class="select-pos" name="pos"
|
|
|
+ th:attr="data-url=@{/system/menu/sortList}, data-id=${menu?.id}, data-pos=${menu?.pos}" lay-verify="pos"></select>
|
|
|
+ </label>
|
|
|
</div>
|
|
|
<div class="layui-input-info">(之后)</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item layui-form-text">
|
|
|
<label class="layui-form-label">备注</label>
|
|
|
<div class="layui-input-block">
|
|
|
- <textarea placeholder="请输入内容" class="layui-textarea" name="remark">[[${menu?.remark}]]</textarea>
|
|
|
+ <label>
|
|
|
+ <textarea placeholder="请输入内容" class="layui-textarea" name="remark">[[${menu?.remark}]]</textarea>
|
|
|
+ </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item timo-finally">
|
|
|
@@ -68,7 +82,7 @@
|
|
|
<script type="text/javascript">
|
|
|
layui.use(['form'], function () {
|
|
|
window.form = layui.form;
|
|
|
- // 初始化排序下拉选项
|
|
|
+ // 初始化排序字段下拉选项
|
|
|
var pid = $(".select-tree").data('value');
|
|
|
if (pid !== undefined){
|
|
|
sortRender({id: pid});
|
|
|
@@ -82,25 +96,26 @@
|
|
|
onSelected: sortRender
|
|
|
});
|
|
|
|
|
|
- // 更新渲染排序下拉选项
|
|
|
+ // 重新渲染排序字段的下拉选项
|
|
|
function sortRender(treeNode) {
|
|
|
var pid = treeNode.id;
|
|
|
- var sort = $(".select-sort");
|
|
|
- var id = sort.data('id') ? sort.data('id') : 0;
|
|
|
- var url = sort.data('url') + "/" + pid + "/" + id;
|
|
|
+ var pos = $(".select-pos");
|
|
|
+ var id = pos.data('id') ? pos.data('id') : 0;
|
|
|
+ var url = pos.data('url') + "/" + pid + "/" + id;
|
|
|
$.get(url, function (result) {
|
|
|
result = result.data
|
|
|
var options = '';
|
|
|
- var sortNum = Object.keys(result).length;
|
|
|
- if(pid === $(".select-tree").data('value') && sort.data('sort')){
|
|
|
- sortNum = sort.data('sort') - 1;
|
|
|
+ var posNum = Object.keys(result).length;
|
|
|
+ if(pid === $(".select-tree").data('value') && pos.data('pos')){
|
|
|
+ posNum = pos.data('pos') - 1;
|
|
|
}
|
|
|
result[0] = "首位";
|
|
|
+ // TODO key 应该是 int 类型才对
|
|
|
for(var key in result){
|
|
|
- var selected = sortNum === key ? "selected=''" : "";
|
|
|
+ var selected = posNum === parseInt(key) ? "selected=''" : "";
|
|
|
options += "<option value='"+ key +"' " + selected + ">"+ result[key] +"</option>";
|
|
|
}
|
|
|
- sort.html(options);
|
|
|
+ pos.html(options);
|
|
|
form.render('select');
|
|
|
});
|
|
|
}
|
|
|
@@ -109,23 +124,6 @@
|
|
|
$(".icon-input").on("input propertychange", function(){
|
|
|
$(".icon-show").attr("class", "icon-show "+$(this).val());
|
|
|
});
|
|
|
-
|
|
|
- // 同步操作权限输入框
|
|
|
- var $perms = $(".perms-input").val();
|
|
|
- $(".url-input").on("input propertychange", function(){
|
|
|
- if($perms === ''){
|
|
|
- $(".perms-refresh").click();
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- // 更新权限标识
|
|
|
- $(".perms-refresh").on("click", function (e) {
|
|
|
- e.preventDefault();
|
|
|
- var $perms = $(".perms-input");
|
|
|
- var url = $(".url-input").val().substr(1);
|
|
|
- var perms = url.replace(new RegExp( '/' , "g" ), ':');
|
|
|
- $perms.val(perms);
|
|
|
- })
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|