首頁 探索 說明
註冊 登入
duhongyu
/
AnYang_UI
關註 1
讚好 0
複刻 0
代碼 問題管理 0 合併請求 0 提交歷史 471 版本發佈 0 Wiki
瀏覽代碼

大屏

zhaomin 4 年之前
父節點
8dc71f0ecf
當前提交
a696b61de4
共有 9 個文件被更改，包括 889 次插入 和 1991 次删除
統一視圖 顯示文件統計
  1. 14 0
      WebChartNew/1.html
  2. 2 2
      WebChartNew/Script/Common/huayi.config.js
  3. 23 8
      WebChartNew/css/test-1920.css
  4. 0 1008
      WebChartNew/index - 副本.html
  5. 5 5
      WebChartNew/index.html
  6. 734 572
      WebChartNew/js/index.js
  7. 25 12
      WebChartNew/js/main.js
  8. 86 0
      WebChartNew/js/util - 副本.js
  9. 0 384
      WebChartNew/text.html

+ 14 - 0
WebChartNew/1.html
查看文件

1 
+<!DOCTYPE html>
2 
+<html>
3 
+	<head>
4 
+		<meta charset="utf-8">
5 
+		<title></title>
6 
+	</head>
7 
+	<body>
8 
+	</body>
9 
+	<script type="text/javascript">
10 
+		document.onclick=function(){
11 
+			console.log(Math.floor(Math.random()*16));
12 
+		}
13 
+	</script>
14 
+</html>

+ 2 - 2
WebChartNew/Script/Common/huayi.config.js
查看文件

8 
 // callcenter_url: "http://12345.shangqiu.gov.cn:8819/",//生产环境
 8 
 // callcenter_url: "http://12345.shangqiu.gov.cn:8819/",//生产环境
9 
     //callcenter_url: "http://localhost:63662/"//测试环境
 9 
     //callcenter_url: "http://localhost:63662/"//测试环境
10 
 	callcenter_url: "http://125.45.12.146:9998/",
 10 
 	callcenter_url: "http://125.45.12.146:9998/",
11 
-    // socket_ip: "125.45.12.160",//ip
12 
-    socket_ip: "192.168.8.7",//ip
11 
+    socket_ip: "125.45.12.160",//ip
12 
+    // socket_ip: "192.168.8.7",//ip
13 
 	// socket_ip: "121.296.219.217",//ip
 13 
 	// socket_ip: "121.296.219.217",//ip
14 
     socket_port: "8081",//端口
 14 
     socket_port: "8081",//端口
15 
     menuworktime: 30000,//菜单工单数量刷新间隔
 15 
     menuworktime: 30000,//菜单工单数量刷新间隔

+ 23 - 8
WebChartNew/css/test-1920.css
查看文件

59 
 	height: 290px;
 59 
 	height: 290px;
60 
 	background-size: cover;
 60 
 	background-size: cover;
61 
 }
 61 
 }
62 
+/* .topRec_List{
63 
+	font-size: 16px !important;
64 
+} */
62 
 .topRec_List dl,
 65 
 .topRec_List dl,
63 
 .maquee {
 66 
 .maquee {
64 
 	width: 90%;
 67 
 	width: 90%;
71 
 	float: left;
 74 
 	float: left;
72 
 	text-align: left;
 75 
 	text-align: left;
73 
 	color: #fff;
 76 
 	color: #fff;
74 
-	font-size: 14px;
77 
+	font-size: 16px;
75 
 	background-color: #075871;
 78 
 	background-color: #075871;
76 
 	padding-left: 20px;
 79 
 	padding-left: 20px;
77 
 	box-sizing: border-box;
 80 
 	box-sizing: border-box;
110 
 	height: 40px;
 113 
 	height: 40px;
111 
 	line-height: 40px;
 114 
 	line-height: 40px;
112 
 	text-align: left;
 115 
 	text-align: left;
113 
-	font-size: 12px;
116 
+	font-size: 14px;
114 
 	color: #fff;
 117 
 	color: #fff;
115 
 	border-bottom: 1px solid #536d7f;
 118 
 	border-bottom: 1px solid #536d7f;
116 
 }
 119 
 }
213 
 }
 216 
 }
214 
 .call_situation h3,
 217 
 .call_situation h3,
215 
 .accept_statistics .title,
 218 
 .accept_statistics .title,
216 
-.accept_channel h3,
217 
-.key_word h3,
218 
-.time_statistics h3,
219 
-.test_rank h3 {
219 
+.accept_channel h3 {
220 
 	position: absolute;
 220 
 	position: absolute;
221 
 	left: 213px;
 221 
 	left: 213px;
222 
 	top: 8px;
 222 
 	top: 8px;
223 
 	color: #fff;
 223 
 	color: #fff;
224 
 	z-index: 12;
 224 
 	z-index: 12;
225 
+	font-size: 20px;
226 
+}
227 
+.key_word h3,
228 
+.time_statistics h3,.test_rank h3{
229 
+	position: absolute;
230 
+	left:183px;
231 
+	top:9px;
232 
+	color: #fff;
233 
+	z-index: 12;
234 
+	font-size: 20px;
235 
+}
236 
+.test_rank .test_title{
237 
+	left:216px;
225 
 }
 238 
 }
226 
 .call_line{
 239 
 .call_line{
227 
 	position: absolute;
 240 
 	position: absolute;
241 
 	background-repeat: no-repeat;
 254 
 	background-repeat: no-repeat;
242 
 	background-position: center;
 255 
 	background-position: center;
243 
 	color: #fff;
 256 
 	color: #fff;
244 
-	font-size: 14px;
257 
+	font-size: 16px;
245 
 }
 258 
 }
246
259
247 
 .accept_channel div {
 260 
 .accept_channel div {
1167 
 }
 1180 
 }
1168 
 .infoTitle li{
 1181 
 .infoTitle li{
1169 
 	float: left;
 1182 
 	float: left;
1170 
-	width: 16%;
1183 
+	width: 11%;
1171 
 	text-align: center;
 1184 
 	text-align: center;
1172 
 	margin-bottom: 10px;
 1185 
 	margin-bottom: 10px;
1173 
 }
 1186 
 }
1406 
 	width: 24% !important;
1419 
 	width: 24% !important;
1407 
 	background-color: rgb(2,112,129);
 1420 
 	background-color: rgb(2,112,129);
1408 
 	cursor: pointer;
 1421 
 	cursor: pointer;
1422 
+	color: rgb(0, 246, 255);
1409 
 }
 1423 
 }
1410 
  .rankListDetial td.renkList_name{
 1424 
  .rankListDetial td.renkList_name{
1411 
 	 width: 13% !important;
1425 
 	 width: 13% !important;
1412 
 	 background-color: rgb(2,112,129) !important;
 1426 
 	 background-color: rgb(2,112,129) !important;
1427 
+
1413 
  }
 1428 
  }
1414 
  .rankListDetial .tablebox td{
 1429 
  .rankListDetial .tablebox td{
1415 
 	 padding: 54px 20px;
 1430 
 	 padding: 54px 20px;

File diff suppressed because it is too large
+ 0 - 1008
WebChartNew/index - 副本.html


+ 5 - 5
WebChartNew/index.html
查看文件

132 
 						</div>
 132 
 						</div>
133 
 					</div>
 133 
 					</div>
134 
 					<div class="test_rank">
 134 
 					<div class="test_rank">
135 
-						<h3>月度考核排名</h3>
135 
+						<h3 class="test_title">月度考核排名</h3>
136 
 						<div class="count-share">
 136 
 						<div class="count-share">
137 
 							<div class="com-screen-content">
 137 
 							<div class="com-screen-content">
138 
 								<div class="topRec_List">
 138 
 								<div class="topRec_List">
246 
 							</div>
 246 
 							</div>
247 
 						</div>
 247 
 						</div>
248 
 						<div class="pie_statistics">
 248 
 						<div class="pie_statistics">
249 
-							<h3>问题分类统计</h3>
249 
+							<h3 class="keyWordTitle">问题分类统计</h3>
250 
 							<div class="time">
 250 
 							<div class="time">
251 
 								<p style="text-align: right;margin-left: 30px;" class="statisticsTime">
 251 
 								<p style="text-align: right;margin-left: 30px;" class="statisticsTime">
252 
 									2021-5-16 00:00:00 至 2021-7-13 23:59:59
 252 
 									2021-5-16 00:00:00 至 2021-7-13 23:59:59
490 
 								<div>
 490 
 								<div>
491 
 									<p pos="2">
 491 
 									<p pos="2">
492 
 										<label class="zb"></label>
 492 
 										<label class="zb"></label>
493 
-										<label></label>
493 
+										<label>数量</label>
494 
 									</p>
 494 
 									</p>
495 
 									<p pos="2">
 495 
 									<p pos="2">
496 
 										<label class="zbrate"></label>
 496 
 										<label class="zbrate"></label>
862 
 							</div>
 862 
 							</div>
863 
 						</div>
 863 
 						</div>
864 
 						<div class="pie_statistics">
 864 
 						<div class="pie_statistics">
865 
-							<h3>问题分类统计</h3>
865 
+							<h3 class="">问题分类统计</h3>
866 
 							<div id="keywordPie2" style="width:1100px;height:803px;"></div>
 866 
 							<div id="keywordPie2" style="width:1100px;height:803px;"></div>
867 
 						</div>
 867 
 						</div>
868 
 					</div>
 868 
 					</div>
893 
 							</div>
 893 
 							</div>
894 
 						</div>
 894 
 						</div>
895 
 						<div class="pie_statistics">
 895 
 						<div class="pie_statistics">
896 
-							<h3>问题分类统计</h3>
896 
+							<h3 class="acceptContTitle">问题分类统计</h3>
897 
 							<div class="time">
 897 
 							<div class="time">
898 
 								<p style="text-align: right;margin-left: 30px;" class="statisticsTime">
 898 
 								<p style="text-align: right;margin-left: 30px;" class="statisticsTime">
899 
 									2021-5-16 00:00:00 至 2021-7-13 23:59:59
 899 
 									2021-5-16 00:00:00 至 2021-7-13 23:59:59

File diff suppressed because it is too large
+ 734 - 572
WebChartNew/js/index.js


+ 25 - 12
WebChartNew/js/main.js
查看文件

15 
 var Statess;
 15 
 var Statess;
16 
 var cls = 0;
 16 
 var cls = 0;
17 
 var webData;
 17 
 var webData;
18 
+var dataLength;
18 
 let callDate = [];
 19 
 let callDate = [];
20 
+
19 
 var lasttime = new Date().getTime();
 21 
 var lasttime = new Date().getTime();
22 
+//坐席分析
23 
+agentCount();
24 
+setInterval(function(){
25 
+	agentCount();
26 
+},120000)
27 
+//坐席数量
28 
+function agentCount(){
29 
+	$.ajax({
30 
+		url: huayi.config.callcenter_url + "SeatMonitoring/getlist",
31 
+		data: {},
32 
+		async: false,
33 
+		dataType:'json',
34 
+		success: function(res) {
35 
+			dataLength=res.data.length;
36 
+		}
37 
+	})
38 
+}
20 
 Connect()
 39 
 Connect()
21 
 //创建scoket连接
 40 
 //创建scoket连接
22 
 function createWebSocket() {
 41 
 function createWebSocket() {
52 
 		var myDate = new Date();
 71 
 		var myDate = new Date();
53 
 		webData = JSON.parse(evt.data)[0];
 72 
 		webData = JSON.parse(evt.data)[0];
54 
 		if(webData.Type=='GetAgentDetail'){
 73 
 		if(webData.Type=='GetAgentDetail'){
55 
-			//坐席分析
56 
-			// new doAjax({
57 
-			// 	url: huayi.config.callcenter_url + "SeatMonitoring/getlist",
58 
-			// 	data: {},
59 
-			// 	callBack: function(res) {
60 
-			// 		const outLine=res.data.length - webData.AgentOnlineCount;
61 
-			// 		callDate = [res.data.length, webData.AgentOnlineCount, webData.AgentSpeakCount, webData
62 
-			// 			.AgentProcessingCount, webData.AgentReposeCount, webData.AgentFreeCount, outLine
63 
-			// 		]
64 
-			// 		chart1(callDate);
65 
-			// 	}
66 
-			// });
74 
+			const outLine=dataLength - webData.AgentOnlineCount;
75 
+			callDate = [dataLength, webData.AgentOnlineCount, webData.AgentSpeakCount, webData
76 
+				.AgentProcessingCount, webData.AgentReposeCount, webData.AgentFreeCount, outLine
77 
+			]
78 
+			chart1(callDate);
79 
+
67 
 		}
 80 
 		}
68 
 	}
 81 
 	}
69 
 };
 82 
 };

+ 86 - 0
WebChartNew/js/util - 副本.js
查看文件

1 
+/**
2 
+ * ajax的二次封装
3 
+ * Created by huantt on 2018/7/16.
4 
+ * https://blog.csdn.net/u010791662
5 
+ */
6 
+
7 
+(function () {
8 
+    /**
9 
+     *
10 
+     * @param opts
11 
+     */
12 
+    function doAjax(opts) {
13 
+        this.url = opts.url;
14 
+        this.data = opts.data || {};
15 
+        // this.isShowLoad = opts.isShowLoad == undefined ? false : opts.isShowLoad;
16 
+        this.Type = opts.Type || "POST";
17 
+        this.dataType = opts.dataType || "json";
18 
+        this.callBack = opts.callBack;
19 
+        this.async = opts.async || true;
20 
+        this.contentType = opts.contentType == undefined ? "application/x-www-form-urlencoded" : opts.contentType;
21 
+        this.processData = opts.processData == undefined ? true : opts.processData;
22 
+        this.error = opts.error || requestError;
23 
+        this.init();
24 
+    }
25 
+
26 
+    //初始化
27 
+    doAjax.prototype.init = function () {
28 
+        this.getRequire();
29 
+    };
30 
+
31 
+    //发送请求
32 
+    doAjax.prototype.getRequire = function () {
33 
+
34 
+        var self = this;
35 
+        // if (self.isShowLoad)
36 
+        //     showWait(0);
37 
+        $.ajax({
38 
+                url: self.url,
39 
+                data: self.data,
40 
+                type: self.Type,
41 
+                dataType: self.dataType,
42 
+                async: self.async,
43 
+                contentType: self.contentType,
44 
+                processData: self.processData,
45 
+                success: function (res) {
46 
+                    beforeResponse(res);
47 
+                    if (self.callBack) {
48 
+                        if ($.isFunction(self.callBack)) {
49 
+                            self.callBack(res);
50 
+                        } else {
51 
+                            console.log("callBack is not a function");
52 
+                        }
53 
+                    }
54 
+
55 
+                },
56 
+                error: self.error
57 
+            }
58 
+        );
59 
+    };
60 
+    window.doAjax = doAjax;
61 
+    return this;
62 
+})();
63 
+
64 
+/**
65 
+ * 请求错误的统一处理
66 
+ * @param jqXHR
67 
+ * @param textStatus
68 
+ * @param errorThrown
69 
+ */
70 
+function requestError(jqXHR, textStatus, errorThrown) {
71 
+    /*弹出jqXHR对象的信息*/
72 
+    // console.log(jqXHR.responseText);
73 
+    console.log(jqXHR.status);
74 
+    // console.log(jqXHR.readyState);
75 
+    // console.log(jqXHR.statusText);
76 
+    // /*弹出其他两个参数的信息*/
77 
+    // console.log(textStatus);
78 
+    // console.log(errorThrown);
79 
+
80 
+}
81 
+/**
82 
+ * 执行回调函数前的统一处理
83 
+ * @param result
84 
+ */
85 
+function beforeResponse(result) {
86 
+}

File diff suppressed because it is too large
+ 0 - 384
WebChartNew/text.html