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

312
web/templates/manage/income/edit.tmpl Normal file
View File

@@ -0,0 +1,312 @@
{{template "header"}}
<form class="layui-form" style="padding-bottom: 80px;">
{{.CsrfTokenField}}
<input type="hidden" id="ID" name="ID" value="{{.Item.ID}}" />
<div class="layui-tab-content" style="padding-top: 0;">
<div class="layui-tab-item layui-show">
<div class="layui-card">
<div class="layui-card-header">项目信息</div>
<div class="layui-card-body">
<div class="layui-form-item">
<div class="layui-form-label">选择项目</div>
<div class="layui-input-inline" id="ProjectID" style="width: 240px;"></div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">预算信息</div>
<div class="layui-card-body">
<div class="layui-form-item">
<div class="layui-form-label">选择预算</div>
<div class="layui-input-inline" id="BudgetID" style="width: 240px;"></div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">收入信息</div>
<div class="layui-card-body">
{{if .Item.ID}}
<div class="layui-form-item">
<div class="layui-form-label">编号</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" id="IncomeType" style="width: 240px;"></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">收入银行</label>
<div class="layui-input-inline" id="IncomeBank" style="width: 240px;"></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">收入时间</label>
<div class="layui-input-inline">
<input type="text" id="IncomeAt" name="IncomeAt" value="{{.Item.IncomeAt}}"
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="Amount" name="Amount" value="{{.Item.Amount}}" 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">
<textarea id="Remark" name="Remark" class="layui-textarea"
style="width: 600px; height: 60px;">{{.Item.Remark}}</textarea>
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">其他</div>
<div class="layui-card-body">
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-inline">
<select id="Status" name="Status">
{{range .Statuses}}
{{if .Selected}}
<option value="{{.Value}}" selected>{{.Name}}</option>
{{else}}
<option value="{{.Value}}">{{.Name}}</option>
{{end}}
{{end}}
</select>
</div>
</div>
{{if .Item.ID}}
<div class="layui-form-item">
<div class="layui-form-label">创建</div>
<div class="layui-form-label" style="width:400px;text-align:left;">
{{.Item.CreatedName}}
({{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;">
{{.Item.UpdatedName}}
({{dateFormat .Item.UpdatedAt}})
</div>
</div>
{{end}}
</div>
</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>
{{define "css"}}
<style>
.layui-body {
padding: 15px;
left: 0;
}
.loader::after {
content: '';
}
</style>
{{end}}
{{define "js"}}
<script>
layui.use(['form', 'jquery', 'iconPicker', 'laydate', 'dtree', 'xmSelect', "util"], function () {
let form = layui.form;
let $ = layui.jquery;
let iconPicker = layui.iconPicker;
let dtree = layui.dtree;
let xmSelect = layui.xmSelect;
let util = layui.util;
let laydate = layui.laydate;
laydate.render({
elem: '#IncomeAt',
type: 'date',
value: '{{today}}',
});
// 表单提交
form.on('submit(save)', function (data) {
$.ajax({
url: '/income/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));
}
});
getProject();
getBudget('{{.Item.ProjectID}}');
getIncomeType();
getIncomeBank();
function getProject() {
$.ajax({
url: '/project/xmselect',
type: 'post',
dataType: 'json',
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
success: function (res) {
xmSelect.render({
el: '#ProjectID',
// 工具栏
radio: true,
toolbar: {
show: true
},
tips: '请选择项目',
filterable: true,
data: res,
name: 'ProjectID',
initValue: ['{{.Item.ProjectID}}'],
on: function (data) {
console.log(data);
console.log(data.arr[0].value);
getBudget(data.arr[0].value);
},
});
},
error: function (err) {
// 处理请求错误
console.log('请求出错：', err);
}
});
}
function getBudget(projectId) {
$.ajax({
url: '/budget/xmselect?projectId=' + projectId,
type: 'post',
dataType: 'json',
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
success: function (res) {
xmSelect.render({
el: '#BudgetID',
// 工具栏
radio: true,
toolbar: {
show: true
},
tips: '请选择项目预算',
filterable: true,
data: res,
name: 'BudgetID',
initValue: ['{{.Item.BudgetID}}'],
on: function (data) {
console.log(data);
},
});
},
error: function (err) {
// 处理请求错误
console.log('请求出错：', err);
}
});
}
function getIncomeType() {
$.ajax({
url: '/system/category/xmselect?letter=income_category',
type: 'post',
dataType: 'json',
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
success: function (res) {
xmSelect.render({
el: '#IncomeType',
// 工具栏
radio: true,
toolbar: {
show: true
},
tips: '请选择收入类别',
filterable: true,
data: res,
name: 'IncomeType',
initValue: ['{{.Item.IncomeType}}'],
on: function (data) { },
});
},
error: function (err) {
// 处理请求错误
console.log('请求出错：', err);
}
});
}
function getIncomeBank() {
$.ajax({
url: '/system/category/xmselect?letter=income_bank',
type: 'post',
dataType: 'json',
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
success: function (res) {
xmSelect.render({
el: '#IncomeBank',
// 工具栏
radio: true,
toolbar: {
show: true
},
tips: '请选择收入银行',
filterable: true,
data: res,
name: 'IncomeBank',
initValue: ['{{.Item.IncomeBank}}'],
on: function (data) { },
});
},
error: function (err) {
// 处理请求错误
console.log('请求出错：', err);
}
});
}
});
</script>
{{end}}
{{template "footer" .}}

261
web/templates/manage/income/list.tmpl Normal file
View File

@@ -0,0 +1,261 @@
{{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">
<form class="layui-form layui-form-pane" action="">
{{.CsrfTokenField}}
<div class="layui-form-item">
<div class="layui-form-item layui-inline">
<label class="layui-form-label" style="overflow:visible;padding:0;width:110px;">
<select id="SearchTimeType">
<option value="CreateTime">创建时间</option>
</select>
</label>
<div class="layui-input-inline" style="width:150px;">
<input type="text" class="layui-input" id="timeBegin" placeholder="yyyy-MM-dd"
readonly value="{{ yearBegin }}" />
</div>
<div class="layui-input-inline"
style="width:10px;line-height:30px;margin-right:5px">
-
</div>
<div class="layui-input-inline" style="width:150px;">
<input type="text" class="layui-input " id="timeEnd" placeholder="yyyy-MM-dd"
readonly value="{{ monthEnd }}" />
</div>
</div>
<div class="layui-form-item layui-inline">
<label class="layui-form-label">状态</label>
<div class="layui-input-inline">
<select id="status">
<option value="0">请选择</option>
{{range .Statuses}}
<option value="{{.Value}}">{{.Name}}</option>
{{end}}
</select>
</div>
</div>
<div class="layui-form-item layui-inline">
<label class="layui-form-label">项目</label>
<div class="layui-input-inline">
<select id="project">
{{range.Projects}}
<option value="{{.Value}}">{{.Name}}</option>
{{end}}
</select>
</div>
</div>
<div class="layui-form-item layui-inline">
<label class="layui-form-label">类别</label>
<div class="layui-input-inline">
<select id="category">
{{range.Categories}}
<option value="{{.Value}}">{{.Name}}</option>
{{end}}
</select>
</div>
</div>
<div class="layui-inline">
<input type="text" id="title" placeholder="" class="layui-input">
</div>
<div class="layui-inline">
<button type="button" class="pear-btn pear-btn-md pear-btn-primary" lay-submit
lay-filter="user-query">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
<button type="reset" class="pear-btn pear-btn-md" lay-submit
lay-filter="user-reset">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 工具栏 -->
<script id="toolbar" type="text/html">
{{ genBtn .AuthorizeMenus "add"}}
</script>
<div class="layui-card" style="margin-top: 15px;">
<div class="layui-card-body">
<table id="tablelist" lay-filter="tablelist"></table>
</div>
</div>
<script type="text/html" id="actionBox">
{{ genLink .AuthorizeMenus "edit" "chapterlist"}}
</script>
{{define "js"}}
<script>
layui.use(['table', 'form', 'jquery', 'laydate', 'dtree', 'util'], function () {
let table = layui.table;
let form = layui.form;
let $ = layui.jquery;
let util = layui.util;
let laydate = layui.laydate;
let dtree = layui.dtree;
/**开始时间 */
laydate.render({
elem: '#timeBegin',
type: 'datetime',
value: '{{ yearBegin }}',
ready: function (date) {
this.dateTime.hours = 0;
this.dateTime.minutes = 0;
this.dateTime.seconds = 0;
}
});
/**截止时间 */
laydate.render({
elem: '#timeEnd',
type: 'datetime',
value: '{{ monthEnd }}',
ready: function (date) {
this.dateTime.hours = 23;
this.dateTime.minutes = 59;
this.dateTime.seconds = 59;
}
});
loadList();
toolbar();
tableActionTool();
search();
// 加载列表
function loadList() {
table.render({
elem: '#tablelist',
url: "/income/list",
method: "POST",
headers: { 'X-CSRF-Token': $('#csrf_token').val() },
where: getQueryParams(),
height: 'full',
page: true,
cols: [[
{ field: 'id', title: '回款编号', align: 'left', fixed: 'left', width: 100 },
{ field: 'project_name', title: '关联项目', align: 'left', width: 200 },
{ field: 'project_id', title: '项目编号', align: 'left', width: 200 },
{ field: 'budget_name', title: '关联预算', align: 'left', width: 200 },
{ field: 'budget_id', title: '预算编号', align: 'left', width: 200 },
{ field: 'income_type_name', title: '回款类别', align: 'left', width: 100 },
{ field: 'income_at', title: '回款时间', align: 'left', width: 160, templet: function (d) { return !d.income_at ? '' : util.toDateString(d.income_at) } },
{ field: 'amount', title: '回款金额', align: 'left', width: 120 },
{
field: 'status', title: '状态', align: 'center', width: 90, templet: function (row) {
switch (row.status) {
case 0: return '<span style="color:green;">正常</span>';
case -1: return '<span style="color:red;">删除</span>';
default: return '其它';
}
return '';
}
},
{ field: 'created_at', title: '创建时间', align: 'center', width: 160, templet: function (d) { return !d.created_at ? '' : util.toDateString(d.created_at) } },
{ field: 'created_name', title: '创建人', align: 'center', width: 100 },
{ field: 'updated_at', title: '更新时间', align: 'center', width: 160, templet: function (d) { return !d.updated_at ? '' : util.toDateString(d.updated_at) } },
{ field: 'updated_name', title: '更新人', align: 'center', width: 100 },
{ title: '操作', toolbar: '#actionBox', align: 'center', fixed: 'right', width: 100 },
]],
skin: 'line',
toolbar: '#toolbar',
defaultToolbar: [{
title: '刷新',
layEvent: 'refresh',
icon: 'layui-icon-refresh',
}, 'filter', 'exports'],
request: {
pageName: 'page',
limitName: 'rows'
}
});
}
// 工具栏
function toolbar() {
table.on('toolbar(tablelist)', function (obj) {
switch (obj.event) {
case 'add': add(); break;
case 'refresh': refresh(); break;
}
});
function add(obj) {
layer.open({
type: 2,
title: '新增',
shade: 0.1,
area: ['100%', '100%'],
content: "/income/add"
});
}
function refresh() {
table.reload('tablelist');
}
}
// 表格项操作按钮
function tableActionTool() {
table.on('tool(tablelist)', function (obj) {
switch (obj.event) {
case 'edit': edit(obj); break;
}
});
function edit(obj) {
layer.open({
type: 2,
title: '修改',
shade: 0.1,
area: ['100%', '100%'],
content: "/income/edit?id=" + obj.data['id']
});
}
}
// 搜索条件
function getQueryParams() {
return {
timeBegin: $('#timeBegin').val(),
timeEnd: $('#timeEnd').val(),
status: $('#status').val(),
category: $('#category').val(),
project: $('#project').val(),
title: $('#title').val()
};
}
// 搜索
function search() {
form.on('submit(user-query)', function (data) {
table.reload('tablelist', {
where: getQueryParams(),
page: {
curr: 1
}
})
return false;
});
}
});
</script>
{{end}}
{{template "footer" .}}