1.4

src/views/databoard/wholePlant/DefectStatistics.vue

@@ -2,16 +2,19 @@
   <div style="flex: 1;">
     <Container name="产线缺陷统计" size="small">
         <SelectorBtnGroup class="timeToggle" :options="['日', '周', '月', '年']" @emitFun='toggleDate' :active='chartTime' />
-      
-    </Container>
+        <div class="chart" style="height: 238px; margin-top: 8px;">
+          <DefectChart :chartTime='chartTime'/>
+        </div>
+      </Container>
   </div>
 </template>
 <script>
 import Container from '../components/Container';
 import SelectorBtnGroup from '../components/SelectorBtnGroup';
+import DefectChart from '../components/DefectChart';
 export default {
   name: 'DefectStatistics',
-  components: { Container, SelectorBtnGroup },
+  components: { Container, SelectorBtnGroup, DefectChart },
   data() {
     return {
       chartTime:'日'
@@ -29,6 +32,7 @@ export default {
 <style lang='scss' scoped>
 .timeToggle {
   position: absolute;
-  right: 0;
+  right: 20px;
+  top: 20px;
 }
 </style>