首页修改

src/views/main/baseinfo/business.vue

@@ -33,6 +33,7 @@
 import countTo from 'vue-count-to'
 import veHistogram from 'v-charts/lib/histogram.common'
 export default {
+  props: ['data'],
   components: {
     've-histogram': veHistogram,
     'count-to': countTo

src/views/main/baseinfo/index.vue

@@ -2,33 +2,35 @@
   <div class="container">
     <el-row class="rows" :gutter="20">
       <el-col :xs="24" :sm="24" :md="12" :span="7">
-        <operate/>
+        <operate :data="dataInfo"/>
       </el-col>
       <el-col :xs="24" :sm="24" :md="12" :span="7">
-        <business/>
+        <business :data="dataInfo"/>
       </el-col>
       <el-col :xs="24" :sm="24" :md="24" :span="10">
-        <management/>
+        <management :data="dataInfo"/>
       </el-col>
       <el-col :xs="24" :sm="24" :md="12" :span="7">
-        <hrdata/>
+        <hrdata :data="dataInfo"/>
       </el-col>
       <el-col :xs="24" :sm="24" :md="12" :span="7">
-        <student/>
+        <student :data="dataInfo"/>
       </el-col>
       <el-col :xs="24" :sm="24" :md="24" :span="10">
-        <curriculum/>
+        <curriculum :data="dataInfo"/>
       </el-col>
     </el-row>
   </div>
 </template>
 <script>
+import { getIndex } from '../api'
 import operate from './operate'
 import business from './business'
 import management from './management'
 import hrdata from './hr'
 import student from './student'
 import curriculum from './curriculum'
+
 export default {
   components: {
     operate,
@@ -40,9 +42,27 @@ export default {
   },
   data () {
     return {
-
+      dataInfo: {},
+      business: {},
     }
   },
+  mounted () {
+    this.FetchDetail();
+  },
+  methods: {
+    async FetchDetail() {
+      const data = {}
+      try {
+        const res = await getIndex()
+        for (const item of res.data) {
+          data[item.dataType] = item
+        }
+      } catch (error) {
+        console.log(error)
+      }
+      this.dataInfo = data
+    }
+  }
 }
 </script>
 <style lang="less" scoped>

src/views/main/index.vue

@@ -16,7 +16,6 @@
   </div>
 </template>
 <script>
-import { getIndex } from './api'
 import baseinfo from './baseinfo'
 import abnormal from './abnormal'
 export default {
@@ -25,22 +24,6 @@ export default {
     baseinfo,
     abnormal,
   },
-  data () {
-    return {
-      dataInfo: {}
-    }
-  },
-  mounted () {
-    this.FetchDetail();
-
-  },
-  methods: {
-    async FetchDetail() {
-      try {
-        await getIndex()
-      } catch (error) {}
-    }
-  }
 }
 </script>
 <style lang="scss" scope>