eb6d1150
liuqimichale
title 总计 简单封装
|
1
|
<template>
|
cb40959e
liuqimichale
添加mock 数据
|
2
3
|
<div>
<titlesection></titlesection>
|
841f35d2
liuqimichale
filter
|
4
|
<totalsection :totalNum="totalVal"></totalsection>
|
cb40959e
liuqimichale
添加mock 数据
|
5
|
<div class="flexfm"></div>
|
813cafa3
liuqimichale
bar echarts
|
6
|
<bar-chart :chart-data="lineChartData"/>
|
cb40959e
liuqimichale
添加mock 数据
|
7
|
</div>
|
eb6d1150
liuqimichale
title 总计 简单封装
|
8
9
10
11
12
|
</template>
<script>
import titlesection from '../components/titlesection'
import totalsection from '../components/total'
|
813cafa3
liuqimichale
bar echarts
|
13
|
import barChart from '../components/barChart'
|
cb40959e
liuqimichale
添加mock 数据
|
14
15
|
import {fetchList} from '../api/api'
|
813cafa3
liuqimichale
bar echarts
|
16
17
18
19
20
21
22
|
const lineChartData = {
newVisitis: {
yData: [100, 120, 161],
xData: ['正常', '异常', '故障']
}
}
|
eb6d1150
liuqimichale
title 总计 简单封装
|
23
|
export default {
|
cb40959e
liuqimichale
添加mock 数据
|
24
|
name: 'pdasection',
|
eb6d1150
liuqimichale
title 总计 简单封装
|
25
26
|
components: {
titlesection,
|
813cafa3
liuqimichale
bar echarts
|
27
28
|
totalsection,
barChart
|
cb40959e
liuqimichale
添加mock 数据
|
29
|
},
|
841f35d2
liuqimichale
filter
|
30
31
|
data() {
return {
|
813cafa3
liuqimichale
bar echarts
|
32
33
|
totalVal: '213734',
lineChartData: lineChartData.newVisitis
|
841f35d2
liuqimichale
filter
|
34
35
|
}
},
|
cb40959e
liuqimichale
添加mock 数据
|
36
37
38
39
40
41
42
43
44
45
46
|
created() {
this.getList()
},
methods: {
getList() {
fetchList()
.then(res => {
console.log(res);
});
},
|
eb6d1150
liuqimichale
title 总计 简单封装
|
47
48
49
50
51
52
53
|
}
}
</script>
<style scoped>
</style>
|