liuzhihui лет назад: 2
Родитель
Сommit
bb513b66b5

BIN
CallCenterWeb.UI/rmyyechartsNew/src/assets/imgs/posi.png


BIN
CallCenterWeb.UI/rmyyechartsNew/src/assets/imgs/posi3.png


+ 1 - 0
CallCenterWeb.UI/rmyyechartsNew/src/assets/zhengzhouCity.json

@@ -752,6 +752,7 @@
752 752
 		"properties": {
753 753
 			"adcode": 410105,
754 754
 			"name": "金水区",
755
+			"cp":[113.736037, 34.795838],
755 756
 			"center": [113.686037, 34.775838],
756 757
 			"centroid": [113.743756, 34.810783],
757 758
 			"childrenNum": 0,

+ 3 - 3
CallCenterWeb.UI/rmyyechartsNew/src/components/IVRSatisfactionByNow.vue

@@ -1,13 +1,13 @@
1 1
 <template>
2
-	<div id="box" style="width: 430px;">
2
+	<div id="box" style="width: 385px;">
3 3
 		<div style="margin-left: 200px;position: relative;bottom: 3px;">
4 4
 			<el-button size="mini" @click="changeType3">修</el-button>
5 5
 			<el-button size="mini" @click="changeType2">调</el-button>
6 6
 			<el-button size="mini" @click="changeType4">车</el-button>
7 7
 		</div>
8
-		<div id="IVRSatisfactionByNow" style="width: 100%;height: 380px;padding: 20px 20px 0 28px;box-sizing: border-box;">
8
+		<div id="IVRSatisfactionByNow" style="width: 100%;height: 380px;padding: 10px 10px 0 15px;box-sizing: border-box;">
9 9
 			<el-col :span="6" class="bgbox" v-for="item in dataname">
10
-				<marquee-text :duration="15" :repeat="3" style="padding: 0 10px 20px 0;text-align: center;margin-bottom: 30px;">{{ item.F_name }}</marquee-text>
10
+				<marquee-text :duration="15" :repeat="3" style="padding: 0 5px 20px 0;text-align: center;margin-bottom: 30px;">{{ item.F_name }}</marquee-text>
11 11
 				<!-- <div class="bgboxname" v-if="item.F_name.length<=5">{{ item.F_name }}</div>
12 12
 				<div class="bgboxname" v-if="item.F_name.length>5">{{ item.F_name.slice(0,4) }}...</div> -->
13 13
 				<!-- <div class="bgboxname"><div>{{ item.F_name }}</div></div> -->

+ 117 - 39
CallCenterWeb.UI/rmyyechartsNew/src/components/conversationByNow.vue

@@ -9,7 +9,7 @@
9 9
 		GetTypeCountByYq
10 10
 	} from "../api/dataAnalysis/monitorData.js";
11 11
 	import * as echarts from "echarts";
12
-	import shengfen from "@/assets/zhengzhou.json"; //地图包
12
+	import shengfen from "@/assets/zhengzhouCity.json"; //地图包
13 13
 	export default {
14 14
 		name: "Home",
15 15
 		props: {
@@ -75,8 +75,6 @@
75 75
 					this.getDate(this.yqidArr[i])
76 76
 				}
77 77
 			},360000)
78
-
79
-			// this.getTraffic()
80 78
 		},
81 79
 		watch: {
82 80
 			searchData(val, oval) {
@@ -86,9 +84,6 @@
86 84
 					this.getDate(this.yqidArr[i])
87 85
 				}
88 86
 			},
89
-			// "state": function() {
90
-			// 	this.getTraffic()
91
-			// }
92 87
 		},
93 88
 		mounted() {
94 89
 			// this.initCharts()
@@ -229,7 +224,6 @@
229 224
 			initCharts() {
230 225
 				let this_ = this;
231 226
 				const charts = this.$echarts.init(document.getElementById("main"));
232
-				let airData = []
233 227
 				const option = {
234 228
 					// 背景颜色
235 229
 					// backgroundColor: "#010e2d",
@@ -306,12 +300,12 @@
306 300
 					// 地图配置
307 301
 					geo: {
308 302
 						map: "郑州",
309
-						aspectScale: 1.3, //长宽比,0.75的含义为宽是高的0.75,假如高为100,宽就只有75;0.5的含义就是宽只有高的一半,假如高为100,宽就只有50
310
-						zoom: 1.5, //视觉比例大小,1.2即为原有大小的1.2倍
303
+						aspectScale: 1.10, //长宽比,0.75的含义为宽是高的0.75,假如高为100,宽就只有75;0.5的含义就是宽只有高的一半,假如高为100,宽就只有50
304
+						zoom: 4.0, //视觉比例大小,1.2即为原有大小的1.2倍
311 305
 						roam: true, //是否开启鼠标缩放和平移漫游。默认不开启。可以不用设置,如果只想要开启缩放或者平移,可以设置成 'scale' 或者 'move'。
312
-						// center: [113.7026, 34.795015], //设置地图中心点坐标,容器中心点
313
-						top: '12%',
314
-						right: '-2%',
306
+						center: [113.7026, 34.795015], //设置地图中心点坐标,容器中心点
307
+						top: '-8%',
308
+						// right: '-2%',
315 309
 						regions: [{
316 310
 							// name: '中原区', //与china.js对应的省份名称
317 311
 							// itemStyle: {
@@ -352,8 +346,25 @@
352 346
 						},
353 347
 					},
354 348
 					series: [{
355
-						symbol: 'image://' + require('../assets/imgs/地点标识.png'), // 自定义图片作为标注展示
356
-						symbolSize: [35, 60], // 调整图片的长宽
349
+						// symbol: 'image://' + require('../assets/imgs/地点标识.png'), // 自定义图片作为标注展示
350
+						symbol: function(params) {
351
+							if(params[0] == '113.7026' || params[0] == '113.77377' || params[0] == '113.741594' 
352
+							|| params[0] == '113.7226' || params[0] == '113.69035' || params[0] == '113.7396') {
353
+								return 'image://' + require('../assets/imgs/地点标识.png')
354
+							} else  {
355
+								return 'image://' + require('../assets/imgs/posi3.png')
356
+							}
357
+						},
358
+						symbolSize: function(params) {
359
+							console.log(params)
360
+							if(params[0] == '113.7026' || params[0] == '113.77377' || params[0] == '113.741594'
361
+							|| params[0] == '113.7226' || params[0] == '113.69035' || params[0] == '113.7396') {
362
+								return [35, 60]
363
+							} else  {
364
+								return [20, 18]
365
+							}
366
+						},
367
+						// symbolSize: [35, 60], // 调整图片的长宽
357 368
 						symbolOffset: [0, '-50%'], // 调整标注图片的位移方向 大小
358 369
 						type: 'scatter',
359 370
 						coordinateSystem: 'geo',
@@ -444,12 +455,102 @@
444 455
 									position: 'bottom'
445 456
 								}
446 457
 							},
458
+							{
459
+								name:'高新法院驿站',
460
+								value: [113.75453,34.774288],
461
+							},
462
+							{
463
+								name:'郑州市公安局驿站',
464
+								value: [113.602611,34.765862],
465
+							},
466
+							{
467
+								name:'政协驿站',
468
+								value: [113.643916,34.726732],
469
+							},
470
+							{
471
+								name:'交警六大队支队驿站',
472
+								value: [113.798723,34.839641],
473
+							},
474
+							{
475
+								name:'铁警驿站',
476
+								value: [113.705199,34.581138],
477
+							},
478
+							{
479
+								name:'管城区法院驿站',
480
+								value: [113.681532,34.759913],
481
+							},
482
+							{
483
+								name:'移动驿站',
484
+								value: [113.789084,34.801636],
485
+							},
486
+							{
487
+								name:'交警支队驿站',
488
+								value: [113.690882,34.681848],
489
+							},
490
+							{
491
+								name:'联通驿站',
492
+								value: [113.717104,34.747993],
493
+							},
494
+							{
495
+								name:'华北水利水电大学驿站',
496
+								value: [113.681002,34.838443],
497
+							},
498
+							{
499
+								name:'邮政驿站',
500
+								value: [113.56819,34.823408],
501
+							},
502
+							{
503
+								name:'客运段驿站',
504
+								value: [113.596358,34.715025],
505
+							},
506
+							{
507
+								name:'西藏干休所驿站',
508
+								value: [113.557497,34.757481],
509
+							},
510
+							{
511
+								name:'商贸管理学院驿站',
512
+								value: [113.753609,34.659654],
513
+							},
514
+							{
515
+								name:'公安局二七分局驿站',
516
+								value: [113.632862,34.694089],
517
+							},
518
+							{
519
+								name:'安和养老驿站',
520
+								value: [113.886963,34.77404],
521
+							},
522
+							{
523
+								name:'河南信息统计学院健康驿站',
524
+								value: [113.653141,34.804777],
525
+							},
526
+							{
527
+								name:'中行花园支行驿站',
528
+								value: [113.668864,34.77967],
529
+							},
530
+							{
531
+								name:'郑州市实验高中健康驿站',
532
+								value: [113.649252,34.872115],
533
+							},
534
+							{
535
+								name:'嵩山路学校驿站',
536
+								value: [113.611333,34.656956],
537
+							},
538
+							{
539
+								name:'国开驿站',
540
+								value: [113.720429,34.779342],
541
+							},
542
+							{
543
+								name:'郑州市五院社区服务',
544
+								value: [113.637801,34.771538],
545
+							},
546
+							{
547
+								name:'旅游学院驿站',
548
+								value: [113.904394,34.810228],
549
+							}
447 550
 						]
448
-
449 551
 						// selectedMode: false, //取消地图区域点击事件
450 552
 						// geoIndex: 0, //将数据和第0个geo配置关联在一起
451 553
 						// type: 'map',
452
-						// data: this.airData,
453 554
 					}, ],
454 555
 				};
455 556
 				// 地图注册,第一个参数的名字必须和option.geo.map一致
@@ -465,29 +566,6 @@
465 566
 					console.log(params.data.label.formatter);
466 567
 					let yqname = params.data.label.formatter
467 568
 					this_.getDate()
468
-					//逻辑控制
469
-					// switch (yqname) {
470
-					// 	case '总院':
471
-					// 		// this_.yqid = '1';
472
-					// 		this_.yqid = '4005';
473
-					// 		break;
474
-					// 	case '郑东院区':
475
-					// 		this_.yqid = '4004';
476
-					// 		break;
477
-					// 	case '南部院区':
478
-					// 		this_.yqid = '4006';
479
-					// 		break;
480
-					// 	case '北院区':
481
-					// 		this_.yqid = '4008';
482
-					// 		break;
483
-					// 	case '紫宸社区':
484
-					// 		this_.yqid = '4010';
485
-					// 		break;
486
-					// 	case '北林社区':
487
-					// 		this_.yqid = '4012';
488
-					// 		break;
489
-					// }
490
-					// this_.getDate()
491 569
 				});
492 570
 			},
493 571