diff --git a/src/api/business/home/home.js b/src/api/business/home/home.js
new file mode 100644
index 0000000..9f4de41
--- /dev/null
+++ b/src/api/business/home/home.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function home_count(query) {
+  return request({
+    url: '/system/business/home/count',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/src/assets/images/home-icon1.jpg b/src/assets/images/home-icon1.jpg
new file mode 100644
index 0000000..d3ec8b4
Binary files /dev/null and b/src/assets/images/home-icon1.jpg differ
diff --git a/src/lang/en.js b/src/lang/en.js
index f600171..e69bcfe 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -1,3 +1,5 @@
+// 工作台-首页
+import home from './en/business/home/home'
 //系统管理
 // 菜单管理
 import menu from './en/system/menu'
@@ -140,6 +142,7 @@ export default {
       template
     },
     business: {
+      home: home,
       resource: {
         resource: resource,
         zcg: zcg,
diff --git a/src/lang/en/business/home/home.js b/src/lang/en/business/home/home.js
new file mode 100644
index 0000000..4753b35
--- /dev/null
+++ b/src/lang/en/business/home/home.js
@@ -0,0 +1,9 @@
+export default {
+  jrxzbd: 'Recent Record',
+  ytjbd: 'Submitted',
+  dtjbd: 'Saved',
+  bzxzsy: 'Weekly New Study',
+  ywcsy: 'Completed Study',
+
+  xttz: 'Notification'
+}
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 35f4bc1..bb4faa0 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -1,3 +1,5 @@
+// 工作台-首页
+import home from './zh/business/home/home'
 //系统管理
 // 菜单管理
 import menu from './zh/system/menu'
@@ -135,6 +137,7 @@ export default {
       template
     },
     business: {
+      home: home,
       resource: {
         resource: resource,
         zcg: zcg,
diff --git a/src/lang/zh/business/home/home.js b/src/lang/zh/business/home/home.js
new file mode 100644
index 0000000..ab6d702
--- /dev/null
+++ b/src/lang/zh/business/home/home.js
@@ -0,0 +1,9 @@
+export default {
+  jrxzbd: '今日新增表单',
+  ytjbd: '已提交表单',
+  dtjbd: '待提交表单',
+  bzxzsy: '本周新增试验',
+  ywcsy: '已完成试验',
+
+  xttz: '系统通知'
+}
diff --git a/src/views/index.vue b/src/views/index.vue
index 21ac3e5..5aa30c0 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,21 +1,137 @@
 <template>
   <div class="app-container home">
-    <h1>{{ $t('system.title') }}</h1>
+    <el-card class="box-card home-top">
+      <div class="count-box">
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.formTodayCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.jrxzbd')}}</div>
+          </div>
+        </div>
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.formYtjCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.ytjbd')}}</div>
+          </div>
+        </div>
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.formTbzCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.dtjbd')}}</div>
+          </div>
+        </div>
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.studyFinishCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.bzxzsy')}}</div>
+          </div>
+        </div>
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.studyWeekCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.ywcsy')}}</div>
+          </div>
+        </div>
+      </div>
+    </el-card>
+
+    <el-card class="box-card home-content">
+      
+    </el-card>
   </div>
 </template>
 
 <script>
+import { home_count} from "@/api/business/home/home";
 export default {
   name: "Index",
   data() {
     return {
+      count:{
+        formTodayCount:'',
+        formYtjCount:'',
+        formTbzCount:'',
+        studyFinishCount:'',
+        studyWeekCount:'',
+      },
     }
   },
+  created(){
+    this.getCount()
+  },
   methods: {
+    getCount(){
+      this.count = {
+        formTodayCount:'',
+        formYtjCount:'',
+        formTbzCount:'',
+        studyFinishCount:'',
+        studyWeekCount:'',
+      }
+      this.$modal.loading()
+      home_count().then(response => {
+        this.count = response.data
+      })
+      .finally(() => {
+        this.$modal.closeLoading()
+      })
+    }
   }
 }
 </script>
 
 <style scoped lang="scss">
+.home{
+  .home-top{
+    margin-bottom: 20px;
+    .count-box{
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      .count-item{
+        flex-shrink: 0;
+        width: 20%;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        .count-left{
+          flex-shrink: 0;
+          img{
+            width: 60px;
+          }
+        }
+        .count-right{
+          flex-grow: 1;
+          margin-left: 20px;
+          .count-count{
+            font-size: 20px;
+            font-weight: bold;
+          }
+          .count-tip{
+            margin-top: 10px;
+          }
+        }
+      }
+    }
+  }
+  .home-content{
+    min-height: 400px;
+  }
+}
 </style>