1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
| <div className="layui-fluid layui-anim febs-anim" id="febs-message-child" lay-title="聊天记录">
| <div className="layui-row febs-container">
| <div className="layui-col-md12">
| <div className="layui-card">
| <div className="layui-card-body febs-table-full">
| <table lay-filter="messageTableChild" lay-data="{id: 'messageTableChild'}"></table>
| </div>
| </div>
| </div>
| </div>
| </div>
| <script data-th-inline="none" type="text/javascript">
| layui.use(['jquery', 'form', 'table', 'febs'], function () {
| var $ = layui.jquery,
| febs = layui.febs,
| form = layui.form,
| table = layui.table,
| $view = $('#febs-message-child'),
| tableIns;
|
| form.render();
|
| initTable();
|
| function initTable() {
| tableIns = febs.table.init({
| elem: $view.find('table'),
| id: 'messageTableChild',
| url: ctx + 'member/showMessageList?parentId=1',
| cols: [[
| {field: 'username', title: '用户名',
| templet: function (d) {
| if (d.backMessage != null) {
| return '<span>客服</span>'
| }else{
| if(d.username === null){
| return '<span>游客</span>'
| }else{
| return d.username
| }
| }
| }, minWidth: 150, align: 'center'},
| {field: 'message', title: '内容', minWidth: 130},
| {field: 'backMessage', title: '回复', minWidth: 130},
| {field: 'createTime', title: '创建时间', minWidth: 180},
| ]]
| });
| }
|
| })
| </script>
|
|
