Domů Procházet Nápověda
Registrovat se Přihlásit se
zhoufan
/
12345_Base_Web
Sledovat 1
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Revize 889 Vydání 0 Wiki
Procházet zdrojové kódy

增加录音管理

fanlongfei %!s(int64=8) %!d(string=před) roky
rodič
d1dfe6ea84
revize
58ed4408b0
1 změnil soubory, kde provedl 263 přidání a 0 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. 263 0
      WebUI/CallCenterWeb.UI/TelCall/SoundList.html

+ 263 - 0
WebUI/CallCenterWeb.UI/TelCall/SoundList.html
Zobrazit soubor 

@@ -0,0 +1,263 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="UTF-8">
6 
+		<title>录音管理</title>
7 
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+		<link href="../css/init.css" rel="stylesheet" />
9 
+		<link href="../css/Table/table1.css" rel="stylesheet" />
10 
+		<script src="../Script/Common/huayi.load.js"></script>
11 
+		<script src="../Script/Common/huayi.config.js"></script>
12 
+		<script src="../css/laydate/laydate.js"></script>
13 
+		<style>
14 
+			.th-bar a{
15 
+				margin: 0 0 0 4px;
16 
+			}
17 
+			.seach-box{
18 
+				margin-top: -10px;
19 
+			}
20 
+
21 
+		</style>
22 
+	</head>
23 
+
24 
+	<body class="gray-bg">
25 
+		<div class="wrapper wrapper-content animated fadeInRight">
26 
+			<div class="daoHang clearfix">
27 
+				<div class="dhLeft">
28 
+					<sapn><i class="syIcon"></i>位置：
29 
+						<a href="javaScript:;" class="indexreturn" id="ReIndex">首页</a>&gt;
30 
+						<a href="javaScript:;">话务管理</a>&gt;
31 
+						<a href="" class="nowPosition">录音设置</a>
32 
+					</sapn>
33 
+				</div>
34 
+				<div class="dhRight">
35 
+					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>
36 
+				</div>
37 
+			</div>
38 
+			<div class="th-box">
39 
+				<div class="th-bar">
40 
+					<a class="sc_btn add max-right">添加</a>
41 
+					<a class="sc_btn xg max-right">修改</a>
42 
+					<a class="sc_btn remove">删除</a>
43 
+					<div class="seach-box fr">
44 
+						<ul>
45 
+							<li>电话号码：<input class="photo x-color" type="text" id="tel" placeholder="请输入电话号码"/></li>
46 
+							<li>
47 
+								<a class="sc_btn  Block" id="sc_btns">搜索</a>
48 
+							</li>
49 
+						</ul>
50 
+					</div>
51 
+				</div>
52 
+			</div>
53 
+			<div style="width: 100%;padding: 10px;">
54 
+				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
55 
+					<thead>
56 
+						<tr>
57 
+							<th data-field="state" data-checkbox="true"></th>
58 
+							<th data-field="F_Telphone">电话号码</th>
59 
+							<th data-field="F_Type">录音方式</th>
60 
+							<th data-field="F_Des">详情备注</th>
61 
+						</tr>
62 
+					</thead>
63 
+					<tbody id="tbody"></tbody>
64 
+				</table>
65 
+			</div>
66 
+		</div>
67 
+
68 
+		<script>
69 
+			//返回首页
70 
+			$('#ReIndex').click(function(){
71 
+				 top.home_index();
72 
+			})
73 
+			var html = '<div >' +
74 
+						'<ul class="nav nav-tabs">' +
75 
+						'<li class="active">' +
76 
+						'<a href="#">参数信息</a>' +
77 
+						'<input type="hidden" id="ID" />' +
78 
+						'</li>' +
79 
+						'</ul>' +
80 
+						'<div class="add_time">' +
81 
+						'<label for="">电话号码:</label>' +
82 
+						'<input type="text" id="TelNum" class="photo" placeholder="请输入电话号码" autofocu/>' +
83 
+						'</div>' +
84 
+						'<div class="add_time">' +
85 
+						'<label for="">录音方式:</label>' +
86 
+						'<select name="" id="addNameType" class="photo" disabled>'+
87 
+					        '<option value="2">总是不录音</option>'+
88 
+					     '</select>'+
89 
+						'</div>' +
90 
+						'<div class="add_time">' +
91 
+						'<label for="" class="Pb_sm">详情备注:</label>' +
92 
+						'<textarea type="text" id="Pb"></textarea>' +
93 
+						'</div>' +
94 
+						'<div class="add_time tc">' +
95 
+						'<button type="button" class="btn sc_btn " id="tc" onclick="addedit()">保&nbsp;&nbsp;存</button>' +
96 
+						'</div>' +
97 
+						'</div>';
98 
+			var tc;
99 
+			$(document).ready(function() {
100 
+				/*搜索*/
101 
+				$("#sc_btns").click(function() {
102 
+					initTable();
103 
+				})
104 
+				/*删除内容*/
105 
+				$(".remove").click(function() {
106 
+					var ids = $.map($('#list').bootstrapTable('getSelections'),
107 
+						function(row) {
108 
+							return row.F_Rid;
109 
+						});
110 
+					/*判断长度*/
111 
+					if(ids.length <= 0) {
112 
+						layer.confirm('没有可删除的选项？', {
113 
+							btn: ['确定'] //按钮
114 
+						});
115 
+						return;
116 
+					}
117 
+					remove();
118 
+				});
119 
+				/*修改弹窗*/
120 
+				$(".xg").click(function() {
121 
+					var blackid = $.map($('#list').bootstrapTable('getSelections'),
122 
+						function(row) {
123 
+							return row.F_Rid;
124 
+					});
125 
+					if(blackid.length != 1) {
126 
+						layer.confirm('请选择一行进行修改？', {
127 
+							btn: ['确定'] //按钮
128 
+						});
129 
+						return;
130 
+					} else {
131 
+						$.getJSON(huayi.config.callcenter_url + "RecordSet/GetTelSet", {
132 
+							rid: blackid[0],
133 
+							token: $.cookie("token")
134 
+						}, function(result) {
135 
+							if(result.state.toLowerCase() == "success") {
136 
+								tc = layer.open({
137 
+									type: 1,
138 
+									title: '修改总是不录音号码',
139 
+									area: ['40%', '68%'], //宽高
140 
+									content: html
141 
+								});
142 
+								$("#ID").val(result.data.F_Rid);
143 
+								$("#TelNum").val(result.data.F_Telphone);
144 
+								$('#addNameType').val(result.data.F_Type);
145 
+								$("#Pb").val(result.data.F_Des);
146 
+							}
147 
+						})
148 
+					}
149 
+				});
150 
+
151 
+				/*增加弹框*/
152 
+				$(".add").click(function() {
153 
+					tc = layer.open({
154 
+						type: 1,
155 
+						title: '添加总是不录音号码',
156 
+						area: ['40%', '68%'], //宽高
157 
+						content: html, //iframe的url，no代表不显示滚动条
158 
+					});
159 
+
160 
+				});
161 
+
162 
+				initTable();
163 
+			})
164 
+
165 
+			function initTable() {
166 
+
167 
+
168 
+				//先销毁表格
169 
+				$('#list').bootstrapTable('destroy');
170 
+				//初始化表格,动态从服务器加载数据
171 
+				$("#list").bootstrapTable({
172 
+					method: "get", //使用get请求到服务器获取数据
173 
+					url: huayi.config.callcenter_url + "RecordSet/GetList", //获取数据的Servlet地址
174 
+					contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
175 
+					pagination: true, //启动分页
176 
+					pageSize: 10, //每页显示的记录数
177 
+					pageNumber: 1, //当前第几页
178 
+					pageList: [10, 20, 50, 100], //记录数可选列表
179 
+					search: false, //是否启用查询
180 
+					showColumns: false, //显示下拉框勾选要显示的列
181 
+					showRefresh: false, //显示刷新按钮
182 
+					sidePagination: "server", //表示服务端请求
183 
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
184 
+					//设置为limit可以获取limit, offset, search, sort, order
185 
+					queryParamsType: "undefined",
186 
+					queryParams: function queryParams(params) { //设置查询参数
187 
+						var param = {
188 
+							page: params.pageNumber,
189 
+							pagesize: params.pageSize,
190 
+							tel: $("#tel").val(),
191 
+							type: 2,  //（1总是录音，2总是不录音）
192 
+							token: $.cookie("token")
193 
+						};
194 
+						return param;
195 
+					},
196 
+					onLoadSuccess: function() { //加载成功时执行
197 
+						//layer.msg("加载成功");
198 
+					},
199 
+					onLoadError: function() { //加载失败时执行
200 
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
201 
+					}
202 
+				});
203 
+			}
204 
+
205 
+			/*删除提示*/
206 
+			function remove() {
207 
+				layer.confirm('确定删除当前记录？', {
208 
+					btn: ['是', '否'] //按钮
209 
+				}, function() {
210 
+
211 
+					/*执行删除*/
212 
+					var ids = $.map($('#list').bootstrapTable('getSelections'),
213 
+						function(row) {
214 
+							return row.F_Rid;
215 
+						});
216 
+					/*发送请求*/
217 
+					$.post(huayi.config.callcenter_url + "RecordSet/DelTelSet", {
218 
+						ids: ids,
219 
+						token: $.cookie("token")
220 
+					}, function(result) {
221 
+						result = JSON.parse(result);
222 
+						if(result.state.toLowerCase() == "success") {
223 
+							layer.msg("删除成功");
224 
+							initTable();
225 
+						}
226 
+					})
227 
+				});
228 
+			}
229 
+			//新增或者编辑
230 
+			function addedit() {
231 
+				if(!$("#TelNum").val()) {
232 
+					layer.confirm('请输入电话号码', {
233 
+						btn: ['确定'] //按钮
234 
+					});
235 
+					return;
236 
+				}
237 
+
238 
+				/*发送请求*/
239 
+				$.post(huayi.config.callcenter_url + "RecordSet/saveTelSet", {
240 
+					rid: $("#ID").val(),
241 
+					telphone: $("#TelNum").val(),
242 
+					type: $('#addNameType').val(),
243 
+					des: $("#Pb").val(),
244 
+					token: $.cookie("token")
245 
+
246 
+				}, function(result) {
247 
+					result = JSON.parse(result);
248 
+					if(result.state.toLowerCase() == "success") {
249 
+						if($("#ID").val()) {
250 
+							layer.msg("修改成功");
251 
+						} else {
252 
+							layer.msg('增加成功');
253 
+						}
254 
+						layer.close(tc); //关闭弹层
255 
+						initTable();
256 
+					}
257 
+				});
258 
+			}
259 
+		</script>
260 
+
261 
+	</body>
262 
+
263 
+</html>