<template>
  <Container name="产线产量及良品率" size="large" style="">
    <TimePrompt class="timeShow" :timestr="timestr" />
    <div class="chart" style="height: 370px; margin-top: 8px;">
      <NumRateChart @emitFun='dateUpdate'/>
    </div>
  </Container>
</template>
<script>
import Container from '../components/Container';
import NumRateChart from '../components/NumRateChart';
import TimePrompt from '../components/TimePrompt';
import { switchShowTime } from '../utils'
export default {
  name: 'NumRate',
  components: { Container, NumRateChart, TimePrompt },
  data() {
    return {
      timestr: ''
    }
  },
  mounted() {
    this.timestr = switchShowTime('日')
  },
  methods: {
    // 数据更新
    dateUpdate() {
      this.timestr = switchShowTime('日')
    }
  }
}
</script>
<style lang='scss' scoped>
.timeShow {
  position: absolute;
  top: 20px;
  left: 265px;
}
.timeToggle {
  position: absolute;
  right: 20px;
  top: 30px;
}
</style>