You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

200 lines
8.1 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
<style>
.require-star {
position: absolute;
width: 3px;
height: 14px;
background-color: #ea4335;
top: 12px;
right: 8px;
border-radius: 1.5px;
}
.input-width {
max-width: 475px
}
.xm-select-parent {
width: 475px;
}
</style>
</head>
<body>
<form class="layui-form" action="">
<div class="mainBox">
<div class="main-container">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>菜单名称</label>
<div class="layui-input-block">
<input type="text" name="menu_name" lay-verify="required" autocomplete="off"
placeholder="请输入菜单名称" class="layui-input input-width">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>Url地址</label>
<div class="layui-input-block">
<input type="text" name="url" lay-verify="required" autocomplete="off" placeholder="请输入Url地址"
class="layui-input input-width">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>排序号</label>
<div class="layui-input-block">
<input type="text" name="sort_id" lay-verify="required|sort" autocomplete="off"
placeholder="请输入排序号" class="layui-input input-width">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>描述信息</label>
<div class="layui-input-block">
<textarea name="memo" lay-verify="required" placeholder="请输入描述信息" autocomplete="off"
class="layui-textarea input-width"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>可用身份</label>
<div class="layui-input-block">
<select id="chk" name="identity_ids" xm-select="select1" lay-verify="required"
xm-select-skin="normal">
<option value="1">超级管理员</option>
<option value="2">市级管理员</option>
<option value="3">县区管理员</option>
<option value="4">单位管理员</option>
<option value="5">普通教师</option>
</select>
</div>
</div>
<div class="layui-form-item" style="display: none" id="manageType">
<label class="layui-form-label"><span class="require-star"></span>管理员类型</label>
<div class="layui-input-block">
<select id="chk1" name="chk1" xm-select="select2" xm-select-skin="normal">
<option value="1">学校管理员</option>
<option value="2">非学校管理员</option>
</select>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="save">
<i class="layui-icon layui-icon-ok"></i>
提交
</button>
<button type="reset" class="pear-btn pear-btn-sm">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
</div>
</div>
</form>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script>
<script>
layui.use(['form', 'jquery', 'select'], function () {
var form = layui.form;
var $ = layui.jquery;
var select = layui.select;
var parent_id = GetQueryString("parent_id");
var for_school = 0;
var for_bureau = 0;
select.on('select1', function (id, vals, choice, isAdd, isDisabled) {
if (choice['value'] == 4) {
if (isAdd) {
$('[name="chk1"]').attr('lay-verify', 'required');
$("#manageType").show();
parent.changeLayerHeight('500px');
} else {
for_school = 0;
for_bureau = 0;
$('[name="chk1"]').removeAttr('lay-verify');
$("#manageType").hide();
parent.changeLayerHeight('450px');
}
}
//如果return false, 那么将取消本次操作
return true;
});
select.on('select2', function (id, vals, choice, isAdd, isDisabled) {
if (choice['value'] == 1) {
if (isAdd) {
for_school = 1;
} else {
for_school = 0;
}
}
if (choice['value'] == 2) {
if (isAdd) {
for_bureau = 1;
} else {
for_bureau = 0;
}
}
//如果return false, 那么将取消本次操作
return true;
});
// 自定义验证
form.verify({
sort: [/^\d{1,5}$/, '只能输入1-5位的数字']
});
form.on('submit(save)', function (data) {
delete data.field.chk1;
data.field['parent_id'] = parent_id;
data.field['for_school'] = for_school;
data.field['for_bureau'] = for_bureau;
$.ajax({
url: '/dsBase/menu/AddMenu',
data: data.field,
type: 'post',
success: function (result) {
if (result.success) {
layer.msg("添加成功!", {
icon: 1,
time: 1300
}, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name));
parent.refreshTreeNode();
});
} else {
layer.msg(result.message, {
icon: 2,
time: 2000
});
}
}
});
return false;
});
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
});
</script>
<script>
</script>
</body>
</html>