li
1b24994e74
- Contract.php: 返回合约账户余额(balance_contract) - My.php: 地址管理增加BTC/ETH - AppContract.php: 一键平仓(closeall) - AppProxy.php: 代理专属注册链接 + 分级权限(L1/L2) - site.php: 手续费减半(0.018→0.009) - agent_permission_setup.sql: 代理权限SQL - crypto_news_crawler.py: 新闻自动采集脚本
1114 lines
40 KiB
JavaScript
Executable File
1114 lines
40 KiB
JavaScript
Executable File
/**
|
|
* Kefu v1.0.7
|
|
* FastAdmin在线客服系统-手机调用客服单页
|
|
* https://www.fastadmin.net/store/kefu.html
|
|
*
|
|
* Copyright 2020 白衣素袖
|
|
*
|
|
* FastAdmin在线客服系统不是开源产品，所有文字、图片、样式、风格等版权归在线客服作者所有，如有复制、仿冒、抄袭、盗用，FastAdmin和在线客服作者将追究法律责任
|
|
*
|
|
* Released on: November 6, 2020
|
|
*/
|
|
|
|
// 音频播放器
|
|
window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext || window.msAudioContext;
|
|
|
|
var KeFu = {
|
|
ws: {
|
|
SocketTask: null,
|
|
Timer: null,// 计时器
|
|
ErrorMsg: [],// 发送失败的消息
|
|
MaxRetryCount: 3,// 最大重连次数
|
|
CurrentRetryCount: 0,// 当前重试次数
|
|
url: null
|
|
},
|
|
audio: {
|
|
context: new window.AudioContext(),
|
|
source: null,
|
|
buffer: null
|
|
},
|
|
config: null, // 初始化后,包含所有的客服插件配置
|
|
url: null,
|
|
fixed_csr: 0,
|
|
token_list: [],
|
|
csr: "",// 当前用户的客服代表ID
|
|
session_id: 0,// 会话ID
|
|
session_user: "",// 带身份标识的用户ID
|
|
show_send: false, // 是否显示发送按钮
|
|
record_scroll_height: 0,// 聊天记录滚动条高度
|
|
emoji_config: [
|
|
{'title': '[zy]', 'src': '/emoji/1.png'},
|
|
{'title': '[zm]', 'src': '/emoji/2.png'},
|
|
{'title': '[jy]', 'src': '/emoji/3.png'},
|
|
{'title': '[jyb]', 'src': '/emoji/4.png'},
|
|
{'title': '[bx]', 'src': '/emoji/5.png'},
|
|
{'title': '[kzn]', 'src': '/emoji/6.png'},
|
|
{'title': '[gg]', 'src': '/emoji/7.png'},
|
|
{'title': '[ll]', 'src': '/emoji/8.png'},
|
|
{'title': '[jyll]', 'src': '/emoji/9.png'},
|
|
{'title': '[o]', 'src': '/emoji/10.png'},
|
|
{'title': '[yz]', 'src': '/emoji/11.png'},
|
|
{'title': '[wx]', 'src': '/emoji/12.png'},
|
|
{'title': '[zyb]', 'src': '/emoji/13.png'},
|
|
{'title': '[tp]', 'src': '/emoji/14.png'},
|
|
{'title': '[wxb]', 'src': '/emoji/15.png'},
|
|
{'title': '[zyc]', 'src': '/emoji/16.png'},
|
|
{'title': '[llb]', 'src': '/emoji/17.png'},
|
|
{'title': '[xm]', 'src': '/emoji/18.png'},
|
|
{'title': '[qz]', 'src': '/emoji/19.png'},
|
|
{'title': '[zmb]', 'src': '/emoji/20.png'},
|
|
{'title': '[kx]', 'src': '/emoji/21.png'},
|
|
{'title': '[mm]', 'src': '/emoji/22.png'},
|
|
{'title': '[bz]', 'src': '/emoji/23.png'},
|
|
{'title': '[bkx]', 'src': '/emoji/24.png'},
|
|
{'title': '[mg]', 'src': '/emoji/25.png'},
|
|
{'title': '[pz]', 'src': '/emoji/26.png'},
|
|
{'title': '[pzb]', 'src': '/emoji/27.png'},
|
|
{'title': '[wxc]', 'src': '/emoji/28.png'},
|
|
{'title': '[jyc]', 'src': '/emoji/29.png'},
|
|
{'title': '[jyd]', 'src': '/emoji/30.png'},
|
|
{'title': '[dm]', 'src': '/emoji/31.png'},
|
|
{'title': '[tpb]', 'src': '/emoji/32.png'},
|
|
{'title': '[tpc]', 'src': '/emoji/33.png'},
|
|
{'title': '[tpd]', 'src': '/emoji/34.png'},
|
|
{'title': '[ly]', 'src': '/emoji/35.png'},
|
|
{'title': '[zyd]', 'src': '/emoji/36.png'},
|
|
],
|
|
initialize: function (url = document.domain, modulename = 'index', fixed_csr = 0) {
|
|
|
|
KeFu.url = url;
|
|
let url_fixed_csr = KeFu.getQueryVariable('fixed_csr');
|
|
KeFu.fixed_csr = url_fixed_csr ? url_fixed_csr : fixed_csr;
|
|
var initialize_url = KeFu.buildUrl(url, modulename, 'initialize');
|
|
|
|
$.ajax({
|
|
url: initialize_url,
|
|
success: function (data) {
|
|
|
|
if (data.code == 401) {
|
|
layer.msg(data.msg);
|
|
return;
|
|
} else if (data.code != 1) {
|
|
layer.msg(data.msg);
|
|
return;
|
|
}
|
|
|
|
KeFu.config = data.data.config;
|
|
KeFu.token_list = data.data.token_list;
|
|
if (KeFu.token_list.kefu_tourists_token) {
|
|
localStorage.setItem('kefu_tourists_token', KeFu.token_list.kefu_tourists_token);
|
|
}
|
|
|
|
if (data.data.new_msg) {
|
|
KeFu.newMessagePrompt();
|
|
} else if (!localStorage.getItem('kefu_new_user')) {
|
|
KeFu.newMessagePrompt();
|
|
}
|
|
|
|
// 构建ws和上传文件的url
|
|
KeFu.ws.url = KeFu.buildUrl(url, modulename, 'ws', KeFu.config.websocket_port);
|
|
KeFu.config.upload.uploadurl = KeFu.buildUrl(url, modulename, "upload");
|
|
|
|
// 初始化表情
|
|
if (!$('#kefu_emoji').html()) {
|
|
|
|
for (var i in KeFu.emoji_config) {
|
|
$('#kefu_emoji').append(KeFu.buildChatImg(KeFu.emoji_config[i].src, KeFu.emoji_config[i].title, 'emoji'));
|
|
}
|
|
|
|
}
|
|
|
|
// 立即链接 Websocket
|
|
KeFu.ConnectSocket();
|
|
|
|
KeFu.eventReg();
|
|
|
|
// 初始化文件md5库
|
|
if (KeFu.config.upload.storage != 'local') {
|
|
$.getScript(KeFu.buildUrl(KeFu.url, KeFu.config.modulename, 'spark'), function () {
|
|
|
|
// 更新云存储multipart
|
|
$(document).on('click', '#chatfile', function () {
|
|
var user_initialize = {
|
|
c: 'Message',
|
|
a: 'getUploadMultipart'
|
|
};
|
|
KeFu.wsSend(user_initialize);
|
|
});
|
|
|
|
KeFu.getFileMd5 = function (file, cb) {
|
|
var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice,
|
|
chunkSize = 2097152,
|
|
chunks = Math.ceil(file.size / chunkSize),
|
|
currentChunk = 0,
|
|
spark = new $.fn.SparkMD5.ArrayBuffer(),
|
|
fileReader = new FileReader();
|
|
|
|
fileReader.onload = function (e) {
|
|
spark.append(e.target.result);
|
|
currentChunk++;
|
|
if (currentChunk < chunks) {
|
|
loadNext();
|
|
} else {
|
|
cb && cb(spark.end());
|
|
}
|
|
};
|
|
|
|
fileReader.onerror = function () {
|
|
layer.msg('文件读取错误，请重试！');
|
|
};
|
|
|
|
function loadNext() {
|
|
var start = currentChunk * chunkSize,
|
|
end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize;
|
|
|
|
fileReader.readAsArrayBuffer(blobSlice.call(file, start, end));
|
|
}
|
|
|
|
loadNext();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
},
|
|
ConnectSocket: function () {
|
|
if ("WebSocket" in window) {
|
|
var ws = new WebSocket(KeFu.ws.url);
|
|
KeFu.ws.SocketTask = ws;
|
|
|
|
ws.onopen = function () {
|
|
|
|
// 重新发送所有出错的消息
|
|
if (KeFu.ws.ErrorMsg.length > 0) {
|
|
|
|
for (let i in KeFu.ws.ErrorMsg) {
|
|
KeFu.wsSend(KeFu.ws.ErrorMsg[i]);
|
|
}
|
|
|
|
KeFu.ws.ErrorMsg = [];
|
|
}
|
|
|
|
if (KeFu.ws.Timer != null) {
|
|
clearInterval(KeFu.ws.Timer);
|
|
}
|
|
|
|
KeFu.ws.Timer = setInterval(KeFu.wsSend, 28000);//定时发送心跳
|
|
};
|
|
|
|
ws.onmessage = function (evt) {
|
|
var msg = $.parseJSON(evt.data);
|
|
let action = KeFu.domsg[msg.msgtype] || KeFu.domsg['default']
|
|
action.call(this, msg)
|
|
};
|
|
|
|
ws.onclose = function (e) {
|
|
|
|
if (KeFu.ws.Timer != null) {
|
|
clearInterval(KeFu.ws.Timer);
|
|
}
|
|
|
|
KeFu.ws.ws_error = true;
|
|
$('#kefu_error').html('网络链接已断开');
|
|
if (KeFu.ws.MaxRetryCount) {
|
|
KeFu.ws.Timer = setInterval(KeFu.retryWebSocket, 3000);//每3秒重新连接一次
|
|
}
|
|
};
|
|
|
|
ws.onerror = function (e) {
|
|
// 错误
|
|
KeFu.ws.ws_error = true;
|
|
$('#kefu_error').html('WebSocket 发生错误');
|
|
layer.msg('WebSocket 发生错误');
|
|
};
|
|
} else {
|
|
KeFu.ws.ws_error = true;
|
|
layer.msg(KeFu.config.chat_name + '：您的浏览器不支持 WebSocket!');
|
|
}
|
|
},
|
|
retryWebSocket: function () {
|
|
if (KeFu.ws.CurrentRetryCount < KeFu.ws.MaxRetryCount) {
|
|
KeFu.ws.CurrentRetryCount++;
|
|
KeFu.ConnectSocket();
|
|
console.log('重连 WebSocket 第' + KeFu.ws.CurrentRetryCount + '次');
|
|
} else {
|
|
if (KeFu.ws.Timer != null) {
|
|
clearInterval(KeFu.ws.Timer);
|
|
}
|
|
|
|
console.log('每隔10秒将再次尝试重连 WebSocket')
|
|
KeFu.ws.Timer = setInterval(KeFu.ConnectSocket, 10000);//每10秒重新连接一次
|
|
}
|
|
},
|
|
domsg: {
|
|
default: (msg) => {
|
|
// console.log('default', msg);
|
|
},
|
|
initialize: (msg) => {
|
|
$('#kefu_error').html('');
|
|
|
|
if (KeFu.ws.ws_error) {
|
|
KeFu.ws.CurrentRetryCount = 0;
|
|
KeFu.ws.ws_error = false;
|
|
}
|
|
|
|
if (msg.data.new_msg) {
|
|
KeFu.newMessagePrompt();
|
|
}
|
|
|
|
// 分配/获取客服->获取聊天记录
|
|
var user_initialize = {
|
|
c: 'Message',
|
|
a: 'userInitialize',
|
|
data: {
|
|
fixed_csr: KeFu.fixed_csr
|
|
}
|
|
};
|
|
KeFu.wsSend(user_initialize);
|
|
},
|
|
user_initialize: (msg) => {
|
|
// 用户客服分配结束
|
|
if (msg.code == 1) {
|
|
|
|
if (msg.data.session.user_tourists) {
|
|
KeFu.sendMessage = function () {
|
|
layer.msg('为保护您的隐私请,请登录后发送消息~');
|
|
}
|
|
}
|
|
|
|
KeFu.csr = msg.data.session.csr;
|
|
KeFu.session_id = msg.data.session.id;
|
|
KeFu.toggleWindowView('chat_wrapper');
|
|
$('#header_title').html('客服 ' + msg.data.session.nickname + ' 为您服务');
|
|
KeFu.changeCsrStatus(msg.data.session.csr_status);
|
|
} else if (msg.code == 302) {
|
|
|
|
if (!KeFu.csr) {
|
|
|
|
// 打开留言板
|
|
KeFu.csr = 'none';
|
|
KeFu.toggleWindowView('kefu_leave_message');
|
|
$('#header_title').html('当前无客服在线哦~');
|
|
} else {
|
|
layer.msg('当前客服暂时离开,您可以直接发送离线消息~');
|
|
}
|
|
|
|
}
|
|
},
|
|
leave_message: (msg) => {
|
|
layer.msg(msg.msg);
|
|
$('#kefu_leave_message form')[0].reset()
|
|
},
|
|
show_msg: (msg) => {
|
|
layer.msg(msg.msg);
|
|
},
|
|
clear: (msg) => {
|
|
if (msg.msg) {
|
|
layer.msg(msg.msg);
|
|
}
|
|
|
|
var clear = {
|
|
c: 'Message',
|
|
a: 'clear'
|
|
};
|
|
KeFu.wsSend(clear);
|
|
|
|
KeFu.retryWebSocket = function () {
|
|
clearInterval(KeFu.ws.Timer)
|
|
};
|
|
},
|
|
offline: (msg) => {
|
|
if (msg.user_id == KeFu.csr) {
|
|
KeFu.changeCsrStatus(0);
|
|
}
|
|
},
|
|
online: (msg) => {
|
|
// 来自 admin 的用户上线了
|
|
if (msg.modulename == 'admin') {
|
|
|
|
if (msg.user_id == KeFu.csr) {
|
|
KeFu.changeCsrStatus(3);
|
|
} else if (KeFu.csr == 'none') {
|
|
// 重新为用户分配客服代表
|
|
var user_initialize = {
|
|
c: 'Message',
|
|
a: 'userInitialize'
|
|
};
|
|
KeFu.wsSend(user_initialize);
|
|
}
|
|
}
|
|
},
|
|
chat_record: (msg) => {
|
|
if (msg.data.page == 1) {
|
|
$('.chat_wrapper').html('');
|
|
}
|
|
|
|
var chat_record = msg.data.chat_record;
|
|
KeFu.chat_record_page = msg.data.next_page;
|
|
|
|
for (let i in chat_record) {
|
|
|
|
if (msg.data.page == 1) {
|
|
KeFu.buildPrompt(chat_record[i].datetime, msg.data.page);
|
|
}
|
|
|
|
for (let y in chat_record[i].data) {
|
|
KeFu.buildRecord(chat_record[i].data[y], msg.data.page)
|
|
}
|
|
|
|
if (msg.data.page != 1) {
|
|
KeFu.buildPrompt(chat_record[i].datetime, msg.data.page);
|
|
}
|
|
}
|
|
|
|
if (msg.data.page == 1) {
|
|
setTimeout(function () {
|
|
$('.chat_wrapper').scrollTop($('.chat_wrapper')[0].scrollHeight);
|
|
}, 150)
|
|
} else {
|
|
$('.chat_wrapper').scrollTop($('.chat_wrapper')[0].scrollHeight - KeFu.record_scroll_height);
|
|
}
|
|
},
|
|
csr_change_status: (msg) => {
|
|
if (KeFu.csr == msg.data.csr) {
|
|
KeFu.changeCsrStatus(msg.data.csr_status);
|
|
}
|
|
},
|
|
transfer_done: (msg) => {
|
|
KeFu.csr = msg.data.csr;
|
|
$('#header_title').html('客服 ' + msg.data.nickname + ' 为您服务');
|
|
},
|
|
new_message: (msg) => {
|
|
if ($('.chat_wrapper').children('.status').children('span').eq(0).html() == '还没有消息') {
|
|
$('.chat_wrapper').children('.status').children('span').eq(0).html('刚刚');
|
|
}
|
|
|
|
KeFu.newMessagePrompt();
|
|
|
|
KeFu.buildRecord(msg.data, 1);
|
|
|
|
if (msg.data.session_id == KeFu.session_id) {
|
|
|
|
$('#kefu_input_status').html('');
|
|
|
|
$('.chat_wrapper').scrollTop($('.chat_wrapper')[0].scrollHeight);
|
|
|
|
var load_message = {
|
|
c: 'Message',
|
|
a: 'readMessage',
|
|
data: {
|
|
record_id: msg.data.record_id,
|
|
session_id: KeFu.session_id
|
|
}
|
|
};
|
|
|
|
KeFu.wsSend(load_message);
|
|
return;
|
|
}
|
|
},
|
|
send_message: (msg) => {
|
|
if (!msg.data.message_id) {
|
|
return;
|
|
}
|
|
|
|
if (msg.code == 1) {
|
|
let message_record = $('.kefu_message_' + msg.data.message_id);
|
|
message_record.text('未读');
|
|
message_record.removeClass('kefu_message_' + msg.data.message_id);
|
|
message_record.addClass('kefu_message_' + msg.data.id);
|
|
} else {
|
|
$('.kefu_message_' + msg.data.message_id).addClass('kf-text-red').text('失败');
|
|
layer.msg(msg.data.msg)
|
|
}
|
|
},
|
|
read_message_done: (msg) => {
|
|
|
|
if (msg.data.record_id == 'all') {
|
|
if (KeFu.session_id == msg.data.session_id) {
|
|
$('.kefu_message_status').addClass('kf-text-grey').text('已读');
|
|
}
|
|
} else {
|
|
let message_record = $('.kefu_message_' + msg.data.record_id);
|
|
message_record.addClass('kf-text-grey').text('已读');
|
|
}
|
|
|
|
},
|
|
message_input: (msg) => {
|
|
var input_status_display = parseInt(KeFu.config.input_status_display);
|
|
if (input_status_display == 0 || input_status_display == 2) {
|
|
return;
|
|
}
|
|
|
|
if (msg.data.type == 'input') {
|
|
$('#kefu_input_status').html('对方正在输入...');
|
|
} else {
|
|
$('#kefu_input_status').html('');
|
|
}
|
|
},
|
|
upload_multipart: (msg) => {
|
|
if (msg.data.upload_multipart) {
|
|
KeFu.config.upload.multipart = msg.data.upload_multipart
|
|
}
|
|
}
|
|
},
|
|
wsSend: function (message) {
|
|
|
|
if (!message) {
|
|
message = {c: 'Message', a: 'ping'};
|
|
}
|
|
|
|
if (KeFu.ws.SocketTask && KeFu.ws.SocketTask.readyState == 1) {
|
|
KeFu.ws.SocketTask.send(JSON.stringify(message));
|
|
} else {
|
|
// console.log('消息发送出错', message)
|
|
KeFu.ws.ErrorMsg.push(message);
|
|
}
|
|
|
|
},
|
|
toggleWindowView: function (show_view_id) {
|
|
// 显示留言板
|
|
if (show_view_id == 'kefu_leave_message') {
|
|
$('#kefu_leave_message').show(100);
|
|
$('.write').hide();
|
|
$('.chat_wrapper').css('bottom', '0px');
|
|
$('.footer_div').hide();
|
|
$('.select_model').hide();
|
|
} else if (show_view_id == 'more') {
|
|
$('.footer_div').show();
|
|
$('.write').css('bottom', '170px');
|
|
$('.chat_wrapper').css('bottom', '222px');
|
|
$('.chat_wrapper').scrollTop($('.chat_wrapper')[0].scrollHeight);
|
|
$('.select_model').hide();
|
|
} else if (show_view_id == 'select_model') {
|
|
$('#kefu_leave_message').hide();
|
|
$('.footer_div').hide();
|
|
$('.write').hide();
|
|
$('.chat_wrapper').css('bottom', '222px');
|
|
$('.select_model').show();
|
|
} else {
|
|
$('#kefu_leave_message').hide();
|
|
$('.footer_div').hide();
|
|
$('.write').show().css('bottom', '0px');
|
|
$('.chat_wrapper').css('bottom', '52px');
|
|
$('.select_model').hide();
|
|
}
|
|
},
|
|
buildUrl: function (url, modulename, type = 'ws', wsport = 1818) {
|
|
|
|
var protocol = window.location.protocol + '//';
|
|
var port = window.location.port;
|
|
port = port ? ':' + port : '';
|
|
|
|
// 用户的身份通过 KeFu.config.kefu_token 来识别
|
|
var token = KeFu.token_list.kefu_token ? '&token=' + KeFu.token_list.kefu_token : '';
|
|
|
|
// 游客的token
|
|
var kefu_tourists_token = localStorage.getItem('kefu_tourists_token');
|
|
kefu_tourists_token = kefu_tourists_token ? '&kefu_tourists_token=' + kefu_tourists_token : '';
|
|
|
|
var goods_and_order = () => {
|
|
var data_api_url = KeFu.config.toolbar[type].data_api;
|
|
var reg = new RegExp("(^https?:\/\/)", "i");
|
|
if (data_api_url.search(reg) === -1) {
|
|
return protocol + url + port + data_api_url;
|
|
} else {
|
|
return data_api_url;
|
|
}
|
|
};
|
|
|
|
var buildObj = {
|
|
ws: () => {
|
|
protocol = parseInt(KeFu.config.wss_switch) == 1 ? 'wss://' : 'ws://';
|
|
|
|
return protocol + url + ':' + wsport + '?modulename=' +
|
|
modulename + token + kefu_tourists_token;
|
|
},
|
|
initialize: () => {
|
|
return protocol + url + port + '/addons/kefu/index/initialize?modulename=' +
|
|
modulename + '&referrer=' + document.referrer + kefu_tourists_token;
|
|
},
|
|
upload: () => {
|
|
return KeFu.config.upload.uploadurl + '?modulename=' + modulename + kefu_tourists_token;
|
|
},
|
|
spark: () => {
|
|
if (KeFu.config.__CDN__) {
|
|
return KeFu.config.__CDN__ + '/assets/addons/kefu/js/spark.js';
|
|
}
|
|
return protocol + url + port + '/assets/addons/kefu/js/spark.js';
|
|
},
|
|
storage_notify: () => {
|
|
return protocol + url + port + '/addons/' + modulename + '/index/notify';
|
|
},
|
|
load_message_prompt: () => {
|
|
if (KeFu.config.upload.cdnurl) {
|
|
return KeFu.config.upload.cdnurl + KeFu.config.ringing;
|
|
}
|
|
return protocol + url + port + '/addons/kefu/index/loadMessagePrompt?modulename=' +
|
|
modulename + kefu_tourists_token;
|
|
},
|
|
default: () => {
|
|
return protocol + url + port;
|
|
},
|
|
goods: goods_and_order,
|
|
order: goods_and_order,
|
|
};
|
|
|
|
let action = buildObj[type] || buildObj['default']
|
|
return action.call(this)
|
|
},
|
|
kefuMessageChange: function () {
|
|
if (!KeFu.show_send) {
|
|
KeFu.toggleSendBtn('show');
|
|
}
|
|
|
|
var el = $('#kefu_message'), el_height, chat_wrapper_bottom;
|
|
if (el.val() == '') {
|
|
el_height = 35;
|
|
KeFu.toggleSendBtn('hide');
|
|
} else {
|
|
el_height = el[0].scrollHeight;
|
|
}
|
|
|
|
el.css('height', el_height + 'px');
|
|
|
|
chat_wrapper_bottom = (el_height > 35) ? 70 : 52;
|
|
|
|
$('.chat_wrapper').css('bottom', chat_wrapper_bottom + 'px');
|
|
$('#kefu_emoji').css('bottom', chat_wrapper_bottom + 'px');
|
|
},
|
|
eventReg: function () {
|
|
|
|
$(document).on('click', '.close_select_model', function () {
|
|
KeFu.toggleWindowView('chat_wrapper')
|
|
})
|
|
|
|
$('.toolbar_item').on('click', function (e) {
|
|
KeFu.toggleWindowView('select_model')
|
|
var toolbar_type = $(e.currentTarget).data('toolbar_type');
|
|
if (toolbar_type != 'goods' && toolbar_type != 'order') {
|
|
return;
|
|
}
|
|
var api_url = KeFu.buildUrl(KeFu.url, KeFu.config.modulename, toolbar_type);
|
|
|
|
var index = layer.load(0, {shade: false});
|
|
$.ajax(api_url, {
|
|
success: res => {
|
|
if (res.code == 1) {
|
|
$('.select_model .card_list').html('');
|
|
for (let i in res.data) {
|
|
|
|
var input_value = '';
|
|
for (let y in res.data[i]) {
|
|
input_value += y + '=' + res.data[i][y] + '#';
|
|
}
|
|
|
|
let project_item = '<label class="record_card">\n' +
|
|
'<img src="' + res.data[i].logo + '" />\n' +
|
|
'<div class="record_card_body">\n' +
|
|
' <div class="record_card_title">' + res.data[i].subject + '</div>\n' +
|
|
(res.data[i].note ? '<div class="record_card_note">' + res.data[i].note + '</div>\n' : '') +
|
|
' <div class="record_card_price">\n' +
|
|
(res.data[i].price ? '<span>￥' + res.data[i].price + '</span>\n' : '') +
|
|
(res.data[i].number ? '<span>x' + res.data[i].number + '</span>\n' : '') +
|
|
' </div>\n' +
|
|
'</div>\n' +
|
|
'<input name="' + toolbar_type + '" type="radio" value="' + input_value + '" />\n' +
|
|
'</label>';
|
|
$('.select_model .card_list').append(project_item);
|
|
}
|
|
} else {
|
|
layer.msg(res.msg)
|
|
}
|
|
},
|
|
error: res => {
|
|
layer.msg('加载失败,请重试~');
|
|
},
|
|
complete: res => {
|
|
layer.close(index)
|
|
}
|
|
});
|
|
})
|
|
|
|
// 选择订单或商品
|
|
$(document).on('click', '.select_model .card_list input', function (e) {
|
|
KeFu.sendMessage($(e.target).val(), (e.target.name == 'goods') ? 4 : 5);
|
|
KeFu.toggleWindowView('chat_wrapper')
|
|
$('#kefu_message').focus();
|
|
})
|
|
|
|
$(document).on('click', '.more', function (e) {
|
|
$('#kefu_emoji').hide();
|
|
if ($('.footer_div').css('display') == 'block') {
|
|
KeFu.toggleWindowView('chat_wrapper');
|
|
} else {
|
|
KeFu.toggleWindowView('more');
|
|
}
|
|
});
|
|
|
|
// 聊天图片预览
|
|
$(document).on('click', '.bubble img', function (e) {
|
|
|
|
var img_obj = $(e.target);
|
|
if (img_obj.hasClass('emoji')) {
|
|
return;
|
|
}
|
|
img_obj = img_obj[0];
|
|
|
|
layer.photos({
|
|
photos: {
|
|
"title": "聊天图片预览",
|
|
"id": "record",
|
|
data: [
|
|
{
|
|
"src": img_obj.src
|
|
}
|
|
]
|
|
}, anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
|
|
});
|
|
|
|
});
|
|
|
|
// 显示表情选择面板
|
|
$(document).on('click', '.smiley', function (e) {
|
|
$('#kefu_emoji').toggle(200);
|
|
KeFu.toggleWindowView('chat_wrapper');
|
|
});
|
|
|
|
// 选择表情
|
|
$(document).on('click', '#kefu_emoji img', function (e) {
|
|
$('#kefu_message').val($('#kefu_message').val() + $(e.target).data('title'));
|
|
KeFu.kefuMessageChange();
|
|
$('#kefu_emoji').hide();
|
|
// 获取焦点
|
|
$('#kefu_message').focus();
|
|
});
|
|
|
|
// 用户点击聊天记录窗口，隐藏表情面板
|
|
$(document).on('click', '.chat_wrapper,#chatfile', function () {
|
|
$('#kefu_emoji').hide();
|
|
KeFu.toggleWindowView('chat_wrapper');
|
|
});
|
|
|
|
// 用户选择了文件
|
|
$(document).on('change', '#chatfile', function (e) {
|
|
var file = $('#chatfile')[0].files[0];
|
|
|
|
if (!file) {
|
|
return;
|
|
}
|
|
|
|
// 上传文件
|
|
var formData = new FormData();
|
|
formData.append("file", file);
|
|
if (KeFu.config.upload.multipart) {
|
|
for (let i in KeFu.config.upload.multipart) {
|
|
formData.append(i, KeFu.config.upload.multipart[i]);
|
|
}
|
|
}
|
|
|
|
$.ajax({
|
|
url: KeFu.config.upload.uploadurl,
|
|
type: 'post',
|
|
data: formData,
|
|
contentType: false,
|
|
processData: false,
|
|
success: function (res) {
|
|
if (res.code == 1) {
|
|
|
|
// 发送notify请求
|
|
if (KeFu.config.upload.storage != 'local') {
|
|
KeFu.getFileMd5(file, function (md5) {
|
|
var ajax_data = {
|
|
size: file.size,
|
|
name: file.name,
|
|
md5: md5,
|
|
type: file.type,
|
|
url: res.data.url
|
|
};
|
|
|
|
for (let i in KeFu.config.upload.multipart) {
|
|
ajax_data[i] = KeFu.config.upload.multipart[i];
|
|
}
|
|
|
|
$.ajax({
|
|
url: KeFu.buildUrl(KeFu.url, KeFu.config.upload.storage, 'storage_notify'),
|
|
type: 'POST',
|
|
data: ajax_data
|
|
});
|
|
})
|
|
}
|
|
|
|
var file_name = res.data.url.split('.');
|
|
var file_suffix = file_name[file_name.length - 1];
|
|
|
|
if (file_suffix == 'png' ||
|
|
file_suffix == 'jpg' ||
|
|
file_suffix == 'gif' ||
|
|
file_suffix == 'jpeg') {
|
|
|
|
KeFu.sendMessage(res.data.url, 1);
|
|
} else {
|
|
KeFu.sendMessage(res.data.url, 2);
|
|
}
|
|
} else {
|
|
layer.msg(res.msg);
|
|
}
|
|
},
|
|
error: function (e) {
|
|
layer.msg('文件上传失败,请重试！');
|
|
},
|
|
complete: function () {
|
|
$('#chatfile').val('');
|
|
}
|
|
})
|
|
});
|
|
|
|
// 加载更多聊天记录
|
|
document.addEventListener('scroll', function (event) {
|
|
|
|
if ($(event.target).scrollTop() == 0 && KeFu.chat_record_page != 'done') {
|
|
if (event.target.className == 'chat_wrapper') {
|
|
|
|
if (!KeFu.session_id) {
|
|
return;
|
|
}
|
|
|
|
// 加载历史聊天记录
|
|
var load_message = {
|
|
c: 'Message',
|
|
a: 'chatRecord',
|
|
data: {
|
|
session_id: KeFu.session_id,
|
|
page: KeFu.chat_record_page
|
|
}
|
|
};
|
|
KeFu.record_scroll_height = $('.chat_wrapper')[0].scrollHeight;
|
|
|
|
KeFu.wsSend(load_message);
|
|
}
|
|
}
|
|
|
|
}, true);
|
|
|
|
// 消息输入框换行和输入监听
|
|
$('#kefu_message').on('input propertychange', function () {
|
|
KeFu.kefuMessageChange();
|
|
});
|
|
|
|
$('#kefu_message').on('focus', function () {
|
|
KeFu.toggleWindowView('chat_wrapper');
|
|
setTimeout(function () {
|
|
$('.chat_wrapper').scrollTop($('.chat_wrapper')[0].scrollHeight);
|
|
}, 400)
|
|
})
|
|
|
|
// 发送消息监听
|
|
$('.send_btn').on('click', function () {
|
|
var message = $('#kefu_message').val();
|
|
KeFu.sendMessage(message, 0);
|
|
})
|
|
|
|
// 提交留言
|
|
$(document).on('click', '#kefu_leave_message form button', function (event) {
|
|
|
|
var form_data = {};
|
|
var t = $('#kefu_leave_message form').serializeArray();
|
|
$.each(t, function () {
|
|
form_data[this.name] = this.value;
|
|
});
|
|
|
|
if (!form_data['contact']) {
|
|
layer.msg('联系方式不能为空哦~');
|
|
return false;
|
|
}
|
|
|
|
var leave_message = {
|
|
c: 'Message',
|
|
a: 'leaveMessage',
|
|
data: form_data
|
|
};
|
|
KeFu.wsSend(leave_message);
|
|
return false;
|
|
});
|
|
|
|
KeFu.messageInputEventReg();
|
|
|
|
},
|
|
messageInputEventReg: function () {
|
|
var input_status_display = parseInt(KeFu.config.input_status_display);
|
|
if (input_status_display == 0) {
|
|
return;
|
|
}
|
|
|
|
$(document).on('input', '#kefu_message', function (e) {
|
|
var kefu_message_input = {
|
|
c: 'Message',
|
|
a: 'messageInput',
|
|
data: {
|
|
session_id: KeFu.session_id,
|
|
session_user: KeFu.csr || KeFu.session_user,
|
|
type: 'input'
|
|
}
|
|
};
|
|
KeFu.wsSend(kefu_message_input);
|
|
});
|
|
|
|
$(document).on('blur', '#kefu_message', function (e) {
|
|
var kefu_message_input = {
|
|
c: 'Message',
|
|
a: 'messageInput',
|
|
data: {
|
|
session_id: KeFu.session_id,
|
|
session_user: KeFu.csr || KeFu.session_user,
|
|
type: 'blur'
|
|
}
|
|
};
|
|
KeFu.wsSend(kefu_message_input);
|
|
});
|
|
},
|
|
buildPrompt: function (data, page) {
|
|
if (page == 1) {
|
|
$('.chat_wrapper').append('<div class="status"><span>' + data + '</span></div>');
|
|
} else {
|
|
$('.chat_wrapper').prepend('<div class="status"><span>' + data + '</span></div>');
|
|
}
|
|
},
|
|
buildChatImg: function (filename, facename, class_name = 'emoji') {
|
|
|
|
var protocol = window.location.protocol + '//';
|
|
|
|
if (class_name == 'emoji') {
|
|
return '<img class="emoji" ' + (facename ? 'data-title="' + facename + '"' : '') + ' src="' + KeFu.config.__CDN__ + '/assets/addons/kefu/img/' + filename + '" />';
|
|
} else {
|
|
return '<img class="' + class_name + '" title="' + facename + '" src="' + filename + '" />';
|
|
}
|
|
},
|
|
buildChatA: function (filepath, file_suffix, class_name) {
|
|
if (class_name == 'record') {
|
|
return '<a target="_blank" class="' + class_name + '" href="' + filepath + '">点击下载：' + file_suffix + ' 文件</a>';
|
|
} else {
|
|
return '<a target="_blank" class="' + class_name + '" href="' + filepath + '">点击下载：' + file_suffix + ' 文件</a>';
|
|
}
|
|
},
|
|
buildChatCard: function (message, message_type) {
|
|
var message = message.split('#');
|
|
var message_arr = [];
|
|
for (let i in message) {
|
|
let message_temp = message[i].split('=');
|
|
if (typeof message_temp[1] != 'undefined') {
|
|
message_arr[message_temp[0]] = message_temp[1];
|
|
}
|
|
}
|
|
|
|
var card_url = 'javascript:;';
|
|
|
|
return '<a class="record_card_a" href="' + card_url + '">\n' +
|
|
' <div class="record_card">\n' +
|
|
' <img src="' + message_arr['logo'] + '" />\n' +
|
|
' <div class="record_card_body">\n' +
|
|
' <div class="record_card_title">' + message_arr['subject'] + '</div>\n' +
|
|
(message_arr['note'] ? '<div class="record_card_note">' + message_arr['note'] + '</div>\n' : '') +
|
|
' <div class="record_card_price">\n' +
|
|
(message_arr['price'] ? '<span>￥' + message_arr['price'] + '</span>\n' : '') +
|
|
(message_arr['number'] ? '<span>x' + message_arr['number'] + '</span>\n' : '') +
|
|
' </div>\n' +
|
|
' </div>\n' +
|
|
' </div>\n' +
|
|
' </a>';
|
|
},
|
|
buildRecord: function (data, page, message_id = 'none') {
|
|
|
|
var message = '';
|
|
|
|
if (data.message_type == 1) {
|
|
message = KeFu.buildChatImg(data.message, '聊天图片', 'record');
|
|
} else if (data.message_type == 2) {
|
|
var file_name = data.message.split('.');
|
|
var file_suffix = file_name[file_name.length - 1];
|
|
message = KeFu.buildChatA(data.message, file_suffix, 'record');
|
|
} else if (data.message_type == 3) {
|
|
KeFu.buildPrompt(data.message, page);
|
|
return;
|
|
} else if (data.message_type == 4 || data.message_type == 5) {
|
|
message = KeFu.buildChatCard(data.message, data.message_type);
|
|
} else {
|
|
message = data.message;
|
|
}
|
|
|
|
var status_html = '';
|
|
if (data.sender == 'me') {
|
|
if (message_id == 'none') {
|
|
message_id = data.id;
|
|
var msg_status = parseInt(data.status);
|
|
status_html = '<span class="kefu_message_status kefu_message_' + message_id + (msg_status == 0 ? '' : ' kf-text-grey') + '">' + (msg_status == 0 ? '未读' : '已读') + '</span>';
|
|
} else {
|
|
status_html = '<span class="kefu_message_status kefu_message_' + message_id + '"></span>';
|
|
}
|
|
}
|
|
|
|
if (page == 1) {
|
|
$('.chat_wrapper').append('<div class="bubble ' + data.sender + '">' + message + status_html + '</div>');
|
|
} else {
|
|
$('.chat_wrapper').prepend('<div class="bubble ' + data.sender + '">' + message + status_html + '</div>');
|
|
}
|
|
},
|
|
findEmoji: function (emoji_title) {
|
|
for (let i in KeFu.emoji_config) {
|
|
if (KeFu.emoji_config[i].title == emoji_title) {
|
|
return KeFu.emoji_config[i];
|
|
}
|
|
}
|
|
return false;
|
|
},
|
|
sendMessage: function (message, message_type) {
|
|
|
|
if (message == '') {
|
|
layer.msg('请输入消息内容~');
|
|
return;
|
|
}
|
|
|
|
// 检查 websocket 是否连接
|
|
if (!KeFu.ws.SocketTask || KeFu.ws.SocketTask.readyState != 1) {
|
|
layer.msg('网络链接异常，请刷新重试~');
|
|
return;
|
|
}
|
|
|
|
if (!KeFu.session_id) {
|
|
layer.msg('请选择一个会话~');
|
|
return;
|
|
}
|
|
|
|
if (message_type == 0) {
|
|
|
|
// 处理表情
|
|
var reg = /\[(.+?)\]/g; // [] 中括号
|
|
var reg_match = message.match(reg);
|
|
|
|
if (reg_match) {
|
|
for (let i in reg_match) {
|
|
var emoji_item = KeFu.findEmoji(reg_match[i]);
|
|
message = message.replace(emoji_item.title, KeFu.buildChatImg(emoji_item.src, '', 'emoji'))
|
|
}
|
|
}
|
|
|
|
$('#kefu_message').val('');
|
|
KeFu.kefuMessageChange();
|
|
}
|
|
|
|
var message_id = new Date().getTime() + KeFu.session_id + Math.floor(Math.random() * 10000);
|
|
var load_message = {
|
|
c: 'Message',
|
|
a: 'sendMessage',
|
|
data: {
|
|
message: message,
|
|
message_type: message_type,
|
|
session_id: KeFu.session_id,
|
|
modulename: KeFu.config.modulename,
|
|
message_id: message_id
|
|
}
|
|
};
|
|
|
|
KeFu.wsSend(load_message);
|
|
|
|
var data = {
|
|
sender: 'me',
|
|
message: (message_type == 1 || message_type == 2) ? KeFu.config.upload.cdnurl + message : message,
|
|
message_type: message_type
|
|
}
|
|
|
|
KeFu.buildRecord(data, 1, message_id);
|
|
|
|
setTimeout(function () {
|
|
$('.chat_wrapper').scrollTop($('.chat_wrapper')[0].scrollHeight);
|
|
}, 150)
|
|
},
|
|
onUploadResponse: function (response) {
|
|
try {
|
|
var ret = typeof response === 'object' ? response : JSON.parse(response);
|
|
if (!ret.hasOwnProperty('code')) {
|
|
$.extend(ret, {code: -2, msg: response, data: null});
|
|
}
|
|
} catch (e) {
|
|
var ret = {code: -1, msg: e.message, data: null};
|
|
}
|
|
return ret;
|
|
},
|
|
newMessagePrompt: function () {
|
|
|
|
if (KeFu.audio.buffer) {
|
|
KeFu.playSound();
|
|
} else {
|
|
let url = KeFu.buildUrl(KeFu.url, 'index', 'load_message_prompt');
|
|
|
|
KeFu.loadAudioFile(url);
|
|
}
|
|
},
|
|
playSound: function () {
|
|
KeFu.audio.source = KeFu.audio.context.createBufferSource();
|
|
KeFu.audio.source.buffer = KeFu.audio.buffer;
|
|
KeFu.audio.source.loop = false;
|
|
KeFu.audio.source.connect(KeFu.audio.context.destination);
|
|
KeFu.audio.source.start(0); //立即播放
|
|
},
|
|
loadAudioFile: function (url) {
|
|
var xhr = new XMLHttpRequest(); //通过XHR下载音频文件
|
|
xhr.open('GET', url, true);
|
|
xhr.responseType = 'arraybuffer';
|
|
xhr.onload = function (e) { //下载完成
|
|
|
|
KeFu.audio.context.decodeAudioData(this.response,
|
|
function (buffer) { //解码成功时的回调函数
|
|
KeFu.audio.buffer = buffer;
|
|
KeFu.playSound();
|
|
},
|
|
function (e) { //解码出错时的回调函数
|
|
console.log('音频解码失败', e);
|
|
});
|
|
};
|
|
xhr.send();
|
|
},
|
|
toggleSendBtn: function (toggle) {
|
|
if (toggle == 'show') {
|
|
$('.widget_textarea').css('flex', '7');
|
|
$('.write_right').css('flex', '3');
|
|
$('.send_btn').show(200);
|
|
$('.more').hide();
|
|
KeFu.show_send = true;
|
|
} else {
|
|
$('.widget_textarea').css('flex', '8');
|
|
$('.write_right').css('flex', '2');
|
|
$('.more').show(200);
|
|
$('.send_btn').hide();
|
|
KeFu.show_send = false;
|
|
}
|
|
},
|
|
changeCsrStatus: function (status_id) {
|
|
|
|
status_id = parseInt(status_id);
|
|
|
|
const states = new Map([
|
|
[0, ['离线', '#777']],
|
|
[1, ['繁忙', '#8a6d3b']],
|
|
[2, ['离开', '#a94442']],
|
|
[3, ['在线', '#3c763d']],
|
|
['default', ['未知', '#777']],
|
|
])
|
|
|
|
let state = states.get(status_id) || states.get('default');
|
|
|
|
$('#csr_status').html(' • ' + state[0]);
|
|
$('#csr_status').css('color', state[1]);
|
|
},
|
|
getQueryVariable: function (variable) {
|
|
var query = window.location.search.substring(1);
|
|
var vars = query.split("&");
|
|
for (var i = 0; i < vars.length; i++) {
|
|
var pair = vars[i].split("=");
|
|
if (pair[0] == variable) {
|
|
return pair[1];
|
|
}
|
|
}
|
|
return (false);
|
|
}
|
|
}; |