mirror of
https://gitee.com/zhc02/timely_service.git
synced 2025-06-27 21:10:14 +08:00
119 lines
3.7 KiB
HTML
Executable File
119 lines
3.7 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>layui</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, maximum-scale=1">
|
||
<link rel="stylesheet" href="/static/lib/layui-v2.5.4/css/layui.css" media="all">
|
||
<link rel="stylesheet" href="/static/css/public.css" media="all">
|
||
</head>
|
||
<style>
|
||
#currentTableId + .layui-table-view .layui-table-body tbody > tr > td {
|
||
padding: 0;
|
||
}
|
||
|
||
#currentTableId + .layui-table-view .layui-table-body tbody > tr > td > .layui-table-cell {
|
||
height: 60px;
|
||
line-height: 60px;
|
||
}
|
||
|
||
.tdImg {
|
||
width: 50px;
|
||
height: 50px;
|
||
max-width: none;
|
||
cursor: zoom-in;
|
||
}
|
||
|
||
.layui-table-view {
|
||
margin: 0;
|
||
}
|
||
|
||
</style>
|
||
<body>
|
||
<div class="layuimini-container">
|
||
<div class="layuimini-main">
|
||
|
||
<fieldset class="layui-elem-field layuimini-search">
|
||
<legend>连接中心</legend>
|
||
</fieldset>
|
||
<!-- {$_SERVER['SERVER_NAME']}-->
|
||
<div class="layui-tab">
|
||
<ul class="layui-tab-title">
|
||
<li class="layui-this">客服地址</li>
|
||
<li>直连地址</li>
|
||
|
||
</ul>
|
||
<div class="layui-tab-content">
|
||
<div class="layui-tab-item layui-show">
|
||
<pre class="layui-code " style="margin-top: 50px;height: 50px;line-height: 50px;"><p>http://{$_SERVER['SERVER_NAME']}/index/kefu/login</p><a class="layui-btn layui-btn-normal" style="float: left" href="http://{$_SERVER['SERVER_NAME']}/index/kefu/login" target="_bank">登陆</a></pre>
|
||
</div>
|
||
<div class="layui-tab-item">内容2</div>
|
||
<div class="layui-tab-item">内容3</div>
|
||
<div class="layui-tab-item">内容4</div>
|
||
<div class="layui-tab-item">内容5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<script src="/static/lib/layui-v2.5.4/layui.js" charset="utf-8"></script>
|
||
<script>
|
||
layui.use(['form', 'table','layer','element'], function () {
|
||
var $ = layui.jquery,
|
||
form = layui.form,
|
||
table = layui.table
|
||
,element = layui.element;
|
||
var layer = layui.layer;
|
||
|
||
// 点击图片放大
|
||
$(document).off('click.tbImg').on('click.tbImg', '[tb-img]', function () {
|
||
layer.photos({photos: {data: [{src: $(this).attr('src')}]}, shade: .1, closeBtn: true});
|
||
});
|
||
table.render({
|
||
elem: '#currentTableId',
|
||
url: '/chatLogList',
|
||
limit:20,
|
||
limits:[20,30,50],
|
||
cellMinWidth: 100,
|
||
response: {
|
||
statusCode: 1000 //规定成功的状态码，默认：0
|
||
},
|
||
cols: [[
|
||
{field: 'log_id', width: 80, title: 'ID', align: 'center'},
|
||
{field: 'from_name', width: 200, title: '发送人'},
|
||
{field: 'message', title: '消息',align: 'center'},
|
||
{field: 'to_name', title: '接收人',align: 'center', width: 200,},
|
||
{field: 'create_time', title: '创建时间', width: 200,align: 'center'},
|
||
|
||
]],
|
||
page: true
|
||
});
|
||
|
||
// 监听搜索操作
|
||
form.on('submit(data-search-btn)', function (data) {
|
||
//执行搜索重载
|
||
table.reload('currentTableId', {
|
||
page: {
|
||
curr: 1
|
||
}
|
||
, where: data.field
|
||
}, 'data');
|
||
|
||
return false;
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
<script>
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|