diff --git a/ui/src/components/work/DetailComponents.vue b/ui/src/components/work/DetailComponents.vue
index d1c04a9..bf01510 100644
--- a/ui/src/components/work/DetailComponents.vue
+++ b/ui/src/components/work/DetailComponents.vue
@@ -3,7 +3,7 @@
         title="工作详细信息"
         direction="vertical"
         :column="3"
-        :size="size"
+        size="large"
         :data="taskData"
         border
     >
diff --git a/ui/src/components/work/WorkCard.vue b/ui/src/components/work/WorkCard.vue
index 204e0c5..567e84f 100644
--- a/ui/src/components/work/WorkCard.vue
+++ b/ui/src/components/work/WorkCard.vue
@@ -1,5 +1,5 @@
 <template>
-    <el-card style="min-width: 640px; height: 400px">
+    <el-card shadow="hover">
         <template #header>
             <div class="card-header">
                 <h2>待办工作</h2>
@@ -7,9 +7,8 @@
             </div>
         </template>
         <div v-for="item in tableData" :key="item" class="text item">
-            <el-row style="width: 100%; height: 42px">
-                <el-col :span="1" />
-                <el-col :span="1" style="justify-content: center">
+            <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
                             color="white"
@@ -20,22 +19,19 @@
                         </el-icon>
                     </el-avatar>
                 </el-col>
-                <el-col :span="1" />
-                <el-col :span="7"
-                    ><el-text size="large" style="color: black; line-height: 42px">{{
+                <el-col :xs="5" :sm="5" :md="5" :lg="8" :xl="10"
+                    ><el-text size="large" style="color: black; line-height: 42px" truncated>{{
                         item.content
                     }}</el-text>
                 </el-col>
-                <el-col :span="4" />
-                <el-col :span="7" style="text-align: right"
+                <el-col :xs="15" :sm="11" :md="12" :lg="10" :xl="10" style="text-align: right"
                     ><el-text type="info" style="line-height: 42px">{{
                         formatDate(item.deadline)
                     }}</el-text></el-col
                 >
-                <el-col :span="2" style="text-align: right"
+                <el-col :xs="4" :sm="4" :md="3" :lg="3" :xl="2" style="text-align: right"
                     ><el-text type="info" style="line-height: 42px">截止</el-text></el-col
                 >
-                <el-col :span="1" />
             </el-row>
         </div>
     </el-card>
diff --git a/ui/src/pages/home/Home.vue b/ui/src/pages/home/Home.vue
index c45d9d8..4ee137f 100644
--- a/ui/src/pages/home/Home.vue
+++ b/ui/src/pages/home/Home.vue
@@ -1,4 +1,21 @@
-<template><div>Home</div></template>
+<template>
+    <el-row style="width: 100%" :gutter="20">
+        <el-col :span="12">
+            <work-card />
+        </el-col>
+        <el-col :span="12">
+            <work-card />
+        </el-col>
+    </el-row>
+    <el-row style="width: 100%" :gutter="20">
+        <el-col :span="12">
+            <work-card />
+        </el-col>
+        <el-col :span="12">
+            <work-card />
+        </el-col>
+    </el-row>
+</template>
 
 <script>
 export default {
@@ -6,4 +23,8 @@ export default {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.el-row {
+    margin-bottom: 20px;
+}
+</style>
diff --git a/ui/src/pages/work/Complete.vue b/ui/src/pages/work/Complete.vue
index 9a842e3..f4b34dd 100644
--- a/ui/src/pages/work/Complete.vue
+++ b/ui/src/pages/work/Complete.vue
@@ -35,7 +35,6 @@
                             width="220"
                             confirm-button-text="是"
                             cancel-button-text="否"
-                            :icon="InfoFilled"
                             icon-color="#00d4ff"
                             title="是否修改为未完成？"
                             @confirm="todoConfirmEvent(scope.row)"
diff --git a/ui/src/pages/work/Todo.vue b/ui/src/pages/work/Todo.vue
index 9d08e2a..afecea1 100644
--- a/ui/src/pages/work/Todo.vue
+++ b/ui/src/pages/work/Todo.vue
@@ -23,7 +23,6 @@
                             width="220"
                             confirm-button-text="是"
                             cancel-button-text="否"
-                            :icon="InfoFilled"
                             icon-color="#00d4ff"
                             title="是否确认完成？"
                             @confirm="completeConfirmEvent(scope.row)"