kenneth/projectx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
kenneth
2025-03-21 11:05:42 +08:00
commit 7dffc94035
1717 changed files with 724764 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

207
web/templates/manage/system/category/edit.tmpl Normal file
View File

@@ -0,0 +1,207 @@
{{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="ParentID" name="ParentID" value="{{.Item.ParentID}}" />
<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">
<div class="layui-form-label">上级</div>
<div class="layui-input-inline" style="width:300px;">
<ul id="departTree" 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;">
<input type="text" id="Name" name="Name" value="{{.Item.Name}}" lay-verify="required"
autocomplete="off" placeholder="请输入名称" class="layui-input" />
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">标识</div>
<div class="layui-input-inline" style="width:300px;">
<input type="text" id="Letter" name="Letter" value="{{.Item.Letter}}" autocomplete="off"
placeholder="请输入名称" class="layui-input" />
<p>没有填写,会自动生成</p>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图标</label>
<div class="layui-input-inline">
{{template "upload" .Item.Icon}}
</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 class="layui-form-item">
<label class="layui-form-label">排序</label>
<div class="layui-input-inline">
<input type="number" id="Sort" name="Sort" value="{{.Item.Sort}}" lay-affix="number"
min="1" class="layui-input" />
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">简介</label>
<div class="layui-input-inline">
<textarea id="Description" name="Description" class="layui-textarea"
style="width: 600px; height: 60px;">{{.Item.Description}}</textarea>
</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;
var dTree = dtree.render({
elem: "#departTree",
initLevel: "2", // 默认展开层级为1
line: true, // 有线树
ficon: ["1", "-1"], // 设定一级图标样式。0表示方形加减图标，8表示小圆点图标
icon: ["0", "2"], // 设定二级图标样式。0表示文件夹图标，5表示叶子图标
method: 'POST',
url: "/system/category/dtree",
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
select: true,
selectInitVal: $('#ParentID').val()
});
// 绑定节点事件
dtree.on("node(departTree)", function (obj) {
$('#ParentID').val(obj.param.nodeId);
});
// 表单提交
var isSubmitting = false;
form.on('submit(save)', function (data) {
if (isSubmitting) {
return false;
}
isSubmitting = true;
$.ajax({
url: '/system/category/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 {
isSubmitting = false;
parent.layer.msg(result.msg, { icon: 2 })
}
},
error: function (xhr, status, error) {
isSubmitting = false;
parent.layer.msg(error, { icon: 2 });
},
});
return false;
});
// 事件绑定
util.on("lay-on", {
"close": function () {
window.parent.layer.close(parent.layer.getFrameIndex(window.name));
}
});
});
</script>
{{end}}
{{template "footer" .}}

283
web/templates/manage/system/category/list.tmpl Normal file
View File

@@ -0,0 +1,283 @@
{{template "header"}}
<div class="layui-row layui-col-space15">
<div class="layui-collapse">
<div class="layui-colla-item">
<div class="layui-colla-title">查询</div>
<div class="layui-colla-content layui-show">
<div class="layui-card">
<div class="layui-card-body layui-bzw-table">
<form class="layui-form" action="">
{{.CsrfTokenField}}
<div class="layui-form-item">
<input type="hidden" id="ParentID" name="ParentID" value="0" />
<div class="layui-form-item layui-inline">
<select id="searchStatus">
<option value="0">正常</option>
<option value="-1">删除</option>
<option value="9999">全部</option>
</select>
</div>
<div class="layui-form-item layui-inline">
<select id="searchName" name="searchName">
<option value="name">名称</option>
</select>
</div>
<div class="layui-form-item layui-inline">
<input type="text" id="searchKey" placeholder=""
class="layui-input layui-form-group-input">
</div>
<div class="layui-form-item layui-inline">
<button type="button" class="pear-btn pear-btn-md pear-btn-primary" lay-submit
lay-filter="btn-query">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
<button type="reset" class="pear-btn pear-btn-md" lay-submit lay-filter="btn-reset">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/html" id="toolbar">
{{ genBtn .AuthorizeMenus "add" "refresh" "rebuild_parent_path"}}
</script>
<script type="text/html" id="actionBox">
{{ genLink .AuthorizeMenus "add_children" "edit"}}
</script>
<div class="layui-row layui-col-space15">
<div class="layui-col-md2">
<div class="layui-card">
<div class="layui-card-body">
<div id="organizationTreeContent" style="overflow: auto">
<ul id="departTree" class="dtree organizationTree"></ul>
</div>
</div>
</div>
</div>
<div class="layui-col-md10">
<div class="layui-card">
<div class="layui-card-body">
<table id="tablelist" lay-filter="tablelist"></table>
</div>
</div>
</div>
</div>
{{define "js"}}
<script>
layui.use(['jquery', 'table', 'form', 'dtree', 'util'], function () {
let $ = layui.jquery;
let table = layui.table;
let form = layui.form;
let dtree = layui.dtree;
let util = layui.util;
var dTree = dtree.render({
elem: "#departTree",
width: 200,
initLevel: "2", // 默认展开层级为1
line: true, // 有线树
ficon: ["1", "-1"], // 设定一级图标样式。0表示方形加减图标，8表示小圆点图标
icon: ["0", "2"], // 设定二级图标样式。0表示文件夹图标，5表示叶子图标
method: 'POST',
url: "/system/category/dtree",
headers: { 'X-CSRF-Token': $('#csrf_token').val() }
});
// 绑定节点事件
dtree.on("node(departTree)", function (obj) {
$('#ParentID').val(obj.param.nodeId);
search();
});
// 加载列表
table.render({
elem: '#tablelist',
url: '/system/category/list',
method: 'post',
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
where: getQueryParams(),
height: 'full',
page: true,
limits: [10, 20, 30, 50],
cols: [[
{ field: 'id', title: 'ID', align: 'left', width: 80 },
{ field: 'name', title: '名称', width: 240 },
{
field: 'icon', title: '图标', align: 'center', width: 90, templet: function (d) {
if (d.icon === 0 || d.icon === undefined || d.icon === '') { return ''; }
return '<img src="' + d.icon + '" width=30 height=30 />';
}
},
{ field: 'letter', title: '标识', width: 180 },
{ field: 'description', title: '描述', width: 240 },
{
field: 'status', title: '状态', width: 60, align: 'center', templet: function (d) {
if (d.id === 0) { return ''; }
switch (d.status) {
case 0: return '<span style="color: green">正常</span>';
case -1: return '<span style="color: red">删除</span>';
default: return '其它';
}
return '';
}
},
{ field: 'sort', title: '排序', align: 'center', width: 80 },
{ title: '操作', toolbar: '#actionBox', align: 'center', width: 200 },
{ field: 'created_at', title: '创建时间', width: 160, align: 'center', templet: function (d) { return (!d.created_at || d.id === 0) ? '' : util.toDateString(d.created_at) } },
{ field: 'updated_at', title: '更新时间', width: 160, align: 'center', templet: function (d) { return !d.updated_at ? '' : util.toDateString(d.updated_at) } },
]],
skin: 'line',
toolbar: '#toolbar',
defaultToolbar: [{
title: '刷新',
layEvent: 'refresh',
icon: 'layui-icon-refresh',
}, 'filter', 'exports'],
request: {
pageName: 'page',
limitName: 'rows'
}
});
// 工具栏
table.on('toolbar(tablelist)', function (obj) {
switch (obj.event) {
case 'add': add(); break;
case 'refresh': refresh(); break;
case 'rebuild_parent_path': rebuildParentPath(); break;
}
});
function add() {
layer.open({
type: 2,
title: '新增',
shade: 0.1,
area: ['95%', '95%'],
content: "/system/category/add"
});
}
function refresh() {
layer.confirm('确定要刷新类别数据吗?', { title: '提示' }, function (index, layero) {
$.ajax({
url: '/system/category/refresh',
type: 'post',
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
dataType: 'json',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 2000 });
search();
} else {
layer.msg(result.msg, { icon: 2 })
}
}
});
layer.close(index); // 关闭弹窗
}, function (index, layero) {
layer.close(index); // 关闭弹窗
});
}
function rebuildParentPath() {
layer.confirm('确定要重建父路径吗?', { title: '提示' }, function (index, layero) {
$.ajax({
url: '/system/category/rebuild_parent_path',
type: 'post',
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
dataType: 'json',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 2000 });
search();
} else {
layer.msg(result.msg, { icon: 2 })
}
}
});
layer.close(index); // 关闭弹窗
}, function (index, layero) {
layer.close(index); // 关闭弹窗
});
}
// 表格项操作按钮
table.on('tool(tablelist)', function (obj) {
switch (obj.event) {
case 'add_children': addChildren(obj); break;
case 'edit': edit(obj); break;
}
});
function addChildren(obj) {
layer.open({
type: 2,
title: '为 ' + obj.data['name'] + ' 新增子级',
shade: 0.1,
area: ['95%', '95%'],
content: "/system/category/add_children?parentID=" + obj.data['id']
});
}
function edit(obj) {
layer.open({
type: 2,
title: '修改',
shade: 0.1,
area: ['95%', '95%'],
content: "/system/category/edit?id=" + obj.data['id']
});
}
// 搜索条件
function getQueryParams() {
return {
SearchStatus: $('#searchStatus').val(),
SearchName: $('#searchName').val(),
SearchKey: $('#searchKey').val(),
SearchParentID: $('#ParentID').val()
};
}
// 搜索
function search() {
table.reload('tablelist', {
where: getQueryParams(),
page: {
curr: 1
}
})
}
form.on('submit(btn-query)', function (data) {
table.reload('tablelist', {
where: getQueryParams(),
page: {
curr: 1
}
})
return false;
});
});
</script>
{{end}}
{{template "footer" .}}