diff --git a/frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.scss b/frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.scss
index e0542dc..9a56ae4 100644
--- a/frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.scss
+++ b/frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.scss
@@ -35,9 +35,10 @@
       box-sizing: border-box;
       border-radius: 6px;
       background-color: $--color-black-3-alpha;
+      cursor: pointer;
 
       &:hover {
-        background-color: $--color-black-3;
+        background-color: rgba(23, 69, 46, .4);
       }
 
       >p {
diff --git a/frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.vue b/frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.vue
index 92d5349..2b69f9e 100644
--- a/frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.vue
+++ b/frontend/Skyeye-sys-ui/src/views/home/components/task-manage/index.vue
@@ -29,11 +29,12 @@
             v-for="(item, index) in taskList.data"
             :key="item.id"
             class="task-item"
+            @click="openTaskLineDetail(item)"
           >
             <div class="top-part">
               <!--            <div class="task-progress-bar" :style="'width: ' + item.uavCompletion +'%;'"></div>-->
               <div class="top-part__left">
-                <div class="execute-info" @click="openTaskLineDetail(item)">
+                <div class="execute-info">
                   <span
                     class="execute-type-icon"
                     :class="'execute-state-' + item.status"