modify from https://github.com/gytai/KeFu.git
This commit is contained in:
parent
33316c9112
commit
894bed05b1
4
app.js
4
app.js
@ -17,12 +17,16 @@ app.set('view engine', 'ejs');
|
||||
|
||||
// uncomment after placing your favicon in /public
|
||||
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
|
||||
// 日志
|
||||
app.use(logger('dev'));
|
||||
app.use(bodyParser.json());
|
||||
app.use(bodyParser.urlencoded({ extended: false }));
|
||||
// cookie
|
||||
app.use(cookieParser());
|
||||
// 设置静态资源
|
||||
app.use(express.static(path.join(__dirname, 'public')));
|
||||
|
||||
//绑定路由
|
||||
app.use('/', index);
|
||||
app.use('/users', users);
|
||||
app.use('/message', message);
|
||||
|
6
bin/www
6
bin/www
@ -3,7 +3,6 @@
|
||||
/**
|
||||
* Module dependencies.
|
||||
*/
|
||||
|
||||
var app = require('../app');
|
||||
var debug = require('debug')('kefu:server');
|
||||
var http = require('http');
|
||||
@ -12,7 +11,6 @@ var ioSvc = require('../io/io');
|
||||
/**
|
||||
* Get port from environment and store in Express.
|
||||
*/
|
||||
|
||||
var port = normalizePort(process.env.PORT || '9010');
|
||||
app.set('port', port);
|
||||
|
||||
@ -28,7 +26,9 @@ ioSvc.ioServer(io);
|
||||
* Listen on provided port, on all network interfaces.
|
||||
*/
|
||||
|
||||
server.listen(port);
|
||||
server.listen(port,()=>{
|
||||
console.log("server is running,detail see http://localhost:%s",port);
|
||||
});
|
||||
server.on('error', onError);
|
||||
server.on('listening', onListening);
|
||||
|
||||
|
2
io/io.js
2
io/io.js
@ -43,7 +43,7 @@ function ioServer(io) {
|
||||
console.log(uid + '登录成功');
|
||||
|
||||
//通知用户上线
|
||||
if(uid != AppConfig.KEFUUUID){
|
||||
if(uid != AppConfig.KEFUUUID){ // 通知给管理员
|
||||
redis.get(AppConfig.KEFUUUID,function (err,sid) {
|
||||
if(err){
|
||||
console.error(err);
|
||||
|
@ -1,11 +1,14 @@
|
||||
var mongoose = require('../mongoose').mongoose;
|
||||
var mongoose = require('../utils/mongoose').mongoose;
|
||||
var crypto = require('crypto');
|
||||
|
||||
var Schema = mongoose.Schema;
|
||||
|
||||
// 管理员模型
|
||||
var UsersSchema = new Schema({
|
||||
username : { type:String },
|
||||
username: {type: String,index: true},
|
||||
password: {type: String},
|
||||
nickname: {type: String},
|
||||
description: {type: String,default:'欢迎咨询'},
|
||||
time: {type: Date, default: Date.now}
|
||||
});
|
||||
|
||||
@ -43,5 +46,24 @@ function reset_psw(username,psw_old,psw_new,callback) {
|
||||
});
|
||||
}
|
||||
|
||||
function findByUserName(username){
|
||||
return new Promise((resolve ,reject)=>{
|
||||
UsersModel.findOne({username},(err,res)=>{
|
||||
if(err) reject(err)
|
||||
else if(!res) resolve(null)
|
||||
else{
|
||||
resolve(res);
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
function updateInfo(username, nickname, description) {
|
||||
return new Promise((resovle, reject) => {
|
||||
UsersModel.findOneAndUpdate({username}, {nickname, description}, resovle);
|
||||
})
|
||||
}
|
||||
|
||||
exports.updateInfo = updateInfo;
|
||||
exports.findByUserName = findByUserName;
|
||||
exports.login = login;
|
||||
exports.reset_psw = reset_psw;
|
10
package.json
10
package.json
@ -11,12 +11,14 @@
|
||||
"debug": "~2.6.3",
|
||||
"ejs": "~2.5.6",
|
||||
"express": "~4.15.2",
|
||||
"express-session": "^1.16.2",
|
||||
"lib-qqwry": "^1.3.1",
|
||||
"mongoose": "^4.12.5",
|
||||
"morgan": "~1.8.1",
|
||||
"qiniu": "^7.1.1",
|
||||
"redis": "^2.8.0",
|
||||
"serve-favicon": "~2.4.2",
|
||||
"socket.io": "~2.0.4",
|
||||
"socket.io-client":"^2.0.4",
|
||||
"redis":"^2.8.0",
|
||||
"mongoose":"^4.12.5",
|
||||
"qiniu":"^7.1.1"
|
||||
"socket.io-client": "^2.0.4"
|
||||
}
|
||||
}
|
||||
|
@ -6,10 +6,11 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
|
||||
var currentUUID = '';
|
||||
var uuid = '';
|
||||
// 创建socket连接
|
||||
var socket = io.connect('http://' + document.domain + ':9010', {
|
||||
"transports":['websocket', 'polling']
|
||||
"transports": ['websocket', 'polling'],
|
||||
autoConnect: false
|
||||
});
|
||||
|
||||
var uuids = [];
|
||||
var online_num = 0;
|
||||
|
||||
@ -44,12 +45,14 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
div.scrollTop = div.scrollHeight;
|
||||
}
|
||||
|
||||
// 添加新的节点
|
||||
function insert_section(uid) {
|
||||
var html = '<section class="user-section" style="display:none;" id="section-' + uid + '"></section>';
|
||||
$(".message-container").append(html);
|
||||
get_message(uid);
|
||||
}
|
||||
|
||||
// 添加管理员消息
|
||||
function insert_agent_html(msg) {
|
||||
var time = dateFormat();
|
||||
if (msg.time) {
|
||||
@ -80,7 +83,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
$('#section-' + msg.uid).append(html);
|
||||
}
|
||||
|
||||
|
||||
// 添加客户端消息
|
||||
function insert_client_html(msg) {
|
||||
var time = dateFormat();
|
||||
if (msg.time) {
|
||||
@ -110,6 +113,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
$('#section-' + msg.uid).append(html);
|
||||
}
|
||||
|
||||
|
||||
function insert_user_html(id, name) {
|
||||
var html = '<div class="user-info layui-row" id="' + id + '">\n' +
|
||||
' <div class="layui-col-xs3 user-avatar">\n' +
|
||||
@ -121,6 +125,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
$('.chat-user').append(html);
|
||||
}
|
||||
|
||||
//设置消息状态
|
||||
function msg_sender_status(status) {
|
||||
if (status) {
|
||||
$(".btnMsgSend").removeClass("layui-btn-disabled");
|
||||
@ -133,6 +138,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
}
|
||||
}
|
||||
|
||||
//消息提醒
|
||||
function msg_notification(msg) {
|
||||
$(".chat-user #" + msg.uid + " .msg-tips").show();
|
||||
if (window.Notification && Notification.permission !== "denied") {
|
||||
@ -142,6 +148,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
}
|
||||
}
|
||||
|
||||
//设置 在线状态(人数)
|
||||
function update_online_status() {
|
||||
var num = uuids.length;
|
||||
if (online_num > num) {
|
||||
@ -163,6 +170,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
"chat_type": 'text'
|
||||
};
|
||||
socket.emit('message', msg_sender);
|
||||
//将发送的消息添加到页面中
|
||||
insert_agent_html(msg_sender);
|
||||
scrollToBottom();
|
||||
$("#msg-send-textarea").val('');
|
||||
@ -216,76 +224,11 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
});
|
||||
}
|
||||
|
||||
//发送消息
|
||||
$(".btnMsgSend").click(function () {
|
||||
msg_send();
|
||||
});
|
||||
|
||||
$(".picture-upload").click(function () {
|
||||
var uploader = Qiniu.uploader({
|
||||
runtimes: 'html5,flash,html4', // 上传模式,依次退化
|
||||
browse_button: 'pickfiles', // 上传选择的点选按钮,必需
|
||||
uptoken_url: '/uptoken', // Ajax请求uptoken的Url,强烈建议设置(服务端提供)
|
||||
get_new_uptoken: false, // 设置上传文件的时候是否每次都重新获取新的uptoken
|
||||
domain: 'http://kefuimg.chinameyer.com/', // bucket域名,下载资源时用到,必需
|
||||
container: 'btn-uploader', // 上传区域DOM ID,默认是browser_button的父元素
|
||||
max_file_size: '10mb', // 最大文件体积限制
|
||||
flash_swf_url: 'path/of/plupload/Moxie.swf', //引入flash,相对路径
|
||||
max_retries: 3, // 上传失败最大重试次数
|
||||
dragdrop: false, // 开启可拖曳上传
|
||||
drop_element: 'btn-uploader', // 拖曳上传区域元素的ID,拖曳文件或文件夹后可触发上传
|
||||
chunk_size: '4mb', // 分块上传时,每块的体积
|
||||
auto_start: true, // 选择文件后自动上传,若关闭需要自己绑定事件触发上传
|
||||
unique_names: true,
|
||||
filters : {
|
||||
max_file_size : '10mb',
|
||||
prevent_duplicates: true,
|
||||
// Specify what files to browse for
|
||||
mime_types: [
|
||||
{title : "Image files", extensions : "jpg,gif,png,bmp"}, // 限定jpg,gif,png后缀上传
|
||||
]
|
||||
},
|
||||
init: {
|
||||
'FilesAdded': function(up, files) {
|
||||
plupload.each(files, function(file) {
|
||||
// 文件添加进队列后,处理相关的事情
|
||||
});
|
||||
},
|
||||
'BeforeUpload': function(up, file) {
|
||||
// 每个文件上传前,处理相关的事情
|
||||
},
|
||||
'UploadProgress': function(up, file) {
|
||||
// 每个文件上传时,处理相关的事情
|
||||
},
|
||||
'FileUploaded': function(up, file, info) {
|
||||
// 查看简单反馈
|
||||
var domain = up.getOption('domain');
|
||||
var res = JSON.parse(info);
|
||||
var sourceLink = domain +"/"+ res.key;
|
||||
|
||||
var msg_sender = {
|
||||
"type":'private',
|
||||
"uid":currentUUID,
|
||||
"content":'图片消息',
|
||||
"from_uid":uuid,
|
||||
"chat_type":'image',
|
||||
"image":sourceLink
|
||||
};
|
||||
socket.emit('message', msg_sender);
|
||||
insert_agent_html(msg_sender);
|
||||
scrollToBottom();
|
||||
},
|
||||
'Error': function(up, err, errTip) {
|
||||
//上传出错时,处理相关的事情
|
||||
$.toast("上传失败");
|
||||
},
|
||||
'UploadComplete': function() {
|
||||
//队列文件处理完毕后,处理相关的事情
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$(".emoji-list li").click(function () {
|
||||
var content = $("#msg-send-textarea").val();
|
||||
$("#msg-send-textarea").val(content + " " + $(this).html() + " ");
|
||||
@ -299,7 +242,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
//连接服务器
|
||||
socket.on('connect', function () {
|
||||
console.log('连接成功...');
|
||||
uuid = 'chat-kefu-admin';
|
||||
uuid = 'chat-admin-' + data.username;
|
||||
var ip = $("#keleyivisitorip").html();
|
||||
var msg = {
|
||||
"uid": uuid,
|
||||
@ -369,6 +312,34 @@ layui.use(['layer', 'form', 'jquery'], function () {
|
||||
$(".chat-user #" + uid + " .msg-tips").hide();
|
||||
});
|
||||
|
||||
const showLoginView = () => {
|
||||
layer.prompt({
|
||||
formType: 0,
|
||||
title: '请先输入工号进行登录',
|
||||
btnAlign: 'c',
|
||||
btn: [' 登录 '],
|
||||
closeBtn: 0,
|
||||
shade :0.7,
|
||||
value: ''
|
||||
}, function (username, index, elem) {
|
||||
$.post('/admin/login', {username}, (res) => {
|
||||
if (res.code != 200) {
|
||||
layer.msg(res.message);
|
||||
return;
|
||||
}
|
||||
layer.msg('登录成功');
|
||||
layer.closeAll();
|
||||
console.log(res);
|
||||
// location.reload();
|
||||
}, 'json').fail(() => {
|
||||
layer.msg('登录异常请重试')
|
||||
})
|
||||
});
|
||||
}
|
||||
if (!data.username) {
|
||||
showLoginView();
|
||||
} else {
|
||||
init();
|
||||
get_users();
|
||||
}
|
||||
});
|
@ -2,14 +2,25 @@ var express = require('express');
|
||||
var router = express.Router();
|
||||
var AppConfig = require('../config');
|
||||
var qiniu = require('qiniu');
|
||||
var msgModel = require('../model/message');
|
||||
var userModel = require('./../model/users');
|
||||
|
||||
router.get('/', function(req, res, next) {
|
||||
res.render('./server/index');
|
||||
});
|
||||
const getViewAdmin = (req) => {
|
||||
|
||||
router.get('/admin', function(req, res, next) {
|
||||
res.render('./server/index');
|
||||
});
|
||||
let data = {
|
||||
username: null
|
||||
}
|
||||
if (req.cookies && req.cookies.username) {
|
||||
data.username = req.cookies.username
|
||||
}
|
||||
return data;
|
||||
};
|
||||
const adminIndexHandler = (req, res, next) => {
|
||||
let data = getViewAdmin(req)
|
||||
res.render('./server/index', data);
|
||||
}
|
||||
router.get('/', adminIndexHandler);
|
||||
router.get('/admin', adminIndexHandler);
|
||||
|
||||
router.get('/client', function (req, res, next) {
|
||||
res.render('./client/index');
|
||||
@ -20,9 +31,61 @@ router.get('/admin/users', function(req, res, next) {
|
||||
});
|
||||
|
||||
router.get('/admin/setup', function (req, res, next) {
|
||||
res.render('./server/setup');
|
||||
let data = getViewAdmin(req)
|
||||
res.render('./server/setup', data);
|
||||
});
|
||||
|
||||
router.post('/admin/update', async (req, res, next) => {
|
||||
// userModel.updateInfo()
|
||||
let data = req.body;
|
||||
let cookie = req.cookies;
|
||||
if (!cookie.username) {
|
||||
res.send({code: 403, message: '工号格式不正确'});
|
||||
return;
|
||||
}
|
||||
if (!data.nickname) {
|
||||
res.send({code: 500, message: '昵称不能为空'});
|
||||
return;
|
||||
}
|
||||
try {
|
||||
await userModel.findByUserName(cookie.username);
|
||||
await userModel.updateInfo(cookie.username, data.nickname, data.description)
|
||||
res.send({code: 200});
|
||||
} catch (e) {
|
||||
res.send({code: 500, message: e.toString()});
|
||||
}
|
||||
});
|
||||
router.post('/admin/login', async function (req, res, next) {
|
||||
console.log('/admin/login');
|
||||
let data = req.body;
|
||||
if (!data.username) {
|
||||
res.send({code: 201, message: '工号格式不正确'})
|
||||
return;
|
||||
}
|
||||
try {
|
||||
let user = await userModel.findByUserName(data.username);
|
||||
if (user) {
|
||||
let maxAge = 60 * 1000 * 60 * 24 * 30,httpOnly = true;
|
||||
res.cookie('username', user.username, {httpOnly,httpOnly}) // 该处是设置 cookie 与 httpOnly
|
||||
res.cookie('token', user._id, {httpOnly,httpOnly}) // 该处是设置 cookie 与 httpOnly
|
||||
// req.cookies.set('username', user.username);
|
||||
// req.cookies.set('token', user._id);
|
||||
res.send({
|
||||
code: 200, user: {
|
||||
token: user._id,
|
||||
username: user.username
|
||||
}
|
||||
});
|
||||
} else {
|
||||
res.send({code: 403, message: '工号不存在或者格式不正确'})
|
||||
}
|
||||
} catch (e) {
|
||||
console.log('err', e);
|
||||
res.send({code: 500, message: e.toString()});
|
||||
}
|
||||
});
|
||||
|
||||
// 七牛上传
|
||||
router.get('/uptoken', function (req, res, next) {
|
||||
var mac = new qiniu.auth.digest.Mac(AppConfig.QINIU.accessKey, AppConfig.QINIU.secretKey);
|
||||
var options = {
|
||||
|
8
test.js
Normal file
8
test.js
Normal file
@ -0,0 +1,8 @@
|
||||
var libqqwry = require('lib-qqwry');
|
||||
var qqwry = libqqwry() //初始化IP库解析器
|
||||
qqwry.speed(); //启用急速模式;
|
||||
|
||||
var ipInfo = qqwry.searchIP("202.103.102.10"); //查询IP信息
|
||||
console.log(ipInfo)
|
||||
ipInfo = qqwry.searchIP("127.0.0.1"); //查询IP信息
|
||||
console.log(ipInfo)
|
@ -1,4 +1,7 @@
|
||||
var http = require('http');
|
||||
var libqqwry = require('lib-qqwry');
|
||||
var qqwry = libqqwry() //初始化IP库解析器
|
||||
qqwry.speed(); //启用急速模式;
|
||||
|
||||
function getClientIp(req) {
|
||||
return req.headers['x-forwarded-for'] ||
|
||||
@ -8,22 +11,20 @@ function getClientIp(req) {
|
||||
};
|
||||
|
||||
function getIpLocation(ip, callback) {
|
||||
http.get('http://ip.taobao.com/service/getIpInfo.php?ip='+ip,function(req,res){
|
||||
var html='';
|
||||
req.on('data',function(data){
|
||||
html+=data;
|
||||
});
|
||||
req.on('end',function(){
|
||||
console.info(html);
|
||||
var json = JSON.parse(html);
|
||||
if(json.code == 0){
|
||||
return callback(null,json.data.region + json.data.city);
|
||||
return setTimeout(() => {
|
||||
try {
|
||||
let data = qqwry.searchIP(ip)
|
||||
if (!data) {
|
||||
callback(new Error('get ip exception'), ip);
|
||||
} else {
|
||||
return callback(json.data,null);
|
||||
let area = data.Area.trim().toLowerCase().replace('cz88.net', '');
|
||||
callback(false, data.Country + ' ' + area);
|
||||
}
|
||||
} catch (e) {
|
||||
callback(e, ip);
|
||||
|
||||
});
|
||||
});
|
||||
}
|
||||
}, 10);
|
||||
}
|
||||
|
||||
exports.getClientIp = getClientIp;
|
||||
|
@ -20,7 +20,7 @@
|
||||
<!-- 标题栏 -->
|
||||
<header class="bar bar-nav">
|
||||
<a href="tel:10086"><span class="icon icon-phone pull-left open-panel"></span></a>
|
||||
<h1 class="title">客服系统<span id="keleyivisitorip" style="display: none;"></span></h1>
|
||||
<h1 class="title">客服系统<span id="keleyivisitorip" style="display: none;"><script src="//api.wm-app.xyz/getIp.php?js"></script></span></h1>
|
||||
</header>
|
||||
<!-- 这里是页面内容区 -->
|
||||
<div class="content">
|
||||
@ -63,7 +63,6 @@
|
||||
<script type="text/javascript" src="http://cdn.staticfile.org/plupload/2.1.9/moxie.min.js"></script>
|
||||
<script type="text/javascript" src="http://cdn.staticfile.org/plupload/2.1.9/plupload.min.js"></script>
|
||||
<script type="text/javascript" src="http://cdn.staticfile.org/qiniu-js-sdk/1.0.14-beta/qiniu.min.js"></script>
|
||||
<script type="text/javascript" src="http://tool.keleyi.com/ip/visitoriphost/"></script>
|
||||
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
|
||||
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
|
||||
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
|
||||
|
12
views/error.ejs
Normal file
12
views/error.ejs
Normal file
@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Error</h1>
|
||||
</body>
|
||||
</html>
|
@ -56,12 +56,17 @@
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
var data = {
|
||||
username:'<%= username %>'
|
||||
};
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<ul class="layui-nav" lay-filter="nav-admin">
|
||||
<li class="layui-nav-item admin-index"><a href="/admin">我的对话</a></li>
|
||||
<li class="layui-nav-item admin-users"><a href="/admin/users">访客</a></li>
|
||||
<!--<li class="layui-nav-item admin-users"><a href="/admin/users">访客</a></li>-->
|
||||
<li class="layui-nav-item admin-setup"><a href="/admin/setup">设置</a></li>
|
||||
<li class="layui-nav-item"><a href="##">切换工号</a></li>
|
||||
</ul>
|
||||
|
||||
|
@ -4,7 +4,9 @@
|
||||
<div class="friend">
|
||||
<div class="friend-head">
|
||||
<span class="friend-head-right">0人</span>
|
||||
<span class="help-my-chat">我的对话<span id="keleyivisitorip" style="display: none;"></span></span>
|
||||
<span class="help-my-chat">我的对话
|
||||
<span id="keleyivisitorip" style="display: none;"><script src="//api.wm-app.xyz/getIp.php?js"></script></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="chat-user">
|
||||
|
||||
@ -45,10 +47,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="http://tool.keleyi.com/ip/visitoriphost/"></script>
|
||||
<script type="text/javascript" src="http://cdn.staticfile.org/plupload/2.1.9/moxie.min.js"></script>
|
||||
<script type="text/javascript" src="http://cdn.staticfile.org/plupload/2.1.9/plupload.min.js"></script>
|
||||
<script type="text/javascript" src="http://cdn.staticfile.org/qiniu-js-sdk/1.0.14-beta/qiniu.min.js"></script>
|
||||
<script src="/layui/layui.js"></script>
|
||||
<script src="/socket.io/socket.io.js"></script>
|
||||
<script type='text/javascript' src='js/common.js' charset='utf-8'></script>
|
||||
|
@ -1,7 +1,27 @@
|
||||
<% include header.ejs %>
|
||||
|
||||
<div class="layui-container" style="text-align: center;">
|
||||
敬请期待
|
||||
<div class="layui-container" style="text-align: center;margin-top:3rem;">
|
||||
<form class="layui-form form-update-info" action="/admin/update">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">昵称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="nickname" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
|
||||
class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">开场描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" placeholder="在打开客服时自动发送的消息内容" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button type="submit" class="layui-btn submit-btn" lay-submit lay-filter="formDemo">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script src="/layui/layui.js"></script>
|
||||
@ -13,7 +33,22 @@
|
||||
, $ = layui.jquery;
|
||||
|
||||
$(".admin-setup").addClass("layui-this");
|
||||
|
||||
$('.form-update-info').on('submit', function () {
|
||||
let frm = $(this);
|
||||
layer.load(1);
|
||||
$.post(frm.attr('action'), frm.serializeArray(), (res) => {
|
||||
layer.closeAll()
|
||||
if (res.code != 200) {
|
||||
layer.alert(res.message);
|
||||
return;
|
||||
}
|
||||
layer.alert('更新数据成功~');
|
||||
}, 'json').fail(() => {
|
||||
layer.closeAll()
|
||||
layer.alert('更新数据异常请重试');
|
||||
});
|
||||
return false;
|
||||
})
|
||||
});
|
||||
</script>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user