|
@@ -52,11 +52,11 @@
|
|
|
<div class="head">
|
|
<div class="head">
|
|
|
<div class="head-txt">访问时间趋势</div>
|
|
<div class="head-txt">访问时间趋势</div>
|
|
|
<div class="head-btn">
|
|
<div class="head-btn">
|
|
|
- <el-button type="success" size="mini">官网</el-button>
|
|
|
|
|
- <el-button type="default" size="mini">线上史馆</el-button>
|
|
|
|
|
|
|
+ <el-button :type="val === 'web' ? 'success' : 'default'" size="mini" @click="echartsChange('web')">官网</el-button>
|
|
|
|
|
+ <el-button :type="val === 'scene' ? 'success' : 'default'" size="mini" @click="echartsChange('scene')">线上史馆</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="mymain">66666666</div>
|
|
|
|
|
|
|
+ <div class="mymain"></div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="bottom-right">
|
|
<div class="bottom-right">
|
|
|
<div class="head">
|
|
<div class="head">
|
|
@@ -145,12 +145,18 @@ export default {
|
|
|
this.getReadingVolumeRanking("news");
|
|
this.getReadingVolumeRanking("news");
|
|
|
},
|
|
},
|
|
|
async mounted() {
|
|
async mounted() {
|
|
|
- // 时间趋势接口获取数据
|
|
|
|
|
|
|
+ this.echartsChange('web')
|
|
|
|
|
+ },
|
|
|
|
|
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ async echartsChange(val){
|
|
|
|
|
+ this.val=val
|
|
|
|
|
+ // 时间趋势接口获取数据
|
|
|
let result = await this.$http({
|
|
let result = await this.$http({
|
|
|
method: "get",
|
|
method: "get",
|
|
|
- url: `/manage/stats/trend/${this.val}`,
|
|
|
|
|
|
|
+ url: `/manage/stats/trend/${val}`,
|
|
|
});
|
|
});
|
|
|
|
|
+ console.log(999,result);
|
|
|
//-------------------echarts图表------------------------
|
|
//-------------------echarts图表------------------------
|
|
|
var chartDom = document.querySelector(".mymain");
|
|
var chartDom = document.querySelector(".mymain");
|
|
|
var myChart = echarts.init(chartDom);
|
|
var myChart = echarts.init(chartDom);
|
|
@@ -178,9 +184,7 @@ export default {
|
|
|
};
|
|
};
|
|
|
option && myChart.setOption(option);
|
|
option && myChart.setOption(option);
|
|
|
// --------------------
|
|
// --------------------
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
- methods: {
|
|
|
|
|
|
|
+ },
|
|
|
indexMethod(index) {
|
|
indexMethod(index) {
|
|
|
return (this.params.pageNum - 1) * this.params.pageSize + index + 1;
|
|
return (this.params.pageNum - 1) * this.params.pageSize + index + 1;
|
|
|
},
|
|
},
|