239 lines
11 KiB
Cheetah
239 lines
11 KiB
Cheetah
{{template "header"}}
|
||
|
||
<div class="layui-body layui-bg-gray">
|
||
<div class="layui-card">
|
||
<form class="layui-form">
|
||
{{.CsrfTokenField}}
|
||
<input type="hidden" id="ID" name="ID" value="{{.Item.ID}}" />
|
||
<input type="hidden" id="DepartmentID" name="DepartmentID" value="{{.Item.DepartmentID}}" />
|
||
<input type="hidden" id="RoleID" name="RoleID" value="{{.Item.RoleID}}" />
|
||
|
||
<div class="layui-tab layui-tab-card">
|
||
<ul class="layui-tab-title">
|
||
<li class="layui-this">基础信息</li>
|
||
<li>其它</li>
|
||
</ul>
|
||
|
||
<div class="layui-tab-content">
|
||
<div class="layui-tab-item layui-show">
|
||
{{if gt .Item.ID 0}}
|
||
<div class="layui-form-item">
|
||
<div class="layui-form-label">ID</div>
|
||
<div class="layui-form-label" style="width:400px;text-align:left;">
|
||
{{.Item.ID}}
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">邮箱</label>
|
||
<div class="layui-input-inline">
|
||
{{if gt .Item.ID 0}}
|
||
<input type="text" id="Email" name="Email" value="{{.Item.Email}}" lay-verify="required"
|
||
autocomplete="off" readonly placeholder="请输入邮箱" class="layui-input" />
|
||
{{else}}
|
||
<input type="text" id="Email" name="Email" value="{{.Item.Email}}" lay-verify="required"
|
||
autocomplete="off" placeholder="请输入邮箱" class="layui-input" />
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-form-label">部门</div>
|
||
<div class="layui-input-inline" style="width:300px;">
|
||
<ul id="depart" class="dtree organizationTree"></ul>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-form-label">角色</div>
|
||
<div class="layui-input-inline" style="width:300px;">
|
||
<ul id="role" class="dtree organizationTree"></ul>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">用户名</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" id="Username" name="Username" value="{{.Item.Username}}"
|
||
lay-verify="required" autocomplete="off" placeholder="请输入用户名" class="layui-input" />
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">密码</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" id="Password" name="Password" value="{{.Item.HashedPassword}}"
|
||
lay-verify="required" autocomplete="off" placeholder="请输入密码" class="layui-input" />
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">修改密码</label>
|
||
<div class="layui-input-inline">
|
||
<input type="checkbox" name="ChangePassword" lay-skin="switch" lay-text="是|否"
|
||
title="是|否">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">头像</label>
|
||
<div class="layui-input-inline">
|
||
{{template "upload" .Item.Avatar}}
|
||
<!-- <input type="text" id="Avatar" name="Avatar" value="{{.Item.Avatar}}" lay-verify="required"
|
||
autocomplete="off" placeholder="请输入头像" class="layui-input" /> -->
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">性别</label>
|
||
<div class="layui-input-inline">
|
||
<select id="Gender" name="Gender">
|
||
{{if eq .Item.Gender 0}}
|
||
<option value="0" selected>未知</option>
|
||
{{else}}
|
||
<option value="0">未知</option>
|
||
{{end}}
|
||
{{if eq .Item.Gender 1}}
|
||
<option value="1" selected>男</option>
|
||
{{else}}
|
||
<option value="1">男</option>
|
||
{{end}}
|
||
{{if eq .Item.Gender 2}}
|
||
<option value="2" selected>女</option>
|
||
{{else}}
|
||
<option value="2">女</option>
|
||
{{end}}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">状态</label>
|
||
<div class="layui-input-inline">
|
||
<select id="Status" name="Status">
|
||
{{if eq .Item.Status 0}}
|
||
<option value="0" selected>正常</option>
|
||
{{else}}
|
||
<option value="0">正常</option>
|
||
{{end}}
|
||
{{if eq .Item.Status -1}}
|
||
<option value="-1" selected>删除</option>
|
||
{{else}}
|
||
<option value="-1">删除</option>
|
||
{{end}}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-tab-item">
|
||
{{if gt .Item.ID 0}}
|
||
<div class="layui-form-item">
|
||
<div class="layui-form-label">创建时间</div>
|
||
<div class="layui-form-label" style="width:400px;text-align:left;">
|
||
{{dateFormat .Item.CreatedAt}}
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-form-label">更新时间</div>
|
||
<div class="layui-form-label" style="width:400px;text-align:left;">
|
||
{{dateFormat .Item.UpdatedAt}}
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item layui-fixbar btn-fixbar-box">
|
||
<div class="layui-input-block">
|
||
{{ submitBtn .AuthorizeMenus "save"}}
|
||
<button type="button" class="pear-btn pear-btn-sm" lay-on="close">
|
||
<i class="layui-icon layui-icon-close"></i>关闭
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
{{define "css"}}
|
||
<style>
|
||
.layui-body {
|
||
padding: 15px;
|
||
left: 0;
|
||
}
|
||
</style>
|
||
{{end}}
|
||
|
||
{{define "js"}}
|
||
<script>
|
||
layui.use(['form', 'jquery', 'iconPicker', 'dtree', "util"], function () {
|
||
let form = layui.form;
|
||
let $ = layui.jquery;
|
||
let iconPicker = layui.iconPicker;
|
||
let dtree = layui.dtree;
|
||
let util = layui.util;
|
||
|
||
dtree.render({
|
||
elem: "#depart",
|
||
initLevel: "2", // 默认展开层级为1
|
||
line: true, // 有线树
|
||
ficon: ["1", "-1"], // 设定一级图标样式。0表示方形加减图标，8表示小圆点图标
|
||
icon: ["0", "2"], // 设定二级图标样式。0表示文件夹图标，5表示叶子图标
|
||
method: 'POST',
|
||
url: "/system/department/dtree",
|
||
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
|
||
select: true,
|
||
selectInitVal: $('#DepartmentID').val()
|
||
});
|
||
// 单击节点 监听事件
|
||
dtree.on("node('depart')", function (param) {
|
||
$('#DepartmentID').val(param.param.nodeId);
|
||
});
|
||
|
||
dtree.render({
|
||
elem: "#role",
|
||
initLevel: "2", // 默认展开层级为1
|
||
line: true, // 有线树
|
||
ficon: ["1", "-1"], // 设定一级图标样式。0表示方形加减图标，8表示小圆点图标
|
||
icon: ["0", "2"], // 设定二级图标样式。0表示文件夹图标，5表示叶子图标
|
||
method: 'POST',
|
||
url: "/system/role/dtree",
|
||
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
|
||
select: true,
|
||
selectInitVal: $('#RoleID').val()
|
||
});
|
||
// 单击节点 监听事件
|
||
dtree.on("node('role')", function (param) {
|
||
$('#RoleID').val(param.param.nodeId);
|
||
});
|
||
|
||
// 表单提交
|
||
form.on('submit(save)', function (data) {
|
||
$.ajax({
|
||
url: '/system/user/save',
|
||
type: 'post',
|
||
dataType: 'json',
|
||
data: data.field,
|
||
success: function (result) {
|
||
if (result.success) {
|
||
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
|
||
parent.layer.close(parent.layer.getFrameIndex(window.name)); // 关闭当前页
|
||
parent.layui.table.reload("tablelist", {
|
||
page: { curr: 1 },
|
||
});
|
||
});
|
||
} else {
|
||
parent.layer.msg(result.msg, { icon: 2 })
|
||
}
|
||
}
|
||
});
|
||
|
||
return false;
|
||
});
|
||
|
||
// 事件绑定
|
||
util.on("lay-on", {
|
||
"close": function () {
|
||
window.parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
{{end}}
|
||
|
||
{{template "footer" .}} |