'wip(semantic):调整模板api接口'

This commit is contained in:
zhengxinonly
2021-09-12 18:16:02 +08:00
parent b9c449ad57
commit 550f99e468
30 changed files with 259 additions and 240 deletions
+31 -30
View File
@@ -39,15 +39,15 @@
{#表格工具栏,需要在表格中绑定,且需要自定义事件#}
<script type="text/html" id="toolbaes">
<script type="text/html" id="toolbar">
{% if authorize("admin:dept:edit") %}
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add_toggle">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="toolbar-add">
<i class="layui-icon layui-icon-add-1"></i>
新增
</button>
{% endif %}
{% if authorize("admin:dept:remove") %}
<button class="pear-btn pear-btn-md" lay-event="batch_remove">
<button class="pear-btn pear-btn-md" lay-event="toolbar-remove">
<i class="layui-icon layui-icon-delete"></i>
删除
</button>
@@ -88,6 +88,19 @@
let popup = layui.popup
let MODULE_PATH = '/dept/'
const get_columns = () => [
[
{ type: 'checkbox' },
{ field: 'deptName', minWidth: 200, title: '部门名称' },
{ field: 'leader', title: '负责人' },
{ field: 'phone', title: '联系方式' },
{ field: 'email', title: '邮箱' },
{ field: 'address', title: '详细地址' },
{ field: 'status', title: '状态', templet: '#dept-status' },
{ field: 'sort', title: '排序', width: 100 },
{ title: '操作', templet: '#tool', width: 120, align: 'center' },
],
]
{#定义表格渲染函数#}
window.render = function () {
@@ -100,23 +113,11 @@
skin: 'line',
method: 'post', /**/
treeDefaultClose: false,
toolbar: '#toolbaes', /*表格的工具栏*/
toolbar: '#toolbar', /*表格的工具栏*/
elem: '#tables', /*表格挂载的对象*/
url: DEPARTMENT_API.DEPARTMENTS(), /*数据来源接口*/
page: false,
cols: [
[
{ type: 'checkbox' },
{ field: 'deptName', minWidth: 200, title: '部门名称' },
{ field: 'leader', title: '负责人' },
{ field: 'phone', title: '联系方式' },
{ field: 'email', title: '邮箱' },
{ field: 'address', title: '详细地址' },
{ field: 'status', title: '状态', templet: '#dept-status' },
{ field: 'sort', title: '排序', width: 100 },
{ title: '操作', templet: '#tool', width: 120, align: 'center' }
]
]/*表格渲染的数据*/
cols: get_columns(),/*表格渲染的数据*/
})
}
@@ -167,12 +168,12 @@
/*表格的工具栏*/
table.on('toolbar(tables)', function (obj) {
{#console.log(obj)#}
if (obj.event === 'add_toggle') {
window.add_toggle()
if (obj.event === 'toolbar-add') {
window.toolbar_add()
} else if (obj.event === 'refresh') {
window.refresh()
} else if (obj.event === 'batch_remove') {
{#window.batch_remove(obj)#}
} else if (obj.event === 'toolbar-remove') {
{#window.toolbar_remove(obj)#}
layer.msg('禁止批量删除')
return false
{#console.log(table.checkStatus(obj.config.id).data)#}
@@ -197,21 +198,21 @@
success: function (result) {
layer.close(loading)
if (result.success) {
popup.success(result.msg)
popup.success(result.message)
} else {
popup.failure(result.msg)
popup.failure(result.message)
}
}
},
})
})
window.add_toggle = function () {
window.toolbar_add = function () {
layer.open({
type: 2,
title: '新增',
shade: 0.1,
area: ['450px', '500px'], /*新增窗口的大小*/
content: '/dept/add' /*新增窗口从那里来*/
content: '/dept/add', /*新增窗口从那里来*/
})
}
@@ -222,7 +223,7 @@
title: '修改',
shade: 0.1,
area: ['450px', '500px'],
content: MODULE_PATH + 'edit?deptId=' + obj.data['deptId'] /*编辑修改窗口从那里来*/
content: MODULE_PATH + 'edit?deptId=' + obj.data['deptId'], /*编辑修改窗口从那里来*/
})
}
@@ -238,13 +239,13 @@
success: function (result) {
layer.close(loading)
if (result.success) {
popup.success(result.msg, function () {
popup.success(result.message, function () {
obj.del()
})
} else {
popup.failure(result.msg)
popup.failure(result.message)
}
}
},
})
})
}
+2 -2
View File
@@ -111,12 +111,12 @@
type: 'post',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name))
parent.render()
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
}
})
+2 -2
View File
@@ -111,12 +111,12 @@
type: 'put',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name))//关闭当前页
parent.render()
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
}
})
+4 -3
View File
@@ -31,7 +31,7 @@
</script>
<script type="module">
import { FILE_API } from '/static/api/http.js'
import { FILE_API, parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'form', 'jquery', 'element', 'form', 'upload'], function () {
let table = layui.table
@@ -39,7 +39,7 @@
let $ = layui.jquery
let upload = layui.upload
let cols = [
const get_columns = () => [
[
{
type: 'checkbox',
@@ -98,10 +98,11 @@
]
table.render({
parseData,
elem: '#tables',
url: FILE_API.PHOTOS(),
page: true,
cols: cols,
cols: get_columns(),
skin: 'line',
toolbar: '#toolbar',
defaultToolbar: [
+2 -2
View File
@@ -51,12 +51,12 @@
, bindAction: '#logo-upload-button'
, done: function (res) {
if (res.success) {
layer.msg(res.msg, { icon: 1, time: 500 }, function () {
layer.msg(res.message, { icon: 1, time: 500 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name))//关闭当前页
window.parent.location.reload()
})
} else {
layer.msg(res.msg, { icon: 2 })
layer.msg(res.message, { icon: 2 })
}
},
})
+8 -4
View File
@@ -40,14 +40,16 @@
{{# } }}'|safe }}
</script>
<script>
<script type="module">
import { parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'form', 'jquery', 'element', 'util'], function () {
let table = layui.table
let form = layui.form
let MODULE_PATH = '/logs/'
let cols = [
const get_columns = () => [
[
{ title: 'ID', field: 'id', align: 'center' },
{ title: '请求方式', field: 'method', align: 'center' },
@@ -62,19 +64,21 @@
]
table.render({
parseData,
elem: '#log-access-table',
url: MODULE_PATH + 'access_log',
page: true,
cols: cols,
cols: get_columns(),
skin: 'line',
toolbar: false,
})
table.render({
parseData,
elem: '#log-login-table',
url: MODULE_PATH + 'login_log',
page: true,
cols: cols,
cols: get_columns(),
skin: 'line',
toolbar: false,
})
+46 -48
View File
@@ -54,7 +54,7 @@
</script>
<script type="module">
import { RIGHTS_API } from '/static/api/http.js'
import { RIGHTS_API, parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'form', 'jquery', 'treetable', 'popup', 'dtree', 'iconPicker'], function () {
let table = layui.table
@@ -65,50 +65,48 @@
let iconPicker = layui.iconPicker
let dtree = layui.dtree
window.render = function () {
treetable.render({
treeColIndex: 1,
treeSpid: 0,
treeIdName: 'powerId',
treePidName: 'parentId',
skin: 'line',
method: 'post',
treeDefaultClose: true,
toolbar: '#toolbar',
elem: '#tables',
url: RIGHTS_API.RIGHTS(),
page: false,
cols: [
[
{ type: 'checkbox' },
{ field: 'powerName', minWidth: 200, title: '权限名称' },
{ field: 'icon', title: '图标', templet: (d) => `<i class="layui-icon ${d.icon}"></i>` },
{
field: 'powerType', title: '权限类型', templet: (d) => {
if (d.powerType === '0') {
return `<span>目录</span>`
} else if (d.powerType === '1') {
return `<span>菜单</span>`
} else if (d.powerType === '2') {
return `<span>按钮</span>`
}
},
},
{
field: 'enable', title: '是否可用', templet: (d) => {
// TODO 修改禁用启动逻辑
return `<input type="checkbox" name="enable" value="${d.powerId}" lay-skin="switch" lay-text="启用|禁用" lay-filter="tool-switch" ${d.enable ===
1 ? 'checked=checked' : ''}>`
},
},
{ field: 'sort', title: '排序' },
{ title: '操作', templet: '#tool', width: 150, align: 'center' },
],
],
})
}
const get_columns = () => [
[
{ type: 'checkbox' },
{ field: 'powerName', minWidth: 200, title: '权限名称' },
{ field: 'icon', title: '图标', templet: (d) => `<i class="layui-icon ${d.icon}"></i>` },
{
field: 'powerType', title: '权限类型', templet: (d) => {
if (d.powerType === '0') {
return `<span>目录</span>`
} else if (d.powerType === '1') {
return `<span>菜单</span>`
} else if (d.powerType === '2') {
return `<span>按钮</span>`
}
},
},
{
field: 'enable', title: '是否可用', templet: (d) => {
// TODO 修改禁用启动逻辑
return `<input type="checkbox" name="enable" value="${d.powerId}" lay-skin="switch" lay-text="启用|禁用" lay-filter="tool-switch" ${d.enable ===
1 ? 'checked=checked' : ''}>`
},
},
{ field: 'sort', title: '排序' },
{ title: '操作', templet: '#tool', width: 150, align: 'center' },
],
]
render()
treetable.render({
treeColIndex: 1,
treeSpid: 0,
treeIdName: 'powerId',
treePidName: 'parentId',
skin: 'line',
method: 'post',
treeDefaultClose: true,
toolbar: '#toolbar',
elem: '#tables',
url: RIGHTS_API.RIGHTS(),
page: false,
cols: get_columns(),
})
form.on('submit(power_query)', function (data) {
var keyword = data.field.powerName
@@ -173,9 +171,9 @@
success: function (result) {
layer.close(loading)
if (result.success) {
popup.success(result.msg)
popup.success(result.message)
} else {
popup.failure(result.msg)
popup.failure(result.message)
}
},
})
@@ -211,12 +209,12 @@
success: function (result) {
layer.close(loading)
if (result.success) {
popup.success(result.msg, function () {
popup.success(result.message, function () {
console.log(obj)
obj.del()
})
} else {
popup.failure(result.msg)
popup.failure(result.message)
}
},
})
+2 -2
View File
@@ -138,12 +138,12 @@
type: 'post',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name))//关闭当前页
parent.render()
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
}
})
+2 -2
View File
@@ -153,12 +153,12 @@
type: 'put',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name))//关闭当前页
parent.render()
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
}
})
+10 -9
View File
@@ -64,7 +64,7 @@
</script>
<script type="module">
import { ROLE_API } from '/static/api/http.js'
import { ROLE_API, parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'form', 'jquery', 'popup', 'common'], function () {
let table = layui.table
@@ -72,7 +72,7 @@
let $ = layui.jquery
let popup = layui.popup
let cols = [
const get_columns = () => [
[
{ type: 'checkbox' },
{ title: '角色名', field: 'roleName', align: 'center', width: 100 },
@@ -85,10 +85,11 @@
]
table.render({
parseData,
elem: '#tables',
url: ROLE_API.ROLES(),
page: true,
cols: cols,
cols: get_columns(),
skin: 'line',
toolbar: '#toolbar',
defaultToolbar: [
@@ -140,9 +141,9 @@
success: function (result) {
layer.close(loading)
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 })
layer.msg(result.message, { icon: 1, time: 1000 })
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
},
})
@@ -189,11 +190,11 @@
success: function (result) {
layer.close(loading)
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
obj.del()
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
},
})
@@ -233,11 +234,11 @@
success: function (result) {
layer.close(loading)
if (result.success) {
popup.success(result.msg, function () {
popup.success(result.message, function () {
table.reload('tables')
})
} else {
popup.failure(result.msg)
popup.failure(result.message)
}
},
})
+3 -3
View File
@@ -76,12 +76,12 @@
type: 'post',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name))//关闭当前页
parent.layui.table.reload('role-table')
parent.layui.table.reload('tables')
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
},
})
+2 -2
View File
@@ -91,12 +91,12 @@
type: 'put',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name))//关闭当前页
parent.layui.table.reload('role-table')
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
}
})
+2 -2
View File
@@ -68,11 +68,11 @@
type: 'put',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name))
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
}
})
+2 -2
View File
@@ -300,12 +300,12 @@
type: 'put',
success: function (result) {
if (result.success) {
popup.success(result.msg, function () {
popup.success(result.message, function () {
// TODO 关闭修改密码成之后的窗口
parent.layer.close(parent.layer.getFrameIndex(window.name))
})
} else {
popup.failure(result.msg)
popup.failure(result.message)
}
}
})
+10 -9
View File
@@ -94,7 +94,7 @@
</script>
<script type="module">
import { USER_API, ROLE } from '/static/api/http.js'
import { USER_API, ROLE, parserTableData as parseData } from '/static/api/http.js'
layui.use(['table', 'dtree', 'form', 'jquery', 'popup', 'common'], function () {
let table = layui.table
@@ -105,7 +105,7 @@
let common = layui.common
// 表格数据
let cols = [
const get_columns = () => [
[
{ type: 'checkbox' },
{ title: '姓名', field: 'realname', align: 'center', width: 110 },
@@ -120,10 +120,11 @@
// 渲染表格数据
table.render({
parseData,
elem: '#tables',
url: USER_API.USERS(),
page: true,
cols: cols,
cols: get_columns(),
skin: 'line',
height: 'full-148',
toolbar: '#toolbar', /*工具栏*/
@@ -214,9 +215,9 @@
success: function (result) {
layer.close(loading)
if (result.success) {
popup.success(result.msg)
popup.success(result.message)
} else {
popup.failure(result.msg)
popup.failure(result.message)
}
},
})
@@ -264,11 +265,11 @@
success: function (result) {
layer.close(loading)
if (result.success) {
popup.success(result.msg, function () {
popup.success(result.message, function () {
table.reload('role-table')
})
} else {
popup.failure(result.msg)
popup.failure(result.message)
}
},
})
@@ -289,11 +290,11 @@
success: function (result) {
layer.close(loading)
if (result.success) {
popup.success(result.msg, function () {
popup.success(result.message, function () {
obj.del()
})
} else {
popup.failure(result.msg)
popup.failure(result.message)
}
},
})
+3 -3
View File
@@ -82,12 +82,12 @@
type: 'post',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name))//关闭当前页
parent.layui.table.reload('user-table')
parent.layui.table.reload('tables')
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
},
})
+3 -3
View File
@@ -105,12 +105,12 @@
type: 'put',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.msg(result.message, { icon: 1, time: 1000 }, function () {
parent.layer.close(parent.layer.getFrameIndex(window.name)) //关闭当前页
parent.layui.table.reload('user-table')
parent.layui.table.reload('tables')
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
layer.msg(result.message, { icon: 2, time: 1000 })
}
}
})