Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
zhoufan
/
12345_Base_Web
Obserwuj 1
Polub 0
Forkuj 0
Kod Problemy 0 Oczekujące zmiany 0 Commity 889 Wydania 0 Wiki
Przeglądaj źródła

业务统计页面

d123 8 lat temu
rodzic
2676f55d79
commit
3dced77fe0
45 zmienionych plików z 4507 dodań i 230 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 3 2
      WebSite/index.html
  2. 105 0
      WebUI/CallCenterWeb.UI/Appeal/DC.html
  3. 724 0
      WebUI/CallCenterWeb.UI/Appeal/Lawsuit.html
  4. 0 0
      WebUI/CallCenterWeb.UI/Appeal/SupervList.html
  5. 0 0
      WebUI/CallCenterWeb.UI/Appeal/gongdan.json
  6. 3 2
      WebUI/CallCenterWeb.UI/Business/AddAppeal.html
  7. 4 1
      WebUI/CallCenterWeb.UI/Business/AppealAgain.html
  8. 5 1
      WebUI/CallCenterWeb.UI/Business/AppealDelayed .html
  9. 4 1
      WebUI/CallCenterWeb.UI/Business/AppealManage.html
  10. 5 2
      WebUI/CallCenterWeb.UI/Business/AppealSeach.html
  11. 4 1
      WebUI/CallCenterWeb.UI/Business/Back.html
  12. 4 1
      WebUI/CallCenterWeb.UI/Business/BackDelayed.html
  13. 4 1
      WebUI/CallCenterWeb.UI/Business/Finish.html
  14. 4 1
      WebUI/CallCenterWeb.UI/Business/NoSatisfy.html
  15. 4 1
      WebUI/CallCenterWeb.UI/Business/Overdue.html
  16. 4 1
      WebUI/CallCenterWeb.UI/Business/ReturnVisit.html
  17. 734 0
      WebUI/CallCenterWeb.UI/Business/Sqtuihui.html
  18. 4 1
      WebUI/CallCenterWeb.UI/Business/UnfinishedAppea.html
  19. 4 1
      WebUI/CallCenterWeb.UI/Business/WaitAppeal.html
  20. 5 2
      WebUI/CallCenterWeb.UI/Business/WaitFinish.html
  21. 460 197
      WebUI/CallCenterWeb.UI/Business/WorkDatil.html
  22. 121 0
      WebUI/CallCenterWeb.UI/CommonHtml/AddAppeal.html
  23. 30 0
      WebUI/CallCenterWeb.UI/CommonHtml/AppealBack.html
  24. 47 0
      WebUI/CallCenterWeb.UI/CommonHtml/AppealDeal.html
  25. 0 0
      WebUI/CallCenterWeb.UI/CommonHtml/Back.html
  26. 0 0
      WebUI/CallCenterWeb.UI/CommonHtml/ExamineList.html
  27. 0 0
      WebUI/CallCenterWeb.UI/CommonHtml/StrongLawsuit.html
  28. 105 0
      WebUI/CallCenterWeb.UI/CommonHtml/SupervList.html
  29. 0 0
      WebUI/CallCenterWeb.UI/CommonHtml/Supervision_.html
  30. 40 0
      WebUI/CallCenterWeb.UI/CommonHtml/Timesq.html
  31. 476 0
      WebUI/CallCenterWeb.UI/CommonHtml/WorkDatil.html
  32. 0 0
      WebUI/CallCenterWeb.UI/CommonHtml/lawsuits.html
  33. 34 0
      WebUI/CallCenterWeb.UI/CommonHtml/yanshishenq.html
  34. 29 13
      WebUI/CallCenterWeb.UI/Registration/Lawsuit.html
  35. 217 0
      WebUI/CallCenterWeb.UI/YeWu/CB.html
  36. 9 0
      WebUI/CallCenterWeb.UI/YeWu/GX.html
  37. 215 0
      WebUI/CallCenterWeb.UI/YeWu/MY.html
  38. 219 0
      WebUI/CallCenterWeb.UI/YeWu/Nohuifu.html
  39. 213 0
      WebUI/CallCenterWeb.UI/YeWu/Number.html
  40. 214 0
      WebUI/CallCenterWeb.UI/YeWu/TB.html
  41. 228 0
      WebUI/CallCenterWeb.UI/YeWu/XL.html
  42. 225 0
      WebUI/CallCenterWeb.UI/YeWu/ZX.html
  43. 0 0
      WebUI/CallCenterWeb.UI/YeWu/new_file.json
  44. BIN
      WebUI/CallCenterWeb.UI/img/shangqiu.png
  45. 1 1
      WebUI/CallCenterWeb.UI/login.html

+ 3 - 2
WebSite/index.html
Wyświetl plik 

@@ -4,8 +4,9 @@
4 4 
 	<head>
5 5 
 		<meta charset="UTF-8">
6 6 
 		<title>首页</title>
7 
-		<meta http-equiv="x-ua-compatible" content="ie=edge">
8 
-		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />-->
7 
+		<!--<meta http-equiv="x-ua-compatible" content="ie=edge">-->
8 
+	<!--	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />-->
9 
+		<meta name='renderer' content='ie-comp'/>
9 10 
 		<link rel="stylesheet" href="css/bootstrap.min.css" />
10 11 
 		<link rel="stylesheet" href="css/indexs.css" />
11 12 
 		<link rel="stylesheet" href="css/pageSwitch.css" />

+ 105 - 0
WebUI/CallCenterWeb.UI/Appeal/DC.html
Wyświetl plik 

@@ -0,0 +1,105 @@
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 
+		<script src="../Script/Common/huayi.load.js"></script>
9 
+		<script src="../Script/Common/huayi.config.js"></script>
10 
+		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
11 
+		<link href="../css/init.css" rel="stylesheet" />
12 
+		<script src="../css/laydate/laydate.js"></script>
13 
+	</head>
14 
+	<body class="gray-bg">
15 
+		<div class="wrapper wrapper-content animated fadeInRight">
16 
+			<div class="daoHang clearfix">
17 
+				<div class="dhLeft">
18 
+					<sapn>
19 
+						<i class="syIcon"></i>位置：
20 
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
21 
+						<a href="javaScript:;">登记受理</a>&gt;
22 
+						<a href="" style="color: #000;">督办信息</a>
23 
+					</sapn>
24 
+				</div>
25 
+			</div>
26 
+			<div class="Content_box">
27 
+				<!--待处理/-->
28 
+				<div class="complain Shows">
29 
+					<div style="width: 100%;padding: 10px;">
30 
+					<table id="table1" data-row-style="rowStyle" data-query-params="queryParams">
31 
+					<thead>
32 
+						<tr>
33 
+							<th data-field="id" data-align="center" >诉求编号</th>
34 
+							<th data-field="usercode" data-align="center">诉求标题</th>
35 
+							<th data-field="addtime" data-align="center">诉求时间</th>
36 
+							<th data-field="acceptname" data-align="center">办理状态</th>
37 
+							<th data-field="zuoxi" data-align="center">督察意见</th>
38 
+							<th data-field="zuoxi" data-align="center">督察时间</th>
39 
+						</tr>
40 
+					</thead>
41 
+				</table>
42 
+					</div>
43 
+				</div>
44 
+			</div>
45 
+		</div>
46 
+
47 
+		<script>
48 
+			$(document).ready(function() {
49 
+				laydate.skin('molv');
50 
+				laydate({
51 
+					elem: '#startTime',
52 
+					event: 'focus'
53 
+				});
54 
+
55 
+				laydate({
56 
+					elem: '#endTime',
57 
+					event: 'focus'
58 
+				});
59 
+
60 
+			})
61 
+			var table1=$('#table1');
62 
+			initTable1()
63 
+function initTable1() {
64 
+				//先销毁表格
65 
+				table1.bootstrapTable('destroy');
66 
+				//初始化表格,动态从服务器加载数据
67 
+				table1.bootstrapTable({
68 
+					method: "get", //使用get请求到服务器获取数据
69 
+//					url: huayi.config.callcenter_url+"Order/GetList", //获取数据的Servlet地址
70 
+					url: "",
71 
+					 contentType: "application/x-www-form-urlencoded",striped: true,
72 
+					striped: true, //表格显示条纹
73 
+					pagination: false, //启动分页
74 
+					pageSize:10, //每页显示的记录数
75 
+					pageNumber: 1, //当前第几页
76 
+					pageList: [10,20, 50, 100], //记录数可选列表
77 
+					search: false, //是否启用查询
78 
+					showColumns: false, //显示下拉框勾选要显示的列
79 
+					showRefresh: false, //显示刷新按钮
80 
+					sidePagination: "server", //表示服务端请求
81 
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
82 
+					//设置为limit可以获取limit, offset, search, sort, order
83 
+					queryParamsType: "undefined",
84 
+					queryParams: function queryParams(params) { //设置查询参数
85 
+						var param = {
86 
+							pageindex: params.pageNumber,
87 
+							pagesize: params.pageSize,
88 
+							token: $.cookie("token")
89 
+						};
90 
+						return param;
91 
+					},
92 
+					onLoadSuccess: function() { //加载成功时执行
93 
+						//layer.msg("加载成功");
94 
+					},
95 
+					onLoadError: function() { //加载失败时执行
96 
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
97 
+					}
98 
+				});
99 
+			}
100 
+
101 
+
102 
+		</script>
103 
+	</body>
104 
+
105 
+</html>

+ 724 - 0
WebUI/CallCenterWeb.UI/Appeal/Lawsuit.html
Wyświetl plik 

@@ -0,0 +1,724 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8">
6 
+    <title>诉求查询</title>
7 
+    <script src="../Script/Common/huayi.load.js"></script>
8 
+    <script src="../Script/Common/huayi.config.js"></script>
9 
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10 
+    <link rel="stylesheet" href="../css/init.css" />
11 
+    <style>
12 
+        #sqzx th {
13 
+            padding: 5px 8px 5px 0;
14 
+            text-align: right;
15 
+        }
16 
+
17 
+        .select {
18 
+            width: 150px;
19 
+            background-color: #FFF;
20 
+            background-image: none;
21 
+            border: 1px solid #ccc;
22 
+            border-radius: 1px;
23 
+            color: inherit;
24 
+            padding: 6px 12px;
25 
+        }
26 
+
27 
+        #sex {
28 
+            background-color: #FFF;
29 
+            background-image: none;
30 
+            border: 1px solid #ccc;
31 
+            border-radius: 1px;
32 
+            color: inherit;
33 
+            padding: 6px 12px;
34 
+        }
35 
+
36 
+        input {
37 
+            background-color: #FFF;
38 
+            background-image: none;
39 
+            border: 1px solid #ccc;
40 
+            border-radius: 1px;
41 
+            color: inherit;
42 
+            padding: 6px 12px;
43 
+        }
44 
+
45 
+        #sqzx td {
46 
+            padding: 6px 0 5px 10px;
47 
+        }
48 
+
49 
+        .lxr ul li {
50 
+            float: left;
51 
+            list-style: none;
52 
+            width: 30%;
53 
+            margin-bottom: 5px;
54 
+            padding-top: 10px;
55 
+        }
56 
+
57 
+        .clearFix:after {
58 
+            content: "";
59 
+            display: block;
60 
+            clear: both;
61 
+        }
62 
+
63 
+        .form-group {
64 
+            padding-left: 40px;
65 
+            margin-bottom: 0;
66 
+        }
67 
+
68 
+        textarea {
69 
+            height: 70px;
70 
+            border: 1px solid #ccc;
71 
+            border-radius: 1px;
72 
+            width: 50%;
73 
+            resize: none;
74 
+        }
75 
+
76 
+        .textarea_box {
77 
+            margin-top: 10px;
78 
+        }
79 
+
80 
+        .box_content {
81 
+            border-bottom: 1px solid #ccc;
82 
+        }
83 
+
84 
+        .tj_content {
85 
+            border: 1px solid #e6e6e6;
86 
+            border-radius: 5px;
87 
+        }
88 
+        .t-shade {
89 
+            position: fixed;
90 
+            top: 0;
91 
+            left: 0;
92 
+            width: 100%;
93 
+            height: 100%;
94 
+            background: rgba(0, 0, 0, 0.48);
95 
+            z-index: 10004;
96 
+            display: none;
97 
+        }
98 
+
99 
+        .lyxz .shade_k {
100 
+            z-index: 10005;
101 
+            width: 60%;
102 
+            margin: 10% auto;
103 
+            background-color: #fff;
104 
+            box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
105 
+            border-radius: 5px;
106 
+        }
107 
+        .shade_title {
108 
+            padding: 0 80px 0 20px;
109 
+            height: 42px;
110 
+            line-height: 42px;
111 
+            border-bottom: 1px solid #eee;
112 
+            font-size: 16px;
113 
+            color: #FFFFFF;
114 
+            overflow: hidden;
115 
+            background-color: #1ab394;
116 
+            border-radius: 2px 2px 0 0;
117 
+            position: relative;
118 
+            border-top-left-radius: 5px;
119 
+            border-top-right-radius: 5px;
120 
+        }
121 
+        .cx {
122 
+            display: block;
123 
+        }
124 
+        .setwin {
125 
+            position: absolute;
126 
+            right: 15px;
127 
+            top: 5px;
128 
+            font-size: 0;
129 
+            line-height: initial;
130 
+        }
131 
+            .setwin a {
132 
+                position: relative;
133 
+                width: 16px;
134 
+                height: 16px;
135 
+                font-size: 20px;
136 
+                color: #fff;
137 
+            }
138 
+           .xg i{
139 
+           	font-size: 16px;
140 
+           }
141 
+           .hidens{
142 
+           	display: none;
143 
+           }
144 
+    </style>
145 
+</head>
146 
+<body class="gray-bg">
147 
+    <div class="wrapper wrapper-content animated fadeInRight">
148 
+        <div class="daoHang clearfix">
149 
+            <div class="dhLeft">
150 
+                <sapn>
151 
+                    <i class="syIcon"></i>位置：
152 
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
153 
+                    <a href="javaScript:;">登记</a>&gt;
154 
+                    <a href="" style="color: #000;">诉求查询</a>
155 
+                </sapn>
156 
+            </div>
157 
+        </div>
158 
+        <div style="padding: 10px;" class="tj_content clearFix">
159 
+<div style="padding: 10px;" class="tj_content clearFix">
160 
+				<div>
161 
+					<span>【搜索信息】</span>
162 
+					<div class="box_content">
163 
+						<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
164 
+							<tr>
165 
+								<th>输入关键字：</th>
166 
+								<td>
167 
+									<input type="text" placeholder="输入关键字" id="key" />
168 
+								</td>
169 
+								<th>创建时间：</th>
170 
+								<td colspan="3">
171 
+									<input type="text" id="startTime" class="laydate-icon" style="height: 32px;" />&nbsp;——&nbsp;<input type="text" id="endTime" class="laydate-icon" style="height: 32px;" />
172 
+								</td>
173 
+							</tr>
174 
+							<tr>
175 
+								<th>办理状态：</th>
176 
+								<td>
177 
+									<select name="" id="xxly" class="select">
178 
+										<option selected="selected" value="">请选择</option>
179 
+									</select>
180 
+								</td>
181 
+								<th>处理方式：</th>
182 
+								<td>
183 
+									<select name="" id="xxlb" class="select">
184 
+										<option selected="selected" value="">请选择</option>
185 
+									</select>
186 
+
187 
+								</td>
188 
+								<th>受理坐席：</th>
189 
+								<td>
190 
+									<select name="" id="xxlb" class="select">
191 
+										<option selected="selected" value="">请选择</option>
192 
+									</select>
193 
+									<select name="" id="xxlb" class="select">
194 
+										<option selected="selected" value="">请选择</option>
195 
+									</select>
196 
+
197 
+								</td>
198 
+
199 
+							</tr>
200 
+							<tr class="hidens gj">
201 
+								<th>来源：</th>
202 
+								<td>
203 
+									<select name="" id="FArea" class="select"></select>
204 
+								</td>
205 
+								<th>类型：</th>
206 
+								<td>
207 
+									<select name="" class="select"></select>
208 
+								</td>
209 
+								<th>类别：</th>
210 
+								<td>
211 
+									<select name="" class="select"></select>
212 
+									<select name="" class="select"></select>
213 
+								</td>
214 
+							</tr>
215 
+							<tr class="hidens gj">
216 
+								<th>办理单位：</th>
217 
+								<td>
218 
+									<select name="" class="select"></select>
219 
+								</td>
220 
+								<th>紧急程度：</th>
221 
+								<td>
222 
+									<select name="" class="select"></select>
223 
+								</td>
224 
+								<th>密级：</th>
225 
+								<td>
226 
+									<select name="" class="select"></select>
227 
+								</td>
228 
+
229 
+							</tr>
230 
+							<tr class="hidens gj">
231 
+								<th>主题词：</th>
232 
+								<td>
233 
+									<select name="" class="select"></select>
234 
+								</td>
235 
+								<th>回访结果：</th>
236 
+								<td>
237 
+									<select name="" class="select"></select>
238 
+								</td>
239 
+								<th>事件地址：</th>
240 
+								<td >
241 
+									<select name="" class="select"></select>
242 
+									<select name="" class="select"></select>
243 
+									<input type="text" placeholder="输入关键字" id="key" />
244 
+								</td>
245 
+
246 
+							</tr>
247 
+						</table>
248 
+					</div>
249 
+					<div class="" style="line-height: 50px;">
250 
+						<botton class="btns GJ">高级搜索</botton>
251 
+						<botton class="btns Seach">搜索</botton>
252 
+						<botton class="btns ">导出</botton>
253 
+						<botton class="btns Appeal">新诉求</botton>
254 
+					</div>
255 
+				</div>
256 
+				<div>
257 
+					<div style="width: 100%;padding: 10px;">
258 
+						<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
259 
+							<thead>
260 
+								<tr>
261 
+									<th data-checkbox="true"></th>
262 
+									<th data-field="a" data-align="center">工单单号</th>
263 
+									<th data-field="b" data-formatter="GetCont" data-align="center">诉求标题</th>
264 
+									<th data-field="c" data-align="center">受理人</th>
265 
+									<th data-field="d" data-align="center">办理状态</th>
266 
+									<th data-field="e" data-formatter="setCode" data-align="center">录音</th>
267 
+									<th data-field="f" data-formatter="Dispose" data-align="center">操作</th>
268 
+								</tr>
269 
+							</thead>
270 
+							<tbody class="list"></tbody>
271 
+						</table>
272 
+					</div>
273 
+				</div>
274 
+			</div>
275 
+    </div>
276 
+
277 
+    <!--下载框-->
278 
+    <div class="t-shade lyxz">
279 
+        <div class="shade_k">
280 
+            <div class="shade_title">
281 
+                <span>录音播放与下载<srong class="cknum"></srong></span>
282 
+                <span class="setwin gbly"><a>x</a></span>
283 
+            </div>
284 
+            <div class="shade_content">
285 
+                <div class="Ly_box audiojs">
286 
+                </div>
287 
+            </div>
288 
+        </div>
289 
+    </div>
290 
+    <script src="../css/laydate/laydate.js"></script>
291 
+    <script src="../My97DatePicker/WdatePicker.js"></script>
292 
+    <script>
293 
+        $(document).ready(function () {
294 
+            load();
295 
+            $(".GJ").click(function(){
296 
+				$(".gj").toggle("hidens");
297 
+			})
298 
+            //坐席
299 
+            $.getJSON(huayi.config.callcenter_url + "UserAccount/GetSeatList", { "token": $.cookie("token") }, function (data) {
300 
+                if (data.state.toLowerCase() == "success") {
301 
+                    var content = data.data;
302 
+                    $(content).each(function (i, n) {
303 
+                        $("<option value='" + n.F_UserCode + "'>" + n.F_UserName + "</option>").appendTo($("#djr"));
304 
+                    })
305 
+                }
306 
+            })
307 
+            //状态
308 
+            $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", { "token": $.cookie("token"), id: 5 }, function (data) {
309 
+                if (data.state.toLowerCase() == "success") {
310 
+                    var content = data.data;
311 
+                    $(content).each(function (i, n) {
312 
+                        $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#zt"));
313 
+                    })
314 
+                }
315 
+            })
316 
+            //信息来源
317 
+            $("#xxly").empty();
318 
+            $("#xxly").append('<option selected="selected" value="">请选择</option>');
319 
+            $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
320 
+                "token": $.cookie("token"),
321 
+                id: 6
322 
+            }, function (data) {
323 
+                if (data.state.toLowerCase() == "success") {
324 
+                    var content = data.data;
325 
+                    $(content).each(function (i, n) {
326 
+                        $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#xxly"));
327 
+                    })
328 
+                }
329 
+            });
330 
+            //信息分类
331 
+            $("#xxlb").empty();
332 
+            $("#xxlb").append('<option selected="selected" value="">请选择</option>');
333 
+            $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
334 
+                "token": $.cookie("token"),
335 
+                id: 2
336 
+            }, function (data) {
337 
+                if (data.state.toLowerCase() == "success") {
338 
+                    var content = data.data;
339 
+                    $(content).each(function (i, n) {
340 
+                        $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#xxlb"));
341 
+                    })
342 
+                }
343 
+                $("#xxlb").change(function () {
344 
+                    $("#tsxl").empty();
345 
+                    $("#tsxl").append('<option selected="selected" value="">请选择</option>');
346 
+                    loadDic($("#tsdl"), $("#xxlb").val());
347 
+                });
348 
+
349 
+                $("#tsdl").change(function () {
350 
+                    loadDic($("#tsxl"), $("#tsdl").val());
351 
+                });
352 
+            })
353 
+            loadArea($("#FArea"));
354 
+            loadArea($("#JArea"));
355 
+            $("#FArea").change(function () {
356 
+                $("#Twon").empty();
357 
+                $("#Twon").append('<option selected="selected" value="">请选择</option>');
358 
+                $.getJSON(huayi.config.callcenter_url + "Department/GetTownList", { "token": $.cookie("token"), aid: $("#FArea").val() }, function (data) {
359 
+                    if (data.state.toLowerCase() == "success") {
360 
+                        var content = data.data;
361 
+                        $(content).each(function (i, n) {
362 
+                            $("<option value='" + n.F_TownId + "'>" + n.F_TownName + "</option>").appendTo($("#Twon"));
363 
+                        })
364 
+                    }
365 
+                })
366 
+            })
367 
+            $("#JArea").change(function () {
368 
+                $("#Jtype").empty();
369 
+                $("#Jtype").append('<option selected="selected" value="">请选择</option>');
370 
+                $("#Department").empty();
371 
+                $("#Department").append('<option selected="selected" value="">请选择</option>');
372 
+                $.getJSON(huayi.config.callcenter_url + "Department/GetDeptTypeList", { "token": $.cookie("token"), aid: $("#JArea").val() }, function (data) {
373 
+                    if (data.state.toLowerCase() == "success") {
374 
+                        var content = data.data;
375 
+                        $(content).each(function (i, n) {
376 
+                            $("<option value='" + n.F_DeptTypeId + "'>" + n.F_DeptTypeName + "</option>").appendTo($("#Jtype"));
377 
+                        })
378 
+                    }
379 
+                })
380 
+            })
381 
+            $("#Jtype").change(function () {
382 
+                $("#Department").empty();
383 
+                $("#Department").append('<option selected="selected" value="">请选择</option>');
384 
+                $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", { "token": $.cookie("token"), tid: $("#Jtype").val() }, function (data) {
385 
+                    if (data.state.toLowerCase() == "success") {
386 
+                        var content = data.data;
387 
+                        $(content).each(function (i, n) {
388 
+                            $("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo($("#Department"));
389 
+                        })
390 
+                    }
391 
+                })
392 
+            })
393 
+            $("#FArea").change(function () {
394 
+                $("#sfdz").val($("#FArea").find("option:selected").text());
395 
+            })
396 
+
397 
+            $(".min_select").each(function () {
398 
+                $(this).empty();
399 
+                for (var i = 1; i <= 10; i++) {
400 
+                    if (i == 5) {
401 
+                        $("<option selected='selected' value='5'>5</option>").appendTo($(this));
402 
+                    }
403 
+                    else {
404 
+                        $("<option value='" + i + "'>" + i + "</option>").appendTo($(this));
405 
+                    }
406 
+                }
407 
+            });
408 
+
409 
+            laydate.skin('blue');
410 
+
411 
+            laydate({
412 
+                elem: '#startTime',
413 
+                event: 'focus'
414 
+            });
415 
+
416 
+            laydate({
417 
+                elem: '#endTime',
418 
+                event: 'focus'
419 
+            });
420 
+
421 
+            $(".search").click(function () {
422 
+                load();
423 
+            })
424 
+            //关闭录音弹出
425 
+            $(".gbly").click(function () {
426 
+                $(".lyxz").removeClass("cx");
427 
+                $('audio')[0].pause();
428 
+            });
429 
+            var html = '<div >' +
430 
+                '<ul class="nav nav-tabs">' +
431 
+                '<li class="active">' +
432 
+                '<a href="#">参数信息</a>' +
433 
+                '</li>' +
434 
+                '</ul>' +
435 
+                '<div class="add_time">' +
436 
+                '<label for="">发布标题:</label>' +
437 
+                '<input type="text" id="title" class="photo"  />' +
438 
+                '</div>' +
439 
+                '<div class="add_time">' +
440 
+                '<label for="">是否有期限:</label>' +
441 
+                '<label style="font-weight:normal;width: 50px;"><input type="radio" value="1" name="limit" checked="checked" />无</label>' +
442 
+                '<label style="font-weight:normal;width: 50px;"><input type="radio" value="2" name="limit" />有</label>' +
443 
+                '</div>' +
444 
+                '<div class="add_time">' +
445 
+                '<label for="">发布期限:</label>' +
446 
+                '<input type="text" class="photo laydate-icon" id="limittime" onclick="WdatePicker({ dateFmt: \'yyyy-MM-dd\' })" />' +
447 
+                '</div>' +
448 
+                '<div class="add_time tc" style="text-align: center;">' +
449 
+                '<button type="button" class="btn sc_btn " id="tc" onclick="fbgd()">发&nbsp;&nbsp;布</button>' +
450 
+                '</div>' +
451 
+                '</div>';
452 
+
453 
+            $(".release").click(function () {
454 
+                tc = layer.open({
455 
+                    type: 1,
456 
+                    content: html, //iframe的url，no代表不显示滚动条
457 
+                    title: '发布工单',
458 
+                    area: ['40%', '60%'], //宽高
459 
+                });
460 
+            })
461 
+            $(".print").click(function () {
462 
+                layer.open({
463 
+                    type: 2,
464 
+                    content: "PrintPreview.html?wid="+$(".hidWid").val(), //iframe的url，no代表不显示滚动条
465 
+                    title: '打印',
466 
+                    area: ['60%', '80%'], //宽高
467 
+                });
468 
+            })
469 
+
470 
+            $("#orderlist").on("click-row.bs.table", function (e, row, ele) {
471 
+                $('.success').removeClass('success'); //去除之前选中的行的，选中样式
472 
+                $(ele).addClass('success'); //添加当前选中的 success样式用于区别
473 
+            });
474 
+
475 
+            $("#sqzx").bind("keydown", function (event) {
476 
+                var keyCode = event.keyCode?event.keyCode:event.which?event.which:event.charCode;
477 
+                if (keyCode == 13) {
478 
+                    load();
479 
+                }
480 
+            })
481 
+        })
482 
+        var tc;
483 
+        function fbgd() {
484 
+            if (!$("#title").val()) {
485 
+                layer.confirm('请输入发布标题！', {
486 
+                    btn: ['确定']
487 
+                });
488 
+                return;
489 
+            }
490 
+            $.post(huayi.config.callcenter_url + 'WorkOrder/ReleaseWorkOrder', {
491 
+                workorderid: $(".hidWid").val(), title: $("#title").val(),
492 
+                islimit: $('input[name="limit"]:checked ').val(), limittime: $("#limittime").val(), "token": $.cookie("token")
493 
+            }, function (result) {
494 
+                result = JSON.parse(result);
495 
+                if (result.state.toLowerCase() == "success") {
496 
+                    layer.msg("发布成功");
497 
+                    layer.close(tc); //关闭弹层
498 
+                }
499 
+            })
500 
+        }
501 
+        //加载字典
502 
+        function loadDic(obj, pid) {
503 
+            obj.empty();
504 
+            obj.append('<option selected="selected" value="">请选择</option>');
505 
+            $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByParentId", {
506 
+                "token": $.cookie("token"),
507 
+                pid: pid
508 
+            }, function (data) {
509 
+                if (data.state.toLowerCase() == "success") {
510 
+                    var content = data.data;
511 
+                    $(content).each(function (i, n) {
512 
+                        $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
513 
+                    })
514 
+                }
515 
+            })
516 
+        }
517 
+        //加载区域
518 
+        function loadArea(obj) {
519 
+            obj.empty();
520 
+            obj.append('<option selected="selected" value="">请选择</option>');
521 
+            $.getJSON(huayi.config.callcenter_url + "Department/GetAreaList", {
522 
+                "token": $.cookie("token")
523 
+            }, function (data) {
524 
+                if (data.state.toLowerCase() == "success") {
525 
+                    var content = data.data;
526 
+                    $(content).each(function (i, n) {
527 
+                        $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
528 
+                    })
529 
+                }
530 
+            })
531 
+        };
532 
+        //获取查询信息
533 
+        function load() {
534 
+            //先销毁表格
535 
+            $('#orderlist').bootstrapTable('destroy');
536 
+            //初始化表格,动态从服务器加载数据
537 
+            $("#orderlist").bootstrapTable({
538 
+                method: "get", //使用get请求到服务器获取数据
539 
+//              url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
540 
+                url:"gongdan.json",
541 
+                contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
542 
+                pagination: true, //启动分页
543 
+                pageSize: 10, //每页显示的记录数
544 
+                pageNumber: 1, //当前第几页
545 
+                pageList: [10, 20, 50, 100], //记录数可选列表
546 
+                search: false, //是否启用查询
547 
+                showColumns: false, //显示下拉框勾选要显示的列
548 
+                showRefresh: false, //显示刷新按钮
549 
+                sidePagination: "server", //表示服务端请求
550 
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
551 
+                //设置为limit可以获取limit, offset, search, sort, order
552 
+                queryParamsType: "undefined",
553 
+                queryParams: function queryParams(params) { //设置查询参数
554 
+                    var param = {
555 
+                        page: params.pageNumber,
556 
+                        pagesize: params.pageSize,
557 
+                        workid: $("#djbh").val(),
558 
+                        state: $("#zt").val(),
559 
+                        name: $("#name").val(),
560 
+                        tel: $("#tel").val(),
561 
+                        key: $("#key").val(),
562 
+                        usercode: $("#djr").val(),
563 
+                        type: $("#xxlb").val(),
564 
+                        bigtype: $("#tsdl").val(),
565 
+                        smalltype: $("#tsxl").val(),
566 
+                        sourcearea: $("#FArea").val(),
567 
+                        starttime: $("#startTime").val(),
568 
+                        endtime: $("#endTime").val(),
569 
+                        areaid: $("#JArea").val(),
570 
+                        depttype: $("#Jtype").val(),
571 
+                        deptid: $("#Department").val(),
572 
+                        token: $.cookie("token")
573 
+                    };
574 
+                    return param;
575 
+                },
576 
+                onLoadSuccess: function (data) { //加载成功时执行
577 
+                    //layer.msg("加载成功");
578 
+                    //console.log(data);
579 
+                },
580 
+                onLoadError: function () { //加载失败时执行
581 
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
582 
+                }
583 
+            });
584 
+        }
585 
+        //音频
586 
+        function setCode(val) {
587 
+            if (val) {
588 
+                return '<div class="imgs" style="cursor: pointer;">' +
589 
+                    '<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
590 
+                    '</div>';
591 
+            } else {
592 
+                return '';
593 
+            }
594 
+        }
595 
+        //录音
596 
+        function ck(val) {
597 
+            var path = $(val).attr("item");
598 
+            $(".lyxz").addClass("cx");
599 
+            $(".Ly_box").empty();
600 
+            $(".down").attr("href", path);
601 
+            $('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
602 
+        }
603 
+        function GetCont(val) {
604 
+            if (val) {
605 
+                var str = '<div '
606 
+                if (val.length > 10) {
607 
+                    str = str + ' title="' + val + '" ';
608 
+                    val = val.substr(0, 10) + "...";
609 
+                }
610 
+                return str + '>' + val + '</div>';
611 
+            }
612 
+            else {
613 
+                return '';
614 
+            }
615 
+        }
616 
+        //操作
617 
+        function Dispose(val) {
618 
+        	//提交按钮
619 
+            return '<div class="imgs" >' +
620 
+            '<a class="xg"  title="查看" onclick="ckxq(' + val + ')"> <i class="fa fa-search"></i></a>' +
621 
+            '<a class="xg"  title="编辑" onclick="bj(' + val + ')"> <i class="fa fa-pencil-square-o"></i></a>' +
622 
+             '<a class="xg" title="回访" onclick="back(' + val + ')"> <i class="fa fa-mail-reply"></i></a>' +
623 
+              '<a class="xg" "title="强回"onclick="recycles(' + val + ')"> <i class="fa fa-exchange"></i></a>' +
624 
+              '<a class="xg"  title="结案" onclick="Lawsuit(' + val + ')"> <i class="fa fa-pie-chart"></i></a>' +
625 
+               '<a class="xg" "title="交办"onclick="jb(' + val + ')"> <i class="fa fa-check-square-o"></i></a>' +
626 
+               '<a class="xg" "title="回收"onclick="recycle(' + val + ')"> <i class="fa fa-retweet"></i></a>' +
627 
+                '<a class="xg "title="督查" onclick="Supervision(' + val + ')"> <i class="fa fa-eye"></i></a>' +
628 
+                '<a class="xg" "title="强制" onclick="StrongLawsuit(' + val + ')"> <i class="fa fa-check-circle"></i></a>' +
629 
+                '<a class="xg" title="删除"onclick="move(' + val + ')"> <i class="fa fa-remove"></i></a>' +
630 
+            '</div>';
631 
+        }
632 
+        //查看详情
633 
+        function ckxq(str) {
634 
+            layer.open({
635 
+                type: 2,
636 
+                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
637 
+                title: '工单详情',
638 
+                area: ['85%', '80%'], //宽高
639 
+            });
640 
+        }
641 
+        //编辑
642 
+         function bj(str) {
643 
+            layer.open({
644 
+                type: 2,
645 
+                content: "../CommonHtml/AddAppeal.html?wid=" + str, //iframe的url，no代表不显示滚动条
646 
+                title: '编辑工单',
647 
+                area: ['85%', '80%'], //宽高
648 
+            });
649 
+        }
650 
+        //督查
651 
+         function Supervision(str) {
652 
+            layer.open({
653 
+                type: 2,
654 
+                content: "../CommonHtml/Supervision.html?wid=" + str, //iframe的url，no代表不显示滚动条
655 
+                title: '督查',
656 
+                area: ['35%', '30%'], //宽高
657 
+            });
658 
+        }
659 
+         //强制结案
660 
+         function StrongLawsuit(str){
661 
+         	layer.open({
662 
+                type: 2,
663 
+                content: "../CommonHtml/StrongLawsuit.html?wid=" + str, //iframe的url，no代表不显示滚动条
664 
+                title: '诉求单强制结案',
665 
+                area: ['35%', '30%'], //宽高
666 
+            });
667 
+         }
668 
+         //删除
669 
+         function move(){
670 
+         	layer.confirm('确定删除工单？', {
671 
+					btn: ['是', '否'] //按钮
672 
+				});
673 
+         }
674 
+         //回收
675 
+         function recycle(){
676 
+         	layer.confirm('确定要回收？', {
677 
+					btn: ['是', '否'] //按钮
678 
+				});
679 
+         }
680 
+         //强制回收
681 
+          function recycles(){
682 
+         	layer.confirm('确定要强制退回吗？', {
683 
+					btn: ['是', '否'] //按钮
684 
+				});
685 
+         }
686 
+         //诉求回访
687 
+         function back(str){
688 
+         	layer.open({
689 
+                type: 2,
690 
+                content: "../CommonHtml/Back.html?wid=" + str, //iframe的url，no代表不显示滚动条
691 
+                title: '诉求回访',
692 
+                area: ['45%', '60%'], //宽高
693 
+            });
694 
+         }
695 
+         //结案
696 
+         function Lawsuit(str){
697 
+         	layer.open({
698 
+                type: 2,
699 
+                content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
700 
+                title: '诉求单结案',
701 
+                area: ['45%', '40%'], //宽高
702 
+            });
703 
+         }
704 
+         //交办
705 
+          function jb(str){
706 
+         	layer.open({
707 
+                type: 2,
708 
+                content: "../CommonHtml/yanshishenq.html?wid=" + str, //iframe的url，no代表不显示滚动条
709 
+                title: '诉求单结案',
710 
+                area: ['45%', '40%'], //宽高
711 
+            });
712 
+         }
713 
+          $('.Appeal').click(function(){
714 
+          		layer.open({
715 
+                type: 2,
716 
+                content: "../CommonHtml/AddAppeal.html?wid=", //iframe的url，no代表不显示滚动条
717 
+                title: '新增诉求',
718 
+                area: ['85%', '80%'], //宽高
719 
+            });
720 
+          })
721 
+    </script>
722 
+</body>
723 
+
724 
+</html>

WebUI/CallCenterWeb.UI/Registration/SupervList.html → WebUI/CallCenterWeb.UI/Appeal/SupervList.html
Wyświetl plik


WebUI/CallCenterWeb.UI/Registration/gongdan.json → WebUI/CallCenterWeb.UI/Appeal/gongdan.json
Wyświetl plik


+ 3 - 2
WebUI/CallCenterWeb.UI/Business/AddAppeal.html
Wyświetl plik 

@@ -11,7 +11,8 @@
11 11 
 	</head>
12 12
13 13 
 	<body>
14 
-
14 
+
15 
+
15 16 
 		<div style="padding: 10px;" class="tj_content clearFix">
16 17 
 			<div class="Common">
17 18 
 				<table>
 
@@ -105,7 +106,7 @@
105 106 
 					<button class="btns">保存并提交</button>
106 107 
 				</div>
107 108 
 			</div>
108 
-		</div>
109 
+		</div>
109 110 
 		<script src="../css/laydate/laydate.js"></script>
110 111 
 		<script>
111 112 
 			$(document).ready(function() {

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/AppealAgain.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a  class="nowPosition" >待重办诉求</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 5 - 1
WebUI/CallCenterWeb.UI/Business/AppealDelayed .html
Wyświetl plik 

@@ -159,8 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition" >延时审核</a>
163 163 
 					</sapn>
164 
+
165 
+				</div>
166 
+				<div class="dhRight">
167 
+					<i class="fa fa-refresh"></i>
164 168 
 				</div>
165 169 
 			</div>
166 170 
 			<div style="padding: 10px;" class="tj_content clearFix">

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/AppealManage.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">诉求办理</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 5 - 2
WebUI/CallCenterWeb.UI/Business/AppealSeach.html
Wyświetl plik 

@@ -3,7 +3,7 @@
3 3
4 4 
 	<head>
5 5 
 		<meta charset="UTF-8">
6 
-		<title>诉求查收</title>
6 
+		<title>未完成诉求</title>
7 7 
 		<script src="../Script/Common/huayi.load.js"></script>
8 8 
 		<script src="../Script/Common/huayi.config.js"></script>
9 9 
 		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 
@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition" >未完成诉求</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/Back.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">已退回</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/BackDelayed.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">待结案</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/Finish.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">已结案</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/NoSatisfy.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">重办不满意</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/Overdue.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">逾期未回复</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/ReturnVisit.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">人工回访</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 734 - 0
WebUI/CallCenterWeb.UI/Business/Sqtuihui.html
Wyświetl plik 

@@ -0,0 +1,734 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="UTF-8">
6 
+		<title>诉求退回审核</title>
7 
+		<script src="../Script/Common/huayi.load.js"></script>
8 
+		<script src="../Script/Common/huayi.config.js"></script>
9 
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
10 
+		<link rel="stylesheet" href="../css/init.css" />
11 
+		<style>
12 
+			#sqzx th {
13 
+				padding: 5px 8px 5px 0;
14 
+				text-align: right;
15 
+			}
16 
+
17 
+			.select {
18 
+				width: 150px;
19 
+				background-color: #FFF;
20 
+				background-image: none;
21 
+				border: 1px solid #ccc;
22 
+				border-radius: 1px;
23 
+				color: inherit;
24 
+				padding: 6px 12px;
25 
+				vertical-align: bottom;
26 
+			}
27 
+
28 
+			#sex {
29 
+				background-color: #FFF;
30 
+				background-image: none;
31 
+				border: 1px solid #ccc;
32 
+				border-radius: 1px;
33 
+				color: inherit;
34 
+				padding: 6px 12px;
35 
+			}
36 
+
37 
+			input {
38 
+				background-color: #FFF;
39 
+				background-image: none;
40 
+				border: 1px solid #ccc;
41 
+				border-radius: 1px;
42 
+				color: inherit;
43 
+				padding: 6px 12px;
44 
+			}
45 
+
46 
+			#sqzx td {
47 
+				padding: 6px 0 5px 10px;
48 
+			}
49 
+
50 
+			.lxr ul li {
51 
+				float: left;
52 
+				list-style: none;
53 
+				width: 30%;
54 
+				margin-bottom: 5px;
55 
+				padding-top: 10px;
56 
+			}
57 
+
58 
+			.clearFix:after {
59 
+				content: "";
60 
+				display: block;
61 
+				clear: both;
62 
+			}
63 
+
64 
+			.form-group {
65 
+				padding-left: 40px;
66 
+				margin-bottom: 0;
67 
+			}
68 
+
69 
+			textarea {
70 
+				height: 70px;
71 
+				border: 1px solid #ccc;
72 
+				border-radius: 1px;
73 
+				width: 50%;
74 
+				resize: none;
75 
+			}
76 
+
77 
+			.textarea_box {
78 
+				margin-top: 10px;
79 
+			}
80 
+
81 
+			.box_content {
82 
+				border-bottom: 1px solid #ccc;
83 
+			}
84 
+
85 
+			.tj_content {
86 
+				border: 1px solid #e6e6e6;
87 
+				border-radius: 5px;
88 
+			}
89 
+
90 
+			.t-shade {
91 
+				position: fixed;
92 
+				top: 0;
93 
+				left: 0;
94 
+				width: 100%;
95 
+				height: 100%;
96 
+				background: rgba(0, 0, 0, 0.48);
97 
+				z-index: 10004;
98 
+				display: none;
99 
+			}
100 
+
101 
+			.lyxz .shade_k {
102 
+				z-index: 10005;
103 
+				width: 60%;
104 
+				margin: 10% auto;
105 
+				background-color: #fff;
106 
+				box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
107 
+				border-radius: 5px;
108 
+			}
109 
+
110 
+			.shade_title {
111 
+				padding: 0 80px 0 20px;
112 
+				height: 42px;
113 
+				line-height: 42px;
114 
+				border-bottom: 1px solid #eee;
115 
+				font-size: 16px;
116 
+				color: #FFFFFF;
117 
+				overflow: hidden;
118 
+				background-color: #1ab394;
119 
+				border-radius: 2px 2px 0 0;
120 
+				position: relative;
121 
+				border-top-left-radius: 5px;
122 
+				border-top-right-radius: 5px;
123 
+			}
124 
+
125 
+			.cx {
126 
+				display: block;
127 
+			}
128 
+
129 
+			.setwin {
130 
+				position: absolute;
131 
+				right: 15px;
132 
+				top: 5px;
133 
+				font-size: 0;
134 
+				line-height: initial;
135 
+			}
136 
+
137 
+			.setwin a {
138 
+				position: relative;
139 
+				width: 16px;
140 
+				height: 16px;
141 
+				font-size: 20px;
142 
+				color: #fff;
143 
+			}
144 
+
145 
+			.xg i {
146 
+				font-size: 16px;
147 
+			}
148 
+			.hidens{
149 
+				display:none;
150 
+			}
151 
+		</style>
152 
+	</head>
153 
+
154 
+	<body class="gray-bg">
155 
+		<div class="wrapper wrapper-content animated fadeInRight">
156 
+			<div class="daoHang clearfix">
157 
+				<div class="dhLeft">
158 
+					<sapn>
159 
+						<i class="syIcon"></i>位置：
160 
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 
+						<a href="javaScript:;">业务协同监督</a>&gt;
162 
+						<a class="nowPosition">诉求退回审核</a>
163 
+					</sapn>
164 
+				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
168 
+			</div>
169 
+			<div style="padding: 10px;" class="tj_content clearFix">
170 
+				<div>
171 
+					<span>【搜索信息】</span>
172 
+					<div class="box_content">
173 
+						<table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
174 
+							<tr>
175 
+								<th>输入关键字：</th>
176 
+								<td>
177 
+									<input type="text" placeholder="输入关键字" id="key" />
178 
+								</td>
179 
+								<th>创建时间：</th>
180 
+								<td colspan="3">
181 
+									<input type="text" id="startTime" class="laydate-icon" style="height: 32px;" />&nbsp;——&nbsp;<input type="text" id="endTime" class="laydate-icon" style="height: 32px;" />
182 
+								</td>
183 
+							</tr>
184 
+							<tr>
185 
+								<th>办理状态：</th>
186 
+								<td>
187 
+									<select name="" id="xxly" class="select">
188 
+										<option selected="selected" value="">请选择</option>
189 
+									</select>
190 
+								</td>
191 
+								<th>处理方式：</th>
192 
+								<td>
193 
+									<select name="" id="xxlb" class="select">
194 
+										<option selected="selected" value="">请选择</option>
195 
+									</select>
196 
+
197 
+								</td>
198 
+								<th>受理坐席：</th>
199 
+								<td>
200 
+									<select name="" id="xxlb" class="select">
201 
+										<option selected="selected" value="">请选择</option>
202 
+									</select>
203 
+									<select name="" id="xxlb" class="select">
204 
+										<option selected="selected" value="">请选择</option>
205 
+									</select>
206 
+
207 
+								</td>
208 
+
209 
+							</tr>
210 
+							<tr class="hidens gj">
211 
+								<th>来源：</th>
212 
+								<td>
213 
+									<select name="" id="FArea" class="select"></select>
214 
+								</td>
215 
+								<th>类型：</th>
216 
+								<td>
217 
+									<select name="" class="select"></select>
218 
+								</td>
219 
+								<th>类别：</th>
220 
+								<td>
221 
+									<select name="" class="select"></select>
222 
+									<select name="" class="select"></select>
223 
+								</td>
224 
+							</tr>
225 
+							<tr class="hidens gj">
226 
+								<th>办理单位：</th>
227 
+								<td>
228 
+									<select name="" class="select"></select>
229 
+								</td>
230 
+								<th>紧急程度：</th>
231 
+								<td>
232 
+									<select name="" class="select"></select>
233 
+								</td>
234 
+								<th>密级：</th>
235 
+								<td>
236 
+									<select name="" class="select"></select>
237 
+								</td>
238 
+
239 
+							</tr>
240 
+							<tr class="hidens gj">
241 
+								<th>主题词：</th>
242 
+								<td>
243 
+									<select name="" class="select"></select>
244 
+								</td>
245 
+								<th>回访结果：</th>
246 
+								<td>
247 
+									<select name="" class="select"></select>
248 
+								</td>
249 
+								<th>事件地址：</th>
250 
+								<td >
251 
+									<select name="" class="select"></select>
252 
+									<select name="" class="select"></select>
253 
+									<input type="text" placeholder="输入关键字" id="key" />
254 
+								</td>
255 
+
256 
+							</tr>
257 
+						</table>
258 
+					</div>
259 
+					<div class="" style="line-height: 50px;">
260 
+						<botton class="btns GJ">高级搜索</botton>
261 
+						<botton class="btns Seach">搜索</botton>
262 
+						<botton class="btns ">导出</botton>
263 
+						<botton class="btns Appeal">新诉求</botton>
264 
+					</div>
265 
+				</div>
266 
+				<div>
267 
+					<div style="width: 100%;padding: 10px;">
268 
+						<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
269 
+							<thead>
270 
+								<tr>
271 
+									<th data-checkbox="true"></th>
272 
+									<th data-field="a" data-align="center">工单单号</th>
273 
+									<th data-field="b" data-formatter="GetCont" data-align="center">诉求标题</th>
274 
+									<th data-field="c" data-align="center">受理人</th>
275 
+									<th data-field="d" data-align="center">办理状态</th>
276 
+									<th data-field="e" data-formatter="setCode" data-align="center">录音</th>
277 
+									<th data-field="f" data-formatter="Dispose" data-align="center">操作</th>
278 
+								</tr>
279 
+							</thead>
280 
+							<tbody class="list"></tbody>
281 
+						</table>
282 
+					</div>
283 
+				</div>
284 
+			</div>
285 
+		</div>
286 
+
287 
+		<!--下载框-->
288 
+		<div class="t-shade lyxz">
289 
+			<div class="shade_k">
290 
+				<div class="shade_title">
291 
+					<span>录音播放与下载<srong class="cknum"></srong></span>
292 
+					<span class="setwin gbly"><a>x</a></span>
293 
+				</div>
294 
+				<div class="shade_content">
295 
+					<div class="Ly_box audiojs">
296 
+					</div>
297 
+				</div>
298 
+			</div>
299 
+		</div>
300 
+		<script src="../css/laydate/laydate.js"></script>
301 
+		<script src="../My97DatePicker/WdatePicker.js"></script>
302 
+		<script>
303 
+			$(document).ready(function() {
304 
+				load();
305 
+				//特效
306 
+			$(".GJ").click(function(){
307 
+				$(".gj").toggle("hidens");
308 
+			})
309 
+				//坐席
310 
+				$.getJSON(huayi.config.callcenter_url + "UserAccount/GetSeatList", {
311 
+					"token": $.cookie("token")
312 
+				}, function(data) {
313 
+					if(data.state.toLowerCase() == "success") {
314 
+						var content = data.data;
315 
+						$(content).each(function(i, n) {
316 
+							$("<option value='" + n.F_UserCode + "'>" + n.F_UserName + "</option>").appendTo($("#djr"));
317 
+						})
318 
+					}
319 
+				})
320 
+				//状态
321 
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
322 
+					"token": $.cookie("token"),
323 
+					id: 5
324 
+				}, function(data) {
325 
+					if(data.state.toLowerCase() == "success") {
326 
+						var content = data.data;
327 
+						$(content).each(function(i, n) {
328 
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#zt"));
329 
+						})
330 
+					}
331 
+				})
332 
+				//信息来源
333 
+				$("#xxly").empty();
334 
+				$("#xxly").append('<option selected="selected" value="">请选择</option>');
335 
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
336 
+					"token": $.cookie("token"),
337 
+					id: 6
338 
+				}, function(data) {
339 
+					if(data.state.toLowerCase() == "success") {
340 
+						var content = data.data;
341 
+						$(content).each(function(i, n) {
342 
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#xxly"));
343 
+						})
344 
+					}
345 
+				});
346 
+				//信息分类
347 
+				$("#xxlb").empty();
348 
+				$("#xxlb").append('<option selected="selected" value="">请选择</option>');
349 
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
350 
+					"token": $.cookie("token"),
351 
+					id: 2
352 
+				}, function(data) {
353 
+					if(data.state.toLowerCase() == "success") {
354 
+						var content = data.data;
355 
+						$(content).each(function(i, n) {
356 
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo($("#xxlb"));
357 
+						})
358 
+					}
359 
+					$("#xxlb").change(function() {
360 
+						$("#tsxl").empty();
361 
+						$("#tsxl").append('<option selected="selected" value="">请选择</option>');
362 
+						loadDic($("#tsdl"), $("#xxlb").val());
363 
+					});
364 
+
365 
+					$("#tsdl").change(function() {
366 
+						loadDic($("#tsxl"), $("#tsdl").val());
367 
+					});
368 
+				})
369 
+				loadArea($("#FArea"));
370 
+				loadArea($("#JArea"));
371 
+				$("#FArea").change(function() {
372 
+					$("#Twon").empty();
373 
+					$("#Twon").append('<option selected="selected" value="">请选择</option>');
374 
+					$.getJSON(huayi.config.callcenter_url + "Department/GetTownList", {
375 
+						"token": $.cookie("token"),
376 
+						aid: $("#FArea").val()
377 
+					}, function(data) {
378 
+						if(data.state.toLowerCase() == "success") {
379 
+							var content = data.data;
380 
+							$(content).each(function(i, n) {
381 
+								$("<option value='" + n.F_TownId + "'>" + n.F_TownName + "</option>").appendTo($("#Twon"));
382 
+							})
383 
+						}
384 
+					})
385 
+				})
386 
+				$("#JArea").change(function() {
387 
+					$("#Jtype").empty();
388 
+					$("#Jtype").append('<option selected="selected" value="">请选择</option>');
389 
+					$("#Department").empty();
390 
+					$("#Department").append('<option selected="selected" value="">请选择</option>');
391 
+					$.getJSON(huayi.config.callcenter_url + "Department/GetDeptTypeList", {
392 
+						"token": $.cookie("token"),
393 
+						aid: $("#JArea").val()
394 
+					}, function(data) {
395 
+						if(data.state.toLowerCase() == "success") {
396 
+							var content = data.data;
397 
+							$(content).each(function(i, n) {
398 
+								$("<option value='" + n.F_DeptTypeId + "'>" + n.F_DeptTypeName + "</option>").appendTo($("#Jtype"));
399 
+							})
400 
+						}
401 
+					})
402 
+				})
403 
+				$("#Jtype").change(function() {
404 
+					$("#Department").empty();
405 
+					$("#Department").append('<option selected="selected" value="">请选择</option>');
406 
+					$.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
407 
+						"token": $.cookie("token"),
408 
+						tid: $("#Jtype").val()
409 
+					}, function(data) {
410 
+						if(data.state.toLowerCase() == "success") {
411 
+							var content = data.data;
412 
+							$(content).each(function(i, n) {
413 
+								$("<option value='" + n.F_DeptId + "'>" + n.F_DeptName + "</option>").appendTo($("#Department"));
414 
+							})
415 
+						}
416 
+					})
417 
+				})
418 
+				$("#FArea").change(function() {
419 
+					$("#sfdz").val($("#FArea").find("option:selected").text());
420 
+				})
421 
+
422 
+				$(".min_select").each(function() {
423 
+					$(this).empty();
424 
+					for(var i = 1; i <= 10; i++) {
425 
+						if(i == 5) {
426 
+							$("<option selected='selected' value='5'>5</option>").appendTo($(this));
427 
+						} else {
428 
+							$("<option value='" + i + "'>" + i + "</option>").appendTo($(this));
429 
+						}
430 
+					}
431 
+				});
432 
+
433 
+				laydate.skin('blue');
434 
+
435 
+				laydate({
436 
+					elem: '#startTime',
437 
+					event: 'focus'
438 
+				});
439 
+
440 
+				laydate({
441 
+					elem: '#endTime',
442 
+					event: 'focus'
443 
+				});
444 
+				$(".search").click(function() {
445 
+					load();
446 
+				})
447 
+				//关闭录音弹出
448 
+				$(".gbly").click(function() {
449 
+					$(".lyxz").removeClass("cx");
450 
+					$('audio')[0].pause();
451 
+				});
452 
+				var html = '<div >' +
453 
+					'<ul class="nav nav-tabs">' +
454 
+					'<li class="active">' +
455 
+					'<a href="#">参数信息</a>' +
456 
+					'</li>' +
457 
+					'</ul>' +
458 
+					'<div class="add_time">' +
459 
+					'<label for="">发布标题:</label>' +
460 
+					'<input type="text" id="title" class="photo"  />' +
461 
+					'</div>' +
462 
+					'<div class="add_time">' +
463 
+					'<label for="">是否有期限:</label>' +
464 
+					'<label style="font-weight:normal;width: 50px;"><input type="radio" value="1" name="limit" checked="checked" />无</label>' +
465 
+					'<label style="font-weight:normal;width: 50px;"><input type="radio" value="2" name="limit" />有</label>' +
466 
+					'</div>' +
467 
+					'<div class="add_time">' +
468 
+					'<label for="">发布期限:</label>' +
469 
+					'<input type="text" class="photo laydate-icon" id="limittime" onclick="WdatePicker({ dateFmt: \'yyyy-MM-dd\' })" />' +
470 
+					'</div>' +
471 
+					'<div class="add_time tc" style="text-align: center;">' +
472 
+					'<button type="button" class="btn sc_btn " id="tc" onclick="fbgd()">发&nbsp;&nbsp;布</button>' +
473 
+					'</div>' +
474 
+					'</div>';
475 
+
476 
+				$(".release").click(function() {
477 
+					tc = layer.open({
478 
+						type: 1,
479 
+						content: html, //iframe的url，no代表不显示滚动条
480 
+						title: '发布工单',
481 
+						area: ['40%', '60%'], //宽高
482 
+					});
483 
+				})
484 
+				$(".print").click(function() {
485 
+					layer.open({
486 
+						type: 2,
487 
+						content: "PrintPreview.html?wid=" + $(".hidWid").val(), //iframe的url，no代表不显示滚动条
488 
+						title: '打印',
489 
+						area: ['60%', '80%'], //宽高
490 
+					});
491 
+				})
492 
+
493 
+				$("#orderlist").on("click-row.bs.table", function(e, row, ele) {
494 
+					$('.success').removeClass('success'); //去除之前选中的行的，选中样式
495 
+					$(ele).addClass('success'); //添加当前选中的 success样式用于区别
496 
+				});
497 
+
498 
+				$("#sqzx").bind("keydown", function(event) {
499 
+					var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
500 
+					if(keyCode == 13) {
501 
+						load();
502 
+					}
503 
+				})
504 
+			})
505 
+			var tc;
506 
+
507 
+			function fbgd() {
508 
+				if(!$("#title").val()) {
509 
+					layer.confirm('请输入发布标题！', {
510 
+						btn: ['确定']
511 
+					});
512 
+					return;
513 
+				}
514 
+				$.post(huayi.config.callcenter_url + 'WorkOrder/ReleaseWorkOrder', {
515 
+					workorderid: $(".hidWid").val(),
516 
+					title: $("#title").val(),
517 
+					islimit: $('input[name="limit"]:checked ').val(),
518 
+					limittime: $("#limittime").val(),
519 
+					"token": $.cookie("token")
520 
+				}, function(result) {
521 
+					result = JSON.parse(result);
522 
+					if(result.state.toLowerCase() == "success") {
523 
+						layer.msg("发布成功");
524 
+						layer.close(tc); //关闭弹层
525 
+					}
526 
+				})
527 
+			}
528 
+			//加载字典
529 
+			function loadDic(obj, pid) {
530 
+				obj.empty();
531 
+				obj.append('<option selected="selected" value="">请选择</option>');
532 
+				$.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByParentId", {
533 
+					"token": $.cookie("token"),
534 
+					pid: pid
535 
+				}, function(data) {
536 
+					if(data.state.toLowerCase() == "success") {
537 
+						var content = data.data;
538 
+						$(content).each(function(i, n) {
539 
+							$("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(obj);
540 
+						})
541 
+					}
542 
+				})
543 
+			}
544 
+			//加载区域
545 
+			function loadArea(obj) {
546 
+				obj.empty();
547 
+				obj.append('<option selected="selected" value="">请选择</option>');
548 
+				$.getJSON(huayi.config.callcenter_url + "Department/GetAreaList", {
549 
+					"token": $.cookie("token")
550 
+				}, function(data) {
551 
+					if(data.state.toLowerCase() == "success") {
552 
+						var content = data.data;
553 
+						$(content).each(function(i, n) {
554 
+							$("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo(obj);
555 
+						})
556 
+					}
557 
+				})
558 
+			};
559 
+			//获取查询信息
560 
+			function load() {
561 
+				//先销毁表格
562 
+				$('#orderlist').bootstrapTable('destroy');
563 
+				//初始化表格,动态从服务器加载数据
564 
+				$("#orderlist").bootstrapTable({
565 
+					method: "get", //使用get请求到服务器获取数据
566 
+					//              url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
567 
+					url: "gongdan.json",
568 
+					contentType: "application/x-www-form-urlencoded",
569 
+					striped: true, //表格显示条纹
570 
+					pagination: true, //启动分页
571 
+					pageSize: 10, //每页显示的记录数
572 
+					pageNumber: 1, //当前第几页
573 
+					pageList: [10, 20, 50, 100], //记录数可选列表
574 
+					search: false, //是否启用查询
575 
+					showColumns: false, //显示下拉框勾选要显示的列
576 
+					showRefresh: false, //显示刷新按钮
577 
+					sidePagination: "server", //表示服务端请求
578 
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
579 
+					//设置为limit可以获取limit, offset, search, sort, order
580 
+					queryParamsType: "undefined",
581 
+					queryParams: function queryParams(params) { //设置查询参数
582 
+						var param = {
583 
+							page: params.pageNumber,
584 
+							pagesize: params.pageSize,
585 
+							workid: $("#djbh").val(),
586 
+							state: $("#zt").val(),
587 
+							name: $("#name").val(),
588 
+							tel: $("#tel").val(),
589 
+							key: $("#key").val(),
590 
+							usercode: $("#djr").val(),
591 
+							type: $("#xxlb").val(),
592 
+							bigtype: $("#tsdl").val(),
593 
+							smalltype: $("#tsxl").val(),
594 
+							sourcearea: $("#FArea").val(),
595 
+							starttime: $("#startTime").val(),
596 
+							endtime: $("#endTime").val(),
597 
+							areaid: $("#JArea").val(),
598 
+							depttype: $("#Jtype").val(),
599 
+							deptid: $("#Department").val(),
600 
+							token: $.cookie("token")
601 
+						};
602 
+						return param;
603 
+					},
604 
+					onLoadSuccess: function(data) { //加载成功时执行
605 
+						//layer.msg("加载成功");
606 
+						//console.log(data);
607 
+					},
608 
+					onLoadError: function() { //加载失败时执行
609 
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
610 
+					}
611 
+				});
612 
+			}
613 
+			//音频
614 
+			function setCode(val) {
615 
+				if(val) {
616 
+					return '<div class="imgs" style="cursor: pointer;">' +
617 
+						'<img src="../img/vice.png" alt="" onclick= ck(this) item="' + val + '" />' +
618 
+						'</div>';
619 
+				} else {
620 
+					return '';
621 
+				}
622 
+			}
623 
+			//录音
624 
+			function ck(val) {
625 
+				var path = $(val).attr("item");
626 
+				$(".lyxz").addClass("cx");
627 
+				$(".Ly_box").empty();
628 
+				$(".down").attr("href", path);
629 
+				$('<audio style="width: 100%;"class=" " src="' + path + '" loop="loop" controls="controls" ></audio>').appendTo(".Ly_box");
630 
+			}
631 
+
632 
+			function GetCont(val) {
633 
+				if(val) {
634 
+					var str = '<div '
635 
+					if(val.length > 10) {
636 
+						str = str + ' title="' + val + '" ';
637 
+						val = val.substr(0, 10) + "...";
638 
+					}
639 
+					return str + '>' + val + '</div>';
640 
+				} else {
641 
+					return '';
642 
+				}
643 
+			}
644 
+			//操作
645 
+			function Dispose(val) {
646 
+				return '<div class="imgs" >' +
647 
+					'<a class="xg"  title="查看" onclick="ckxq(' + val + ')"> <i class="fa fa-search"></i></a>' +
648 
+					'<a class="xg"  title="编辑" onclick="ckxq(' + val + ')"> <i class="fa fa-pencil-square-o"></i></a>' +
649 
+					'<a class="xg" title="回访" onclick="back(' + val + ')"> <i class="fa fa-mail-reply"></i></a>' +
650 
+					'<a class="xg" "title="强回"onclick="recycles(' + val + ')"> <i class="fa fa-exchange"></i></a>' +
651 
+					'<a class="xg"  title="结案" onclick="Lawsuit(' + val + ')"> <i class="fa fa-pie-chart"></i></a>' +
652 
+					'<a class="xg" "title="交办"onclick="ckxq(' + val + ')"> <i class="fa fa-check-square-o"></i></a>' +
653 
+					'<a class="xg" "title="回收"onclick="recycle(' + val + ')"> <i class="fa fa-retweet"></i></a>' +
654 
+					'<a class="xg "title="督查" onclick="Supervision(' + val + ')"> <i class="fa fa-eye"></i></a>' +
655 
+					'<a class="xg" "title="强制" onclick="StrongLawsuit(' + val + ')"> <i class="fa fa-check-circle"></i></a>' +
656 
+					'<a class="xg" title="删除"onclick="move(' + val + ')"> <i class="fa fa-remove"></i></a>' +
657 
+					'</div>';
658 
+			}
659 
+			//查看详情
660 
+			function ckxq(str) {
661 
+				layer.open({
662 
+					type: 2,
663 
+					content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
664 
+					title: '工单详情',
665 
+					area: ['85%', '80%'], //宽高
666 
+				});
667 
+			}
668 
+			//督查
669 
+			function Supervision(str) {
670 
+				layer.open({
671 
+					type: 2,
672 
+					content: "Supervision.html?wid=" + str, //iframe的url，no代表不显示滚动条
673 
+					title: '督查',
674 
+					area: ['35%', '30%'], //宽高
675 
+				});
676 
+			}
677 
+			//强制结案
678 
+			function StrongLawsuit(str) {
679 
+				layer.open({
680 
+					type: 2,
681 
+					content: "StrongLawsuit.html?wid=" + str, //iframe的url，no代表不显示滚动条
682 
+					title: '诉求单强制结案',
683 
+					area: ['35%', '30%'], //宽高
684 
+				});
685 
+			}
686 
+			//删除
687 
+			function move() {
688 
+				layer.confirm('确定删除工单？', {
689 
+					btn: ['是', '否'] //按钮
690 
+				});
691 
+			}
692 
+			//回收
693 
+			function recycle() {
694 
+				layer.confirm('确定要回收？', {
695 
+					btn: ['是', '否'] //按钮
696 
+				});
697 
+			}
698 
+			//强制回收
699 
+			function recycles() {
700 
+				layer.confirm('确定要强制退回吗？', {
701 
+					btn: ['是', '否'] //按钮
702 
+				});
703 
+			}
704 
+			//诉求回访
705 
+			function back(str) {
706 
+				layer.open({
707 
+					type: 2,
708 
+					content: "Back.html?wid=" + str, //iframe的url，no代表不显示滚动条
709 
+					title: '诉求回访',
710 
+					area: ['45%', '60%'], //宽高
711 
+				});
712 
+			}
713 
+			//结案
714 
+			function Lawsuit(str) {
715 
+				layer.open({
716 
+					type: 2,
717 
+					content: "lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
718 
+					title: '诉求单结案',
719 
+					area: ['45%', '40%'], //宽高
720 
+				});
721 
+			}
722 
+			/////////////////////////诉求
723 
+			$(".Appeal").click(function(){
724 
+				layer.open({
725 
+					type: 2,
726 
+					content: "AddAppeal.html?wid=", //iframe的url，no代表不显示滚动条
727 
+					title: '诉求单结案',
728 
+					area: ['75%', '90%'], //宽高
729 
+				});
730 
+			})
731 
+		</script>
732 
+	</body>
733 
+
734 
+</html>

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/UnfinishedAppea.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">未完成诉求</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 4 - 1
WebUI/CallCenterWeb.UI/Business/WaitAppeal.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">代交办诉求</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>

+ 5 - 2
WebUI/CallCenterWeb.UI/Business/WaitFinish.html
Wyświetl plik 

@@ -159,9 +159,12 @@
159 159 
 						<i class="syIcon"></i>位置：
160 160 
 						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
161 161 
 						<a href="javaScript:;">业务协同监督</a>&gt;
162 
-						<a href="" style="color: #000;">未完成诉求</a>
162 
+						<a class="nowPosition">待结案</a>
163 163 
 					</sapn>
164 164 
 				</div>
165 
+				<div class="dhRight">
166 
+					<i class="fa fa-refresh"></i>
167 
+				</div>
165 168 
 			</div>
166 169 
 			<div style="padding: 10px;" class="tj_content clearFix">
167 170 
 				<div>
 
@@ -657,7 +660,7 @@
657 660 
 			function ckxq(str) {
658 661 
 				layer.open({
659 662 
 					type: 2,
660 
-					content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
663 
+					content: "WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
661 664 
 					title: '工单详情',
662 665 
 					area: ['85%', '80%'], //宽高
663 666 
 				});

+ 460 - 197
WebUI/CallCenterWeb.UI/Business/WorkDatil.html
Wyświetl plik 

@@ -1,68 +1,80 @@
1 1 
 <!DOCTYPE html>
2 2 
 <html>
3 3
4 
-<head>
5 
-    <meta charset="UTF-8">
6 
-    <title>工单处理</title>
7 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
-    <script src="../Script/Common/huayi.load.js"></script>
9 
-    <script src="../Script/Common/huayi.config.js"></script>
10 
-    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
-    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
-    <link href="../css/init.css" rel="stylesheet" />
13 
-    <script src="../css/laydate/laydate.js"></script>
14 
-    <script src="../My97DatePicker/WdatePicker.js"></script>
15 
-    <style>
4 
+	<head>
5 
+		<meta charset="UTF-8">
6 
+		<title>工单详情</title>
7 
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
+		<script src="../Script/Common/huayi.load.js"></script>
9 
+		<script src="../Script/Common/huayi.config.js"></script>
10 
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+		<link href="../css/init.css" rel="stylesheet" />
13 
+		<script src="../css/laydate/laydate.js"></script>
14 
+		<script src="../My97DatePicker/WdatePicker.js"></script>
15 
+		<style>
16 
+			.ld-service li {
17 
+				float: left;
18 
+				font-size: 14px;
19 
+				color: #000;
20 
+				padding: 5px 15px;
21 
+				cursor: pointer;
22 
+			}
23 
+
24 
+			.cr-click {
25 
+				border-bottom: 2px solid #00a1cb;
26 
+			}
27 
+
28 
+			.Shows {
29 
+				display: block !important;
30 
+			}
31 
+
32 
+			.complain {
33 
+				display: none;
34 
+			}
35 
+
36 
+			.Borders {
37 
+				border: 1px solid #d7d7d7;
38 
+			}
39 
+
40 
+			.form-group {
41 
+				margin-top: 10px;
42 
+			}
43 
+
44 
+			.Table {
45 
+				width: 100%;
46 
+			}
47 
+
48 
+			tbody {
49 
+				border: 1px solid #ccc;
50 
+			}
51 
+
52 
+			.Table th {
53 
+				width: 7%;
54 
+				padding: 5px 8px 10px 0;
55 
+				text-align: right;
56 
+			}
57 
+
58 
+			.Table td {
59 
+				padding: 6px 0 10px 10px;
60 
+			}
61 
+
62 
+			.bor_bootm {
63 
+				border-bottom: 1px solid #ccc;
64 
+			}
65 
+			.datil_ul {
66 
+				padding-left: 0;
67 
+			}
68 
+			.datil_ul li{
69 
+				width: 25%;
70 
+				padding: 5px;
71 
+			}
72 
+		</style>
73 
+	</head>
16 74
17 
-        .ld-service li {
18 
-            float: left;
19 
-            font-size: 14px;
20 
-            color: #000;
21 
-            padding: 5px 15px;
22 
-            cursor: pointer;
23 
-            border-bottom: 1px solid #ccc;
24 
-        }
25 
-
26 
-        .cr-click {
27 
-            border: 1px solid #ccc;
28 
-            background-color: #fff;
29 
-            border-bottom: none !important;
30 
-            border-bottom-left-radius: 5px;
31 
-            border-bottom-right-radius: 5px;
32 
-        }
33 
-
34 
-        .Shows {
35 
-            display: block !important;
36 
-        }
37 
-
38 
-        .complain {
39 
-            display: none;
40 
-        }
41 
-
42 
-
43 
-        .Borders {
44 
-            border: 1px solid #d7d7d7;
45 
-        }
46 
-
47 
-        .form-group {
48 
-            margin-top: 10px;
49 
-        }
50 
-        .Table{
51 
-        	width: 100%;
52 
-        }
53 
-        .Table th{
54 
-        	    padding: 5px 8px 5px 0;
55 
-    text-align: right;
56 
-        }
57 
-        .Table td{
58 
-        	    padding: 6px 0 5px 10px;
59 
-        }
60 
-    </style>
61 
-</head>
62 
-
63 
-<body class="gray-bg">
64 
-    <div class="wrapper wrapper-content animated fadeInRight">
65 
-        <!--<div class="daoHang clearfix">
75 
+	<body class="gray-bg">
76 
+		<div class="wrapper wrapper-content animated fadeInRight">
77 
+			<!--<div class="daoHang clearfix">
66 78 
             <div class="dhLeft">
67 79 
                 <sapn>
68 80 
                     <i class="syIcon"></i>位置：
 
@@ -73,141 +85,392 @@
73 85 
             </div>
74 86 
             <div class="dhRight"><i class="fa fa-refresh"></i></div>
75 87 
         </div>-->
76 
-        <ul class="ld-service clearfix">
77 
-            <li itemtype="0" class="cr-click" itemtype="0">诉求信息</li>
78 
-            <li itemtype="1" itemtype="1">督查意见</li>
79 
-            <li itemtype="2" itemtype="2">领导批示</li>
80 
-             <li itemtype="1" itemtype="1">办理情况</li>
81 
-            <li itemtype="2" itemtype="2">回访信息</li>
82 
-              <li itemtype="2" itemtype="2">附件</li>
83 
-                <li itemtype="2" itemtype="2">办理过程</li>
84 
-        </ul>
85 
-        <div class="Content_box">
86 
-            <!--待处理/-->
87 
-            <div class="complain Shows DCL">
88 
-
89 
-                <div style="width: 100%;padding: 10px;">
90 
-                    <table class="Table" border="0" cellspacing="0" cellpadding="0">
91 
-                    	<tr>
92 
-                    		<th>诉求人:</th>
93 
-                    		<td><span>54984</span></td>
94 
-                    		<th>来源:</th>
95 
-                    		<td><span>54984</span></td>
96 
-                    		<th>来电号码:</th>
97 
-                    		<td><span>18839115206</span></td>
98 
-                    		<th>来电号码:</th>
99 
-                    		<td><span>18839115206</span></td>
100 
-                    	</tr>
101 
-                    	<tr>
102 
-                    		<th>标题:</th>
103 
-                    		<td>
104 
-                    			<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
105 
-                    		</td>
106 
-                    	</tr>
107 
-                    	<tr>
108 
-                    		<th>内容:</th>
109 
-                    		<td>
110 
-                    			<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
111 
-                    		</td>
112 
-                    	</tr>
113 
-                    	<tr>
114 
-                    		<th>附件:</th>
115 
-                    		<td>
116 
-                    			<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
117 
-                    		</td>
118 
-                    	</tr>
119 
-                    	<tr>
120 
-                    		<th>事件地址:</th>
121 
-                    		<td>
122 
-                    			<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
123 
-                    		</td>
124 
-                    	</tr>
125 
-                    	<tr>
126 
-                    		<th>类型:</th>
127 
-                    		<td>
128 
-                    			<span>投诉</span>
129 
-                    		</td>
130 
-                    		<th>类别:</th>
131 
-                    		<td>
132 
-                    			<span>社会管理</span>
133 
-                    		</td>
134 
-                    		<th>紧急程度:</th>
135 
-                    		<td>
136 
-                    			<span>普通</span>
137 
-                    		</td>
138 
-                    	</tr>
139 
-                    	<tr>
140 
-                    		<th>结案意见:</th>
141 
-                    		<td>
142 
-                    			<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
143 
-                    		</td>
144 
-                    	</tr>
145 
-                    	<tr>
146 
-                    		<th>单号:</th>
147 
-                    		<td>
148 
-                    			<span>115519198189</span>
149 
-                    		</td>
150 
-                    		<th>状态:</th>
151 
-                    		<td>
152 
-                    			<span>已受理9</span>
153 
-                    		</td>
154 
-                    		<th>受理人:</th>
155 
-                    		<td>
156 
-                    			<span>蓝胖子</span>
157 
-                    		</td>
158 
-                    	</tr>
159 
-                    	<tr>
160 
-                    		<th>处理方式:</th>
161 
-                    		<td>
162 
-                    			<span>网络转办</span>
163 
-                    		</td>
164 
-                    		<th>办理单位:</th>
165 
-                    		<td>
166 
-                    			<span>二级承办单位</span>
167 
-                    		</td>
168 
-                    	</tr>
169 
-                    </table>
170 
-                </div>
171 
-            </div>
172 
-        </div>
173 
-    </div>
174 
-
175 
-    <script>
176 
-        $(document).ready(function () {
177 
-//          laydate.skin('molv');
178 
-//          laydate({
179 
-//              elem: '#startTimes',
180 
-//              event: 'focus'
181 
-//          });
182 
-//
183 
-//          laydate({
184 
-//              elem: '#endTimes',
185 
-//              event: 'focus'
186 
-//          });
187 
-//          laydate({
188 
-//              elem: '#startTime',
189 
-//              event: 'focus'
190 
-//          });
191 
-//
192 
-//          laydate({
193 
-//              elem: '#endTime',
194 
-//              event: 'focus'
195 
-//          });
196 
-            //弹屏右侧切换效果
197 
-            $(".ld-service li").click(function () {
198 
-                $(this).addClass("cr-click").siblings().removeClass("cr-click");
199 
-                var index = $(this).index();
200 
-                var ss = $(this).attr("itemtype");
201 
-                $(".Content_box").find(".complain").eq(index).addClass("Shows").siblings().removeClass("Shows");
202 
-
203 
-            });
204 
-
205 
-
206 
-
207 
-
208 
-     });
88 
+			<ul class="ld-service clearfix">
89 
+				<li itemtype="0" class="cr-click" itemtype="0">诉求信息</li>
90 
+				<li itemtype="1" itemtype="1">督查意见</li>
91 
+				<li itemtype="2" itemtype="2">领导批示</li>
92 
+				<li itemtype="1" itemtype="1">办理情况</li>
93 
+				<li itemtype="2" itemtype="2">回访信息</li>
94 
+				<li itemtype="2" itemtype="2">督办信息</li>
95 
+				<li itemtype="2" itemtype="2">附件</li>
96 
+				<li itemtype="2" itemtype="2">办理过程</li>
97 
+			</ul>
98 
+			<div class="Content_box">
99 
+				<!--诉求信息-->
100 
+				<div class="complain Shows DCL">
101 
+
102 
+					<div style="width: 100%;padding: 10px;">
103 
+						<table class="Table" border="0" cellspacing="0" cellpadding="0">
104 
+							<tbody>
105 
+								<tr class="bor_bootm">
106 
+									<th>诉求人:</th>
107 
+									<td><span>54984</span></td>
108 
+									<th>来源:</th>
109 
+									<td><span>54984</span></td>
110 
+									<th>来电号码:</th>
111 
+									<td><span>18839115206</span></td>
112 
+									<th>联系号码:</th>
113 
+									<td><span>18839115206</span></td>
114 
+								</tr>
115 
+								<tr>
116 
+									<th>标题:</th>
117 
+									<td colspan="7">
118 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容</span>
119 
+									</td>
120 
+								</tr>
121 
+								<tr>
122 
+									<th>内容:</th>
123 
+									<td colspan="7">
124 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
125 
+									</td>
126 
+								</tr>
127 
+								<tr>
128 
+									<th>附件:</th>
129 
+									<td colspan="7">
130 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
131 
+									</td>
132 
+								</tr>
133 
+								<tr class="bor_bootm">
134 
+									<th>事件地址:</th>
135 
+									<td colspan="7">
136 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
137 
+									</td>
138 
+								</tr>
139 
+								<tr>
140 
+									<th>类型:</th>
141 
+									<td>
142 
+										<span>投诉</span>
143 
+									</td>
144 
+									<th>类别:</th>
145 
+									<td>
146 
+										<span>社会管理</span>
147 
+									</td>
148 
+									<th>紧急程度:</th>
149 
+									<td>
150 
+										<span>普通</span>
151 
+									</td>
152 
+									<th>密级:</th>
153 
+									<td>
154 
+										<span>普通</span>
155 
+									</td>
156 
+								</tr>
157 
+								<tr>
158 
+									<th>转媒体:</th>
159 
+									<td colspan="7">
160 
+										<span></span>
161 
+									</td>
162 
+								</tr>
163 
+								<tr class="bor_bootm">
164 
+									<th>结案意见:</th>
165 
+									<td colspan="7">
166 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
167 
+									</td>
168 
+								</tr>
169 
+
170 
+							</tbody>
171 
+							<!--<tfoot>
172 
+								<tr>
173 
+								<th>单号:</th>
174 
+								<td>
175 
+									<span>115519198189</span>
176 
+								</td>
177 
+								<th>状态:</th>
178 
+								<td>
179 
+									<span>已受理9</span>
180 
+								</td>
181 
+								<th>受理人:</th>
182 
+								<td>
183 
+									<span>蓝胖子</span>
184 
+								</td>
185 
+								<th>受理时间:</th>
186 
+								<td>
187 
+									<span>2017-5-21</span>
188 
+								</td>
189 
+							</tr>
190 
+							<tr>
191 
+								<th>处理方式:</th>
192 
+								<td>
193 
+									<span>网络转办</span>
194 
+								</td>
195 
+								<th>主办单位:</th>
196 
+								<td>
197 
+									<span>二级承办单位</span>
198 
+								</td>
199 
+								<th>待办单位:</th>
200 
+								<td>
201 
+									<span>二级承办单位</span>
202 
+								</td>
203 
+								<th>录入时间:</th>
204 
+								<td>
205 
+									<span>二级承办单位</span>
206 
+								</td>
207 
+							</tr>
208 
+							</tfoot>-->
209 
+						</table>
210 
+					</div>
211 
+
212 
+				</div>
213 
+				<div class="complain  DCL">
214 
+					<div style="width: 100%;padding: 10px;">
215 
+						<table class="Table" border="" cellspacing="0" cellpadding="0">
216 
+							<theard>
217 
+								<tr>
218 
+									<td class="text-center">次数</td>
219 
+									<td class="text-center">督察人</td>
220 
+									<td class="text-center">督察意见</td>
221 
+								</tr>
222 
+							</theard>
223 
+							<tbody>
224 
+								<tr>
225 
+									<td class="text-center">1</td>
226 
+									<td class="text-center">1000</td>
227 
+									<td class="text-center">测试测试测试测试</td>
228 
+								</tr>
229 
+							</tbody>
230 
+						</table>
231 
+					</div>
232 
+				</div>
233 
+				<!--领导批示-->
234 
+				<div class="complain  DCL">
235 
+
236 
+					<div style="width: 100%;padding: 10px;">
237 
+						<div style="text-align: center; height: 400px;">
238 
+							页面开发中
239 
+						</div>
240 
+					</div>
241 
+				</div>
242 
+				<!--办理情况-->
243 
+				<div class="complain  DCL">
244 
+					<div style="width: 100%;padding: 10px;">
245 
+						<table class="Table" border="" cellspacing="0" cellpadding="0">
246 
+							<theard>
247 
+								<tr>
248 
+									<td class="text-center">办理人</td>
249 
+									<td class="text-center">单位</td>
250 
+									<td class="text-center">分类</td>
251 
+									<td class="text-center">办理意见</td>
252 
+									<td class="text-center">办理时间</td>
253 
+								</tr>
254 
+							</theard>
255 
+							<tbody>
256 
+								<tr>
257 
+									<td class="text-center">二级承办单位（8888）</td>
258 
+									<td class="text-center">二级承办单位</td>
259 
+									<td class="text-center">主办</td>
260 
+									<td class="text-center">测试测试测试测试</td>
261 
+									<td class="text-center">2017-5-28</td>
262 
+								</tr>
263 
+							</tbody>
264 
+						</table>
265 
+					</div>
266 
+				</div>
267 
+				<!--回访信息-->
268 
+				<div class="complain  DCL">
269 
+					<div style="width: 100%;padding: 10px;">
270 
+						<table class="Table" border="" cellspacing="0" cellpadding="0">
271 
+							<theard>
272 
+								<tr>
273 
+									<td class="text-center">次数</td>
274 
+									<td class="text-center">回访人</td>
275 
+									<td class="text-center">回访方式</td>
276 
+									<td class="text-center">回访信息</td>
277 
+									<td class="text-center">回访结果</td>
278 
+									<td class="text-center">操作时间</td>
279 
+								</tr>
280 
+							</theard>
281 
+							<tbody>
282 
+								<tr>
283 
+									<td class="text-center">11</td>
284 
+									<td class="text-center">系统</td>
285 
+									<td class="text-center">电话</td>
286 
+									<td class="text-center">测试测试测试测试测试测试测试测试测试测试测试测试</td>
287 
+									<td class="text-center">不满意</td>
288 
+									<td class="text-center">2017-5-28</td>
289 
+								</tr>
290 
+							</tbody>
291 
+						</table>
292 
+					</div>
293 
+
294 
+				</div>
295 
+				<!--督办信息-->
296 
+				<div class="complain  DCL">
297 
+
298 
+					<div style="width: 100%;padding: 10px;">
299 
+						<table class="Table" border="" cellspacing="0" cellpadding="0">
300 
+							<theard>
301 
+								<tr>
302 
+									<td class="text-center">次数</td>
303 
+									<td class="text-center">督办人</td>
304 
+									<td class="text-center">督办意见</td>
305 
+									<td class="text-center">附件</td>
306 
+									<td class="text-center">办理时间</td>
307 
+								</tr>
308 
+							</theard>
309 
+							<tbody>
310 
+								<tr>
311 
+									<td class="text-center">11</td>
312 
+									<td class="text-center">系统</td>
313 
+									<td class="text-center">测试测试测试测试测试测试测试测试测试测试测试测试</td>
314 
+									<td class="text-center">附件</td>
315 
+									<td class="text-center">2017-5-28</td>
316 
+								</tr>
317 
+							</tbody>
318 
+						</table>
319 
+					</div>
320 
+					</div>
321 
+					<!--附件-->
322 
+					<div class="complain  DCL">
323 
+						<div style="width: 100%;padding: 10px;">
324 
+							<table class="Table" border="" cellspacing="0" cellpadding="0">
325 
+								<theard>
326 
+									<tr>
327 
+										<td class="text-center">附件名称</td>
328 
+										<td class="text-center">附件备注</td>
329 
+										<td class="text-center">上传时间</td>
330 
+										<td class="text-center">上传人</td>
331 
+										<td class="text-center">附件下载</td>
332 
+									</tr>
333 
+								</theard>
334 
+								<tbody>
335 
+									<tr>
336 
+										<td class="text-center">1.txt</td>
337 
+										<td class="text-center">测试</td>
338 
+										<td class="text-center">2017-5-14</td>
339 
+										<td class="text-center">系统</td>
340 
+										<td class="text-center">
341 
+											0.2KB
342 
+										</td>
343 
+									</tr>
344 
+									<tr>
345 
+										<td class="text-center">1.txt</td>
346 
+										<td class="text-center">测试</td>
347 
+										<td class="text-center">2017-5-14</td>
348 
+										<td class="text-center">系统</td>
349 
+										<td class="text-center">
350 
+											0.2KB
351 
+										</td>
352 
+									</tr>
353 
+								</tbody>
354 
+							</table>
355 
+						</div>
356 
+					</div>
357 
+					<!--办理过程-->
358 
+					<div class="complain  DCL">
359 
+						<div style="width: 100%;padding: 10px;">
360 
+							<table class="Table" border="" cellspacing="0" cellpadding="0">
361 
+								<theard>
362 
+									<tr>
363 
+										<td class="text-center">序号</td>
364 
+										<td class="text-center">事项</td>
365 
+										<td class="text-center">操作时间</td>
366 
+									</tr>
367 
+								</theard>
368 
+								<tbody>
369 
+									<tr>
370 
+										<td class="text-center">1</td>
371 
+										<td class="text-center">测试测试测试测试测试</td>
372 
+										<td class="text-center">2017-5-14</td>
373 
+									</tr>
374 
+									<tr>
375 
+										<td class="text-center">2</td>
376 
+										<td class="text-center">测试测试测试测试测试</td>
377 
+										<td class="text-center">2017-5-15</td>
378 
+									</tr>
379 
+								</tbody>
380 
+							</table>
381 
+						</div>
382 
+					</div>
383 
+					<div class="clearfix">
384 
+						<ul class="clearfix datil_ul">
385 
+							<li>
386 
+								单号:
387 
+								<span>21519818119</span>
388 
+							</li>
389 
+							<li>
390 
+								状态:
391 
+								<span>
392 
+									已结束
393 
+								</span>
394 
+							</li>
395 
+							<li>
396 
+								受理人:
397 
+								<span>
398 
+									测试
399 
+								</span>
400 
+
401 
+							</li>
402 
+							<li>
403 
+								受理时间:
404 
+								<span>
405 
+									2017-5-20
406 
+								</span>
407 
+							</li>
408 
+							<li>
409 
+								处理方式:
410 
+								<span>
411 
+									网络转办
412 
+								</span>
413 
+							</li>
414 
+							<li>
415 
+								主办单位:
416 
+								<span>
417 
+									二级主办单位
418 
+								</span>
419 
+							</li>
420 
+							<li>
421 
+								协办单位:
422 
+								<span>
423 
+									已结束
424 
+								</span>
425 
+							</li>
426 
+							<li>
427 
+								录入时间:
428 
+								<span>
429 
+									2017-5-22
430 
+								</span>
431 
+							</li>
432 
+						</ul>
433 
+					</div>
434 
+					<div>
435 
+						<button class="btns">阅单</button>
436 
+						<button class="btns">转媒体</button>
437 
+						<button class="btns">督查</button>
438 
+					</div>
439 
+				</div>
440 
+			</div>
441 
+
442 
+			<script>
443 
+				$(document).ready(function() {
444 
+					//          laydate.skin('molv');
445 
+					//          laydate({
446 
+					//              elem: '#startTimes',
447 
+					//              event: 'focus'
448 
+					//          });
449 
+					//
450 
+					//          laydate({
451 
+					//              elem: '#endTimes',
452 
+					//              event: 'focus'
453 
+					//          });
454 
+					//          laydate({
455 
+					//              elem: '#startTime',
456 
+					//              event: 'focus'
457 
+					//          });
458 
+					//
459 
+					//          laydate({
460 
+					//              elem: '#endTime',
461 
+					//              event: 'focus'
462 
+					//          });
463 
+					//弹屏右侧切换效果
464 
+					$(".ld-service li").click(function() {
465 
+						$(this).addClass("cr-click").siblings().removeClass("cr-click");
466 
+						var index = $(this).index();
467 
+						var ss = $(this).attr("itemtype");
468 
+						$(".Content_box").find(".complain").eq(index).addClass("Shows").siblings().removeClass("Shows");
469 
+
470 
+					});
209 471
210 
-    </script>
211 
-</body>
472 
+				});
473 
+			</script>
474 
+	</body>
212 475
213 
-</html>
476 
+</html>

+ 121 - 0
WebUI/CallCenterWeb.UI/CommonHtml/AddAppeal.html
Wyświetl plik 

@@ -0,0 +1,121 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+	<head>
5 
+		<meta charset="UTF-8">
6 
+		<script src="../Script/Common/huayi.load.js"></script>
7 
+		<script src="../Script/Common/huayi.config.js"></script>
8 
+		<link href="../css/layer/need/layer.css" />
9 
+		<link rel="stylesheet" href="../css/init.css" />
10 
+		<title>新增诉求工单</title>
11 
+	</head>
12 
+
13 
+	<body>
14 
+
15 
+		<div style="padding: 10px;" class="tj_content clearFix">
16 
+			<div class="Common">
17 
+				<table>
18 
+					<tr>
19 
+						<th class="Importent">诉求人:</th>
20 
+						<td>
21 
+							<input type="text" />
22 
+						</td>
23 
+						<th>性别:</th>
24 
+						<td>
25 
+							<select class="select_"></select>
26 
+						</td>
27 
+						<th>来源:</th>
28 
+						<td>
29 
+							<select class="select_"></select>
30 
+						</td>
31 
+						<th>联系电话:</th>
32 
+						<td>
33 
+							<input type="text" />
34 
+						</td>
35 
+					</tr>
36 
+					<tr>
37 
+						<th class="Importent">标题:</th>
38 
+						<td colspan="7"><input type="text" style="width: 100%;" /></td>
39 
+					</tr>
40 
+					<tr>
41 
+						<th class="Importent">内容:</th>
42 
+						<td colspan="7"><textarea name="" rows="" cols="" style="width: 100%;"></textarea></td>
43 
+					</tr>
44 
+					<tr>
45 
+						<th>事件地址:</th>
46 
+						<td colspan="7">
47 
+							<select class="select_"></select>
48 
+							<select class="select_"></select>
49 
+							<input type="text" placeholder="输入详细地址" style="width:66%" />
50 
+						</td>
51 
+					</tr>
52 
+					<tr>
53 
+						<th>附件上传:</th>
54 
+						<td colspan="7">
55 
+							<input type="text" placeholder="输入附件详情" style="width:66%" />
56 
+						</td>
57 
+					</tr>
58 
+					<tr>
59 
+						<th>处理方式:</th>
60 
+						<td colspan="7">
61 
+							<input type="radio" name="banli" />当即办理
62 
+							<input type="radio" name="banli" />网路转办
63 
+						</td>
64 
+					</tr>
65 
+					<tr>
66 
+						<th class="Importent">主题词:</th>
67 
+						<td colspan="4">
68 
+							<input type="text" placeholder="输入详细地址" style="width:100%" />
69 
+						</td>
70 
+						<th class="">分管领导:</th>
71 
+						<td colspan="4">
72 
+							<input type="text" placeholder="输入详细地址" style="width:100%" />
73 
+						</td>
74 
+					</tr>
75 
+					<tr>
76 
+						<th>类型:</th>
77 
+						<td>
78 
+							<select class="select_"></select>
79 
+						</td>
80 
+						<th>类别:</th>
81 
+						<td colspan="3">
82 
+							<select class="select_"></select>
83 
+							<select class="select_"></select>
84 
+						</td>
85 
+						<th>密级:</th>
86 
+						<td colspan="3">
87 
+							<input type="radio" name="mj" id="" value="" />普通
88 
+							<input type="radio" name="mj" id="" value="" />保密
89 
+						</td>
90 
+					</tr>
91 
+					<tr>
92 
+						<th>紧急程度:</th>
93 
+						<td>
94 
+							<select class="select_"></select>
95 
+						</td>
96 
+						<th>受理时间:</th>
97 
+						<td>
98 
+							<input type="text" id="startTime" class="laydate-icon" style="height: 32px;" />
99 
+						</td>
100 
+
101 
+					</tr>
102 
+				</table>
103 
+				<div class="btn_box">
104 
+					<button class="btns">保存</button>
105 
+					<button class="btns">保存并提交</button>
106 
+				</div>
107 
+			</div>
108 
+		</div>
109 
+		<script src="../css/laydate/laydate.js"></script>
110 
+		<script>
111 
+			$(document).ready(function() {
112 
+				laydate.skin('blue');
113 
+				laydate({
114 
+					elem: '#startTime',
115 
+					event: 'focus'
116 
+				});
117 
+			});
118 
+		</script>
119 
+	</body>
120 
+
121 
+</html>

+ 30 - 0
WebUI/CallCenterWeb.UI/CommonHtml/AppealBack.html
Wyświetl plik 

@@ -0,0 +1,30 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+	<head>
4 
+		<meta charset="UTF-8">
5 
+    <script src="../Script/Common/huayi.load.js"></script>
6 
+    <script src="../Script/Common/huayi.config.js"></script>
7 
+    <link href="../css/layer/need/layer.css" />
8 
+    <link rel="stylesheet" href="../css/init.css" />
9 
+    		   <title>诉求退回</title>
10 
+	</head>
11 
+	<body>
12 
+		<div class="Common">
13 
+		<table  >
14 
+			<tr>
15 
+				<th >退回原因:</th>
16 
+				<td colspan="2"><textarea name="" rows="" cols=""></textarea></td>
17 
+			</tr>
18 
+
19 
+		</table>
20 
+		<div class="btn_box">
21 
+			<button class="btns">保存</button>
22 
+		</div>
23 
+		</div>
24 
+		   <script src="../css/laydate/laydate.js"></script>
25 
+		   <script >
26 
+
27 
+		   </script>
28 
+	</body>
29 
+</html>
30 
+

+ 47 - 0
WebUI/CallCenterWeb.UI/CommonHtml/AppealDeal.html
Wyświetl plik 

@@ -0,0 +1,47 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+	<head>
4 
+		<meta charset="UTF-8">
5 
+    <script src="../Script/Common/huayi.load.js"></script>
6 
+    <script src="../Script/Common/huayi.config.js"></script>
7 
+    <link href="../css/layer/need/layer.css" />
8 
+    <link rel="stylesheet" href="../css/init.css" />
9 
+    		   <title>诉求回访</title>
10 
+	</head>
11 
+	<body>
12 
+		<div class="Common">
13 
+		<table  >
14 
+
15 
+			<tr>
16 
+				<th class="Importent">办理时限:</th>
17 
+				<td>
18 
+					<input type="text" id="startTime" class="laydate-icon" style="height: 32px;">
19 
+				</td>
20 
+			</tr>
21 
+			<tr>
22 
+				<th class="Importent">主办单位:</th>
23 
+				<td colspan="2"><textarea name="" rows="" cols=""></textarea></td>
24 
+			</tr>
25 
+			<tr>
26 
+				<th >交办意见:</th>
27 
+				<td colspan="2"><textarea name="" rows="" cols=""></textarea></td>
28 
+			</tr>
29 
+
30 
+		</table>
31 
+		<div class="btn_box">
32 
+			<button class="btns">保存</button>
33 
+			<button class="btns">保存并交办</button>
34 
+		</div>
35 
+		</div>
36 
+		   <script src="../css/laydate/laydate.js"></script>
37 
+		   <script >
38 
+		   	laydate.skin('blue');
39 
+
40 
+            laydate({
41 
+                elem: '#startTime',
42 
+                event: 'focus'
43 
+            });
44 
+		   </script>
45 
+	</body>
46 
+</html>
47 
+

WebUI/CallCenterWeb.UI/Registration/Back.html → WebUI/CallCenterWeb.UI/CommonHtml/Back.html
Wyświetl plik


WebUI/CallCenterWeb.UI/Registration/ExamineList.html → WebUI/CallCenterWeb.UI/CommonHtml/ExamineList.html
Wyświetl plik


WebUI/CallCenterWeb.UI/Registration/StrongLawsuit.html → WebUI/CallCenterWeb.UI/CommonHtml/StrongLawsuit.html
Wyświetl plik


+ 105 - 0
WebUI/CallCenterWeb.UI/CommonHtml/SupervList.html
Wyświetl plik 

@@ -0,0 +1,105 @@
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 
+		<script src="../Script/Common/huayi.load.js"></script>
9 
+		<script src="../Script/Common/huayi.config.js"></script>
10 
+		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
11 
+		<link href="../css/init.css" rel="stylesheet" />
12 
+		<script src="../css/laydate/laydate.js"></script>
13 
+	</head>
14 
+	<body class="gray-bg">
15 
+		<div class="wrapper wrapper-content animated fadeInRight">
16 
+			<div class="daoHang clearfix">
17 
+				<div class="dhLeft">
18 
+					<sapn>
19 
+						<i class="syIcon"></i>位置：
20 
+						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
21 
+						<a href="javaScript:;">登记受理</a>&gt;
22 
+						<a href="" style="color: #000;">督办信息</a>
23 
+					</sapn>
24 
+				</div>
25 
+			</div>
26 
+			<div class="Content_box">
27 
+				<!--待处理/-->
28 
+				<div class="complain Shows">
29 
+					<div style="width: 100%;padding: 10px;">
30 
+					<table id="table1" data-row-style="rowStyle" data-query-params="queryParams">
31 
+					<thead>
32 
+						<tr>
33 
+							<th data-field="id" data-align="center" >诉求编号</th>
34 
+							<th data-field="usercode" data-align="center">诉求标题</th>
35 
+							<th data-field="addtime" data-align="center">诉求时间</th>
36 
+							<th data-field="acceptname" data-align="center">办理状态</th>
37 
+							<th data-field="zuoxi" data-align="center">督办意见</th>
38 
+							<th data-field="zuoxi" data-align="center">督办时间</th>
39 
+						</tr>
40 
+					</thead>
41 
+				</table>
42 
+					</div>
43 
+				</div>
44 
+			</div>
45 
+		</div>
46 
+
47 
+		<script>
48 
+			$(document).ready(function() {
49 
+				laydate.skin('molv');
50 
+				laydate({
51 
+					elem: '#startTime',
52 
+					event: 'focus'
53 
+				});
54 
+
55 
+				laydate({
56 
+					elem: '#endTime',
57 
+					event: 'focus'
58 
+				});
59 
+
60 
+			})
61 
+			var table1=$('#table1');
62 
+			initTable1()
63 
+function initTable1() {
64 
+				//先销毁表格
65 
+				table1.bootstrapTable('destroy');
66 
+				//初始化表格,动态从服务器加载数据
67 
+				table1.bootstrapTable({
68 
+					method: "get", //使用get请求到服务器获取数据
69 
+//					url: huayi.config.callcenter_url+"Order/GetList", //获取数据的Servlet地址
70 
+					url: "",
71 
+					 contentType: "application/x-www-form-urlencoded",striped: true,
72 
+					striped: true, //表格显示条纹
73 
+					pagination: false, //启动分页
74 
+					pageSize:10, //每页显示的记录数
75 
+					pageNumber: 1, //当前第几页
76 
+					pageList: [10,20, 50, 100], //记录数可选列表
77 
+					search: false, //是否启用查询
78 
+					showColumns: false, //显示下拉框勾选要显示的列
79 
+					showRefresh: false, //显示刷新按钮
80 
+					sidePagination: "server", //表示服务端请求
81 
+					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
82 
+					//设置为limit可以获取limit, offset, search, sort, order
83 
+					queryParamsType: "undefined",
84 
+					queryParams: function queryParams(params) { //设置查询参数
85 
+						var param = {
86 
+							pageindex: params.pageNumber,
87 
+							pagesize: params.pageSize,
88 
+							token: $.cookie("token")
89 
+						};
90 
+						return param;
91 
+					},
92 
+					onLoadSuccess: function() { //加载成功时执行
93 
+						//layer.msg("加载成功");
94 
+					},
95 
+					onLoadError: function() { //加载失败时执行
96 
+						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
97 
+					}
98 
+				});
99 
+			}
100 
+
101 
+
102 
+		</script>
103 
+	</body>
104 
+
105 
+</html>

WebUI/CallCenterWeb.UI/Registration/Supervision_.html → WebUI/CallCenterWeb.UI/CommonHtml/Supervision_.html
Wyświetl plik


+ 40 - 0
WebUI/CallCenterWeb.UI/CommonHtml/Timesq.html
Wyświetl plik 

@@ -0,0 +1,40 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+	<head>
4 
+		<meta charset="UTF-8">
5 
+    <script src="../Script/Common/huayi.load.js"></script>
6 
+    <script src="../Script/Common/huayi.config.js"></script>
7 
+    <link href="../css/layer/need/layer.css" />
8 
+    <link rel="stylesheet" href="../css/init.css" />
9 
+    		   <title>延时申请</title>
10 
+	</head>
11 
+	<body>
12 
+		<div class="Common">
13 
+		<table  >
14 
+			<tr>
15 
+				<th class="Importent">超时时间:</th>
16 
+				<td > <input type="text" readonly="readonly"/></td>
17 
+				<th class="Importent">申请超时时间:</th>
18 
+				<td > <input type="text" id="startTime" class="laydate-icon" style="height: 32px;"></td>
19 
+			</tr>
20 
+			<tr>
21 
+				<th class="Importent">申请原因:</th>
22 
+				<td colspan="2"><textarea name="" rows="" cols=""></textarea></td>
23 
+			</tr>
24 
+		</table>
25 
+		<div class="btn_box">
26 
+			<button class="btns">保存</button>
27 
+		</div>
28 
+		</div>
29 
+		   <script src="../css/laydate/laydate.js"></script>
30 
+		   <script >
31 
+		   	laydate.skin('blue');
32 
+
33 
+            laydate({
34 
+                elem: '#startTime',
35 
+                event: 'focus'
36 
+            });
37 
+		   </script>
38 
+	</body>
39 
+</html>
40 
+

+ 476 - 0
WebUI/CallCenterWeb.UI/CommonHtml/WorkDatil.html
Wyświetl plik 

@@ -0,0 +1,476 @@
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 
+		<script src="../Script/Common/huayi.load.js"></script>
9 
+		<script src="../Script/Common/huayi.config.js"></script>
10 
+		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+		<link href="../css/init.css" rel="stylesheet" />
13 
+		<script src="../css/laydate/laydate.js"></script>
14 
+		<script src="../My97DatePicker/WdatePicker.js"></script>
15 
+		<style>
16 
+			.ld-service li {
17 
+				float: left;
18 
+				font-size: 14px;
19 
+				color: #000;
20 
+				padding: 5px 15px;
21 
+				cursor: pointer;
22 
+			}
23 
+
24 
+			.cr-click {
25 
+				border-bottom: 2px solid #00a1cb;
26 
+			}
27 
+
28 
+			.Shows {
29 
+				display: block !important;
30 
+			}
31 
+
32 
+			.complain {
33 
+				display: none;
34 
+			}
35 
+
36 
+			.Borders {
37 
+				border: 1px solid #d7d7d7;
38 
+			}
39 
+
40 
+			.form-group {
41 
+				margin-top: 10px;
42 
+			}
43 
+
44 
+			.Table {
45 
+				width: 100%;
46 
+			}
47 
+
48 
+			tbody {
49 
+				border: 1px solid #ccc;
50 
+			}
51 
+
52 
+			.Table th {
53 
+				width: 7%;
54 
+				padding: 5px 8px 10px 0;
55 
+				text-align: right;
56 
+			}
57 
+
58 
+			.Table td {
59 
+				padding: 6px 0 10px 10px;
60 
+			}
61 
+
62 
+			.bor_bootm {
63 
+				border-bottom: 1px solid #ccc;
64 
+			}
65 
+			.datil_ul {
66 
+				padding-left: 0;
67 
+			}
68 
+			.datil_ul li{
69 
+				width: 25%;
70 
+				padding: 5px;
71 
+			}
72 
+		</style>
73 
+	</head>
74 
+
75 
+	<body class="gray-bg">
76 
+		<div class="wrapper wrapper-content animated fadeInRight">
77 
+			<!--<div class="daoHang clearfix">
78 
+            <div class="dhLeft">
79 
+                <sapn>
80 
+                    <i class="syIcon"></i>位置：
81 
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
82 
+                    <a href="javaScript:;">工单管理</a>&gt;
83 
+                    <a href="" class="nowPosition">工单详情</a>
84 
+                </sapn>
85 
+            </div>
86 
+            <div class="dhRight"><i class="fa fa-refresh"></i></div>
87 
+        </div>-->
88 
+			<ul class="ld-service clearfix">
89 
+				<li itemtype="0" class="cr-click" itemtype="0">诉求信息</li>
90 
+				<li itemtype="1" itemtype="1">督查意见</li>
91 
+				<li itemtype="2" itemtype="2">领导批示</li>
92 
+				<li itemtype="1" itemtype="1">办理情况</li>
93 
+				<li itemtype="2" itemtype="2">回访信息</li>
94 
+				<li itemtype="2" itemtype="2">督办信息</li>
95 
+				<li itemtype="2" itemtype="2">附件</li>
96 
+				<li itemtype="2" itemtype="2">办理过程</li>
97 
+			</ul>
98 
+			<div class="Content_box">
99 
+				<!--诉求信息-->
100 
+				<div class="complain Shows DCL">
101 
+
102 
+					<div style="width: 100%;padding: 10px;">
103 
+						<table class="Table" border="0" cellspacing="0" cellpadding="0">
104 
+							<tbody>
105 
+								<tr class="bor_bootm">
106 
+									<th>诉求人:</th>
107 
+									<td><span>54984</span></td>
108 
+									<th>来源:</th>
109 
+									<td><span>54984</span></td>
110 
+									<th>来电号码:</th>
111 
+									<td><span>18839115206</span></td>
112 
+									<th>联系号码:</th>
113 
+									<td><span>18839115206</span></td>
114 
+								</tr>
115 
+								<tr>
116 
+									<th>标题:</th>
117 
+									<td colspan="7">
118 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容测试的内容</span>
119 
+									</td>
120 
+								</tr>
121 
+								<tr>
122 
+									<th>内容:</th>
123 
+									<td colspan="7">
124 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
125 
+									</td>
126 
+								</tr>
127 
+								<tr>
128 
+									<th>附件:</th>
129 
+									<td colspan="7">
130 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
131 
+									</td>
132 
+								</tr>
133 
+								<tr class="bor_bootm">
134 
+									<th>事件地址:</th>
135 
+									<td colspan="7">
136 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
137 
+									</td>
138 
+								</tr>
139 
+								<tr>
140 
+									<th>类型:</th>
141 
+									<td>
142 
+										<span>投诉</span>
143 
+									</td>
144 
+									<th>类别:</th>
145 
+									<td>
146 
+										<span>社会管理</span>
147 
+									</td>
148 
+									<th>紧急程度:</th>
149 
+									<td>
150 
+										<span>普通</span>
151 
+									</td>
152 
+									<th>密级:</th>
153 
+									<td>
154 
+										<span>普通</span>
155 
+									</td>
156 
+								</tr>
157 
+								<tr>
158 
+									<th>转媒体:</th>
159 
+									<td colspan="7">
160 
+										<span></span>
161 
+									</td>
162 
+								</tr>
163 
+								<tr class="bor_bootm">
164 
+									<th>结案意见:</th>
165 
+									<td colspan="7">
166 
+										<span>测试的内容测试的内容测试的内容测试的内容测试的内容</span>
167 
+									</td>
168 
+								</tr>
169 
+
170 
+							</tbody>
171 
+							<!--<tfoot>
172 
+								<tr>
173 
+								<th>单号:</th>
174 
+								<td>
175 
+									<span>115519198189</span>
176 
+								</td>
177 
+								<th>状态:</th>
178 
+								<td>
179 
+									<span>已受理9</span>
180 
+								</td>
181 
+								<th>受理人:</th>
182 
+								<td>
183 
+									<span>蓝胖子</span>
184 
+								</td>
185 
+								<th>受理时间:</th>
186 
+								<td>
187 
+									<span>2017-5-21</span>
188 
+								</td>
189 
+							</tr>
190 
+							<tr>
191 
+								<th>处理方式:</th>
192 
+								<td>
193 
+									<span>网络转办</span>
194 
+								</td>
195 
+								<th>主办单位:</th>
196 
+								<td>
197 
+									<span>二级承办单位</span>
198 
+								</td>
199 
+								<th>待办单位:</th>
200 
+								<td>
201 
+									<span>二级承办单位</span>
202 
+								</td>
203 
+								<th>录入时间:</th>
204 
+								<td>
205 
+									<span>二级承办单位</span>
206 
+								</td>
207 
+							</tr>
208 
+							</tfoot>-->
209 
+						</table>
210 
+					</div>
211 
+
212 
+				</div>
213 
+				<div class="complain  DCL">
214 
+					<div style="width: 100%;padding: 10px;">
215 
+						<table class="Table" border="" cellspacing="0" cellpadding="0">
216 
+							<theard>
217 
+								<tr>
218 
+									<td class="text-center">次数</td>
219 
+									<td class="text-center">督察人</td>
220 
+									<td class="text-center">督察意见</td>
221 
+								</tr>
222 
+							</theard>
223 
+							<tbody>
224 
+								<tr>
225 
+									<td class="text-center">1</td>
226 
+									<td class="text-center">1000</td>
227 
+									<td class="text-center">测试测试测试测试</td>
228 
+								</tr>
229 
+							</tbody>
230 
+						</table>
231 
+					</div>
232 
+				</div>
233 
+				<!--领导批示-->
234 
+				<div class="complain  DCL">
235 
+
236 
+					<div style="width: 100%;padding: 10px;">
237 
+						<div style="text-align: center; height: 400px;">
238 
+							页面开发中
239 
+						</div>
240 
+					</div>
241 
+				</div>
242 
+				<!--办理情况-->
243 
+				<div class="complain  DCL">
244 
+					<div style="width: 100%;padding: 10px;">
245 
+						<table class="Table" border="" cellspacing="0" cellpadding="0">
246 
+							<theard>
247 
+								<tr>
248 
+									<td class="text-center">办理人</td>
249 
+									<td class="text-center">单位</td>
250 
+									<td class="text-center">分类</td>
251 
+									<td class="text-center">办理意见</td>
252 
+									<td class="text-center">办理时间</td>
253 
+								</tr>
254 
+							</theard>
255 
+							<tbody>
256 
+								<tr>
257 
+									<td class="text-center">二级承办单位（8888）</td>
258 
+									<td class="text-center">二级承办单位</td>
259 
+									<td class="text-center">主办</td>
260 
+									<td class="text-center">测试测试测试测试</td>
261 
+									<td class="text-center">2017-5-28</td>
262 
+								</tr>
263 
+							</tbody>
264 
+						</table>
265 
+					</div>
266 
+				</div>
267 
+				<!--回访信息-->
268 
+				<div class="complain  DCL">
269 
+					<div style="width: 100%;padding: 10px;">
270 
+						<table class="Table" border="" cellspacing="0" cellpadding="0">
271 
+							<theard>
272 
+								<tr>
273 
+									<td class="text-center">次数</td>
274 
+									<td class="text-center">回访人</td>
275 
+									<td class="text-center">回访方式</td>
276 
+									<td class="text-center">回访信息</td>
277 
+									<td class="text-center">回访结果</td>
278 
+									<td class="text-center">操作时间</td>
279 
+								</tr>
280 
+							</theard>
281 
+							<tbody>
282 
+								<tr>
283 
+									<td class="text-center">11</td>
284 
+									<td class="text-center">系统</td>
285 
+									<td class="text-center">电话</td>
286 
+									<td class="text-center">测试测试测试测试测试测试测试测试测试测试测试测试</td>
287 
+									<td class="text-center">不满意</td>
288 
+									<td class="text-center">2017-5-28</td>
289 
+								</tr>
290 
+							</tbody>
291 
+						</table>
292 
+					</div>
293 
+
294 
+				</div>
295 
+				<!--督办信息-->
296 
+				<div class="complain  DCL">
297 
+
298 
+					<div style="width: 100%;padding: 10px;">
299 
+						<table class="Table" border="" cellspacing="0" cellpadding="0">
300 
+							<theard>
301 
+								<tr>
302 
+									<td class="text-center">次数</td>
303 
+									<td class="text-center">督办人</td>
304 
+									<td class="text-center">督办意见</td>
305 
+									<td class="text-center">附件</td>
306 
+									<td class="text-center">办理时间</td>
307 
+								</tr>
308 
+							</theard>
309 
+							<tbody>
310 
+								<tr>
311 
+									<td class="text-center">11</td>
312 
+									<td class="text-center">系统</td>
313 
+									<td class="text-center">测试测试测试测试测试测试测试测试测试测试测试测试</td>
314 
+									<td class="text-center">附件</td>
315 
+									<td class="text-center">2017-5-28</td>
316 
+								</tr>
317 
+							</tbody>
318 
+						</table>
319 
+					</div>
320 
+					</div>
321 
+					<!--附件-->
322 
+					<div class="complain  DCL">
323 
+						<div style="width: 100%;padding: 10px;">
324 
+							<table class="Table" border="" cellspacing="0" cellpadding="0">
325 
+								<theard>
326 
+									<tr>
327 
+										<td class="text-center">附件名称</td>
328 
+										<td class="text-center">附件备注</td>
329 
+										<td class="text-center">上传时间</td>
330 
+										<td class="text-center">上传人</td>
331 
+										<td class="text-center">附件下载</td>
332 
+									</tr>
333 
+								</theard>
334 
+								<tbody>
335 
+									<tr>
336 
+										<td class="text-center">1.txt</td>
337 
+										<td class="text-center">测试</td>
338 
+										<td class="text-center">2017-5-14</td>
339 
+										<td class="text-center">系统</td>
340 
+										<td class="text-center">
341 
+											0.2KB
342 
+										</td>
343 
+									</tr>
344 
+									<tr>
345 
+										<td class="text-center">1.txt</td>
346 
+										<td class="text-center">测试</td>
347 
+										<td class="text-center">2017-5-14</td>
348 
+										<td class="text-center">系统</td>
349 
+										<td class="text-center">
350 
+											0.2KB
351 
+										</td>
352 
+									</tr>
353 
+								</tbody>
354 
+							</table>
355 
+						</div>
356 
+					</div>
357 
+					<!--办理过程-->
358 
+					<div class="complain  DCL">
359 
+						<div style="width: 100%;padding: 10px;">
360 
+							<table class="Table" border="" cellspacing="0" cellpadding="0">
361 
+								<theard>
362 
+									<tr>
363 
+										<td class="text-center">序号</td>
364 
+										<td class="text-center">事项</td>
365 
+										<td class="text-center">操作时间</td>
366 
+									</tr>
367 
+								</theard>
368 
+								<tbody>
369 
+									<tr>
370 
+										<td class="text-center">1</td>
371 
+										<td class="text-center">测试测试测试测试测试</td>
372 
+										<td class="text-center">2017-5-14</td>
373 
+									</tr>
374 
+									<tr>
375 
+										<td class="text-center">2</td>
376 
+										<td class="text-center">测试测试测试测试测试</td>
377 
+										<td class="text-center">2017-5-15</td>
378 
+									</tr>
379 
+								</tbody>
380 
+							</table>
381 
+						</div>
382 
+					</div>
383 
+					<div class="clearfix">
384 
+						<ul class="clearfix datil_ul">
385 
+							<li>
386 
+								单号:
387 
+								<span>21519818119</span>
388 
+							</li>
389 
+							<li>
390 
+								状态:
391 
+								<span>
392 
+									已结束
393 
+								</span>
394 
+							</li>
395 
+							<li>
396 
+								受理人:
397 
+								<span>
398 
+									测试
399 
+								</span>
400 
+
401 
+							</li>
402 
+							<li>
403 
+								受理时间:
404 
+								<span>
405 
+									2017-5-20
406 
+								</span>
407 
+							</li>
408 
+							<li>
409 
+								处理方式:
410 
+								<span>
411 
+									网络转办
412 
+								</span>
413 
+							</li>
414 
+							<li>
415 
+								主办单位:
416 
+								<span>
417 
+									二级主办单位
418 
+								</span>
419 
+							</li>
420 
+							<li>
421 
+								协办单位:
422 
+								<span>
423 
+									已结束
424 
+								</span>
425 
+							</li>
426 
+							<li>
427 
+								录入时间:
428 
+								<span>
429 
+									2017-5-22
430 
+								</span>
431 
+							</li>
432 
+						</ul>
433 
+					</div>
434 
+					<div>
435 
+						<button class="btns">阅单</button>
436 
+						<button class="btns">转媒体</button>
437 
+						<button class="btns">督查</button>
438 
+					</div>
439 
+				</div>
440 
+			</div>
441 
+
442 
+			<script>
443 
+				$(document).ready(function() {
444 
+					//          laydate.skin('molv');
445 
+					//          laydate({
446 
+					//              elem: '#startTimes',
447 
+					//              event: 'focus'
448 
+					//          });
449 
+					//
450 
+					//          laydate({
451 
+					//              elem: '#endTimes',
452 
+					//              event: 'focus'
453 
+					//          });
454 
+					//          laydate({
455 
+					//              elem: '#startTime',
456 
+					//              event: 'focus'
457 
+					//          });
458 
+					//
459 
+					//          laydate({
460 
+					//              elem: '#endTime',
461 
+					//              event: 'focus'
462 
+					//          });
463 
+					//弹屏右侧切换效果
464 
+					$(".ld-service li").click(function() {
465 
+						$(this).addClass("cr-click").siblings().removeClass("cr-click");
466 
+						var index = $(this).index();
467 
+						var ss = $(this).attr("itemtype");
468 
+						$(".Content_box").find(".complain").eq(index).addClass("Shows").siblings().removeClass("Shows");
469 
+
470 
+					});
471 
+
472 
+				});
473 
+			</script>
474 
+	</body>
475 
+
476 
+</html>

WebUI/CallCenterWeb.UI/Registration/lawsuits.html → WebUI/CallCenterWeb.UI/CommonHtml/lawsuits.html
Wyświetl plik


+ 34 - 0
WebUI/CallCenterWeb.UI/CommonHtml/yanshishenq.html
Wyświetl plik 

@@ -0,0 +1,34 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+	<head>
4 
+		<meta charset="UTF-8">
5 
+    <script src="../Script/Common/huayi.load.js"></script>
6 
+    <script src="../Script/Common/huayi.config.js"></script>
7 
+    <link href="../css/layer/need/layer.css" />
8 
+    <link rel="stylesheet" href="../css/init.css" />
9 
+    		   <title>交办</title>
10 
+	</head>
11 
+	<body>
12 
+		<div class="Common">
13 
+		<table  >
14 
+			<tr>
15 
+				<th class="Importent">办理时间:</th>
16 
+				<td > <input type="text" id="startTime" class="laydate-icon" style="height: 32px;"></td>
17 
+			</tr>
18 
+			<tr>
19 
+				<th class="Importent">交办单位:</th>
20 
+				<td > <span></span></td>
21 
+			</tr>
22 
+			<tr>
23 
+				<th class="Importent">交办意见:</th>
24 
+				<td><textarea name="" rows="" cols=""></textarea></td>
25 
+			</tr>
26 
+
27 
+		</table>
28 
+		<div class="btn_box">
29 
+			<button class="btns">保存</button>
30 
+			<button class="btns">保存并交办</button>
31 
+		</div>
32 
+		</div>
33 
+	</body>
34 
+</html>

+ 29 - 13
WebUI/CallCenterWeb.UI/Registration/Lawsuit.html
Wyświetl plik 

@@ -3,7 +3,7 @@
3 3
4 4 
 <head>
5 5 
     <meta charset="UTF-8">
6 
-    <title>诉求查询</title>
6 
+    <title>诉求</title>
7 7 
     <script src="../Script/Common/huayi.load.js"></script>
8 8 
     <script src="../Script/Common/huayi.config.js"></script>
9 9 
     <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
 
@@ -150,8 +150,8 @@
150 150 
                 <sapn>
151 151 
                     <i class="syIcon"></i>位置：
152 152 
                     <a href="javaScript:;" id="ReIndex">首页</a>&gt;
153 
-                    <a href="javaScript:;">登记</a>&gt;
154 
-                    <a href="" style="color: #000;">诉求查询</a>
153 
+                    <a href="javaScript:;">媒体</a>&gt;
154 
+                    <a href="" style="color: #000;">诉求</a>
155 155 
                 </sapn>
156 156 
             </div>
157 157 
         </div>
 
@@ -249,8 +249,6 @@
249 249 
 					<div class="" style="line-height: 50px;">
250 250 
 						<botton class="btns GJ">高级搜索</botton>
251 251 
 						<botton class="btns Seach">搜索</botton>
252 
-						<botton class="btns ">导出</botton>
253 
-						<botton class="btns Appeal">新诉求</botton>
254 252 
 					</div>
255 253 
 				</div>
256 254 
 				<div>
 
@@ -537,7 +535,7 @@
537 535 
             $("#orderlist").bootstrapTable({
538 536 
                 method: "get", //使用get请求到服务器获取数据
539 537 
 //              url: huayi.config.callcenter_url + "WorkOrder/GetList", //获取数据的Servlet地址
540 
-                url:"gongdan.json",
538 
+                url:"",
541 539 
                 contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
542 540 
                 pagination: true, //启动分页
543 541 
                 pageSize: 10, //每页显示的记录数
 
@@ -618,11 +616,11 @@
618 616 
         	//提交按钮
619 617 
             return '<div class="imgs" >' +
620 618 
             '<a class="xg"  title="查看" onclick="ckxq(' + val + ')"> <i class="fa fa-search"></i></a>' +
621 
-            '<a class="xg"  title="编辑" onclick="ckxq(' + val + ')"> <i class="fa fa-pencil-square-o"></i></a>' +
619 
+            '<a class="xg"  title="编辑" onclick="bj(' + val + ')"> <i class="fa fa-pencil-square-o"></i></a>' +
622 620 
              '<a class="xg" title="回访" onclick="back(' + val + ')"> <i class="fa fa-mail-reply"></i></a>' +
623 621 
               '<a class="xg" "title="强回"onclick="recycles(' + val + ')"> <i class="fa fa-exchange"></i></a>' +
624 622 
               '<a class="xg"  title="结案" onclick="Lawsuit(' + val + ')"> <i class="fa fa-pie-chart"></i></a>' +
625 
-               '<a class="xg" "title="交办"onclick="ckxq(' + val + ')"> <i class="fa fa-check-square-o"></i></a>' +
623 
+               '<a class="xg" "title="交办"onclick="jb(' + val + ')"> <i class="fa fa-check-square-o"></i></a>' +
626 624 
                '<a class="xg" "title="回收"onclick="recycle(' + val + ')"> <i class="fa fa-retweet"></i></a>' +
627 625 
                 '<a class="xg "title="督查" onclick="Supervision(' + val + ')"> <i class="fa fa-eye"></i></a>' +
628 626 
                 '<a class="xg" "title="强制" onclick="StrongLawsuit(' + val + ')"> <i class="fa fa-check-circle"></i></a>' +
 
@@ -633,16 +631,25 @@
633 631 
         function ckxq(str) {
634 632 
             layer.open({
635 633 
                 type: 2,
636 
-                content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
634 
+                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
637 635 
                 title: '工单详情',
638 636 
                 area: ['85%', '80%'], //宽高
639 637 
             });
640 638 
         }
639 
+        //编辑
640 
+         function bj(str) {
641 
+            layer.open({
642 
+                type: 2,
643 
+                content: "../CommonHtml/AddAppeal.html?wid=" + str, //iframe的url，no代表不显示滚动条
644 
+                title: '编辑工单',
645 
+                area: ['85%', '80%'], //宽高
646 
+            });
647 
+        }
641 648 
         //督查
642 649 
          function Supervision(str) {
643 650 
             layer.open({
644 651 
                 type: 2,
645 
-                content: "Supervision.html?wid=" + str, //iframe的url，no代表不显示滚动条
652 
+                content: "../CommonHtml/Supervision.html?wid=" + str, //iframe的url，no代表不显示滚动条
646 653 
                 title: '督查',
647 654 
                 area: ['35%', '30%'], //宽高
648 655 
             });
 
@@ -651,7 +658,7 @@
651 658 
          function StrongLawsuit(str){
652 659 
          	layer.open({
653 660 
                 type: 2,
654 
-                content: "StrongLawsuit.html?wid=" + str, //iframe的url，no代表不显示滚动条
661 
+                content: "../CommonHtml/StrongLawsuit.html?wid=" + str, //iframe的url，no代表不显示滚动条
655 662 
                 title: '诉求单强制结案',
656 663 
                 area: ['35%', '30%'], //宽高
657 664 
             });
 
@@ -678,7 +685,7 @@
678 685 
          function back(str){
679 686 
          	layer.open({
680 687 
                 type: 2,
681 
-                content: "Back.html?wid=" + str, //iframe的url，no代表不显示滚动条
688 
+                content: "../CommonHtml/Back.html?wid=" + str, //iframe的url，no代表不显示滚动条
682 689 
                 title: '诉求回访',
683 690 
                 area: ['45%', '60%'], //宽高
684 691 
             });
 
@@ -687,7 +694,16 @@
687 694 
          function Lawsuit(str){
688 695 
          	layer.open({
689 696 
                 type: 2,
690 
-                content: "lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
697 
+                content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
698 
+                title: '诉求单结案',
699 
+                area: ['45%', '40%'], //宽高
700 
+            });
701 
+         }
702 
+         //交办
703 
+          function jb(str){
704 
+         	layer.open({
705 
+                type: 2,
706 
+                content: "../CommonHtml/yanshishenq.html?wid=" + str, //iframe的url，no代表不显示滚动条
691 707 
                 title: '诉求单结案',
692 708 
                 area: ['45%', '40%'], //宽高
693 709 
             });

+ 217 - 0
WebUI/CallCenterWeb.UI/YeWu/CB.html
Wyświetl plik 

@@ -0,0 +1,217 @@
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 
+    <script src="../Script/Common/huayi.load.js"></script>
9 
+    <script src="../Script/Common/huayi.config.js"></script>
10 
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+    <link href="../css/init.css" rel="stylesheet" />
13 
+    <script src="../css/laydate/laydate.js"></script>
14 
+    <script src="../My97DatePicker/WdatePicker.js"></script>
15 
+
16 
+    <style>
17 
+        table td {
18 
+            word-break: break-all;
19 
+            word-wrap: break-word;
20 
+        }
21 
+
22 
+        .ld-service li {
23 
+            float: left;
24 
+            font-size: 14px;
25 
+            color: #000;
26 
+            padding: 5px 15px;
27 
+            cursor: pointer;
28 
+            border-bottom: 1px solid #ccc;
29 
+        }
30 
+
31 
+        .cr-click {
32 
+            border: 1px solid #ccc;
33 
+            background-color: #fff;
34 
+            border-bottom: none !important;
35 
+            border-bottom-left-radius: 5px;
36 
+            border-bottom-right-radius: 5px;
37 
+        }
38 
+
39 
+        .Shows {
40 
+            display: block !important;
41 
+        }
42 
+
43 
+        .complain {
44 
+            display: none;
45 
+        }
46 
+
47 
+        th {
48 
+            padding: 5px;
49 
+            text-align: center;
50 
+        }
51 
+
52 
+        td {
53 
+            padding: 5px;
54 
+        }
55 
+
56 
+        .Borders {
57 
+            border: 1px solid #d7d7d7;
58 
+        }
59 
+        .cx {
60 
+            display: block;
61 
+        }
62 
+    </style>
63 
+</head>
64 
+
65 
+<body class="gray-bg">
66 
+    <div class="wrapper wrapper-content animated fadeInRight">
67 
+        <div class="daoHang clearfix">
68 
+            <div class="dhLeft">
69 
+                <sapn>
70 
+                    <i class="syIcon"></i>位置：
71 
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
72 
+                    <a href="javaScript:;">业务数据</a>&gt;
73 
+                    <a class="nowPosition">重办不满意</a>
74 
+                </sapn>
75 
+            </div>
76 
+             <div class="dhRight">
77 
+					<i class="fa fa-refresh"></i>
78 
+				</div>
79 
+        </div>
80 
+
81 
+        <div class="Content_box">
82 
+            <!--待处理/-->
83 
+            <div class="complain Shows">
84 
+                <div class="th-box">
85 
+                    <div class="th-bar">
86 
+                        <div class="seach-box">
87 
+                            <ul>
88 
+
89 
+                                <li>
90 
+                                    创建时间：
91 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
92 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
93 
+                                </li>
94 
+                                <li>
95 
+                                    <a class="sc_btn btns db">搜索</a>
96 
+                                     <a class="sc_btn btns ">导出</a>
97 
+                                </li>
98 
+                            </ul>
99 
+                        </div>
100 
+                    </div>
101 
+                </div>
102 
+                <div style="width: 100%;padding: 10px;">
103 
+                    <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
104 
+                        <thead>
105 
+                            <tr>
106 
+                                <th data-field="F_WorkOrderId" data-align="center">单位名称</th>
107 
+                                <th data-field="F_RegDate" data-align="center">承办单位</th>
108 
+                                 <th data-field="F_RegDate" data-align="center">诉求标题</th>
109 
+                                <th data-field="F_RegDate" data-align="center">诉求时间</th>
110 
+                                 <th data-field="F_RegDate" data-align="center">受理人</th>
111 
+                                 <th data-field="F_RegDate" data-align="center">操作</th>
112 
+                            </tr>
113 
+                        </thead>
114 
+                    </table>
115 
+                </div>
116 
+            </div>
117 
+
118 
+        </div>
119 
+    </div>
120 
+
121 
+    <script>
122 
+        initTable();
123 
+        var keys;
124 
+        $(document).ready(function () {
125 
+            laydate.skin('blue');
126 
+            laydate({
127 
+                elem: '#startTimes',
128 
+                event: 'focus'
129 
+            });
130 
+
131 
+            laydate({
132 
+                elem: '#endTimes',
133 
+                event: 'focus'
134 
+            });
135 
+            $("#workorderlist").on("click-row.bs.table", function (e, row, ele) {
136 
+                $('.success').removeClass('success'); //去除之前选中的行的，选中样式
137 
+                $(ele).addClass('success'); //添加当前选中的 success样式用于区别
138 
+            });
139 
+        })
140 
+        //表格一
141 
+        function initTable(keys) {
142 
+            //先销毁表格
143 
+            $('#workorderlist').bootstrapTable('destroy');
144 
+            //初始化表格,动态从服务器加载数据
145 
+            $("#workorderlist").bootstrapTable({
146 
+                method: "get", //使用get请求到服务器获取数据
147 
+
148 
+                contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
149 
+                pagination: true, //启动分页
150 
+                pageSize: 10, //每页显示的记录数
151 
+                pageNumber: 1, //当前第几页
152 
+                pageList: [10, 20, 50, 100], //记录数可选列表
153 
+                search: false, //是否启用查询
154 
+                showColumns: false, //显示下拉框勾选要显示的列
155 
+                showRefresh: false, //显示刷新按钮
156 
+                sidePagination: "server", //表示服务端请求
157 
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
158 
+                //设置为limit可以获取limit, offset, search, sort, order
159 
+                queryParamsType: "undefined",
160 
+                queryParams: function queryParams(params) { //设置查询参数
161 
+                    var param = {
162 
+                        page: params.pageNumber,
163 
+                        pagesize: params.pageSize,
164 
+                        starttime: $("#startTimes").val(),
165 
+                        endtime: $("#endTimes").val(),
166 
+                        token: $.cookie("token")
167 
+                    };
168 
+
169 
+                    return param;
170 
+                },
171 
+                onLoadSuccess: function () { //加载成功时执行
172 
+                    //layer.msg("加载成功");
173 
+                },
174 
+                onLoadError: function () { //加载失败时执行
175 
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
176 
+                }
177 
+            });
178 
+        }
179 
+        //内容
180 
+        function GetCont(val) {
181 
+            if (val) {
182 
+                var str = '<div '
183 
+                if (val.length > 10) {
184 
+                    str = str + ' title="' + val + '" ';
185 
+                    val = val.substr(0, 10) + "...";
186 
+                }
187 
+                return str + '>' + val + '</div>';
188 
+            }
189 
+            else {
190 
+                return '';
191 
+            }
192 
+        }
193 
+        //代办搜索
194 
+        $(".db").click(function () {
195 
+            initTable();
196 
+        })
197 
+
198 
+        //操作
199 
+        function Dispose(val) {
200 
+            return '<div class="imgs" >' +
201 
+            '<a class="xg" onclick="ckxq(' + val + ')"> 查看详情</a>' +
202 
+            '</div>';
203 
+        }
204 
+        //查看详情
205 
+        function ckxq(str) {
206 
+            layer.open({
207 
+                type: 2,
208 
+                content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
209 
+                title: '工单详情',
210 
+                area: ['85%', '80%'], //宽高
211 
+            });
212 
+        }
213 
+
214 
+    </script>
215 
+</body>
216 
+
217 
+</html>

+ 9 - 0
WebUI/CallCenterWeb.UI/YeWu/GX.html
Wyświetl plik 

@@ -0,0 +1,9 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+	<head>
4 
+		<meta charset="UTF-8">
5 
+		<title></title>
6 
+	</head>
7 
+	<body>
8 
+	</body>
9 
+</html>

+ 215 - 0
WebUI/CallCenterWeb.UI/YeWu/MY.html
Wyświetl plik 

@@ -0,0 +1,215 @@
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 
+    <script src="../Script/Common/huayi.load.js"></script>
9 
+    <script src="../Script/Common/huayi.config.js"></script>
10 
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+    <link href="../css/init.css" rel="stylesheet" />
13 
+    <script src="../css/laydate/laydate.js"></script>
14 
+    <script src="../My97DatePicker/WdatePicker.js"></script>
15 
+
16 
+    <style>
17 
+        table td {
18 
+            word-break: break-all;
19 
+            word-wrap: break-word;
20 
+        }
21 
+
22 
+        .ld-service li {
23 
+            float: left;
24 
+            font-size: 14px;
25 
+            color: #000;
26 
+            padding: 5px 15px;
27 
+            cursor: pointer;
28 
+            border-bottom: 1px solid #ccc;
29 
+        }
30 
+
31 
+        .cr-click {
32 
+            border: 1px solid #ccc;
33 
+            background-color: #fff;
34 
+            border-bottom: none !important;
35 
+            border-bottom-left-radius: 5px;
36 
+            border-bottom-right-radius: 5px;
37 
+        }
38 
+
39 
+        .Shows {
40 
+            display: block !important;
41 
+        }
42 
+
43 
+        .complain {
44 
+            display: none;
45 
+        }
46 
+
47 
+        th {
48 
+            padding: 5px;
49 
+            text-align: center;
50 
+        }
51 
+
52 
+        td {
53 
+            padding: 5px;
54 
+        }
55 
+
56 
+        .Borders {
57 
+            border: 1px solid #d7d7d7;
58 
+        }
59 
+        .cx {
60 
+            display: block;
61 
+        }
62 
+    </style>
63 
+</head>
64 
+
65 
+<body class="gray-bg">
66 
+    <div class="wrapper wrapper-content animated fadeInRight">
67 
+        <div class="daoHang clearfix">
68 
+            <div class="dhLeft">
69 
+                <sapn>
70 
+                    <i class="syIcon"></i>位置：
71 
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
72 
+                    <a href="javaScript:;">业务数据</a>&gt;
73 
+                    <a class="nowPosition">满意度统计</a>
74 
+                </sapn>
75 
+            </div>
76 
+             <div class="dhRight">
77 
+					<i class="fa fa-refresh"></i>
78 
+				</div>
79 
+        </div>
80 
+
81 
+        <div class="Content_box">
82 
+            <!--待处理/-->
83 
+            <div class="complain Shows">
84 
+                <div class="th-box">
85 
+                    <div class="th-bar">
86 
+                        <div class="seach-box">
87 
+                            <ul>
88 
+                                <li>
89 
+                                    创建时间：
90 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
91 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
92 
+                                </li>
93 
+                                <li>
94 
+                                    <a class="sc_btn btns db">搜索</a>
95 
+                                     <a class="sc_btn btns ">导出</a>
96 
+                                </li>
97 
+                            </ul>
98 
+                        </div>
99 
+                    </div>
100 
+                </div>
101 
+                <div style="width: 100%;padding: 10px;">
102 
+                    <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
103 
+                        <thead>
104 
+                            <tr>
105 
+                                <th data-field="F_WorkOrderId" data-align="center">单位名称</th>
106 
+                                <th data-field="F_RegDate" data-align="center">处理总量</th>
107 
+                                 <th data-field="F_RegDate" data-align="center">满意总量</th>
108 
+                                <th data-field="F_RegDate" data-align="center">不满意总量</th>
109 
+                                  <th data-field="F_RegDate" data-align="center">满意度</th>
110 
+                            </tr>
111 
+                        </thead>
112 
+                    </table>
113 
+                </div>
114 
+            </div>
115 
+
116 
+        </div>
117 
+    </div>
118 
+
119 
+    <script>
120 
+        initTable();
121 
+        var keys;
122 
+        $(document).ready(function () {
123 
+            laydate.skin('blue');
124 
+            laydate({
125 
+                elem: '#startTimes',
126 
+                event: 'focus'
127 
+            });
128 
+
129 
+            laydate({
130 
+                elem: '#endTimes',
131 
+                event: 'focus'
132 
+            });
133 
+            $("#workorderlist").on("click-row.bs.table", function (e, row, ele) {
134 
+                $('.success').removeClass('success'); //去除之前选中的行的，选中样式
135 
+                $(ele).addClass('success'); //添加当前选中的 success样式用于区别
136 
+            });
137 
+        })
138 
+        //表格一
139 
+        function initTable(keys) {
140 
+            //先销毁表格
141 
+            $('#workorderlist').bootstrapTable('destroy');
142 
+            //初始化表格,动态从服务器加载数据
143 
+            $("#workorderlist").bootstrapTable({
144 
+                method: "get", //使用get请求到服务器获取数据
145 
+
146 
+                contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
147 
+                pagination: true, //启动分页
148 
+                pageSize: 10, //每页显示的记录数
149 
+                pageNumber: 1, //当前第几页
150 
+                pageList: [10, 20, 50, 100], //记录数可选列表
151 
+                search: false, //是否启用查询
152 
+                showColumns: false, //显示下拉框勾选要显示的列
153 
+                showRefresh: false, //显示刷新按钮
154 
+                sidePagination: "server", //表示服务端请求
155 
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
156 
+                //设置为limit可以获取limit, offset, search, sort, order
157 
+                queryParamsType: "undefined",
158 
+                queryParams: function queryParams(params) { //设置查询参数
159 
+                    var param = {
160 
+                        page: params.pageNumber,
161 
+                        pagesize: params.pageSize,
162 
+                        starttime: $("#startTimes").val(),
163 
+                        endtime: $("#endTimes").val(),
164 
+                        token: $.cookie("token")
165 
+                    };
166 
+
167 
+                    return param;
168 
+                },
169 
+                onLoadSuccess: function () { //加载成功时执行
170 
+                    //layer.msg("加载成功");
171 
+                },
172 
+                onLoadError: function () { //加载失败时执行
173 
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
174 
+                }
175 
+            });
176 
+        }
177 
+        //内容
178 
+        function GetCont(val) {
179 
+            if (val) {
180 
+                var str = '<div '
181 
+                if (val.length > 10) {
182 
+                    str = str + ' title="' + val + '" ';
183 
+                    val = val.substr(0, 10) + "...";
184 
+                }
185 
+                return str + '>' + val + '</div>';
186 
+            }
187 
+            else {
188 
+                return '';
189 
+            }
190 
+        }
191 
+        //代办搜索
192 
+        $(".db").click(function () {
193 
+            initTable();
194 
+        })
195 
+
196 
+        //操作
197 
+        function Dispose(val) {
198 
+            return '<div class="imgs" >' +
199 
+            '<a class="xg" onclick="ckxq(' + val + ')"> 查看详情</a>' +
200 
+            '</div>';
201 
+        }
202 
+        //查看详情
203 
+        function ckxq(str) {
204 
+            layer.open({
205 
+                type: 2,
206 
+                content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
207 
+                title: '工单详情',
208 
+                area: ['85%', '80%'], //宽高
209 
+            });
210 
+        }
211 
+
212 
+    </script>
213 
+</body>
214 
+
215 
+</html>

+ 219 - 0
WebUI/CallCenterWeb.UI/YeWu/Nohuifu.html
Wyświetl plik 

@@ -0,0 +1,219 @@
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 
+    <script src="../Script/Common/huayi.load.js"></script>
9 
+    <script src="../Script/Common/huayi.config.js"></script>
10 
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+    <link href="../css/init.css" rel="stylesheet" />
13 
+    <script src="../css/laydate/laydate.js"></script>
14 
+    <script src="../My97DatePicker/WdatePicker.js"></script>
15 
+
16 
+    <style>
17 
+        table td {
18 
+            word-break: break-all;
19 
+            word-wrap: break-word;
20 
+        }
21 
+
22 
+        .ld-service li {
23 
+            float: left;
24 
+            font-size: 14px;
25 
+            color: #000;
26 
+            padding: 5px 15px;
27 
+            cursor: pointer;
28 
+            border-bottom: 1px solid #ccc;
29 
+        }
30 
+
31 
+        .cr-click {
32 
+            border: 1px solid #ccc;
33 
+            background-color: #fff;
34 
+            border-bottom: none !important;
35 
+            border-bottom-left-radius: 5px;
36 
+            border-bottom-right-radius: 5px;
37 
+        }
38 
+
39 
+        .Shows {
40 
+            display: block !important;
41 
+        }
42 
+
43 
+        .complain {
44 
+            display: none;
45 
+        }
46 
+
47 
+        th {
48 
+            padding: 5px;
49 
+            text-align: center;
50 
+        }
51 
+
52 
+        td {
53 
+            padding: 5px;
54 
+        }
55 
+
56 
+        .Borders {
57 
+            border: 1px solid #d7d7d7;
58 
+        }
59 
+        .cx {
60 
+            display: block;
61 
+        }
62 
+    </style>
63 
+</head>
64 
+
65 
+<body class="gray-bg">
66 
+    <div class="wrapper wrapper-content animated fadeInRight">
67 
+        <div class="daoHang clearfix">
68 
+            <div class="dhLeft">
69 
+                <sapn>
70 
+                    <i class="syIcon"></i>位置：
71 
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
72 
+                    <a href="javaScript:;">业务数据</a>&gt;
73 
+                    <a class="nowPosition">逾期未回复</a>
74 
+                </sapn>
75 
+            </div>
76 
+             <div class="dhRight">
77 
+					<i class="fa fa-refresh"></i>
78 
+				</div>
79 
+        </div>
80 
+
81 
+        <div class="Content_box">
82 
+            <!--待处理/-->
83 
+            <div class="complain Shows">
84 
+                <div class="th-box">
85 
+                    <div class="th-bar">
86 
+                        <div class="seach-box">
87 
+                            <ul>
88 
+                            	<li>
89 
+                                    承办单位：
90 
+                                   <select class="select_" name="" id=""></select>
91 
+                                </li>
92 
+                                <li>
93 
+                                    受理时间：
94 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
95 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
96 
+                                </li>
97 
+                                <li>
98 
+                                    <a class="sc_btn btns db">搜索</a>
99 
+                                     <a class="sc_btn btns ">导出</a>
100 
+                                </li>
101 
+                            </ul>
102 
+                        </div>
103 
+                    </div>
104 
+                </div>
105 
+                <div style="width: 100%;padding: 10px;">
106 
+                    <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
107 
+                        <thead>
108 
+                            <tr>
109 
+                                <th data-field="F_WorkOrderId" data-align="center">单位名称</th>
110 
+                                <th data-field="F_RegDate" data-align="center">诉求内容</th>
111 
+                                 <th data-field="F_RegDate" data-align="center">转交时间</th>
112 
+                                <th data-field="F_RegDate" data-align="center">回复时限</th>
113 
+                                 <th data-field="F_RegDate" data-align="center">回复时间</th>
114 
+                            </tr>
115 
+                        </thead>
116 
+                    </table>
117 
+                </div>
118 
+            </div>
119 
+
120 
+        </div>
121 
+    </div>
122 
+
123 
+    <script>
124 
+        initTable();
125 
+        var keys;
126 
+        $(document).ready(function () {
127 
+            laydate.skin('blue');
128 
+            laydate({
129 
+                elem: '#startTimes',
130 
+                event: 'focus'
131 
+            });
132 
+
133 
+            laydate({
134 
+                elem: '#endTimes',
135 
+                event: 'focus'
136 
+            });
137 
+            $("#workorderlist").on("click-row.bs.table", function (e, row, ele) {
138 
+                $('.success').removeClass('success'); //去除之前选中的行的，选中样式
139 
+                $(ele).addClass('success'); //添加当前选中的 success样式用于区别
140 
+            });
141 
+        })
142 
+        //表格一
143 
+        function initTable(keys) {
144 
+            //先销毁表格
145 
+            $('#workorderlist').bootstrapTable('destroy');
146 
+            //初始化表格,动态从服务器加载数据
147 
+            $("#workorderlist").bootstrapTable({
148 
+                method: "get", //使用get请求到服务器获取数据
149 
+
150 
+                contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
151 
+                pagination: true, //启动分页
152 
+                pageSize: 10, //每页显示的记录数
153 
+                pageNumber: 1, //当前第几页
154 
+                pageList: [10, 20, 50, 100], //记录数可选列表
155 
+                search: false, //是否启用查询
156 
+                showColumns: false, //显示下拉框勾选要显示的列
157 
+                showRefresh: false, //显示刷新按钮
158 
+                sidePagination: "server", //表示服务端请求
159 
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
160 
+                //设置为limit可以获取limit, offset, search, sort, order
161 
+                queryParamsType: "undefined",
162 
+                queryParams: function queryParams(params) { //设置查询参数
163 
+                    var param = {
164 
+                        page: params.pageNumber,
165 
+                        pagesize: params.pageSize,
166 
+                        starttime: $("#startTimes").val(),
167 
+                        endtime: $("#endTimes").val(),
168 
+                        token: $.cookie("token")
169 
+                    };
170 
+
171 
+                    return param;
172 
+                },
173 
+                onLoadSuccess: function () { //加载成功时执行
174 
+                    //layer.msg("加载成功");
175 
+                },
176 
+                onLoadError: function () { //加载失败时执行
177 
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
178 
+                }
179 
+            });
180 
+        }
181 
+        //内容
182 
+        function GetCont(val) {
183 
+            if (val) {
184 
+                var str = '<div '
185 
+                if (val.length > 10) {
186 
+                    str = str + ' title="' + val + '" ';
187 
+                    val = val.substr(0, 10) + "...";
188 
+                }
189 
+                return str + '>' + val + '</div>';
190 
+            }
191 
+            else {
192 
+                return '';
193 
+            }
194 
+        }
195 
+        //代办搜索
196 
+        $(".db").click(function () {
197 
+            initTable();
198 
+        })
199 
+
200 
+        //操作
201 
+        function Dispose(val) {
202 
+            return '<div class="imgs" >' +
203 
+            '<a class="xg" onclick="ckxq(' + val + ')"> 查看详情</a>' +
204 
+            '</div>';
205 
+        }
206 
+        //查看详情
207 
+        function ckxq(str) {
208 
+            layer.open({
209 
+                type: 2,
210 
+                content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
211 
+                title: '工单详情',
212 
+                area: ['85%', '80%'], //宽高
213 
+            });
214 
+        }
215 
+
216 
+    </script>
217 
+</body>
218 
+
219 
+</html>

+ 213 - 0
WebUI/CallCenterWeb.UI/YeWu/Number.html
Wyświetl plik 

@@ -0,0 +1,213 @@
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 
+    <script src="../Script/Common/huayi.load.js"></script>
9 
+    <script src="../Script/Common/huayi.config.js"></script>
10 
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+    <link href="../css/init.css" rel="stylesheet" />
13 
+    <script src="../css/laydate/laydate.js"></script>
14 
+    <script src="../My97DatePicker/WdatePicker.js"></script>
15 
+
16 
+    <style>
17 
+        table td {
18 
+            word-break: break-all;
19 
+            word-wrap: break-word;
20 
+        }
21 
+
22 
+        .ld-service li {
23 
+            float: left;
24 
+            font-size: 14px;
25 
+            color: #000;
26 
+            padding: 5px 15px;
27 
+            cursor: pointer;
28 
+            border-bottom: 1px solid #ccc;
29 
+        }
30 
+
31 
+        .cr-click {
32 
+            border: 1px solid #ccc;
33 
+            background-color: #fff;
34 
+            border-bottom: none !important;
35 
+            border-bottom-left-radius: 5px;
36 
+            border-bottom-right-radius: 5px;
37 
+        }
38 
+
39 
+        .Shows {
40 
+            display: block !important;
41 
+        }
42 
+
43 
+        .complain {
44 
+            display: none;
45 
+        }
46 
+
47 
+        th {
48 
+            padding: 5px;
49 
+            text-align: center;
50 
+        }
51 
+
52 
+        td {
53 
+            padding: 5px;
54 
+        }
55 
+
56 
+        .Borders {
57 
+            border: 1px solid #d7d7d7;
58 
+        }
59 
+        .cx {
60 
+            display: block;
61 
+        }
62 
+    </style>
63 
+</head>
64 
+
65 
+<body class="gray-bg">
66 
+    <div class="wrapper wrapper-content animated fadeInRight">
67 
+        <div class="daoHang clearfix">
68 
+            <div class="dhLeft">
69 
+                <sapn>
70 
+                    <i class="syIcon"></i>位置：
71 
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
72 
+                    <a href="javaScript:;">业务数据</a>&gt;
73 
+                    <a class="nowPosition">处理数量统计</a>
74 
+                </sapn>
75 
+            </div>
76 
+             <div class="dhRight">
77 
+					<i class="fa fa-refresh"></i>
78 
+				</div>
79 
+        </div>
80 
+
81 
+        <div class="Content_box">
82 
+            <!--待处理/-->
83 
+            <div class="complain Shows">
84 
+                <div class="th-box">
85 
+                    <div class="th-bar">
86 
+                        <div class="seach-box">
87 
+                            <ul>
88 
+                                <li>
89 
+                                    创建时间：
90 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
91 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
92 
+                                </li>
93 
+                                <li>
94 
+                                    <a class="sc_btn btns db">搜索</a>
95 
+                                     <a class="sc_btn btns ">导出</a>
96 
+                                </li>
97 
+                            </ul>
98 
+                        </div>
99 
+                    </div>
100 
+                </div>
101 
+                <div style="width: 100%;padding: 10px;">
102 
+                    <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
103 
+                        <thead>
104 
+                            <tr>
105 
+                                <th data-field="F_WorkOrderId" data-align="center">单位名称</th>
106 
+                                <th data-field="F_RegDate" data-align="center">数量</th>
107 
+
108 
+                            </tr>
109 
+                        </thead>
110 
+                    </table>
111 
+                </div>
112 
+            </div>
113 
+
114 
+        </div>
115 
+    </div>
116 
+
117 
+    <script>
118 
+        initTable();
119 
+        var keys;
120 
+        $(document).ready(function () {
121 
+            laydate.skin('blue');
122 
+            laydate({
123 
+                elem: '#startTimes',
124 
+                event: 'focus'
125 
+            });
126 
+
127 
+            laydate({
128 
+                elem: '#endTimes',
129 
+                event: 'focus'
130 
+            });
131 
+            $("#workorderlist").on("click-row.bs.table", function (e, row, ele) {
132 
+                $('.success').removeClass('success'); //去除之前选中的行的，选中样式
133 
+                $(ele).addClass('success'); //添加当前选中的 success样式用于区别
134 
+            });
135 
+        })
136 
+        //表格一
137 
+        function initTable(keys) {
138 
+            //先销毁表格
139 
+            $('#workorderlist').bootstrapTable('destroy');
140 
+            //初始化表格,动态从服务器加载数据
141 
+            $("#workorderlist").bootstrapTable({
142 
+                method: "get", //使用get请求到服务器获取数据
143 
+
144 
+                contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
145 
+                pagination: true, //启动分页
146 
+                pageSize: 10, //每页显示的记录数
147 
+                pageNumber: 1, //当前第几页
148 
+                pageList: [10, 20, 50, 100], //记录数可选列表
149 
+                search: false, //是否启用查询
150 
+                showColumns: false, //显示下拉框勾选要显示的列
151 
+                showRefresh: false, //显示刷新按钮
152 
+                sidePagination: "server", //表示服务端请求
153 
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
154 
+                //设置为limit可以获取limit, offset, search, sort, order
155 
+                queryParamsType: "undefined",
156 
+                queryParams: function queryParams(params) { //设置查询参数
157 
+                    var param = {
158 
+                        page: params.pageNumber,
159 
+                        pagesize: params.pageSize,
160 
+                        starttime: $("#startTimes").val(),
161 
+                        endtime: $("#endTimes").val(),
162 
+                        token: $.cookie("token")
163 
+                    };
164 
+
165 
+                    return param;
166 
+                },
167 
+                onLoadSuccess: function () { //加载成功时执行
168 
+                    //layer.msg("加载成功");
169 
+                },
170 
+                onLoadError: function () { //加载失败时执行
171 
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
172 
+                }
173 
+            });
174 
+        }
175 
+        //内容
176 
+        function GetCont(val) {
177 
+            if (val) {
178 
+                var str = '<div '
179 
+                if (val.length > 10) {
180 
+                    str = str + ' title="' + val + '" ';
181 
+                    val = val.substr(0, 10) + "...";
182 
+                }
183 
+                return str + '>' + val + '</div>';
184 
+            }
185 
+            else {
186 
+                return '';
187 
+            }
188 
+        }
189 
+        //代办搜索
190 
+        $(".db").click(function () {
191 
+            initTable();
192 
+        })
193 
+
194 
+        //操作
195 
+        function Dispose(val) {
196 
+            return '<div class="imgs" >' +
197 
+            '<a class="xg" onclick="ckxq(' + val + ')"> 查看详情</a>' +
198 
+            '</div>';
199 
+        }
200 
+        //查看详情
201 
+        function ckxq(str) {
202 
+            layer.open({
203 
+                type: 2,
204 
+                content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
205 
+                title: '工单详情',
206 
+                area: ['85%', '80%'], //宽高
207 
+            });
208 
+        }
209 
+
210 
+    </script>
211 
+</body>
212 
+
213 
+</html>

+ 214 - 0
WebUI/CallCenterWeb.UI/YeWu/TB.html
Wyświetl plik 

@@ -0,0 +1,214 @@
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 
+    <script src="../Script/Common/huayi.load.js"></script>
9 
+    <script src="../Script/Common/huayi.config.js"></script>
10 
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+    <link href="../css/init.css" rel="stylesheet" />
13 
+    <script src="../css/laydate/laydate.js"></script>
14 
+    <script src="../My97DatePicker/WdatePicker.js"></script>
15 
+
16 
+    <style>
17 
+        table td {
18 
+            word-break: break-all;
19 
+            word-wrap: break-word;
20 
+        }
21 
+
22 
+        .ld-service li {
23 
+            float: left;
24 
+            font-size: 14px;
25 
+            color: #000;
26 
+            padding: 5px 15px;
27 
+            cursor: pointer;
28 
+            border-bottom: 1px solid #ccc;
29 
+        }
30 
+
31 
+        .cr-click {
32 
+            border: 1px solid #ccc;
33 
+            background-color: #fff;
34 
+            border-bottom: none !important;
35 
+            border-bottom-left-radius: 5px;
36 
+            border-bottom-right-radius: 5px;
37 
+        }
38 
+
39 
+        .Shows {
40 
+            display: block !important;
41 
+        }
42 
+
43 
+        .complain {
44 
+            display: none;
45 
+        }
46 
+
47 
+        th {
48 
+            padding: 5px;
49 
+            text-align: center;
50 
+        }
51 
+
52 
+        td {
53 
+            padding: 5px;
54 
+        }
55 
+
56 
+        .Borders {
57 
+            border: 1px solid #d7d7d7;
58 
+        }
59 
+        .cx {
60 
+            display: block;
61 
+        }
62 
+    </style>
63 
+</head>
64 
+
65 
+<body class="gray-bg">
66 
+    <div class="wrapper wrapper-content animated fadeInRight">
67 
+        <div class="daoHang clearfix">
68 
+            <div class="dhLeft">
69 
+                <sapn>
70 
+                    <i class="syIcon"></i>位置：
71 
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
72 
+                    <a href="javaScript:;">业务数据</a>&gt;
73 
+                    <a class="nowPosition">批评率统计</a>
74 
+                </sapn>
75 
+            </div>
76 
+             <div class="dhRight">
77 
+					<i class="fa fa-refresh"></i>
78 
+				</div>
79 
+        </div>
80 
+
81 
+        <div class="Content_box">
82 
+            <!--待处理/-->
83 
+            <div class="complain Shows">
84 
+                <div class="th-box">
85 
+                    <div class="th-bar">
86 
+                        <div class="seach-box">
87 
+                            <ul>
88 
+                                <li>
89 
+                                    创建时间：
90 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
91 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
92 
+                                </li>
93 
+                                <li>
94 
+                                    <a class="sc_btn btns db">搜索</a>
95 
+                                     <a class="sc_btn btns ">导出</a>
96 
+                                </li>
97 
+                            </ul>
98 
+                        </div>
99 
+                    </div>
100 
+                </div>
101 
+                <div style="width: 100%;padding: 10px;">
102 
+                    <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
103 
+                        <thead>
104 
+                            <tr>
105 
+                                <th data-field="F_WorkOrderId" data-align="center">单位名称</th>
106 
+                                <th data-field="F_RegDate" data-align="center">处理总量</th>
107 
+                                 <th data-field="F_RegDate" data-align="center">通报量</th>
108 
+                                <th data-field="F_RegDate" data-align="center">通报率</th>
109 
+                            </tr>
110 
+                        </thead>
111 
+                    </table>
112 
+                </div>
113 
+            </div>
114 
+
115 
+        </div>
116 
+    </div>
117 
+
118 
+    <script>
119 
+        initTable();
120 
+        var keys;
121 
+        $(document).ready(function () {
122 
+            laydate.skin('blue');
123 
+            laydate({
124 
+                elem: '#startTimes',
125 
+                event: 'focus'
126 
+            });
127 
+
128 
+            laydate({
129 
+                elem: '#endTimes',
130 
+                event: 'focus'
131 
+            });
132 
+            $("#workorderlist").on("click-row.bs.table", function (e, row, ele) {
133 
+                $('.success').removeClass('success'); //去除之前选中的行的，选中样式
134 
+                $(ele).addClass('success'); //添加当前选中的 success样式用于区别
135 
+            });
136 
+        })
137 
+        //表格一
138 
+        function initTable(keys) {
139 
+            //先销毁表格
140 
+            $('#workorderlist').bootstrapTable('destroy');
141 
+            //初始化表格,动态从服务器加载数据
142 
+            $("#workorderlist").bootstrapTable({
143 
+                method: "get", //使用get请求到服务器获取数据
144 
+
145 
+                contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
146 
+                pagination: true, //启动分页
147 
+                pageSize: 10, //每页显示的记录数
148 
+                pageNumber: 1, //当前第几页
149 
+                pageList: [10, 20, 50, 100], //记录数可选列表
150 
+                search: false, //是否启用查询
151 
+                showColumns: false, //显示下拉框勾选要显示的列
152 
+                showRefresh: false, //显示刷新按钮
153 
+                sidePagination: "server", //表示服务端请求
154 
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
155 
+                //设置为limit可以获取limit, offset, search, sort, order
156 
+                queryParamsType: "undefined",
157 
+                queryParams: function queryParams(params) { //设置查询参数
158 
+                    var param = {
159 
+                        page: params.pageNumber,
160 
+                        pagesize: params.pageSize,
161 
+                        starttime: $("#startTimes").val(),
162 
+                        endtime: $("#endTimes").val(),
163 
+                        token: $.cookie("token")
164 
+                    };
165 
+
166 
+                    return param;
167 
+                },
168 
+                onLoadSuccess: function () { //加载成功时执行
169 
+                    //layer.msg("加载成功");
170 
+                },
171 
+                onLoadError: function () { //加载失败时执行
172 
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
173 
+                }
174 
+            });
175 
+        }
176 
+        //内容
177 
+        function GetCont(val) {
178 
+            if (val) {
179 
+                var str = '<div '
180 
+                if (val.length > 10) {
181 
+                    str = str + ' title="' + val + '" ';
182 
+                    val = val.substr(0, 10) + "...";
183 
+                }
184 
+                return str + '>' + val + '</div>';
185 
+            }
186 
+            else {
187 
+                return '';
188 
+            }
189 
+        }
190 
+        //代办搜索
191 
+        $(".db").click(function () {
192 
+            initTable();
193 
+        })
194 
+
195 
+        //操作
196 
+        function Dispose(val) {
197 
+            return '<div class="imgs" >' +
198 
+            '<a class="xg" onclick="ckxq(' + val + ')"> 查看详情</a>' +
199 
+            '</div>';
200 
+        }
201 
+        //查看详情
202 
+        function ckxq(str) {
203 
+            layer.open({
204 
+                type: 2,
205 
+                content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
206 
+                title: '工单详情',
207 
+                area: ['85%', '80%'], //宽高
208 
+            });
209 
+        }
210 
+
211 
+    </script>
212 
+</body>
213 
+
214 
+</html>

+ 228 - 0
WebUI/CallCenterWeb.UI/YeWu/XL.html
Wyświetl plik 

@@ -0,0 +1,228 @@
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 
+    <script src="../Script/Common/huayi.load.js"></script>
9 
+    <script src="../Script/Common/huayi.config.js"></script>
10 
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+    <link href="../css/init.css" rel="stylesheet" />
13 
+    <script src="../css/laydate/laydate.js"></script>
14 
+    <script src="../My97DatePicker/WdatePicker.js"></script>
15 
+
16 
+    <style>
17 
+        table td {
18 
+            word-break: break-all;
19 
+            word-wrap: break-word;
20 
+        }
21 
+
22 
+        .ld-service li {
23 
+            float: left;
24 
+            font-size: 14px;
25 
+            color: #000;
26 
+            padding: 5px 15px;
27 
+            cursor: pointer;
28 
+            border-bottom: 1px solid #ccc;
29 
+        }
30 
+
31 
+        .cr-click {
32 
+            border: 1px solid #ccc;
33 
+            background-color: #fff;
34 
+            border-bottom: none !important;
35 
+            border-bottom-left-radius: 5px;
36 
+            border-bottom-right-radius: 5px;
37 
+        }
38 
+
39 
+        .Shows {
40 
+            display: block !important;
41 
+        }
42 
+
43 
+        .complain {
44 
+            display: none;
45 
+        }
46 
+
47 
+        th {
48 
+            padding: 5px;
49 
+            text-align: center;
50 
+        }
51 
+
52 
+        td {
53 
+            padding: 5px;
54 
+        }
55 
+
56 
+        .Borders {
57 
+            border: 1px solid #d7d7d7;
58 
+        }
59 
+        .cx {
60 
+            display: block;
61 
+        }
62 
+    </style>
63 
+</head>
64 
+
65 
+<body class="gray-bg">
66 
+    <div class="wrapper wrapper-content animated fadeInRight">
67 
+        <div class="daoHang clearfix">
68 
+            <div class="dhLeft">
69 
+                <sapn>
70 
+                    <i class="syIcon"></i>位置：
71 
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
72 
+                    <a href="javaScript:;">业务数据</a>&gt;
73 
+                    <a class="nowPosition">单位绩效考核</a>
74 
+                </sapn>
75 
+            </div>
76 
+             <div class="dhRight">
77 
+					<i class="fa fa-refresh"></i>
78 
+				</div>
79 
+        </div>
80 
+
81 
+        <div class="Content_box">
82 
+            <!--待处理/-->
83 
+            <div class="complain Shows">
84 
+                <div class="th-box">
85 
+                    <div class="th-bar">
86 
+                        <div class="seach-box">
87 
+                            <ul>
88 
+ <li>
89 
+                                    部门：
90 
+                                   <select name="" id="" class="select_"></select>
91 
+                                   <select name="" id="" class="select_"></select>
92 
+                                </li>
93 
+                                <li>
94 
+                                    交办时间：
95 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
96 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
97 
+                                </li>
98 
+                                <li>
99 
+                                    <a class="sc_btn btns db">搜索</a>
100 
+                                     <a class="sc_btn btns ">导出</a>
101 
+                                </li>
102 
+                            </ul>
103 
+                        </div>
104 
+                    </div>
105 
+                </div>
106 
+                <div style="width: 100%;padding: 10px;">
107 
+                    <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
108 
+                        <thead>
109 
+                            <tr>
110 
+                                <th data-field="F_WorkOrderId" data-align="center">单位名称</th>
111 
+                                <th data-field="F_RegDate" data-align="center">坐席</th>
112 
+                                 <th data-field="F_RegDate" data-align="center">交办总量</th>
113 
+                                <th data-field="F_RegDate" data-align="center">已办总量</th>
114 
+                                 <th data-field="F_RegDate" data-align="center">及时量</th>
115 
+                                 <th data-field="F_RegDate" data-align="center">超时量</th>
116 
+                                  <th data-field="F_RegDate" data-align="center">超时时长(小时)</th>
117 
+                                  <th data-field="F_RegDate" data-align="center">延时量</th>
118 
+                                   <th data-field="F_RegDate" data-align="center">处理时长(小时)</th>
119 
+                                    <th data-field="F_RegDate" data-align="center">最大处理时长(小时)</th>
120 
+                                    <th data-field="F_RegDate" data-align="center">回访量</th>
121 
+                                    <th data-field="F_RegDate" data-align="center">市民满意</th>
122 
+                                    <th data-field="F_RegDate" data-align="center">市民不满意</th>
123 
+                            </tr>
124 
+                        </thead>
125 
+                    </table>
126 
+                </div>
127 
+            </div>
128 
+
129 
+        </div>
130 
+    </div>
131 
+
132 
+    <script>
133 
+        initTable();
134 
+        var keys;
135 
+        $(document).ready(function () {
136 
+            laydate.skin('blue');
137 
+            laydate({
138 
+                elem: '#startTimes',
139 
+                event: 'focus'
140 
+            });
141 
+
142 
+            laydate({
143 
+                elem: '#endTimes',
144 
+                event: 'focus'
145 
+            });
146 
+            $("#workorderlist").on("click-row.bs.table", function (e, row, ele) {
147 
+                $('.success').removeClass('success'); //去除之前选中的行的，选中样式
148 
+                $(ele).addClass('success'); //添加当前选中的 success样式用于区别
149 
+            });
150 
+        })
151 
+        //表格一
152 
+        function initTable(keys) {
153 
+            //先销毁表格
154 
+            $('#workorderlist').bootstrapTable('destroy');
155 
+            //初始化表格,动态从服务器加载数据
156 
+            $("#workorderlist").bootstrapTable({
157 
+                method: "get", //使用get请求到服务器获取数据
158 
+
159 
+                contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
160 
+                pagination: true, //启动分页
161 
+                pageSize: 10, //每页显示的记录数
162 
+                pageNumber: 1, //当前第几页
163 
+                pageList: [10, 20, 50, 100], //记录数可选列表
164 
+                search: false, //是否启用查询
165 
+                showColumns: false, //显示下拉框勾选要显示的列
166 
+                showRefresh: false, //显示刷新按钮
167 
+                sidePagination: "server", //表示服务端请求
168 
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
169 
+                //设置为limit可以获取limit, offset, search, sort, order
170 
+                queryParamsType: "undefined",
171 
+                queryParams: function queryParams(params) { //设置查询参数
172 
+                    var param = {
173 
+                        page: params.pageNumber,
174 
+                        pagesize: params.pageSize,
175 
+                        starttime: $("#startTimes").val(),
176 
+                        endtime: $("#endTimes").val(),
177 
+                        token: $.cookie("token")
178 
+                    };
179 
+
180 
+                    return param;
181 
+                },
182 
+                onLoadSuccess: function () { //加载成功时执行
183 
+                    //layer.msg("加载成功");
184 
+                },
185 
+                onLoadError: function () { //加载失败时执行
186 
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
187 
+                }
188 
+            });
189 
+        }
190 
+        //内容
191 
+        function GetCont(val) {
192 
+            if (val) {
193 
+                var str = '<div '
194 
+                if (val.length > 10) {
195 
+                    str = str + ' title="' + val + '" ';
196 
+                    val = val.substr(0, 10) + "...";
197 
+                }
198 
+                return str + '>' + val + '</div>';
199 
+            }
200 
+            else {
201 
+                return '';
202 
+            }
203 
+        }
204 
+        //代办搜索
205 
+        $(".db").click(function () {
206 
+            initTable();
207 
+        })
208 
+
209 
+        //操作
210 
+        function Dispose(val) {
211 
+            return '<div class="imgs" >' +
212 
+            '<a class="xg" onclick="ckxq(' + val + ')"> 查看详情</a>' +
213 
+            '</div>';
214 
+        }
215 
+        //查看详情
216 
+        function ckxq(str) {
217 
+            layer.open({
218 
+                type: 2,
219 
+                content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
220 
+                title: '工单详情',
221 
+                area: ['85%', '80%'], //宽高
222 
+            });
223 
+        }
224 
+
225 
+    </script>
226 
+</body>
227 
+
228 
+</html>

+ 225 - 0
WebUI/CallCenterWeb.UI/YeWu/ZX.html
Wyświetl plik 

@@ -0,0 +1,225 @@
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 
+    <script src="../Script/Common/huayi.load.js"></script>
9 
+    <script src="../Script/Common/huayi.config.js"></script>
10 
+    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
11 
+    <link href="../css/WorkOrder/Search.css" rel="stylesheet">
12 
+    <link href="../css/init.css" rel="stylesheet" />
13 
+    <script src="../css/laydate/laydate.js"></script>
14 
+    <script src="../My97DatePicker/WdatePicker.js"></script>
15 
+
16 
+    <style>
17 
+        table td {
18 
+            word-break: break-all;
19 
+            word-wrap: break-word;
20 
+        }
21 
+
22 
+        .ld-service li {
23 
+            float: left;
24 
+            font-size: 14px;
25 
+            color: #000;
26 
+            padding: 5px 15px;
27 
+            cursor: pointer;
28 
+            border-bottom: 1px solid #ccc;
29 
+        }
30 
+
31 
+        .cr-click {
32 
+            border: 1px solid #ccc;
33 
+            background-color: #fff;
34 
+            border-bottom: none !important;
35 
+            border-bottom-left-radius: 5px;
36 
+            border-bottom-right-radius: 5px;
37 
+        }
38 
+
39 
+        .Shows {
40 
+            display: block !important;
41 
+        }
42 
+
43 
+        .complain {
44 
+            display: none;
45 
+        }
46 
+
47 
+        th {
48 
+            padding: 5px;
49 
+            text-align: center;
50 
+        }
51 
+
52 
+        td {
53 
+            padding: 5px;
54 
+        }
55 
+
56 
+        .Borders {
57 
+            border: 1px solid #d7d7d7;
58 
+        }
59 
+        .cx {
60 
+            display: block;
61 
+        }
62 
+    </style>
63 
+</head>
64 
+
65 
+<body class="gray-bg">
66 
+    <div class="wrapper wrapper-content animated fadeInRight">
67 
+        <div class="daoHang clearfix">
68 
+            <div class="dhLeft">
69 
+                <sapn>
70 
+                    <i class="syIcon"></i>位置：
71 
+                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
72 
+                    <a href="javaScript:;">业务数据</a>&gt;
73 
+                    <a class="nowPosition">坐席工作</a>
74 
+                </sapn>
75 
+            </div>
76 
+             <div class="dhRight">
77 
+					<i class="fa fa-refresh"></i>
78 
+				</div>
79 
+        </div>
80 
+
81 
+        <div class="Content_box">
82 
+            <!--待处理/-->
83 
+            <div class="complain Shows">
84 
+                <div class="th-box">
85 
+                    <div class="th-bar">
86 
+                        <div class="seach-box">
87 
+                            <ul>
88 
+ <li>
89 
+                                    部门：
90 
+                                   <select name="" id="" class="select_"></select>
91 
+                                   <select name="" id="" class="select_"></select>
92 
+                                </li>
93 
+                                <li>
94 
+                                    创建时间：
95 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="startTimes" />-
96 
+                                    <input class="photo x-color inputs laydate-icon" type="text" id="endTimes" />
97 
+                                </li>
98 
+                                <li>
99 
+                                    <a class="sc_btn btns db">搜索</a>
100 
+                                     <a class="sc_btn btns ">导出</a>
101 
+                                </li>
102 
+                            </ul>
103 
+                        </div>
104 
+                    </div>
105 
+                </div>
106 
+                <div style="width: 100%;padding: 10px;">
107 
+                    <table id="workorderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
108 
+                        <thead>
109 
+                            <tr>
110 
+                                <th data-field="F_WorkOrderId" data-align="center">单位名称</th>
111 
+                                <th data-field="F_RegDate" data-align="center">坐席</th>
112 
+                                 <th data-field="F_RegDate" data-align="center">手动录单量</th>
113 
+                                <th data-field="F_RegDate" data-align="center">通话成单量</th>
114 
+                                 <th data-field="F_RegDate" data-align="center">当即办理量</th>
115 
+                                 <th data-field="F_RegDate" data-align="center">交办量</th>
116 
+                                  <th data-field="F_RegDate" data-align="center">已办量</th>
117 
+                                  <th data-field="F_RegDate" data-align="center">回访量</th>
118 
+                                   <th data-field="F_RegDate" data-align="center">市民满意</th>
119 
+                                    <th data-field="F_RegDate" data-align="center">市民不满意</th>
120 
+                            </tr>
121 
+                        </thead>
122 
+                    </table>
123 
+                </div>
124 
+            </div>
125 
+
126 
+        </div>
127 
+    </div>
128 
+
129 
+    <script>
130 
+        initTable();
131 
+        var keys;
132 
+        $(document).ready(function () {
133 
+            laydate.skin('blue');
134 
+            laydate({
135 
+                elem: '#startTimes',
136 
+                event: 'focus'
137 
+            });
138 
+
139 
+            laydate({
140 
+                elem: '#endTimes',
141 
+                event: 'focus'
142 
+            });
143 
+            $("#workorderlist").on("click-row.bs.table", function (e, row, ele) {
144 
+                $('.success').removeClass('success'); //去除之前选中的行的，选中样式
145 
+                $(ele).addClass('success'); //添加当前选中的 success样式用于区别
146 
+            });
147 
+        })
148 
+        //表格一
149 
+        function initTable(keys) {
150 
+            //先销毁表格
151 
+            $('#workorderlist').bootstrapTable('destroy');
152 
+            //初始化表格,动态从服务器加载数据
153 
+            $("#workorderlist").bootstrapTable({
154 
+                method: "get", //使用get请求到服务器获取数据
155 
+
156 
+                contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
157 
+                pagination: true, //启动分页
158 
+                pageSize: 10, //每页显示的记录数
159 
+                pageNumber: 1, //当前第几页
160 
+                pageList: [10, 20, 50, 100], //记录数可选列表
161 
+                search: false, //是否启用查询
162 
+                showColumns: false, //显示下拉框勾选要显示的列
163 
+                showRefresh: false, //显示刷新按钮
164 
+                sidePagination: "server", //表示服务端请求
165 
+                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
166 
+                //设置为limit可以获取limit, offset, search, sort, order
167 
+                queryParamsType: "undefined",
168 
+                queryParams: function queryParams(params) { //设置查询参数
169 
+                    var param = {
170 
+                        page: params.pageNumber,
171 
+                        pagesize: params.pageSize,
172 
+                        starttime: $("#startTimes").val(),
173 
+                        endtime: $("#endTimes").val(),
174 
+                        token: $.cookie("token")
175 
+                    };
176 
+
177 
+                    return param;
178 
+                },
179 
+                onLoadSuccess: function () { //加载成功时执行
180 
+                    //layer.msg("加载成功");
181 
+                },
182 
+                onLoadError: function () { //加载失败时执行
183 
+                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
184 
+                }
185 
+            });
186 
+        }
187 
+        //内容
188 
+        function GetCont(val) {
189 
+            if (val) {
190 
+                var str = '<div '
191 
+                if (val.length > 10) {
192 
+                    str = str + ' title="' + val + '" ';
193 
+                    val = val.substr(0, 10) + "...";
194 
+                }
195 
+                return str + '>' + val + '</div>';
196 
+            }
197 
+            else {
198 
+                return '';
199 
+            }
200 
+        }
201 
+        //代办搜索
202 
+        $(".db").click(function () {
203 
+            initTable();
204 
+        })
205 
+
206 
+        //操作
207 
+        function Dispose(val) {
208 
+            return '<div class="imgs" >' +
209 
+            '<a class="xg" onclick="ckxq(' + val + ')"> 查看详情</a>' +
210 
+            '</div>';
211 
+        }
212 
+        //查看详情
213 
+        function ckxq(str) {
214 
+            layer.open({
215 
+                type: 2,
216 
+                content: "WorkOrderDetail.html?wid=" + str, //iframe的url，no代表不显示滚动条
217 
+                title: '工单详情',
218 
+                area: ['85%', '80%'], //宽高
219 
+            });
220 
+        }
221 
+
222 
+    </script>
223 
+</body>
224 
+
225 
+</html>

+ 0 - 0
WebUI/CallCenterWeb.UI/YeWu/new_file.json
Wyświetl plik


BIN
WebUI/CallCenterWeb.UI/img/shangqiu.png
Wyświetl plik


+ 1 - 1
WebUI/CallCenterWeb.UI/login.html
Wyświetl plik 

@@ -56,7 +56,7 @@
56 56 
 		<div class="signinpanel">
57 57
58 58 
 			<div class="d_left" style="width: 55%;">
59 
-				<div class="lg_boxs"> <img src="img/sqLogo.png" alt="" /></div>
59 
+				<div class="lg_boxs"> <img src="img/shangqiu.png" alt="" /></div>
60 60 
 			</div>
61 61 
 			<div class="d_right" style="width: 45%;">
62 62 
 				<form class="dl_form" method="get">