You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
203 lines
8.8 KiB
203 lines
8.8 KiB
<?php /*a:2:{s:59:"D:\waibao\ahbcqz\server\app\admin\view\kefu\kefu\lists.html";i:1679478874;s:51:"D:\waibao\ahbcqz\server\app\admin\view\layout1.html";i:1679478874;}*/ ?>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title><?php echo url(); ?></title>
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<link rel="stylesheet" href="/static/lib/layui/css/layui.css?v=<?php echo htmlentities($front_version); ?>">
|
|
<link rel="stylesheet" href="/static/admin/css/app.css?v=<?php echo htmlentities($front_version); ?>">
|
|
<link rel="stylesheet" href="/static/admin/css/like.css?v=<?php echo htmlentities($front_version); ?>">
|
|
<script src="/static/lib/layui/layui.js?v=<?php echo htmlentities($front_version); ?>"></script>
|
|
<script src="/static/admin/js/app.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<?php echo $js_code; ?>
|
|
<script src="/static/admin/js/jquery.min.js"></script>
|
|
<script src="/static/admin/js/function.js"></script>
|
|
|
|
|
|
|
|
<div class="wrapper">
|
|
<div class="layui-card">
|
|
<!-- 操作提示 -->
|
|
<div class="layui-card-body">
|
|
<div class="layui-collapse" style="border:1px dashed #c4c4c4">
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title like-layui-colla-title">操作提示</h2>
|
|
<div class="layui-colla-content layui-show">
|
|
<p>*添加在线客服。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 主体区域 -->
|
|
<div class="layui-card-body">
|
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm layEvent" lay-event="add">新增客服</button>
|
|
|
|
<table id="like-table-lists" lay-filter="like-table-lists"></table>
|
|
<script type="text/html" id="table-image">
|
|
{{# if(d.avatar){ }}
|
|
<img src="{{d.avatar}}" class="image-show" alt="图" style="width:30px;height:30px;">
|
|
{{# } }}
|
|
</script>
|
|
<script type="text/html" id="table-operation">
|
|
<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edit">编辑</a>
|
|
<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="workbench">工作台</a>
|
|
<a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">删除</a>
|
|
</script>
|
|
<script type="text/html" id="statusTpl">
|
|
<input type="checkbox" lay-filter="switch-disable" data-id={{d.id}} lay-skin="switch"
|
|
lay-text="开启|关闭" {{# if(d.disable==0){ }} checked {{# } }}/>
|
|
</script>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(["table", "form"], function () {
|
|
var table = layui.table;
|
|
var form = layui.form;
|
|
|
|
like.tableLists("#like-table-lists", "<?php echo url(); ?>", [
|
|
{field: "id", width: 60, title: "ID"}
|
|
, {field: "avatar", align: "center", title: "客服头像", templet: "#table-image"}
|
|
, {field: "account", align: "center", title: "客服账号"}
|
|
, {field: "nickname", align: "center", title: "客服昵称"}
|
|
, {field: "sort", width: 60, align: "center", title: "排序"}
|
|
, {field: "disable", align: "center", title: "状态", templet: "#statusTpl"}
|
|
, {field: "create_time", align: "center", title: "创建时间"}
|
|
, {title: "操作", width: 250, align: "center", fixed: "right", toolbar: "#table-operation"}
|
|
]);
|
|
|
|
var active = {
|
|
add: function () {
|
|
layer.open({
|
|
type: 2
|
|
, title: "新增客服"
|
|
, content: "<?php echo url('kefu.Kefu/add'); ?>"
|
|
, area: ["90%", "90%"]
|
|
, btn: ["确定", "取消"]
|
|
, yes: function (index, layero) {
|
|
var iframeWindow = window["layui-layer-iframe" + index];
|
|
var submit = layero.find("iframe").contents().find("#addSubmit");
|
|
iframeWindow.layui.form.on("submit(addSubmit)", function (data) {
|
|
like.ajax({
|
|
url: "<?php echo url('kefu.Kefu/add'); ?>",
|
|
data: data.field,
|
|
type: "POST",
|
|
success: function (res) {
|
|
if (res.code === 1) {
|
|
layui.layer.msg(res.msg);
|
|
layer.close(index);
|
|
table.reload("like-table-lists", {
|
|
where: {},
|
|
page: {cur: 1}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
submit.trigger("click");
|
|
}
|
|
});
|
|
},
|
|
edit: function (obj) {
|
|
layer.open({
|
|
type: 2
|
|
, title: "编辑客服"
|
|
, content: "<?php echo url('kefu.Kefu/edit'); ?>?id=" + obj.data.id
|
|
, area: ["90%", "90%"]
|
|
, btn: ["确定", "取消"]
|
|
, yes: function (index, layero) {
|
|
var iframeWindow = window["layui-layer-iframe" + index];
|
|
var submit = layero.find("iframe").contents().find("#addSubmit");
|
|
iframeWindow.layui.form.on("submit(addSubmit)", function (data) {
|
|
data.field['id'] = obj.data.id;
|
|
like.ajax({
|
|
url: "<?php echo url('kefu.Kefu/edit'); ?>",
|
|
data: data.field,
|
|
type: "POST",
|
|
success: function (res) {
|
|
if (res.code === 1) {
|
|
layui.layer.msg(res.msg);
|
|
layer.close(index);
|
|
table.reload("like-table-lists", {
|
|
where: {},
|
|
page: {cur: 1}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
submit.trigger("click");
|
|
}
|
|
});
|
|
},
|
|
del: function (obj) {
|
|
layer.confirm("确定删除客服：" + obj.data.nickname, function (index) {
|
|
like.ajax({
|
|
url: "<?php echo url('kefu.Kefu/del'); ?>",
|
|
data: {id: obj.data.id},
|
|
type: "POST",
|
|
success: function (res) {
|
|
if (res.code === 1) {
|
|
layui.layer.msg(res.msg);
|
|
layer.close(index);
|
|
obj.del();
|
|
}
|
|
}
|
|
});
|
|
layer.close(index);
|
|
})
|
|
},
|
|
workbench: function (obj) {
|
|
like.ajax({
|
|
url: '<?php echo url("kefu.Kefu/login"); ?>',
|
|
type: 'post',
|
|
data: {'id': obj.data.id},
|
|
success: function(res) {
|
|
if(res.code == 1) {
|
|
window.parent.open(res.data.url);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
};
|
|
like.eventClick(active);
|
|
|
|
// 图片放大
|
|
$(document).on('click', '.image-show', function () {
|
|
var src = $(this).attr('src');
|
|
like.showImg(src, 400);
|
|
});
|
|
|
|
// 状态切换
|
|
form.on('switch(switch-disable)', function (obj) {
|
|
var kefu_id = obj.elem.attributes['data-id'].nodeValue;
|
|
var disable = 1;
|
|
if (obj.elem.checked) {
|
|
disable = 0;
|
|
}
|
|
var data = {disable: disable, id: kefu_id};
|
|
like.ajax({
|
|
url: '<?php echo url("kefu.kefu/status"); ?>',
|
|
data: data,
|
|
type: "post",
|
|
success: function (res) {
|
|
if (res.code == 1) {
|
|
layui.layer.msg(res.msg, {offset: '15px', icon: 1, time: 1000});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|