refactor(api):调整前端逻辑

This commit is contained in:
zhengxinonly
2021-07-23 02:00:10 +08:00
parent aa86bbe372
commit 0ca75c81d4
3 changed files with 32 additions and 58 deletions
+26 -40
View File
@@ -244,12 +244,13 @@
</div>
</form>
<script>
layui.use(['table', 'form', 'jquery', 'treetable', 'popup'], function () {
layui.use(['table', 'form', 'jquery', 'treetable', 'popup', 'dtree'], function () {
let table = layui.table
let form = layui.form
let $ = layui.jquery
let treetable = layui.treetable
let popup = layui.popup
let dtree = layui.dtree
{#定义模块访问路径#}
let MODULE_PATH = '/dept/'
@@ -435,16 +436,30 @@
})
})
}
})
</script>
{#添加数据#}
<script>
layui.use(['form', 'jquery', 'dtree'], function () {
let form = layui.form
let $ = layui.jquery
let dtree = layui.dtree
/*渲染下拉选择组件*/
// 修改数据 当点击更新之后,获取数据
form.on('submit(dept-update)', function (data) {
$.ajax({
url: '/dept/edit/' + data.field.deptId,
data: JSON.stringify(data.field),
dataType: 'json',
contentType: 'application/json',
type: 'put',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.close(layer.index)
location.reload()
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
}
}
})
return false
})
/*添加数据 渲染下拉选择组件*/
dtree.renderSelect({
elem: '#selectParent',
url: '/dept/tree',
@@ -456,7 +471,7 @@
selectInitVal: '1'
})
/*表单组件,提交按钮之后触发的事件*/
/*添加数据 表单组件,提交按钮之后触发的事件*/
form.on('submit(dept-save)', function (data) {
$.ajax({
url: '/dept/add',
@@ -479,33 +494,4 @@
})
})
</script>
{#修改数据#}
<script>
layui.use(['form', 'jquery'], function () {
let form = layui.form
let $ = layui.jquery
// 当点击更新之后,获取数据
form.on('submit(dept-update)', function (data) {
$.ajax({
url: '/dept/edit/' + data.field.deptId,
data: JSON.stringify(data.field),
dataType: 'json',
contentType: 'application/json',
type: 'put',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
layer.close(layer.index)
location.reload()
})
} else {
layer.msg(result.msg, { icon: 2, time: 1000 })
}
}
})
return false
})
})
</script>
</html>