Home Explore Help
Register Sign In
zhoufan
/
XYS12345_UI
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 7 Releases 0 Wiki
Browse Source

新增通话记录

zhoufan 3 years ago
parent
56bbb68106
commit
a6e30d38e2
2 changed files with 150 additions and 0 deletions
Split View Show Diff Stats
  1. 148 0
      WebUI/html/CallRecordList.html
  2. 2 0
      WebUI/index.html

+ 148 - 0
WebUI/html/CallRecordList.html
View File 

@@ -0,0 +1,148 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8">
6 
+    <script src="../js/huayi.load.js"></script>
7 
+    <script src="../js/laydate/laydate.js"></script>
8 
+    <link href="../js/laydate/theme/default/laydate.css" />
9 
+    <title>通话记录</title>
10 
+    <style>
11 
+        .toolBar {
12 
+            padding: 15px 0;
13 
+            border-bottom: 1px solid #ccc;
14 
+        }
15 
+            .toolBar input {
16 
+                width:160px;
17 
+            }
18 
+
19 
+            .tool_downs {
20 
+                display: flex;
21 
+                justify-content: center;
22 
+            }
23 
+
24 
+            .tool_downs span {
25 
+                display: block;
26 
+                width: 100%;
27 
+                height: 100%;
28 
+                text-align: center;
29 
+            }
30 
+
31 
+            .tool_downs a {
32 
+                display: block;
33 
+                list-style: none;
34 
+                float: left;
35 
+                padding-left: 10px;
36 
+            }
37 
+    </style>
38 
+    <script>
39 
+        $(document).ready(function () {
40 
+            laydate.render({
41 
+                elem: '#startTime',
42 
+                event: 'focus',
43 
+                type: 'datetime'
44 
+            });
45 
+
46 
+            laydate.render({
47 
+                elem: '#endTime',
48 
+                event: 'focus',
49 
+                type: 'datetime'
50 
+            });
51 
+
52 
+            initTable();
53 
+
54 
+            $(".searchGo").click(function () {
55 
+                initTable();
56 
+            });
57 
+        });
58 
+
59 
+        function initTable() {
60 
+            //先销毁表格
61 
+            $("#tableList").bootstrapTable("destroy");
62 
+            //初始化表格,动态从服务器加载数据
63 
+            $("#tableList").bootstrapTable({
64 
+                method: "post", //使用get请求到服务器获取数据
65 
+                url: huayi.config.callcenter_url + "SystemApi/GetCallRecordsList", //获取数据的Servlet地址
66 
+                contentType: "application/x-www-form-urlencoded",
67 
+                striped: true, //表格显示条纹
68 
+                pagination: true, //启动分页
69 
+                pageSize: 10, //每页显示的记录数
70 
+                pageNumber: 1, //当前第几页
71 
+                pageList: [10, 20, 50, 100], //记录数可选列表
72 
+                search: false, //是否启用查询
73 
+                showColumns: false, //显示下拉框勾选要显示的列
74 
+                showRefresh: false, //显示刷新按钮
75 
+                sidePagination: "server", //表示服务端请求
76 
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
77 
+                //设置为limit可以获取limit, offset, search, sort, order
78 
+                queryParamsType: "undefined",
79 
+                queryParams: function queryParams(params) {
80 
+                    //设置查询参数
81 
+                    var param = {
82 
+                        currentPage: params.pageNumber,
83 
+                        pageSize: params.pageSize,
84 
+                        caller: $("#caller").val(),
85 
+                        callee: $("#callee").val(),
86 
+                        startTime: $("#startTime").val(),
87 
+                        endTime: $("#endTime").val()
88 
+                    };
89 
+                    return param;
90 
+                },
91 
+                onLoadSuccess: function () {
92 
+                    //加载成功时执行
93 
+                    //layer.msg("加载成功");
94 
+                },
95 
+                onLoadError: function () {
96 
+                    //加载失败时执行
97 
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
98 
+                },
99 
+            });
100 
+        }
101 
+    </script>
102 
+</head>
103 
+
104 
+<body class="gray-bg">
105 
+    <div class="container-fluid wrapper-content animated fadeInRight">
106 
+        <div class="toolBar clearfix">
107 
+            <div class="toolRight">
108 
+                <span>
109 
+                    主叫号码：
110 
+                    <input id="caller" type="text" class="">
111 
+                </span>
112 
+                <span>
113 
+                    被叫号码：
114 
+                    <input id="callee" type="text" class="">
115 
+                </span>
116 
+                <span>
117 
+                    开始时间：
118 
+                    <input id="startTime" type="text" class="">
119 
+                </span>
120 
+                <span>
121 
+                    结束时间：
122 
+                    <input id="endTime" type="text" class="">
123 
+                </span>
124 
+                <button class="btns searchGo">搜索</button>
125 
+            </div>
126 
+        </div>
127 
+        <div class="treeTable clearfix">
128 
+
129 
+            <div class="tableCon col-md-12">
130 
+                <table id="tableList" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
131 
+                    <thead>
132 
+                        <tr>
133 
+                            <th data-field="caller" data-align="center">主叫号码</th>
134 
+                            <th data-field="callee" data-align="center">被叫号码</th>
135 
+                            <th data-field="agentId" data-align="center">工号</th>
136 
+                            <th data-field="startTime" data-align="center">开始时间</th>
137 
+                            <th data-field="endTime" data-align="center">结束时间</th>
138 
+                            <th data-field="longTime" data-align="center">通话时长</th>
139 
+                        </tr>
140 
+                    </thead>
141 
+                    <tbody id="tbody"></tbody>
142 
+                </table>
143 
+            </div>
144 
+        </div>
145 
+    </div>
146 
+</body>
147 
+
148 
+</html>

+ 2 - 0
WebUI/index.html
View File 

@@ -20,6 +20,8 @@
20 20 
     <a href="./html/BlackWhiteList.html" target="_blank">3.黑白名单</a>
21 21 
     <br /><br />
22 22 
     <a href="./html/WorkTimeList.html" target="_blank">4.工作时间</a>
23 
+    <br /><br />
24 
+    <a href="./html/CallRecordList.html" target="_blank">5.通话记录</a>
23 25 
 </body>
24 26
25 27 
 </html>