diff --git a/src/project/saas/AppHome/HelpDocs.vue b/src/project/saas/AppHome/HelpDocs.vue
index 2656755c..ddae500d 100644
--- a/src/project/saas/AppHome/HelpDocs.vue
+++ b/src/project/saas/AppHome/HelpDocs.vue
@@ -1,6 +1,22 @@
 <template>
   <div class="HelpDocs">
-
+    <div class="bg-fff title">
+      <p>系统初始化</p>
+      <p>一、进入应用-网格管理模块添加网格信息。</p>
+      <p>二、进入应用-网格管理模块添加网格员相关信息。</p>
+      <p>三、进入首页-居民档案管理，添加居民档案。</p>
+      <p>四、进入应用-网格管理-选中网格员添加责任家庭。</p>
+    </div>
+    <div class="bg-fff">
+      <div class="flex">
+        <span>系统后台</span>
+        <div>https://beipiaoweb.icunwei.com/login</div>
+      </div>
+      <div class="flex">
+        <span>联系电话</span>
+        <div>18186229224</div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -16,6 +32,35 @@ export default {
 
 <style lang="scss" scoped>
 .HelpDocs {
-
+  width: 100%;
+  height: 100%;
+  background-color: #F5F6F7;
+  .bg-fff {
+    background-color: #fff;
+  }
+  .title {
+    padding: 30px;
+    margin-bottom: 20px;
+    p {
+      width: 100%;
+      font-size: 28px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #333;
+      line-height: 40px;
+    }
+  }
+  .flex {
+    display: flex;
+    justify-content: space-between;
+    padding: 0 30px;
+    line-height: 100px;
+    font-size: 28px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #030303;
+    div {
+      color: #666;
+    }
+  }
 }
 </style>
diff --git a/src/project/saas/AppHome/components/Home.vue b/src/project/saas/AppHome/components/Home.vue
index 6a008f26..3fe86796 100644
--- a/src/project/saas/AppHome/components/Home.vue
+++ b/src/project/saas/AppHome/components/Home.vue
@@ -94,8 +94,8 @@ export default {
       this.echartData = echarts.init(document.getElementById('statistic'))
       var option = {
         grid: {
-          left: '6%',
-          right: '8%',
+          left: '5%',
+          right: '5%',
           bottom: '3%',
           containLabel: true
         },
@@ -129,7 +129,8 @@ export default {
               color: '#666',
             },
           },
-          type: 'value'
+          type: 'value',
+          minInterval: 50,
         },
         tooltip: {
           trigger: 'axis'