diff --git a/src/components/people-number.js b/src/components/people-number.vue
similarity index 75%
rename from src/components/people-number.js
rename to src/components/people-number.vue
index 6ad14c3..4c49bca 100644
--- a/src/components/people-number.js
+++ b/src/components/people-number.vue
@@ -1,14 +1,14 @@
-import Vue from 'vue'
-Vue.component("people-number", {
-    template: `
-            <div style="display: flex;align-items: center">
+<template>
+   <div style="display: flex;align-items: center">
                 <div class="people-number-con">
-                     <div v-for="item in people" v-html="item"></div>
+                     <div v-for="item in people" v-html="item" :class="item==','?'is-split':''"></div>
                 </div>
                 <div v-if="unit" class="number-unit" style="">{{unit}}</div>
             </div>
-        
-    `,
+</template>
+
+<script>
+export default {
     props: {
         number: {
             type: [Number,String],
@@ -40,4 +40,5 @@ Vue.component("people-number", {
         }
     }
 
-})
+};
+</script>
\ No newline at end of file
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 79af229..b803ef9 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -175,7 +175,7 @@
                                                 :number="numberWithCommas((sumCost.totalMonth * 1.0 || 0).toFixed(2)) || '0.00'"
                                                 unit="万元"></people-number>
                                         </div>
-                                        <div class="survey_content" style="position: absolute;right: 15px;top: -4px;">
+                                        <div class="survey_content" style="position: absolute;right: 15px;top: -36px;">
                                             <div class="survey_content_img labour-education_bgd">
                                                 <svg class="my-svg-icon"
                                                     style="vertical-align: middle;fill: currentColor;overflow: hidden;"
@@ -228,7 +228,6 @@
 import '../components/module/module-one-2-1'
 import '../components/background_video'
 import '../components/header'
-import '../components/people-number'
 import '../components/project-overview-chart'
 import '../components/rank-chart'
 import '../components/staff-survey-chart'
@@ -979,7 +978,7 @@ export default {
 
     }
 
-    .people-number-con div:nth-child(3) {
+    .people-number-con div.is-split {
         background: none;
     }
 
@@ -994,7 +993,7 @@ export default {
 
     .cost-out {
         .labour-education {
-            height: 60px;
+            height: 70px;
 
             .people-number-con {
                 padding: 0px;
diff --git a/src/pages/init.js b/src/pages/init.js
index cb66cbd..62229c6 100644
--- a/src/pages/init.js
+++ b/src/pages/init.js
@@ -9,6 +9,7 @@ import { Loading } from 'element-ui';
 import BorderBox6 from './components/BorderBox6.vue'
 import BorderBox1 from './components/BorderBox1.vue'
 import moduleOne11 from '../components/module/module-one-1-1.vue'
+import peopleNumber from '../components/people-number.vue'
 Loading.install(Vue);
 H265Player.install(Vue);
 dayfilter(Vue);
@@ -16,6 +17,7 @@ const vue=new Vue();
 Vue.component("border-box6",BorderBox6)
 Vue.component("border-box1",BorderBox1)
 Vue.component("module-one-1-1",moduleOne11)
+Vue.component("people-number",peopleNumber)
 Vue.prototype.$api=Api;
 Vue.prototype.$bus=vue;
 Vue.prototype.$apiPath="/jhapi"
diff --git a/src/pages/projectQuality.vue b/src/pages/projectQuality.vue
index f606045..bdb463e 100644
--- a/src/pages/projectQuality.vue
+++ b/src/pages/projectQuality.vue
@@ -239,7 +239,6 @@ import '../components/project-overview-chart'
 import '../components/project-overview-chart2'
 import '../components/rank-chart'
 import '../components/idle-list-chart'
-import '../components/people-number'
 import ProblemmodifyDetail from './components/ProblemmodifyDetail.vue'
 import showCheckingDlg from './quality/showCheckingDlg.vue'
 import materialSealDetialDlg from './quality/materialSealDetialDlg.vue'
diff --git a/src/pages/projectSafety.vue b/src/pages/projectSafety.vue
index 03e759c..28099a1 100644
--- a/src/pages/projectSafety.vue
+++ b/src/pages/projectSafety.vue
@@ -287,8 +287,6 @@ import '../components/project-overview-chart2'
 import '../components/rank-chart'
 import '../components/staff-survey-chart'
 import '../components/idle-list-chart'
-import '../components/people-number'
-import '../components/people-number'
 import worktrainDlg from './dlg/workTrainDlg.vue'
 import projectSpecialDlg from './dlg/projectSpecialDlg.vue'
 import ProblemmodifyDetail from './components/ProblemmodifyDetail.vue'