diff --git a/frontend/src/components/TaskFlowQueryDialog.vue b/frontend/src/components/TaskFlowQueryDialog.vue
index 3eca956..c78c373 100644
--- a/frontend/src/components/TaskFlowQueryDialog.vue
+++ b/frontend/src/components/TaskFlowQueryDialog.vue
@@ -16,7 +16,7 @@
         @keyup.enter="handleSearch"
       >
         <template #prefix>
-          <el-icon><Search /></el-icon>
+          <Icon name="search" size="sm" />
         </template>
         <template #append>
           <el-button type="primary" :loading="loading" @click="handleSearch">
@@ -93,12 +93,12 @@
                 <el-tag v-if="node.status === 'pending'" type="warning" size="small" style="margin-left: 8px;">当前</el-tag>
               </div>
               <div class="node-operator" v-if="node.operatorName">
-                <el-icon><User /></el-icon>
+                <Icon name="user" size="xs" />
                 {{ node.operatorName }}
                 <span v-if="node.operatorDept">（{{ node.operatorDept }}）</span>
               </div>
               <div class="node-comment" v-if="node.comment">
-                <el-icon><ChatDotRound /></el-icon>
+                <Icon name="info" size="xs" />
                 {{ node.comment }}
               </div>
             </div>
@@ -141,7 +141,7 @@
 
     <!-- 初始状态 -->
     <div v-else-if="!searched" class="initial-state">
-      <el-icon class="search-icon"><Search /></el-icon>
+      <Icon name="search" size="xl" class="search-icon" />
       <p>输入任务编号或标题关键字查询任务流程状态</p>
     </div>
 
@@ -153,9 +153,9 @@
 
 <script setup lang="ts">
 import { ref, watch } from 'vue'
-import { Search, User, ChatDotRound } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import { getTaskFlowStatus, type TaskFlowStatusVO } from '@/api/task'
+import Icon from '@/components/Icon.vue'
 
 const props = defineProps<{
   modelValue: boolean