Skip to content

Commit 504229a

Browse files
SunQQQSunQQQ
committed
在流量分析页面将地图放在折线图上面。地图渲染完成的速度较快，折线图加载较慢，调换后不至于让用户看着空白页面太长时间
1 parent 2d56b2c commit 504229a

File tree

9 files changed

+15
-21
lines changed

9 files changed

+15
-21
lines changed

‎blog-user/css/app.124a6dd7.css‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎blog-user/css/app.124a6dd7.css.gz‎

-11.6 KB
Binary file not shown.

‎blog-user/fonts/iconfont.86e3d5bb.ttf‎

-9.8 KB
Binary file not shown.

‎blog-user/fonts/iconfont.9700d7ae.woff2‎

-5.56 KB
Binary file not shown.

‎blog-user/fonts/iconfont.982a35c9.woff‎

-6.48 KB
Binary file not shown.

‎blog-user/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
<!DOCTYPE html><html><head><meta charset=utf-8><title>孙权的博客</title><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><meta name=keywords content="孙权的博客,sunq's blog,sunq,sunq's blog,个人博客,vue.js+node.js,vue.js,node.js,vue,jquery,css3,html5,前端博客,前端技术,css3学习,前端"><meta name=description content=孙权，前端程序猿，自己的技术博客，会一直更新。><link rel=icon href=favicon.jpg><meta name=google-site-verification content=Z4gA0x6X_RESh5-dFgNOtRjV9GFGqSrQCh3kXYgBTrQ><link href=https://cdn.bootcss.com/github-markdown-css/2.10.0/github-markdown.min.css rel=stylesheet><script async src=//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js></script><script>(adsbygoogle = window.adsbygoogle || []).push({
22
google_ad_client: "ca-pub-8100230607365371",
33
enable_page_level_ads: true
4-
});</script><link href=css/app.124a6dd7.css rel=preload as=style><link href=js/app.864cd77b.js rel=preload as=script><link href=js/chunk-vendors.79888f69.js rel=preload as=script><link href=css/app.124a6dd7.css rel=stylesheet></head><body><noscript><strong>We're sorry but sunblog doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><div style="display: none;"><script src="https://s13.cnzz.com/z_stat.php?id=1275087148&web_id=1275087148" language=JavaScript></script></div><script src=js/chunk-vendors.79888f69.js></script><script src=js/app.864cd77b.js></script></body></html>
4+
});</script><link href=css/app.51a56299.css rel=preload as=style><link href=js/app.f75c9070.js rel=preload as=script><link href=js/chunk-vendors.79888f69.js rel=preload as=script><link href=css/app.51a56299.css rel=stylesheet></head><body><noscript><strong>We're sorry but sunblog doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><div style="display: none;"><script src="https://s13.cnzz.com/z_stat.php?id=1275087148&web_id=1275087148" language=JavaScript></script></div><script src=js/chunk-vendors.79888f69.js></script><script src=js/app.f75c9070.js></script></body></html>

‎blog-user/js/app.864cd77b.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎blog-user/js/app.864cd77b.js.gz‎

-225 KB
Binary file not shown.

‎src/components/MainPage/analytics.vue‎

Lines changed: 14 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -30,18 +30,6 @@
3030
</div>
3131
</div>
3232
</div>
33-
<div class="block">
34-
<div class="title-part">
35-
<div class="module-title">流量趋势</div>
36-
<div class="day-switch">
37-
<div :class="lineDateType == '7' ? 'item active' : 'item'" @click="setLineChart(7)">最近7天</div>
38-
<div :class="lineDateType == '14' ? 'item active' : 'item'" @click="setLineChart(14)">最近14天</div>
39-
<div :class="lineDateType == '30' ? 'item active' : 'item'" @click="setLineChart(30)">最近30天</div>
40-
<div :class="lineDateType == '60' ? 'item active' : 'item'" @click="setLineChart(60)">最近60天</div>
41-
</div>
42-
</div>
43-
<div class="line-chart" id="line-chart"></div>
44-
</div>
4533
<div class="block">
4634
<div class="title-part">
4735
<div class="module-title">访客来源</div>
@@ -54,6 +42,18 @@
5442
</div>
5543
<div class="map-chart" id="map"></div>
5644
</div>
45+
<div class="block">
46+
<div class="title-part">
47+
<div class="module-title">流量趋势</div>
48+
<div class="day-switch">
49+
<div :class="lineDateType == '7' ? 'item active' : 'item'" @click="setLineChart(7)">最近7天</div>
50+
<div :class="lineDateType == '14' ? 'item active' : 'item'" @click="setLineChart(14)">最近14天</div>
51+
<div :class="lineDateType == '30' ? 'item active' : 'item'" @click="setLineChart(30)">最近30天</div>
52+
<div :class="lineDateType == '60' ? 'item active' : 'item'" @click="setLineChart(60)">最近60天</div>
53+
</div>
54+
</div>
55+
<div class="line-chart" id="line-chart"></div>
56+
</div>
5757
<div class="block">
5858
<div class="title-part">
5959
<div class="module-title">用户行为</div>
@@ -331,9 +331,6 @@
331331
},
332332
Success: function (data) {
333333
let dates = [], readings = [], ipArray = [];
334-
335-
Store.commit('ChangeLoading', true);
336-
337334
if (!that.todayVisit) that.todayVisit = data.dateCountList[0].reading; // 设置今日浏览量PV
338335
if (!that.todayIpNum) that.todayIpNum = data.dateCountList[0].ipNum; // 设置今日IP数
339336
if (!that.yesterdayVisit) that.yesterdayVisit = data.dateCountList[1].reading; // 设置昨日浏览量PV
@@ -353,9 +350,6 @@
353350
that.lineChartOption.series[0].data = readings.reverse();
354351
that.lineChartOption.series[1].data = ipArray.reverse();
355352
that.lineChart.setOption(that.lineChartOption);
356-
357-
Store.commit('ChangeLoading', false);
358-
359353
// 初始化时不创建日志,切换时间维度后，记日志并刷新日志列表
360354
if (!init) {
361355
that.createLog({
@@ -376,6 +370,7 @@
376370
377371
this.SQFrontAjax({
378372
Url: '/api/visitCount/foreend',
373+
noLoading:'yes',
379374
UploadData: {
380375
endTime: this.getSQTime().split(' ')[0],
381376
dayNum: dayNum
@@ -422,6 +417,7 @@
422417
423418
this.SQFrontAjax({
424419
Url: '/api/getUserAction/foreend',
420+
noLoading:'yes',
425421
UploadData: {
426422
endTime: this.getSQTime().split(' ')[0],
427423
dayNum: dayNum ? dayNum : 1

0 commit comments

Comments
 (0)