src/views/outsection.vue

<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: 'outsection',
  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>