【ajaxUtil.js】ajax工具

pull/64/head
chenjinlong 2020-12-30 20:36:05 +08:00
parent 680c697d4b
commit d001335855
8 changed files with 83 additions and 76 deletions

View File

@ -1,4 +1,4 @@
package cn.stylefeng.guns.modular.controller;
package cn.stylefeng.guns.modular.position;
import cn.stylefeng.roses.kernel.resource.api.annotation.ApiResource;
import cn.stylefeng.roses.kernel.resource.api.annotation.GetResource;

View File

@ -131,7 +131,8 @@ layui.config({
iconPicker: '../../expand/module/iconPicker/iconPicker',
ztree: '../../expand/module/ztree/ztree-object',
ax: '../../expand/module/ax/ax',
func: '../../expand/module/func/func'
func: '../../expand/module/func/func',
ajaxUtil: '../../expand/module/ax/ajaxUtil'
}).use(['layer', 'admin'], function () {
var $ = layui.jquery;
var layer = layui.layer;

View File

@ -0,0 +1,47 @@
layui.define(['jquery'], function (exports) {
var $ = layui.$;
var ajaxUtil = {
post: function (url, params, suc, err, contentType, async) {
ajaxUtil.sendAjax(url, params, 'POST', suc, err, contentType, async);
},
get: function (url, params, suc, err, contentType, async) {
ajaxUtil.sendAjax(url, params, 'GET', suc, err, contentType, async);
},
get: function (url, suc, err, contentType, async) {
ajaxUtil.sendAjax(url, '', 'GET', suc, err, contentType, async);
},
get: function (url, suc, err) {
ajaxUtil.sendAjax(url, '', 'GET', suc, err, null, null);
},
sendAjax: function (url, params, method, suc, err, contentType, async) {
$.ajax({
url: url,
cache: false,
async: async == undefined ? false : async,
data: params == undefined ? '' : params,
type: method == undefined ? "POST" : method,
contentType: contentType == undefined ? 'application/json; charset=UTF-8' : contentType,
dataType: "json",
success: function (data) {
if (data.code = '00000') {
if (suc !== undefined && typeof suc == "function") {
suc(data);
}
} else {
if (err !== undefined && typeof err == "function") {
err(data);
}
}
},
error: function (data) {
if (err !== undefined && typeof err == "function") {
err(data);
}
}
});
}
}
exports("ajaxUtil", ajaxUtil);
});

View File

@ -19,47 +19,14 @@ layui.use(['table', 'admin', 'ax', 'form', 'func'], function () {
Position.initColumn = function () {
return [[
{type: 'checkbox'},
{
field: 'positionId',
hide: true,
title: '主键id'
},
{
field: 'positionName',
sort: true,
title: '职位名称'
},
{
field: 'positionCode',
sort: true,
title: '职位编码'
},
{
field: 'positionRemark',
sort: true,
title: '备注'
},
{
field: 'createTime',
sort: true,
title: '创建时间'
},
{
field: 'updateTime',
sort: true,
title: '更新时间'
},
{
field: 'status',
sort: true,
templet: '#statusTpl',
title: '状态'
},
{
align: 'center',
toolbar: '#tableBar',
title: '操作'
}
{field: 'positionId', hide: true, title: '主键id'},
{field: 'positionName', sort: true, title: '职位名称'},
{field: 'positionCode', sort: true, title: '职位编码'},
{field: 'positionRemark', sort: true, title: '备注'},
{field: 'createTime', sort: true, title: '创建时间'},
{field: 'updateTime', sort: true, title: '更新时间'},
{field: 'status', sort: true, templet: '#statusTpl', title: '状态'},
{align: 'center', toolbar: '#tableBar', title: '操作'}
]];
};

View File

@ -15,29 +15,23 @@ var PositionInfoDlg = {
}
};
layui.use(['form', 'admin', 'ax'], function () {
layui.use(['form', 'admin', 'ax', 'ajaxUtil'], function () {
var $ = layui.jquery;
var $ax = layui.ax;
var form = layui.form;
var admin = layui.admin;
var ajaxUtil = layui.ajaxUtil;
//表单提交事件
form.on('submit(btnSubmit)', function (data) {
var ajax = new $ax(Feng.ctxPath + "/hrPosition/add", function (data) {
ajaxUtil.post(Feng.ctxPath + "/hrPosition/add", JSON.stringify(data.field), function (res) {
admin.closeThisDialog();
Feng.success("添加成功!");
//传给上个页面刷新table用
admin.putTempData('formOk', true);
//关掉对话框
}, function (res) {
admin.closeThisDialog();
}, function (data) {
Feng.error("添加失败!" + data.responseJSON.message)
Feng.error("添加失败!" + res.responseJSON.message);
});
ajax.set(data.field);
ajax.start();
return false;
});
});

View File

@ -15,34 +15,30 @@ var PositionInfoDlg = {
}
};
layui.use(['form', 'admin', 'ax'], function () {
layui.use(['form', 'admin', 'ax', 'ajaxUtil'], function () {
var $ = layui.jquery;
var $ax = layui.ax;
var form = layui.form;
var admin = layui.admin;
var ajaxUtil = layui.ajaxUtil;
//获取详情信息,填充表单
var ajax = new $ax(Feng.ctxPath + "/hrPosition/detail?positionId=" + Feng.getUrlParam("positionId"));
var result = ajax.start();
form.val('positionForm', result.data);
ajaxUtil.get("/hrPosition/detail?positionId=" + Feng.getUrlParam("positionId"), function (res) {
form.val('positionForm', res.data);
}, function (res) {
admin.closeThisDialog();
Feng.error("编辑异常!" + res.responseJSON.message);
});
//表单提交事件
form.on('submit(btnSubmit)', function (data) {
var ajax = new $ax(Feng.ctxPath + "/hrPosition/edit", function (data) {
Feng.success("更新成功!");
//传给上个页面刷新table用
ajaxUtil.post(Feng.ctxPath + "/hrPosition/edit", JSON.stringify(data.field), function (res) {
Feng.success("修改成功!");
admin.putTempData('formOk', true);
//关掉对话框
admin.closeThisDialog();
}, function (data) {
Feng.error("更新失败!" + data.responseJSON.message)
}, function (res) {
admin.closeThisDialog();
Feng.error("修改失败!" + res.responseJSON.message);
});
ajax.set(data.field);
ajax.start();
return false;
});
});

View File

@ -7,6 +7,7 @@
<div class="layui-card-body">
<div class="layui-form-item layui-row">
<input name="positionId" type="hidden"/>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">职位名称<span style="color: red;">*</span></label>
<div class="layui-input-block">

View File

@ -7,22 +7,23 @@
<div class="layui-card-body">
<div class="layui-form-item layui-row">
<input name="positionId" type="hidden"/>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">职位名称<span style="color: red;">*</span></label>
<div class="layui-input-block">
<input id="name" name="name" placeholder="请输入职位名称" type="text" class="layui-input" lay-verify="required" required/>
<input id="positionName" name="positionName" placeholder="请输入职位名称" type="text" class="layui-input" lay-verify="required" required/>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">职位编码<span style="color: red;">*</span></label>
<div class="layui-input-block">
<input id="code" name="code" placeholder="请输入职位编码" type="text" class="layui-input" lay-verify="required" required/>
<input id="positionCode" name="positionCode" placeholder="请输入职位编码" type="text" class="layui-input" lay-verify="required" required/>
</div>
</div>
<div class="layui-inline layui-col-md12">
<label class="layui-form-label">顺序<span style="color: red;">*</span></label>
<div class="layui-input-block">
<input id="sort" name="sort" placeholder="请输入顺序" type="text" class="layui-input" lay-verify="required" required/>
<input id="positionSort" name="positionSort" placeholder="请输入顺序" type="text" class="layui-input" lay-verify="required" required/>
</div>
</div>
<div class="layui-inline layui-col-md12">