Blame view

src/views/pdasection.vue 931 Bytes
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>