diff --git a/ui/src/components/work/WorkCard.vue b/ui/src/components/work/WorkCard.vue
index 5528034..78b7321 100644
--- a/ui/src/components/work/WorkCard.vue
+++ b/ui/src/components/work/WorkCard.vue
@@ -7,7 +7,7 @@
             </div>
         </template>
         <div v-for="item in tableData" :key="item" class="text item">
-            <el-row gutter="10">
+            <el-row :gutter="10">
                 <el-col :xs="0" :sm="4" :md="4" :lg="3" :xl="2" style="justify-content: center">
                     <el-avatar style="background-color: #409eff" size="default">
                         <el-icon
@@ -42,13 +42,10 @@ import { SIZE_ICON_LG, SIZE_ICON_MD } from '@/constants/Common.constants'
 
 export default {
     props: {
-        tableData: []
+        tableData: {
+            type: Array
+        }
     },
-    // data() {
-    //     return {
-    //         tableData: []
-    //     }
-    // },
     methods: {
         SIZE_ICON_LG() {
             return SIZE_ICON_LG
diff --git a/ui/src/pages/home/Home.vue b/ui/src/pages/home/Home.vue
index 1eb9d5e..82c0216 100644
--- a/ui/src/pages/home/Home.vue
+++ b/ui/src/pages/home/Home.vue
@@ -2,18 +2,18 @@
     <div style="height: calc(100vh - 56px - 40px); min-height: calc(500px - 56px - 40px)">
         <el-row :gutter="20">
             <el-col :span="12">
-                <work-card :table-data="tableData" />
+                <work-card :tableData="tableData" />
             </el-col>
             <el-col :span="12">
-                <work-card :table-data="tableData" />
+                <work-card :tableData="tableData" />
             </el-col>
         </el-row>
         <el-row :gutter="20">
             <el-col :span="12">
-                <work-card :table-data="tableData" />
+                <work-card :tableData="tableData" />
             </el-col>
             <el-col :span="12">
-                <work-card :table-data="tableData" />
+                <work-card :tableData="tableData" />
             </el-col>
         </el-row>
     </div>