Blame view

src/views/vehiclesection.vue 870 Bytes
feb955a5   liuqimichale   车流量section
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
  <template>
    <div>
      <titlesection title="今日车流量"></titlesection>
      <lineChart class="flexfm inout-wrap">
      </lineChart>
    </div>
  </template>
  
  <script>
  import titlesection from '../components/titlesection'
  import {fetchList} from '../api/api'
  import lineChart from '../components/lineChart'
  
  const lineChartData = {
    newVisitis: {
      yData: [100, 120, 161],
      xData: ['正常', '异常', '故障']
    }
  }
  
  
  export default {
    name: 'vehiclesection',
    components: {
      titlesection,
      lineChart
    },
    data() {
      return {
        lineChartData: lineChartData.newVisitis,
        dzNum: '23454',
        ydpNum: '4454'
      }
    },
    created() {
    },
    methods: {
      getList() {
        fetchList()
        .then(res => {
          console.log(res);
  
        });
      },
    }
  }
  </script>
  
  <style lang="scss"  scoped>
    .inout-wrap{
      display: flex;
  
    }
  </style>