test

src/views/components/quality-safety/company-rate.vue

+<template>
+  <div class="company-rate">
+    <m-chart :data="data" :config="config"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CompanyRate',
+  data() {
+    return {}
+  },
+}
+</script>
+
+<style lang="stylus" scoped>
+.company
+</style>

src/views/quality-safety.vue

@@ -10,6 +10,7 @@
     gap="0.5rem"
   >
     <m-card area="box1" title="质量预警">
+      <QualityWarning />
     </m-card>
     <m-card area="box2" title="企业占比">
     </m-card>
@@ -27,8 +28,12 @@
 </template>
 
 <script>
+import QualityWarning from './components/quality-safety/quality-warning'
 export default {
   name: 'QualitySafety',
+  components: {
+    QualityWarning,
+  },
   data() {
     return {}
   },