|
25 | 25 | <p class="num">{{ dateVisit }}</p> |
26 | 26 | </div> |
27 | 27 | <div class="quota-item"> |
28 | | - <p>历史浏览量</p> |
29 | | - <p class="num">{{ allVisitNum }}</p> |
| 28 | + <p>近{{ lineDateType }}天IP数</p> |
| 29 | + <p class="num">{{ allVisitIp }}</p> |
30 | 30 | </div> |
31 | 31 | </div> |
32 | 32 | </div> |
|
200 | 200 | dateVisit: 0, // 近7/14/30天访问量 |
201 | 201 | yesterdayVisit: 0, |
202 | 202 | yesterdayIpNum: 0, |
203 | | - allVisitNum: 0, |
| 203 | + allVisitIp: 0, |
204 | 204 | // 折线图数据 |
205 | 205 | lineDateType: '近7天', |
206 | 206 | lineChartOption: { |
|
317 | 317 | // 渲染折线图 |
318 | 318 | setLineChart: function (dayNum, init) { |
319 | 319 | let that = this, |
320 | | - totalVisit = 0; |
| 320 | + totalVisit = 0, |
| 321 | + totalIp = 0; |
321 | 322 |
|
322 | 323 | // 切换时间维度高亮,并修改指标区第三个指标名称 |
323 | 324 | that.lineDateType = dayNum; |
|
342 | 343 | readings.push(item.reading); |
343 | 344 | ipArray.push(item.ipNum); |
344 | 345 | totalVisit += item.reading; |
| 346 | + totalIp += item.ipNum; |
345 | 347 | }); |
346 | 348 |
|
347 | 349 | that.dateVisit = totalVisit; // 设置选中时间维度下的访问量 |
| 350 | + that.allVisitIp = totalIp; |
348 | 351 | that.lineChartOption.xAxis.data = dates.reverse(); |
349 | 352 | that.lineChartOption.series[0].data = readings.reverse(); |
350 | 353 | that.lineChartOption.series[1].data = ipArray.reverse(); |
|
357 | 360 | operateType: '切换折线图时间维度', |
358 | 361 | operateContent: '近' + dayNum + '天' |
359 | 362 | }); |
360 | | -
|
361 | | - // setTimeout(function () { |
362 | | - // that.setVisitList(); |
363 | | - // }, 1000); |
364 | | - } |
365 | | - } |
366 | | - }); |
367 | | - }, |
368 | | - // 渲染列表 |
369 | | - setVisitList: function () { |
370 | | - let that = this; |
371 | | - this.SQFrontAjax({ |
372 | | - Url: '/api/visitRead/foreend', |
373 | | - noLoading: 'yes', |
374 | | - UploadData: { |
375 | | - PagnationData: { |
376 | | - Skip: 0, |
377 | | - Limit: 10 |
378 | 363 | } |
379 | | - }, |
380 | | - Success: function (data) { |
381 | | - that.allVisitNum = data.totalNum; |
382 | | - data.list.forEach(function (item) { |
383 | | - if (JSON.stringify(item.location) == '[]') item.location = '银河系'; |
384 | | - if (!item.browser) item.browser = "secret"; |
385 | | - if (!item.fromUrl) { |
386 | | - item.fromUrl = '直接访问'; |
387 | | - } else { |
388 | | - item.fromUrl = item.fromUrl.split('/')[2]; |
389 | | - } |
390 | | - }); |
391 | | - that.visitListData = data.list; |
392 | 364 | } |
393 | 365 | }); |
394 | 366 | }, |
| 367 | + |
395 | 368 | // 渲染地图 |
396 | 369 | setMap: function (dayNum, init) { |
397 | 370 | let that = this; |
|
435 | 408 | operateType: '切换地图时间维度', |
436 | 409 | operateContent: '近' + dayNum + '天' |
437 | 410 | }); |
438 | | -
|
439 | | - // setTimeout(function () { |
440 | | - // that.setVisitList(); |
441 | | - // }, 1000); |
442 | 411 | } |
443 | 412 | } |
444 | 413 | }); |
|
518 | 487 | operateType: '选择菜单', |
519 | 488 | operateContent: '访问统计' |
520 | 489 | }); |
521 | | -
|
522 | | - // setTimeout(function () { |
523 | | - // that.setVisitList(); |
524 | | - // }, 1000); |
525 | 490 | } |
526 | 491 | } |
527 | 492 | </script> |
|
0 commit comments