82 lines
2.3 KiB
HTML
82 lines
2.3 KiB
HTML
|
||
<title>客服系统</title>
|
||
|
||
<div class="layui-card layadmin-header">
|
||
<div class="layui-breadcrumb" lay-filter="breadcrumb">
|
||
<a lay-href="">主页</a>
|
||
<a><cite>高级</cite></a>
|
||
<a><cite>通讯系统</cite></a>
|
||
<a><cite>客服系统</cite></a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="layui-fluid">
|
||
<div class="layui-row layui-col-space15">
|
||
<div class="layui-col-md12">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">面板外的操作示例</div>
|
||
<div class="layui-card-body">
|
||
|
||
<div class="layui-btn-container LAY-senior-im-chat-demo">
|
||
<button class="layui-btn" data-type="kefu1">在线客服一</button>
|
||
<button class="layui-btn" data-type="kefu2">在线客服二</button>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
layui.use(['admin', 'layim'], function(){
|
||
var $ = layui.$
|
||
,admin = layui.admin
|
||
,element = layui.element
|
||
,router = layui.router();
|
||
|
||
|
||
var layim = layui.layim;
|
||
|
||
layim.config({
|
||
init: {
|
||
//配置客户信息
|
||
mine: {
|
||
"username": "访客" //我的昵称
|
||
,"id": "100000123" //我的ID
|
||
,"status": "online" //在线状态 online：在线、hide：隐身
|
||
,"remark": "在深邃的编码世界，做一枚轻盈的纸飞机" //我的签名
|
||
,"avatar": "//res.layui.com/images/fly/avatar/00.jpg" //我的头像
|
||
}
|
||
}
|
||
//开启客服模式
|
||
,brief: true
|
||
});
|
||
|
||
var active = {
|
||
kefu1: function(){
|
||
layim.chat({
|
||
name: '在线客服一' //名称
|
||
,type: 'kefu' //聊天类型
|
||
,avatar: '//tp1.sinaimg.cn/5619439268/180/40030060651/1' //头像
|
||
,id: 1111111 //定义唯一的id方便你处理信息
|
||
})
|
||
}
|
||
,kefu2: function(){
|
||
layim.chat({
|
||
name: '在线客服二' //名称
|
||
,type: 'kefu' //聊天类型
|
||
,avatar: '//tp1.sinaimg.cn/5619439268/180/40030060651/1' //头像
|
||
,id: 2222222 //定义唯一的id方便你处理信息
|
||
});
|
||
}
|
||
}
|
||
|
||
$('.LAY-senior-im-chat-demo .layui-btn').on('click', function(){
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
|
||
});
|
||
</script> |