|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+// 百度地图API功能
|
|
|
2
|
+var map = new BMap.Map("allmap");
|
|
|
3
|
+var point = new BMap.Point(114.090325, 32.129247);
|
|
|
4
|
+var pointArray = new Array();
|
|
|
5
|
+var json_data;
|
|
|
6
|
+var opts = {
|
|
|
7
|
+ width: 250, // 信息窗口宽度
|
|
|
8
|
+ height: 80, // 信息窗口高度
|
|
|
9
|
+ title: "", // 信息窗口标题
|
|
|
10
|
+ enableMessage: true //设置允许信息窗发送短息
|
|
|
11
|
+};
|
|
|
12
|
+$(document).ready(function () {
|
|
|
13
|
+ //日期
|
|
|
14
|
+ laydate.render({
|
|
|
15
|
+ elem: '#starttime', //指定元素
|
|
|
16
|
+ range:'~'
|
|
|
17
|
+ });
|
|
|
18
|
+ QY();
|
|
|
19
|
+ LY();
|
|
|
20
|
+ throungh();
|
|
|
21
|
+ tree();
|
|
|
22
|
+ $(".Seach").click(function() {
|
|
|
23
|
+ throungh();
|
|
|
24
|
+ })
|
|
|
25
|
+});
|
|
|
26
|
+
|
|
|
27
|
+//搜索开始
|
|
|
28
|
+//区域
|
|
|
29
|
+function QY() {
|
|
|
30
|
+ $("#sourcearea").empty();
|
|
|
31
|
+ //$("#sourcearea").append('<option selected="selected" value="">请选择</option>');
|
|
|
32
|
+ $.getJSON(huayi.config.callcenter_url + "Area/GetAreaListById", {
|
|
|
33
|
+ "token": $.cookie("token"),
|
|
|
34
|
+ }, function (data) {
|
|
|
35
|
+ if (data.state.toLowerCase() == "success") {
|
|
|
36
|
+ var content = data.data;
|
|
|
37
|
+ $(content).each(function (i, n) {
|
|
|
38
|
+ if (n.F_AreaName != '商丘市') {
|
|
|
39
|
+ $("<option value='" + n.F_AreaId + "'>" + n.F_AreaName + "</option>").appendTo("#sourcearea");
|
|
|
40
|
+ }
|
|
|
41
|
+ })
|
|
|
42
|
+ }
|
|
|
43
|
+ })
|
|
|
44
|
+}
|
|
|
45
|
+//来源
|
|
|
46
|
+function LY() {
|
|
|
47
|
+ $("#source").empty();
|
|
|
48
|
+ $("#source").append('<option selected="selected" value="">请选择</option>');
|
|
|
49
|
+ $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
|
|
|
50
|
+ "token": $.cookie("token"),
|
|
|
51
|
+ id: 1
|
|
|
52
|
+ }, function (data) {
|
|
|
53
|
+ if (data.state.toLowerCase() == "success") {
|
|
|
54
|
+ var content = data.data;
|
|
|
55
|
+ $(content).each(function (i, n) {
|
|
|
56
|
+ $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo("#source");
|
|
|
57
|
+ })
|
|
|
58
|
+ }
|
|
|
59
|
+ })
|
|
|
60
|
+}
|
|
|
61
|
+//所属分类下拉
|
|
|
62
|
+$('.inps').focus(function () {
|
|
|
63
|
+ $('.xlAdd').css('display', 'block')
|
|
|
64
|
+})
|
|
|
65
|
+$('.xl').click(function () {
|
|
|
66
|
+ if ($('.xlAdd').css('display') == 'block') {
|
|
|
67
|
+ $('.xlAdd').css('display', 'none')
|
|
|
68
|
+ } else {
|
|
|
69
|
+ $('.xlAdd').css('display', 'block')
|
|
|
70
|
+ }
|
|
|
71
|
+})
|
|
|
72
|
+$('.addTree').mouseleave(function () {
|
|
|
73
|
+ $(this).css('display', 'none')
|
|
|
74
|
+})
|
|
|
75
|
+//清除
|
|
|
76
|
+$(".Cleans ").click(function () {
|
|
|
77
|
+ $('.inps').val("");
|
|
|
78
|
+ $("#PID").val("");
|
|
|
79
|
+ $("#Dpment").val("");
|
|
|
80
|
+})
|
|
|
81
|
+function tree() {
|
|
|
82
|
+ $.get(huayi.config.callcenter_url + 'Department/GetDeptList', {
|
|
|
83
|
+ "token": $.cookie("token"),
|
|
|
84
|
+ // "pid": pid
|
|
|
85
|
+ }, function (result) {
|
|
|
86
|
+ result = $.parseJSON(result);
|
|
|
87
|
+ $.fn.zTree.init($("#addTreeDemo"), setting1, result.data); //实例化树形图
|
|
|
88
|
+ });
|
|
|
89
|
+}
|
|
|
90
|
+var setting1 = {
|
|
|
91
|
+ data: {
|
|
|
92
|
+ key: {
|
|
|
93
|
+ name: "F_DeptName"
|
|
|
94
|
+ },
|
|
|
95
|
+ simpleData: {
|
|
|
96
|
+ enable: true,
|
|
|
97
|
+ idKey: "F_DeptId",
|
|
|
98
|
+ pIdKey: "F_PartentId",
|
|
|
99
|
+ rootPId: 0
|
|
|
100
|
+ }
|
|
|
101
|
+ },
|
|
|
102
|
+ callback: {
|
|
|
103
|
+ onClick: zTreeOnClick
|
|
|
104
|
+ }
|
|
|
105
|
+};
|
|
|
106
|
+function zTreeOnClick(event, treeId, treeNode) {
|
|
|
107
|
+ if (treeNode.level >= 2) {
|
|
|
108
|
+ $('.inps').val(treeNode.F_DeptName);
|
|
|
109
|
+ $("#PID").val(treeNode.F_DeptId);
|
|
|
110
|
+ $("#Dpment").val(treeNode.F_DeptId);
|
|
|
111
|
+ $(".Cleans").show();
|
|
|
112
|
+ }
|
|
|
113
|
+};
|
|
|
114
|
+function Close() {
|
|
|
115
|
+ $(".lyxz").removeClass("cx");
|
|
|
116
|
+ if ($('audio').length > 0) {
|
|
|
117
|
+ $('audio')[0].pause();
|
|
|
118
|
+ }
|
|
|
119
|
+}
|
|
|
120
|
+function darptSearch() {
|
|
|
121
|
+ $('.xlAdd').css('display', 'none');
|
|
|
122
|
+ $(".selDpart1").css('display', 'block');
|
|
|
123
|
+ depart();
|
|
|
124
|
+}
|
|
|
125
|
+$("#sponsor").on('click', 'li', function() {
|
|
|
126
|
+ $(".selDpart1").css('display', 'none');
|
|
|
127
|
+ $(".inps").val($(this).html());
|
|
|
128
|
+ $("#Dpment").val($(this).attr("index"));
|
|
|
129
|
+ $(".Cleans").show();
|
|
|
130
|
+})
|
|
|
131
|
+///部门
|
|
|
132
|
+function depart() {
|
|
|
133
|
+ $("#sponsor").empty();
|
|
|
134
|
+ $.getJSON(huayi.config.callcenter_url + "Department/GetDeptListByDept", {
|
|
|
135
|
+ "token": $.cookie("token"),
|
|
|
136
|
+ dept: $('.inps').val(),
|
|
|
137
|
+ }, function(data) {
|
|
|
138
|
+ if(data.state.toLowerCase() == "success") {
|
|
|
139
|
+ var content = data.data;
|
|
|
140
|
+ $(content).each(function(i, n) {
|
|
|
141
|
+ $("<li index='" + n.F_DeptId + "'>" + n.F_DeptName + "</li>").appendTo("#sponsor");
|
|
|
142
|
+ })
|
|
|
143
|
+ }
|
|
|
144
|
+ })
|
|
|
145
|
+}
|
|
|
146
|
+
|
|
|
147
|
+
|
|
|
148
|
+
|
|
|
149
|
+function throungh() {
|
|
|
150
|
+ $.ajax({
|
|
|
151
|
+ type: "get",
|
|
|
152
|
+ url: huayi.config.callcenter_url + "WorkOrderReport/GetHotspotMap",
|
|
|
153
|
+ async: false,
|
|
|
154
|
+ dataType: 'json',
|
|
|
155
|
+ data: {
|
|
|
156
|
+ token: $.cookie("token"),
|
|
|
157
|
+ start:$('#starttime').val() && $('#starttime').val().split(' ~ ')[0], //=开始时间
|
|
|
158
|
+ end:$('#starttime').val() && $('#starttime').val().split(' ~ ')[1], //=结束时间
|
|
|
159
|
+ deptid: $("#Dpment").val(),
|
|
|
160
|
+ keyid:$("#key").val(),
|
|
|
161
|
+ sourcearea:$('#sourceAreas').val(),
|
|
|
162
|
+ source:$("#source").val()
|
|
|
163
|
+ },
|
|
|
164
|
+ success: function(result) {
|
|
|
165
|
+ if(result.state.toLowerCase() == "success") {
|
|
|
166
|
+ json_data = result.data;
|
|
|
167
|
+ for(var i = 0; i < json_data.length; i++) {
|
|
|
168
|
+ var marker = new BMap.Marker(new BMap.Point(json_data[i][0], json_data[i][1])); // 创建点
|
|
|
169
|
+ map.addOverlay(marker); //增加点
|
|
|
170
|
+ pointArray[i] = new BMap.Point(json_data[i][0], json_data[i][1]);
|
|
|
171
|
+ var content = json_data[i][2];
|
|
|
172
|
+ addClickHandler(content, marker);
|
|
|
173
|
+ //让所有点在视野范围内
|
|
|
174
|
+ map.setViewport(pointArray);
|
|
|
175
|
+ }
|
|
|
176
|
+ console.log(json_data)
|
|
|
177
|
+ }
|
|
|
178
|
+ }
|
|
|
179
|
+ })
|
|
|
180
|
+}
|
|
|
181
|
+function mapLoad(){
|
|
|
182
|
+ map.centerAndZoom(point, 15);
|
|
|
183
|
+ map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
|
|
184
|
+}
|
|
|
185
|
+$('#sourcearea').change(function(obj) {
|
|
|
186
|
+ if($('#sourcearea').val() == "") {
|
|
|
187
|
+ alert("请选择省市区");
|
|
|
188
|
+ return;
|
|
|
189
|
+ }
|
|
|
190
|
+ var address = '河南省商丘' + $('#sourcearea').find("option:selected").text();;
|
|
|
191
|
+ //var address = '河南省商丘市睢阳区'
|
|
|
192
|
+ if(address != "") {
|
|
|
193
|
+ var city = '商丘市';
|
|
|
194
|
+ // 创建地址解析器实例
|
|
|
195
|
+ var myGeo = new BMap.Geocoder();
|
|
|
196
|
+ myGeo.getPoint(address, function(point) {
|
|
|
197
|
+ if(point) {
|
|
|
198
|
+ //定位到区 ，级别显示12
|
|
|
199
|
+ map.centerAndZoom(point, 12);
|
|
|
200
|
+ //删除选点
|
|
|
201
|
+ map.clearOverlays();
|
|
|
202
|
+ for(var i = 0; i < json_data.length; i++) {
|
|
|
203
|
+ var marker = new BMap.Marker(new BMap.Point(json_data[i][0], json_data[i][1])); // 创建点
|
|
|
204
|
+ map.addOverlay(marker); //增加点
|
|
|
205
|
+ pointArray[i] = new BMap.Point(json_data[i][0], json_data[i][1]);
|
|
|
206
|
+ var content = json_data[i][2];
|
|
|
207
|
+ addClickHandler(content, marker);
|
|
|
208
|
+ }
|
|
|
209
|
+ } else {
|
|
|
210
|
+ // alert("您选择地址没有解析到结果!");
|
|
|
211
|
+ }
|
|
|
212
|
+ }, city);
|
|
|
213
|
+ }
|
|
|
214
|
+});
|
|
|
215
|
+
|
|
|
216
|
+
|
|
|
217
|
+
|
|
|
218
|
+function addClickHandler(content, marker) {
|
|
|
219
|
+ marker.addEventListener("click", function(e) {
|
|
|
220
|
+ openInfo(content, e)
|
|
|
221
|
+ });
|
|
|
222
|
+}
|
|
|
223
|
+
|
|
|
224
|
+function openInfo(content, e) {
|
|
|
225
|
+ var p = e.target;
|
|
|
226
|
+ var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
|
|
|
227
|
+ var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
|
|
|
228
|
+ map.openInfoWindow(infoWindow, point); //开启信息窗口
|
|
|
229
|
+}
|
|
|
230
|
+
|
|
|
231
|
+//移动到某一坐标点
|
|
|
232
|
+function to(x, y) {
|
|
|
233
|
+ map.panTo(new BMap.Point(x, y));
|
|
|
234
|
+
|
|
|
235
|
+}
|
