diff --git a/web-vue/src/components/customTable/index.vue b/web-vue/src/components/customTable/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d883d554d4253c26404cf24c3560110401c5eab0
--- /dev/null
+++ b/web-vue/src/components/customTable/index.vue
@@ -0,0 +1,244 @@
+<template>
+  <div>
+    <a-table v-bind="props" :columns="customColumn" :size="tableSize">
+      <template v-if="props.isShowTools || slots.title" #title="slotProps">
+        <div class="table-title">
+          <slot v-if="slots.title" name="title" v-bind="slotProps"></slot>
+          <div v-if="props.isShowTools" class="table-action__box">
+            <!-- 增加工具栏部分 -->
+            <a-space class="table-action">
+              <a-tooltip v-if="!props.isHideRefresh" title="刷新">
+                <ReloadOutlined class="table-action__icon" @click="refreshClick" />
+              </a-tooltip>
+              <a-popover title="列宽" trigger="click" placement="bottomRight">
+                <template #content>
+                  <a-radio-group v-model:value="tableSize" class="custom-size-list">
+                    <div v-for="item in tableSizeList" :key="item.value">
+                      <a-radio :value="item.value">{{ item.label }}</a-radio>
+                    </div>
+                  </a-radio-group>
+                </template>
+                <a-tooltip title="列宽">
+                  <ColumnHeightOutlined class="table-action__icon" />
+                </a-tooltip>
+              </a-popover>
+              <a-popover v-if="props.tableName" trigger="click" placement="bottomRight">
+                <template #title>
+                  <div class="custom-column-list__title">
+                    <div>列设置</div>
+                    <a-button type="link" size="small" @click="resetCustomColumn">重置</a-button>
+                  </div>
+                </template>
+                <template #content>
+                  <a-checkbox-group v-model:value="customColumnList" class="custom-column-list">
+                    <div v-for="(item, index) in props.columns" :key="index" :span="24">
+                      <a-checkbox :value="item.dataIndex">
+                        {{ item.title }}
+                      </a-checkbox>
+                    </div>
+                  </a-checkbox-group>
+                </template>
+                <a-tooltip title="列设置">
+                  <SettingOutlined />
+                </a-tooltip>
+              </a-popover>
+            </a-space>
+          </div>
+        </div>
+      </template>
+      <template v-for="key in otherSlots" #[key]="slotProps" :key="key">
+        <slot :name="key" v-bind="slotProps"></slot>
+      </template>
+    </a-table>
+  </div>
+</template>
+<script lang="ts">
+import { useUserStore } from '@/stores/user'
+import { CustomSlotsType } from 'ant-design-vue/es/_util/type'
+import { SizeType } from 'ant-design-vue/es/config-provider'
+import { ColumnType, tableProps } from 'ant-design-vue/es/table'
+import { RenderExpandIconProps } from 'ant-design-vue/es/vc-table/interface'
+
+import { initDefaultProps } from 'ant-design-vue/es/_util/props-util'
+import { CheckboxValueType } from 'ant-design-vue/es/checkbox/interface'
+// 表格大小处理
+const tableSizeList = [
+  {
+    value: 'large',
+    label: '超大'
+  },
+  {
+    value: 'middle',
+    label: '中等'
+  },
+  {
+    value: 'small',
+    label: '紧凑'
+  }
+]
+
+export default defineComponent({
+  // name: 'CustomTable',
+  inheritAttrs: false,
+  props: initDefaultProps(
+    {
+      ...tableProps(),
+      isShowTools: Boolean,
+      isHideRefresh: Boolean,
+      tableName: {
+        type: String,
+        required: true
+      },
+      columns: {
+        type: Array<ColumnType>,
+        default: () => []
+      }
+    },
+    {
+      isShowTools: false,
+      isHideRefresh: false
+    }
+  ),
+  slots: Object as CustomSlotsType<{
+    emptyText?: any
+    expandIcon?: RenderExpandIconProps<any>
+    title?: any
+    footer?: any
+    summary?: any
+    expandedRowRender?: any
+    expandColumnTitle?: any
+    bodyCell?: (props: {
+      text: any
+      value: any
+      record: Record<string, any>
+      index: number
+      column: ColumnType
+    }) => void
+    headerCell?: (props: { title: any; column: ColumnType }) => void
+    customFilterIcon?: any
+    customFilterDropdown?: any
+    default: any
+  }>,
+  emits: ['refresh'],
+  setup(props, { attrs, slots, emit }) {
+    const otherSlots = computed(() => {
+      return Object.keys(slots).filter((key) => key !== 'title')
+    })
+    const userStore = useUserStore()
+    const COLUMN = 'column'
+    const SIZE = 'size'
+    // 是否缓存配置
+    const isCatchOPtions = () => {
+      return props.tableName && userStore?.userInfo?.id
+    }
+    // 获取缓存key
+    const getTableCatchKey = (type: string) => {
+      return `table:catch__${userStore.userInfo.id}__${props.tableName}__${type}`
+    }
+    const refreshClick = () => {
+      emit('refresh', 666)
+    }
+    // 表格列宽调整hooks
+    const tableSize = ref<SizeType>('middle')
+    watch(
+      () => tableSize.value,
+      (val) => {
+        if (!isCatchOPtions()) return
+        // 判断是否需要存储
+        if (val !== 'middle') {
+          localStorage.setItem(getTableCatchKey(SIZE), JSON.stringify(val))
+        } else {
+          localStorage.removeItem(getTableCatchKey(SIZE))
+        }
+      }
+    )
+    // 组件加载 从存储中读取
+    onMounted(() => {
+      // 判断是否需要存储
+      const size = localStorage.getItem(getTableCatchKey(SIZE))
+      tableSize.value = size ? JSON.parse(size) : props.size || 'middle'
+    })
+
+    let customColumnList = ref<CheckboxValueType[]>([])
+    const customColumn = computed(() => {
+      if (!isCatchOPtions()) return props.columns
+      return props.columns.filter((item) => {
+        return customColumnList.value.includes(String(item.dataIndex))
+      })
+    })
+    const resetCustomColumn = () => {
+      customColumnList.value = props.columns.map((item) => String(item.dataIndex))
+    }
+    // 监听列变化,同步至缓存customColumnList中
+    watch(
+      () => props.columns,
+      (val) => {
+        if (!isCatchOPtions()) return
+        const catchKeys = JSON.parse(localStorage.getItem(getTableCatchKey(COLUMN)) || '[]') as string[]
+        if (
+          catchKeys.filter((key) => val.findIndex((item) => item.dataIndex === key) > -1).length == 0 ||
+          catchKeys.length == 0
+        ) {
+          customColumnList.value = val.map((item) => String(item.dataIndex))
+        } else {
+          customColumnList.value = catchKeys
+        }
+      },
+      {
+        immediate: true
+      }
+    )
+    // 监听列展示变化,持久化存储
+    watch(
+      () => customColumnList.value,
+      (val) => {
+        if (!isCatchOPtions()) return
+        if (props.columns.filter((item) => !val.includes(String(item.dataIndex))).length > 0 && val.length > 0) {
+          localStorage.setItem(getTableCatchKey(COLUMN), JSON.stringify(val))
+        } else {
+          localStorage.removeItem(getTableCatchKey(COLUMN))
+        }
+      },
+      {
+        immediate: true
+      }
+    )
+    return {
+      attrs,
+      props,
+      slots,
+      refreshClick,
+      otherSlots,
+      tableSizeList: tableSizeList,
+      tableSize,
+      customColumnList,
+      customColumn,
+      resetCustomColumn
+    }
+  }
+})
+</script>
+<style lang="less" scoped>
+.table-title {
+  position: relative;
+}
+.table-action {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  &__icon {
+    font-size: 18px;
+  }
+}
+.custom-column-list {
+  display: block;
+  &__title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+.custom-size-list {
+  display: block;
+}
+</style>
diff --git a/web-vue/src/d.ts/components.d.ts b/web-vue/src/d.ts/components.d.ts
index 00782324d5b31e15e10189b1cbae199445d62076..96b42ddee47bc54289c2e90eb8eaaa4d7f68d009 100644
--- a/web-vue/src/d.ts/components.d.ts
+++ b/web-vue/src/d.ts/components.d.ts
@@ -17,6 +17,7 @@ declare module 'vue' {
     ACardMeta: typeof import('ant-design-vue/es')['CardMeta']
     ACascader: typeof import('ant-design-vue/es')['Cascader']
     ACheckbox: typeof import('ant-design-vue/es')['Checkbox']
+    ACheckboxGroup: typeof import('ant-design-vue/es')['CheckboxGroup']
     ACol: typeof import('ant-design-vue/es')['Col']
     ACollapse: typeof import('ant-design-vue/es')['Collapse']
     ACollapsePanel: typeof import('ant-design-vue/es')['CollapsePanel']
@@ -100,9 +101,12 @@ declare module 'vue' {
     ClusterOutlined: typeof import('@ant-design/icons-vue')['ClusterOutlined']
     CodeEditor: typeof import('./../components/codeEditor/index.vue')['default']
     CodeOutlined: typeof import('@ant-design/icons-vue')['CodeOutlined']
+    ColumnHeightOutlined: typeof import('@ant-design/icons-vue')['ColumnHeightOutlined']
     CompositionTransfer: typeof import('./../components/compositionTransfer/composition-transfer.vue')['default']
+    copy: typeof import('./../components/customTable/index copy.vue')['default']
     CustomInput: typeof import('./../components/customInput/index.vue')['default']
     CustomSelect: typeof import('./../components/customSelect/index.vue')['default']
+    CustomTable: typeof import('./../components/customTable/index.vue')['default']
     DeleteOutlined: typeof import('@ant-design/icons-vue')['DeleteOutlined']
     DesktopOutlined: typeof import('@ant-design/icons-vue')['DesktopOutlined']
     DownloadOutlined: typeof import('@ant-design/icons-vue')['DownloadOutlined']
@@ -120,6 +124,7 @@ declare module 'vue' {
     FullscreenOutlined: typeof import('@ant-design/icons-vue')['FullscreenOutlined']
     HighlightOutlined: typeof import('@ant-design/icons-vue')['HighlightOutlined']
     HomeOutlined: typeof import('@ant-design/icons-vue')['HomeOutlined']
+    'Index.bak': typeof import('./../components/customTable/index.bak.vue')['default']
     Index2: typeof import('./../components/logView/index2.vue')['default']
     InfoCircleOutlined: typeof import('@ant-design/icons-vue')['InfoCircleOutlined']
     InfoOutlined: typeof import('@ant-design/icons-vue')['InfoOutlined']
diff --git a/web-vue/src/pages/node/search.vue b/web-vue/src/pages/node/search.vue
index 61b18268ea79abb80bc697c25876cf9a9761d244..d688c5284d04623319bf4125272ce7ca582f5d38 100644
--- a/web-vue/src/pages/node/search.vue
+++ b/web-vue/src/pages/node/search.vue
@@ -325,6 +325,326 @@
         </template>
       </template>
     </a-table>
+    <CustomTable
+      is-show-tools
+      table-name="nodeSearch"
+      :data-source="projList"
+      :columns="columns"
+      size="middle"
+      bordered
+      :pagination="pagination"
+      :row-selection="rowSelection"
+      row-key="id"
+      :scroll="{
+        x: 'max-content'
+      }"
+      @change="changePage"
+      @refresh="getNodeProjectData"
+    >
+      <template #title>
+        <a-space wrap class="search-box">
+          <a-select
+            v-if="!nodeId"
+            v-model:value="listQuery.nodeId"
+            allow-clear
+            placeholder="请选择节点"
+            class="search-input-item"
+          >
+            <a-select-option v-for="(nodeName, key) in nodeMap" :key="key">{{ nodeName }}</a-select-option>
+          </a-select>
+          <a-select
+            v-model:value="listQuery.group"
+            allow-clear
+            placeholder="请选择分组"
+            class="search-input-item"
+            @change="getNodeProjectData"
+          >
+            <a-select-option v-for="group in groupList" :key="group">{{ group }}</a-select-option>
+          </a-select>
+          <a-input
+            v-model:value="listQuery['%name%']"
+            placeholder="搜索项目名"
+            class="search-input-item"
+            @press-enter="getNodeProjectData"
+          />
+          <a-input
+            v-model:value="listQuery['%projectId%']"
+            placeholder="搜索项目ID"
+            class="search-input-item"
+            @press-enter="getNodeProjectData"
+          />
+
+          <a-select v-model:value="listQuery.runMode" allow-clear placeholder="项目类型" class="search-input-item">
+            <a-select-option v-for="item in runModeList" :key="item">{{ item }}</a-select-option>
+          </a-select>
+          <a-tooltip title="按住 Ctr 或者 Alt/Option 键点击按钮快速回到第一页">
+            <a-button :loading="loading" type="primary" @click="getNodeProjectData">搜索</a-button>
+          </a-tooltip>
+
+          <a-dropdown v-if="selectedRowKeys && selectedRowKeys.length">
+            <a-button type="primary"> 操作 <DownOutlined /> </a-button>
+            <template #overlay>
+              <a-menu>
+                <a-menu-item>
+                  <a-button type="primary" @click="batchStart">批量启动</a-button>
+                </a-menu-item>
+                <a-menu-item>
+                  <a-button type="primary" @click="batchRestart">批量重启</a-button>
+                </a-menu-item>
+                <a-menu-item>
+                  <a-button type="primary" danger @click="batchStop">批量关闭</a-button>
+                </a-menu-item>
+              </a-menu>
+            </template>
+          </a-dropdown>
+          <a-button v-else type="primary" :disabled="true"> 操作 <DownOutlined /> </a-button>
+
+          <a-button type="primary" @click="openAdd">新增</a-button>
+          <template v-if="!nodeId">
+            <a-dropdown v-if="nodeMap && Object.keys(nodeMap).length">
+              <a-button type="primary" danger> 同步 <DownOutlined /></a-button>
+              <template #overlay>
+                <a-menu>
+                  <a-menu-item v-for="(nodeName, key) in nodeMap" :key="key" @click="reSyncProject(key)">
+                    <a href="javascript:;">{{ nodeName }} <SyncOutlined /></a>
+                  </a-menu-item>
+                </a-menu>
+              </template>
+            </a-dropdown>
+          </template>
+          <a-button v-else type="primary" danger @click="reSyncProject(nodeId)"> <SyncOutlined />同步 </a-button>
+
+          <a-button v-if="nodeId" type="primary" @click="handlerExportData()"><DownloadOutlined />导出</a-button>
+          <a-dropdown v-if="nodeId">
+            <template #overlay>
+              <a-menu>
+                <a-menu-item key="1">
+                  <a-button type="primary" @click="handlerImportTemplate()">下载导入模板</a-button>
+                </a-menu-item>
+              </a-menu>
+            </template>
+
+            <a-upload
+              name="file"
+              accept=".csv"
+              action=""
+              :show-upload-list="false"
+              :multiple="false"
+              :before-upload="importBeforeUpload"
+            >
+              <a-button type="primary"><UploadOutlined /> 导入 <DownOutlined /> </a-button>
+            </a-upload>
+          </a-dropdown>
+
+          <a-tooltip>
+            <template #title>
+              <div>
+                <ul>
+                  <li>状态数据是异步获取有一定时间延迟</li>
+                  <li>在单页列表里面 file 类型项目将自动排序到最后</li>
+                </ul>
+              </div>
+            </template>
+            <QuestionCircleOutlined />
+          </a-tooltip>
+          <a-statistic-countdown format=" s 秒" title="刷新倒计时" :value="countdownTime" @finish="silenceLoadData" />
+        </a-space>
+      </template>
+      <template #bodyCell="{ column, text, record, index }">
+        <template v-if="column.dataIndex === 'name'">
+          <a-tooltip placement="topLeft" :title="text">
+            <a-button type="link" style="padding: 0" size="small" @click="openEdit(record)">
+              <ApartmentOutlined v-if="record.outGivingProject" />
+              <span>{{ text }}</span>
+            </a-button>
+          </a-tooltip>
+        </template>
+        <template v-else-if="column.dataIndex === 'nodeId'">
+          <a-tooltip placement="topLeft" :title="text">
+            <a-button type="link" style="padding: 0" size="small" @click="toNode(text)">
+              <span>{{ nodeMap[text] }}</span>
+              <FullscreenOutlined />
+            </a-button>
+          </a-tooltip>
+        </template>
+        <template v-else-if="column.dataIndex === 'path'">
+          <a-tooltip placement="topLeft" :title="(record.whitelistDirectory || '') + (record.lib || '')">
+            <span>{{ (record.whitelistDirectory || '') + (record.lib || '') }}</span>
+          </a-tooltip>
+        </template>
+
+        <template v-else-if="column.tooltip">
+          <a-tooltip placement="topLeft" :title="text">
+            <span>{{ text || '' }}</span>
+          </a-tooltip>
+        </template>
+
+        <template v-else-if="column.dataIndex === 'status'">
+          <template
+            v-if="
+              projectStatusMap[record.nodeId] &&
+              projectStatusMap[record.nodeId][record.projectId] &&
+              projectStatusMap[record.nodeId][record.projectId].error
+            "
+          >
+            <a-tooltip
+              :title="
+                projectStatusMap[record.nodeId] &&
+                projectStatusMap[record.nodeId][record.projectId] &&
+                projectStatusMap[record.nodeId][record.projectId].error
+              "
+            >
+              <WarningOutlined />
+            </a-tooltip>
+          </template>
+          <template v-else>
+            <a-tooltip
+              v-if="noFileModes.includes(record.runMode)"
+              :title="`状态操作请到控制台中控制   ${
+                (projectStatusMap[record.nodeId] &&
+                  projectStatusMap[record.nodeId][record.projectId] &&
+                  projectStatusMap[record.nodeId][record.projectId].statusMsg) ||
+                ''
+              }`"
+            >
+              <a-switch
+                :checked="
+                  projectStatusMap[record.nodeId] &&
+                  projectStatusMap[record.nodeId][record.projectId] &&
+                  projectStatusMap[record.nodeId][record.projectId].pid > 0
+                "
+                disabled
+                checked-children="开"
+                un-checked-children="关"
+              />
+            </a-tooltip>
+            <span v-else>-</span>
+          </template>
+        </template>
+
+        <template v-else-if="column.dataIndex === 'port'">
+          <a-tooltip
+            placement="topLeft"
+            :title="`进程号：${(
+              (projectStatusMap[record.nodeId] &&
+                projectStatusMap[record.nodeId][record.projectId] &&
+                projectStatusMap[record.nodeId][record.projectId].pids) || [
+                (projectStatusMap[record.nodeId] &&
+                  projectStatusMap[record.nodeId][record.projectId] &&
+                  projectStatusMap[record.nodeId][record.projectId].pid) ||
+                  '-'
+              ]
+            ).join(',')} / 端口号：${
+              (projectStatusMap[record.nodeId] &&
+                projectStatusMap[record.nodeId][record.projectId] &&
+                projectStatusMap[record.nodeId][record.projectId].port) ||
+              '-'
+            }`"
+          >
+            <span
+              >{{
+                (projectStatusMap[record.nodeId] &&
+                  projectStatusMap[record.nodeId][record.projectId] &&
+                  projectStatusMap[record.nodeId][record.projectId].port) ||
+                '-'
+              }}/{{
+                (
+                  (projectStatusMap[record.nodeId] &&
+                    projectStatusMap[record.nodeId][record.projectId] &&
+                    projectStatusMap[record.nodeId][record.projectId].pids) || [
+                    (projectStatusMap[record.nodeId] &&
+                      projectStatusMap[record.nodeId][record.projectId] &&
+                      projectStatusMap[record.nodeId][record.projectId].pid) ||
+                      '-'
+                  ]
+                ).join(',')
+              }}</span
+            >
+          </a-tooltip>
+        </template>
+        <template v-else-if="column.dataIndex === 'operation'">
+          <a-space>
+            <a-button size="small" type="primary" @click="handleFile(record)">文件</a-button>
+            <template v-if="noFileModes.includes(record.runMode)">
+              <a-button size="small" type="primary" @click="handleConsole(record)">控制台</a-button>
+            </template>
+            <template v-else>
+              <a-tooltip title="文件类型没有控制台功能">
+                <a-button size="small" type="primary" :disabled="true">控制台</a-button></a-tooltip
+              >
+            </template>
+
+            <a-dropdown>
+              <a @click="(e) => e.preventDefault()">
+                更多
+                <DownOutlined />
+              </a>
+              <template #overlay>
+                <a-menu>
+                  <a-menu-item>
+                    <template v-if="noFileModes.includes(record.runMode)">
+                      <a-button size="small" type="primary" @click="handleTrigger(record)">触发器</a-button>
+                    </template>
+                    <template v-else>
+                      <a-tooltip title="文件类型没有触发器功能">
+                        <a-button size="small" type="primary" :disabled="true">触发器</a-button></a-tooltip
+                      >
+                    </template>
+                  </a-menu-item>
+                  <a-menu-item v-if="noFileModes.includes(record.runMode)">
+                    <a-button size="small" type="primary" @click="handleLogBack(record)">项目日志 </a-button>
+                  </a-menu-item>
+                  <a-menu-item>
+                    <a-button size="small" type="primary" @click="copyItem(record)">复制</a-button>
+                  </a-menu-item>
+                  <a-menu-item>
+                    <a-button size="small" type="primary" danger @click="handleDelete(record, '')">逻辑删除</a-button>
+                  </a-menu-item>
+                  <a-menu-item>
+                    <a-button size="small" type="primary" danger @click="handleDelete(record, 'thorough')"
+                      >彻底删除</a-button
+                    >
+                  </a-menu-item>
+                  <a-menu-item>
+                    <a-button size="small" type="primary" danger @click="migrateWorkspace(record)"
+                      >迁移工作空间</a-button
+                    >
+                  </a-menu-item>
+                  <a-menu-item>
+                    <a-button
+                      size="small"
+                      type="primary"
+                      :disabled="(listQuery.page - 1) * listQuery.limit + (index + 1) <= 1"
+                      @click="sortItemHander(record, index, 'top')"
+                      >置顶</a-button
+                    >
+                  </a-menu-item>
+                  <a-menu-item>
+                    <a-button
+                      size="small"
+                      type="primary"
+                      :disabled="(listQuery.page - 1) * listQuery.limit + (index + 1) <= 1"
+                      @click="sortItemHander(record, index, 'up')"
+                      >上移</a-button
+                    >
+                  </a-menu-item>
+                  <a-menu-item>
+                    <a-button
+                      size="small"
+                      type="primary"
+                      :disabled="(listQuery.page - 1) * listQuery.limit + (index + 1) === listQuery.total"
+                      @click="sortItemHander(record, index, 'down')"
+                    >
+                      下移
+                    </a-button>
+                  </a-menu-item>
+                </a-menu>
+              </template>
+            </a-dropdown>
+          </a-space>
+        </template>
+      </template>
+    </CustomTable>
     <!-- 项目文件组件 -->
     <a-drawer
       destroy-on-close
@@ -619,6 +939,7 @@ import {
 } from '@/utils/const'
 import FileRead from '@/pages/node/node-layout/project/project-file-read'
 import ProjectEdit from '@/pages/node/node-layout/project/project-edit'
+import CustomTable from '@/components/customTable/index.vue'
 
 import { mapState } from 'pinia'
 import { useUserStore } from '@/stores/user'
@@ -630,7 +951,8 @@ export default {
     Console,
     FileRead,
     ProjectEdit,
-    ProjectLog
+    ProjectLog,
+    CustomTable
   },
   props: {
     nodeId: {