From 164bf459c54834f585a93654088f21ff8167ec65 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 20 Oct 2026 18:24:37 +0800
Subject: [PATCH] feat: table sortable

---
 ui/src/components/COMPONENT_README.md         |  8 +-
 .../components/business/folder-tree/index.vue |  2 +-
 ui/src/components/global/mk-table/index.vue   | 97 +++++++++++++++++--
 .../items/upload/UploadInput.vue              |  2 +-
 ui/src/styles/element-plus.scss               | 15 +++
 ui/src/utils/UTILS_README.md                  | 15 +++
 ui/src/utils/application.ts                   |  4 -
 ui/src/utils/common.ts                        | 23 ++++-
 ui/src/views/VIEW_README.md                   |  7 ++
 .../application-card/ApplicationCard.vue      |  2 +-
 .../SettingApplicationAction.vue              |  2 +-
 .../CopyApplicationDialog.vue                 |  2 +-
 .../sync/SyncDocumentAction.vue               |  3 +-
 .../library/document/index.vue                | 24 +++--
 .../resource-management/application/index.vue |  4 +-
 .../resource-management/knowledge/index.vue   |  1 +
 .../TriggerTaskRecordDrawer.vue               | 19 +++-
 ui/src/views/workflow/application/index.vue   |  2 +-
 .../ExecutionRecordDrawer.vue                 | 21 +++-
 .../ExecutionRecordDrawer.vue                 | 30 +++---
 ui/src/views/workflow/tool/index.vue          |  2 +-
 .../node-menu/ResourceNodeMenu.vue            |  2 +-
 22 files changed, 232 insertions(+), 55 deletions(-)
 delete mode 100644 ui/src/utils/application.ts

diff --git a/ui/src/components/COMPONENT_README.md b/ui/src/components/COMPONENT_README.md
index d06771ab944..38ce7251589 100644
--- a/ui/src/components/COMPONENT_README.md
+++ b/ui/src/components/COMPONENT_README.md
@@ -293,6 +293,8 @@ Esc 或取消清理草稿；`loading` 默认为 false，为 true 时禁止创建
 
 `maxTableHeight` 表示窗口中除表格外需要扣除的高度，默认为 `250`；组件会在窗口尺寸变化时
 重新计算 `max-height`。传入 `resizable` 后启用列宽拖拽，并隐藏为拖拽借用的原生边框视觉。
+仅开启 `resizable` 时，表头保持单行，拖拽下限按当前标题文字、排序／筛选图标、间距及内边距
+计算；拖拽线与最终列宽均不能小于该宽度，原生 `header-dragend` 继续透传。
 `resizable` 采用白名单式启用：只有需求明确指定的页面级表格才能开启；未明确指定的表格，以及
 Dialog、Drawer、Popover、嵌套区域等其他大、小表格均禁止开启。
 
@@ -304,7 +306,11 @@ Dialog、Drawer、Popover、嵌套区域等其他大、小表格均禁止开启
 `row-key` 支持字段路径或函数，默认为 `id`，排序要求每行键值唯一且
 为字符串或数字。
 
-`sort-change` 在实际顺序变化后返回 `{ oldIndex, newIndex, data }`，不要在回调里再次移动数组。
+`row-sort-change` 在实际行顺序变化后返回 `{ oldIndex, newIndex, data }`，不要在回调里再次移动数组。
+`sort-change` 通过 `$attrs` 透传 Element Plus 原生表头排序参数 `{ column, prop, order }`。
+列只需声明 `sortable`，MkTable 在渲染列时统一转换为 `sortable="custom"`，不执行当前页排序；
+支持 Fragment、条件／循环列和原生分组列，保留列的插槽、键与引用。页面通过 `toOrderBy` 转换请求字段。
+该约定独立于列宽拖拽开关 `resizable`，未开启排序的列保持原样。
 分页场景只调整当前传入页的数据，索引从 `0` 开始；跨页位置、接口保存和失败回滚由业务负责。
 有活动列排序、表头筛选、展开行或树形数据时暂停拖拽，避免显示行与数据索引不一致。
 虚拟表格、跨页和跨列表拖拽不属于该接口。排序工具不会深拷贝普通表格的行对象；工作流使用方应在
diff --git a/ui/src/components/business/folder-tree/index.vue b/ui/src/components/business/folder-tree/index.vue
index ea2819be551..8080e7daf4c 100644
--- a/ui/src/components/business/folder-tree/index.vue
+++ b/ui/src/components/business/folder-tree/index.vue
@@ -6,11 +6,11 @@ import type { FolderSource, FolderItem } from '@/api/types'
 import { FOLDER_SORT, type FolderSort } from './types'
 import { FOLDER_ENTRIES, FOLDER_ENTRY_ID } from '@/constants'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
+import { getWorkspaceId } from '@/utils/resource-context'
 import VirtualizedTree from './VirtualizedTree.vue'
 import FolderFormDialog from './FolderFormDialog.vue'
 import ResourceAuthorizationDrawer from '@/components/business/resource-authorization-drawer/index.vue'
 import { useStore } from '@/stores'
-import { getWorkspaceId } from '@/utils/resource-context'
 
 const MoveToDialog = defineAsyncComponent(() => import('./MoveToDialog.vue'))
 
diff --git a/ui/src/components/global/mk-table/index.vue b/ui/src/components/global/mk-table/index.vue
index 5ead89ddbb4..6a0228f4475 100644
--- a/ui/src/components/global/mk-table/index.vue
+++ b/ui/src/components/global/mk-table/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts" generic="T extends object">
-import { computed, nextTick, onBeforeUnmount, onMounted, ref, type VNode } from 'vue'
-import type { TableColumnCtx, TableInstance } from 'element-plus'
+import { cloneVNode, computed, Fragment, h, isVNode, nextTick, onBeforeUnmount, onMounted, ref, type VNode } from 'vue'
+import { ElTableColumn, type TableColumnCtx, type TableInstance } from 'element-plus'
 import LayoutBatchFooter from '../mk-view-layout/LayoutBatchFooter.vue'
 import { useSortable, type SortableChange } from '@/utils/use-sortable'
 import { get } from 'lodash'
@@ -38,11 +38,64 @@ const emit = defineEmits<{
   'size-change': [pageSize: number]
   'update:paginationConfig': [paginationConfig: PaginationConfig]
   'update:data': [data: T[]]
-  'sort-change': [change: SortableChange<T>]
+  'row-sort-change': [change: SortableChange<T>]
 }>()
 
 const tableRef = ref<TableInstance>()
 
+/** 列宽拖拽：按当前表头的单行内容限制拖拽线，保留原生拖拽与事件。 */
+let columnResize: { proxy: HTMLElement; minLeft: number } | undefined
+
+function clampColumnResize() {
+  if (!props.resizable || !columnResize) return
+  const { proxy, minLeft } = columnResize
+  proxy.style.left = `${Math.max(minLeft, Number.parseFloat(proxy.style.left))}px`
+}
+
+function clearColumnResize() {
+  columnResize = undefined
+  document.removeEventListener('mousemove', clampColumnResize)
+  document.removeEventListener('mouseup', finishColumnResize, true)
+}
+
+function finishColumnResize() {
+  // 在 Element Plus 读取拖拽线并发出 header-dragend 前完成最后一次限制。
+  clampColumnResize()
+  clearColumnResize()
+}
+
+function handleColumnResizeStart(event: MouseEvent) {
+  const table = tableRef.value?.$el as HTMLElement | undefined
+  const header = event.target instanceof Element ? event.target.closest<HTMLElement>('th.noclick') : null
+  if (!props.resizable || !table || !header || header.closest('.el-table') !== table) return
+  const cell = header.querySelector<HTMLElement>(':scope > .cell')
+  const proxy = table.querySelector<HTMLElement>(':scope > .el-table__column-resize-proxy')
+  if (!cell || !proxy) return
+
+  // 原位测量保留继承字体、图标、按钮与间距；同步还原，不改变实际表头布局。
+  const previousStyle = cell.style.cssText
+  cell.style.width = 'max-content'
+  cell.style.minWidth = '0'
+  cell.style.maxWidth = 'none'
+  const contentWidth = cell.getBoundingClientRect().width
+  cell.style.cssText = previousStyle
+  const headerStyle = getComputedStyle(header)
+  const outerWidth = ['padding-left', 'padding-right', 'border-left-width', 'border-right-width'].reduce(
+    (width, property) => width + (Number.parseFloat(headerStyle.getPropertyValue(property)) || 0),
+    0,
+  )
+
+  clearColumnResize()
+  columnResize = {
+    proxy,
+    minLeft: Math.ceil(header.getBoundingClientRect().left - table.getBoundingClientRect().left + Math.max(30, Math.ceil(contentWidth + outerWidth))),
+  }
+  clampColumnResize()
+  // 冒泡到表格后注册，确保每次在 Element Plus 更新拖拽线之后执行。
+  document.addEventListener('mousemove', clampColumnResize)
+  document.addEventListener('mouseup', finishColumnResize, true)
+}
+
 /** 行内名称编辑：失焦的这次点击不再触发行点击，下一次点击恢复。 */
 let nameEditingOnPointerDown = false
 
@@ -58,12 +111,38 @@ function handleRowClick(row: T, column: TableColumnCtx<T> | null, event: Pointer
   emit('row-click', row, column, event)
 }
 
-defineSlots<{
+const slots = defineSlots<{
   default?: () => VNode[]
   'body-prepend'?: () => VNode[]
   'footer-batch-actions'?: () => VNode[]
 }>()
 
+/** 表头排序统一交给调用方；在 Element Plus 排序前转换，避免重排当前页。 */
+function normalizeColumn(column: VNode): VNode {
+  if (column.type === Fragment && Array.isArray(column.children)) {
+    return h(
+      Fragment,
+      column.props,
+      column.children.map((child) => (isVNode(child) ? normalizeColumn(child) : child)),
+    )
+  }
+  if (column.type !== ElTableColumn) return column
+
+  const sortable = column.props?.sortable
+  const normalizedColumn = cloneVNode(column, sortable === true || sortable === '' ? { sortable: 'custom' } : undefined)
+  const columnSlots = column.children
+  if (columnSlots && !Array.isArray(columnSlots) && typeof columnSlots === 'object' && typeof columnSlots.default === 'function') {
+    const defaultSlot = columnSlots.default
+    normalizedColumn.children = {
+      ...columnSlots,
+      default: (...args: unknown[]) => defaultSlot(...args).map(normalizeColumn),
+    }
+  }
+  return normalizedColumn
+}
+
+const TableColumns = () => slots.default?.().map(normalizeColumn)
+
 /** 行排序：只处理当前传入的平面数据，保持显示顺序与数组索引一致。 */
 const sortableRows = computed({
   get: () => props.data,
@@ -85,7 +164,7 @@ useSortable(
   () => ({
     disabled: !canSortRows.value,
     draggable: '> tr.el-table__row',
-    onReorder: (change) => emit('sort-change', change),
+    onReorder: (change) => emit('row-sort-change', change),
   }),
 )
 
@@ -170,6 +249,7 @@ onMounted(() => {
 })
 
 onBeforeUnmount(() => {
+  clearColumnResize()
   window.removeEventListener('resize', updateTableHeight)
 })
 
@@ -193,9 +273,10 @@ defineExpose({ clearSelection, tableRef })
       @select="handleSelect"
       @selection-change="handleSelectionChange"
       @pointerdown.capture="handlePointerDown"
+      @mousedown="handleColumnResizeStart"
       @row-click="handleRowClick"
     >
-      <slot />
+      <TableColumns />
       <template v-if="$slots['body-prepend']" #append>
         <slot name="body-prepend" />
       </template>
@@ -299,6 +380,10 @@ defineExpose({ clearSelection, tableRef })
 
   thead th {
     border-bottom: none !important;
+
+    > .cell {
+      white-space: nowrap;
+    }
   }
 }
 </style>
diff --git a/ui/src/components/mk-dynamics-form/items/upload/UploadInput.vue b/ui/src/components/mk-dynamics-form/items/upload/UploadInput.vue
index 76cb263c450..31aa252074c 100644
--- a/ui/src/components/mk-dynamics-form/items/upload/UploadInput.vue
+++ b/ui/src/components/mk-dynamics-form/items/upload/UploadInput.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { DynamicFormValue } from '../../type'
 import { computed, inject, ref, useAttrs } from 'vue'
-import { MsgWarning } from '@/utils/message'
 import type { FormField } from '@/components/mk-dynamics-form/type'
+import { MsgWarning } from '@/utils/message'
 import { downloadByURL, getAttrsArray, getFileUrl } from '@/utils/common'
 import { getFileExtension, getFileIconUrl } from '@/utils/icon'
 import { formatFileSize } from '@/utils/number'
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index 5557d9a884a..4d081a35bf3 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -1174,6 +1174,21 @@
       }
     }
   }
+
+  // 排序图标
+  .caret-wrapper {
+    width: 16px;
+    height: 16px;
+  }
+  .sort-caret {
+    &.ascending {
+      border-bottom-color: var(--mk-N600);
+      top: -4px;
+    }
+    &.descending {
+      border-top-color: var(--mk-N600);
+    }
+  }
 }
 .el-table--border {
   border: 1px solid var(--el-table-border-color);
diff --git a/ui/src/utils/UTILS_README.md b/ui/src/utils/UTILS_README.md
index 6eee82432ce..9492aef4144 100644
--- a/ui/src/utils/UTILS_README.md
+++ b/ui/src/utils/UTILS_README.md
@@ -32,6 +32,21 @@ src/utils/
 - 依赖 Vue 响应式状态或生命周期的通用组合式函数可以使用 `use-*.ts` 命名。
 - 仅改变样式的响应式需求优先使用 Tailwind；只有需要改变组件状态时才使用响应式工具函数。
 
+## 工作流类型判断
+
+`common.ts` 的 `isWorkFlow(type)` 统一判断智能体的 `APPLICATION_TYPE.WORK_FLOW`、
+知识库接口的 `KNOWLEDGE_TYPE.WORKFLOW` 和前端标识 `KNOWLEDGE_TYPE_KEY.WORKFLOW`。
+接收字符串、数字或空值，使用枚举值严格比较；空值和其他类型值返回 `false`，不转换接口枚举。
+
+## 表头排序参数
+
+`common.ts` 的 `toOrderBy({ prop, order }, mapField?)` 将表头排序转换为后端正负字段：
+升序返回字段名，降序返回 `-字段名`，取消排序或缺少字段时返回 `undefined`。
+可选 `mapField` 在添加正负号前转换字段名，例如 `(prop) => 'ett.' + prop`。
+页面负责将结果写入 `order_by` 或 `order` 等查询字段，并维护分页、选择和刷新行为；
+MkTable 的服务端排序列声明 `sortable` 即可，由组件统一转换为 `custom`；直接使用 Element Plus Table
+时仍需声明 `sortable="custom"`。该函数不处理行拖拽排序。
+
 ## 相对时间
 
 `time.ts` 的 `relativeTimeFormat(timestamp)` 接收日期、毫秒时间戳或日期字符串。
diff --git a/ui/src/utils/application.ts b/ui/src/utils/application.ts
deleted file mode 100644
index 3eb93904db5..00000000000
--- a/ui/src/utils/application.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { APPLICATION_TYPE } from '@/api/enums'
-export function isWorkFlow(type: string | undefined) {
-  return type === APPLICATION_TYPE.WORK_FLOW
-}
diff --git a/ui/src/utils/common.ts b/ui/src/utils/common.ts
index 1d4fc79cc73..1547d423f3c 100644
--- a/ui/src/utils/common.ts
+++ b/ui/src/utils/common.ts
@@ -1,4 +1,13 @@
+/** 公共工具：资源类型判断、标识生成、字段提取、文件地址与表头排序参数转换。 */
 import { nanoid } from 'nanoid'
+import { APPLICATION_TYPE, KNOWLEDGE_TYPE } from '@/api/enums'
+import { KNOWLEDGE_TYPE_KEY } from '@/constants/knowledge'
+
+/** 判断智能体类型、知识库接口类型或前端语义标识是否为工作流；空值返回 false。 */
+export function isWorkFlow(type: string | number | null | undefined): boolean {
+  return type === APPLICATION_TYPE.WORK_FLOW || type === KNOWLEDGE_TYPE.WORKFLOW || type === KNOWLEDGE_TYPE_KEY.WORKFLOW
+}
+
 /*
   随机id
 */
@@ -6,10 +15,6 @@ export function randomId() {
   return nanoid()
 }
 
-export const relatedObject = (list: Array<Record<string, unknown>>, val: unknown, attr: string) => {
-  const filterData = list.find((item) => item[attr] === val)
-  return filterData || null
-}
 export const getAttrsArray = (array: Array<Record<string, unknown>>, attr: string) => {
   return array.map((item) => {
     return item[attr]
@@ -32,3 +37,13 @@ export const getFileUrl = (fileId?: string) => {
   }
   return ''
 }
+
+/** 将表头排序转换为后端正负字段；支持字段映射，取消排序时返回 undefined。 */
+export function toOrderBy(
+  { prop, order }: { prop?: string; order: 'ascending' | 'descending' | null },
+  mapField?: (prop: string) => string,
+): string | undefined {
+  if (!prop || !order) return undefined
+  const field = mapField ? mapField(prop) : prop
+  return order === 'ascending' ? field : `-${field}`
+}
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index a4ab89e3b89..9f82635b22e 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -201,6 +201,8 @@ System 资源管理或 System 共享 Knowledge API 的 `postKnowledgeHitTest`；
 - 名称使用 `MkEditName`，最长 128，禁止 `: \ / ? * [ ]`；成功按 ID 更新名称与时间。
 - 文件状态、启用、命中处理用 `MkTableFilter single`，标签用 `cascader`；改变条件回第一页并清空选择，保留其他条件。
   状态查询同步更新 `status` 与 `task_type`；布尔 false 保留，“全部”省略条件；标签传叶子 ID 或 `NO_TAG`。
+- 字符数使用服务端表头排序，通过 `toOrderBy` 更新独立的 `orderBy`，请求时作为 `order_by` 传入；切换排序回第一页并清空选择，
+  取消排序恢复后端默认顺序。搜索、筛选、分页和轮询保留当前排序，导入成功清空搜索及筛选时也保留排序。
 - 任务解析及筛选统一在 `document/status.ts`，展示由 `DocumentStatus.vue` 负责；不复用执行记录状态。
   汇总优先级为取消中、执行中、排队中、失败、取消完成、成功；忽略未知和 n，保留取消完成显示成功的既有规则。
 - 文档 Action 按 embedding、generate-questions、setting、setting-tags、tokenize、export、sync、migrate 等职责分组，
@@ -309,6 +311,9 @@ View 负责路由、资源与模式、图加载、保存／发布／调试编排
 - 返回方法集中在各资源 `navigation.ts`；历史模式先退出预览，编辑态保留保存并退出／直接退出确认。
   当前没有通用路由离开或浏览器关闭守卫。
 - 工具、知识库执行记录抽屉按需挂载，关闭后卸载；知识库记录每 6 秒刷新，关闭停止。
+  执行时间列声明 `sortable`，独立 `orderBy` 通过 `toOrderBy` 添加 `ett.` 前缀，以 `order` 查询参数传入。
+  切换排序回第一页；搜索、筛选、分页与轮询保留排序，重新打开时恢复默认排序。
+  当前本地后端两类接口仍固定按执行时间降序，需支持 `order` 后才能实际响应升序请求。
 
 ## 其他页面约束
 
@@ -322,6 +327,8 @@ View 负责路由、资源与模式、图加载、保存／发布／调试编排
   排行由概览本地 `components/ApplicationRanking.vue` 调用 Overview API，展示用户 Tokens 消耗与提问次数两类 TOP5。
   应用排行复用首页 `RankingCard`，由概览转换展示字段；占比使用当前应用同期完整排行总量。
   概览内暂时隐藏卡片详情入口，不接入排行抽屉、搜索、分页或导出。
+- 触发器执行记录的执行时间列使用服务端排序，独立 `orderBy` 经 `toOrderBy` 添加 `ett.` 前缀，
+  通过查询参数 `order` 传入。切换排序回第一页；搜索、分页和详情跨页保留排序，重新打开抽屉恢复默认排序。
 - 触发器表单共用创建／编辑，保留任务 ID 和参数；资源模式固定单任务，完整输入定义不足时补查详情。
   保存校验全部折叠任务；参数初始化不覆盖已配置值，移除事件引用时恢复自定义默认值。
 - 智能体／知识库对话用户页使用双栏布局和当前页授权；智能体从 context 取 Workspace／System 资源管理 ChatUser API，知识库取四范围 API。
diff --git a/ui/src/views/application/application-card/ApplicationCard.vue b/ui/src/views/application/application-card/ApplicationCard.vue
index d6a76f2baaa..33ab29534ea 100644
--- a/ui/src/views/application/application-card/ApplicationCard.vue
+++ b/ui/src/views/application/application-card/ApplicationCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ApplicationDetail } from '@/api/types'
-import { isWorkFlow } from '@/utils/application'
+import { isWorkFlow } from '@/utils/common'
 import { dateFormat } from '@/utils/time'
 
 defineOptions({ name: 'ApplicationCard' })
diff --git a/ui/src/views/application/application-card/action-dropdown/SettingApplicationAction.vue b/ui/src/views/application/application-card/action-dropdown/SettingApplicationAction.vue
index 20cd4b5b6d8..35bcda78089 100644
--- a/ui/src/views/application/application-card/action-dropdown/SettingApplicationAction.vue
+++ b/ui/src/views/application/application-card/action-dropdown/SettingApplicationAction.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useRoute, useRouter } from 'vue-router'
 import type { ApplicationDetail } from '@/api/types'
-import { isWorkFlow } from '@/utils/application'
+import { isWorkFlow } from '@/utils/common'
 
 defineOptions({ name: 'SettingApplicationAction' })
 
diff --git a/ui/src/views/application/application-card/action-dropdown/copy-application-action/CopyApplicationDialog.vue b/ui/src/views/application/application-card/action-dropdown/copy-application-action/CopyApplicationDialog.vue
index c24d4ee46e5..9cf7727075f 100644
--- a/ui/src/views/application/application-card/action-dropdown/copy-application-action/CopyApplicationDialog.vue
+++ b/ui/src/views/application/application-card/action-dropdown/copy-application-action/CopyApplicationDialog.vue
@@ -6,7 +6,7 @@ import type { FormInstance, FormRules } from 'element-plus'
 import type ApplicationApi from '@/api/admin/workspace/application/application'
 import type { ApplicationDetail, ApplicationFormPayload } from '@/api/types'
 import { useStore } from '@/stores'
-import { isWorkFlow } from '@/utils/application'
+import { isWorkFlow } from '@/utils/common'
 import { MsgSuccess } from '@/utils/message'
 
 defineOptions({ name: 'CopyApplicationDialog' })
diff --git a/ui/src/views/knowledge-detail/library/document/action-dropdown/sync/SyncDocumentAction.vue b/ui/src/views/knowledge-detail/library/document/action-dropdown/sync/SyncDocumentAction.vue
index 5d3b2a28419..3263b8e70aa 100644
--- a/ui/src/views/knowledge-detail/library/document/action-dropdown/sync/SyncDocumentAction.vue
+++ b/ui/src/views/knowledge-detail/library/document/action-dropdown/sync/SyncDocumentAction.vue
@@ -5,6 +5,7 @@ import type { useKnowledgeDetailContext } from '@/views/knowledge-detail/context
 import { KNOWLEDGE_TYPE_KEY } from '@/constants/knowledge'
 import type { DocumentItem } from '@/api/types'
 import { MsgConfirm, MsgSuccess } from '@/utils/message'
+import { isWorkFlow } from '@/utils/common'
 
 defineOptions({ name: 'SyncDocumentAction' })
 const props = defineProps<{
@@ -23,7 +24,7 @@ function handleSync() {
   if (loading.value) return
   const document = props.document
   if (!document.id) return
-  const isWorkflow = knowledgeType.value === KNOWLEDGE_TYPE_KEY.WORKFLOW
+  const isWorkflow = isWorkFlow(String(knowledgeType.value ?? ''))
   if ((knowledgeType.value === KNOWLEDGE_TYPE_KEY.WEB || isWorkflow) && !document.meta?.source_url) {
     MsgConfirm('提示', '无法同步，请先去设置文档 URL 地址', {
       confirmButtonText: '确认',
diff --git a/ui/src/views/knowledge-detail/library/document/index.vue b/ui/src/views/knowledge-detail/library/document/index.vue
index 64be20271d5..d210e6a7a0b 100644
--- a/ui/src/views/knowledge-detail/library/document/index.vue
+++ b/ui/src/views/knowledge-detail/library/document/index.vue
@@ -14,6 +14,7 @@ import { DOCUMENT_STATUS_FILTER_OPTIONS } from './status'
 import type { Dict, DocumentHitHandling, DocumentItem, OptionItem } from '@/api/types'
 import { datetimeFormat } from '@/utils/time'
 import { numberFormat } from '@/utils/number'
+import { toOrderBy, isWorkFlow } from '@/utils/common'
 import { MsgSuccess, MsgWarning } from '@/utils/message'
 import { getFileIconUrl } from '@/utils/icon'
 import { isWorkspaceResource, isWorkspaceSharedResource } from '@/utils/resource-context'
@@ -121,6 +122,7 @@ const loading = ref(false)
 const documentData = ref<DocumentItem[]>([])
 const paginationConfig = ref({ currentPage: 1, pageSize: 20, total: 0 })
 const documentQuery = ref<Dict<unknown>>({})
+const orderBy = ref<string>()
 const creatorOptions = ref<OptionItem<string>[]>([])
 const searchFields = computed(() => [
   { label: '名称', value: 'name' },
@@ -210,6 +212,7 @@ function loadDocuments(showLoading = true): Promise<void> {
   return resourceApi.document
     .getDocumentPage(knowledgeId.value, paginationConfig.value, {
       ...documentQuery.value,
+      order_by: orderBy.value,
       status: documentStatusFilter.value?.status,
       task_type: documentStatusFilter.value?.task_type,
       is_active: selectedDocumentActive.value ?? undefined,
@@ -241,7 +244,13 @@ function handleSearchChange(query?: Dict<unknown>) {
   return loadDocuments()
 }
 
-/* 导入成功后清空查询条件，重新加载第一页。 */
+/* 表头排序：服务端对完整结果排序，切换时清空选择并回到第一页。 */
+function handleSortChange(sort: Parameters<typeof toOrderBy>[0]) {
+  orderBy.value = toOrderBy(sort)
+  return handleDocumentFilterChange()
+}
+
+/* 导入成功后清空查询条件，保留表头排序并重新加载第一页。 */
 function handleImportDocumentSuccess() {
   selectedDocumentStatus.value = null
   selectedDocumentActive.value = null
@@ -310,11 +319,7 @@ onBeforeUnmount(() => {
       <div class="flex-align-center gap-3">
         <MkComplexSearch :fields="searchFields" @change="handleSearchChange" />
         <!-- 查看工作流执行记录 -->
-        <ButtonExecutionRecord
-          v-if="knowledgeType === KNOWLEDGE_TYPE_KEY.WORKFLOW && resourceApi.workflow"
-          :api="resourceApi.workflow"
-          :knowledge-id="knowledgeId"
-        />
+        <ButtonExecutionRecord v-if="isWorkFlow(knowledgeType) && resourceApi.workflow" :api="resourceApi.workflow" :knowledge-id="knowledgeId" />
         <template v-if="!isWorkspaceSharedResource()">
           <!-- 导入 Web、飞书或工作流文档 -->
           <ButtonImportDocument
@@ -347,6 +352,7 @@ onBeforeUnmount(() => {
     @current-change="loadDocuments()"
     @size-change="loadDocuments()"
     @selection-change="handleSelectionChange"
+    @sort-change="handleSortChange"
     @row-click="handleOpenParagraph"
     row-class-name="cursor-pointer"
     resizable
@@ -403,12 +409,12 @@ onBeforeUnmount(() => {
       </template>
       <template #default="{ row }"><MkStatusLabel :active="row.is_active" /></template>
     </el-table-column>
-    <el-table-column prop="char_length" label="字符数">
+    <el-table-column prop="char_length" label="字符数" min-width="90" sortable>
       <template #default="{ row }">
         {{ numberFormat(row.char_length) }}
       </template>
     </el-table-column>
-    <el-table-column prop="paragraph_count" label="分段">
+    <el-table-column prop="paragraph_count" label="分段" sortable>
       <template #default="{ row }">
         {{ numberFormat(row.paragraph_count) }}
       </template>
@@ -546,7 +552,7 @@ onBeforeUnmount(() => {
               <!-- 导出文档 -->
               <ExportDocumentAction label="导出" :api="resourceApi.document" v-model:loading="operationLoading" :document="row" />
 
-              <template v-if="knowledgeType === KNOWLEDGE_TYPE_KEY.BASE || knowledgeType === KNOWLEDGE_TYPE_KEY.WORKFLOW">
+              <template v-if="knowledgeType === KNOWLEDGE_TYPE_KEY.BASE || isWorkFlow(knowledgeType)">
                 <!-- 下载原文档 -->
                 <DownloadDocumentAction :api="resourceApi.document" :knowledge-id="knowledgeId" v-model:loading="operationLoading" :document="row" />
                 <!-- 替换原文档 -->
diff --git a/ui/src/views/system/resource-management/application/index.vue b/ui/src/views/system/resource-management/application/index.vue
index 7a123f68e8b..96f1bdb1905 100644
--- a/ui/src/views/system/resource-management/application/index.vue
+++ b/ui/src/views/system/resource-management/application/index.vue
@@ -6,10 +6,10 @@ import SystemCommonApi from '@/api/admin/system/common'
 import SystemWorkspaceApi from '@/api/admin/system/workspace'
 import SystemResourceTriggerApi from '@/api/admin/system/resource-management/resource-trigger'
 import type { ApplicationDetail, Dict, OptionItem } from '@/api/types'
+import { APPLICATION_TYPE } from '@/api/enums'
 import { useStore } from '@/stores'
 import { datetimeFormat } from '@/utils/time'
-import { APPLICATION_TYPE } from '@/api/enums'
-import { isWorkFlow } from '@/utils/application'
+import { isWorkFlow } from '@/utils/common'
 import {
   AuthorizeApplicationAction,
   ExportApplicationAction,
diff --git a/ui/src/views/system/resource-management/knowledge/index.vue b/ui/src/views/system/resource-management/knowledge/index.vue
index de818a7a034..616404eac6c 100644
--- a/ui/src/views/system/resource-management/knowledge/index.vue
+++ b/ui/src/views/system/resource-management/knowledge/index.vue
@@ -131,6 +131,7 @@ onMounted(() => {
         :max-table-height="210"
         @current-change="loadKnowledgePage"
         @size-change="loadKnowledgePage"
+        resizable
       >
         <el-table-column prop="name" label="名称" min-width="200" show-overflow-tooltip>
           <template #default="{ row }">
diff --git a/ui/src/views/trigger/execution-record/TriggerTaskRecordDrawer.vue b/ui/src/views/trigger/execution-record/TriggerTaskRecordDrawer.vue
index 9e146627797..4e44eda108e 100644
--- a/ui/src/views/trigger/execution-record/TriggerTaskRecordDrawer.vue
+++ b/ui/src/views/trigger/execution-record/TriggerTaskRecordDrawer.vue
@@ -4,6 +4,7 @@ import TriggerApi from '@/api/admin/workspace/trigger/trigger'
 import { RESOURCE_TYPE, STATE_TYPES } from '@/api/enums'
 import type { Dict, TriggerTaskRecord } from '@/api/types'
 import { datetimeFormat } from '@/utils/time'
+import { toOrderBy } from '@/utils/common'
 import ExecutionDetailDrawer from './ExecutionDetailDrawer.vue'
 import { EXECUTION_STATUS_OPTIONS } from '@/constants/state'
 
@@ -14,6 +15,7 @@ const loading = ref(false)
 const recordData = ref<TriggerTaskRecord[]>([])
 const pagination = ref({ currentPage: 1, pageSize: 20, total: 0 })
 const searchQuery = ref<Dict<unknown>>()
+const orderBy = ref<string>()
 const searchFields = [
   { label: '名称', value: 'name' },
   {
@@ -36,7 +38,11 @@ const searchFields = [
 ]
 function loadRecords(page = pagination.value.currentPage): Promise<TriggerTaskRecord[]> {
   loading.value = true
-  return TriggerApi.getTriggerTaskRecordPage(triggerId.value, { currentPage: page, pageSize: pagination.value.pageSize }, searchQuery.value)
+  return TriggerApi.getTriggerTaskRecordPage(
+    triggerId.value,
+    { currentPage: page, pageSize: pagination.value.pageSize },
+    { ...searchQuery.value, order: orderBy.value },
+  )
     .then((result) => {
       recordData.value = result.records
       pagination.value = { currentPage: result.current, pageSize: result.size, total: result.total }
@@ -53,8 +59,16 @@ function searchRecords(query?: Dict<unknown>) {
   loadRecords()
 }
 
+/* 执行时间排序：接口字段使用 ett 表别名，切换排序后回到第一页。 */
+function handleSortChange(sort: Parameters<typeof toOrderBy>[0]) {
+  orderBy.value = toOrderBy(sort, (prop) => `ett.${prop}`)
+  pagination.value.currentPage = 1
+  return loadRecords()
+}
+
 function open(id: string) {
   triggerId.value = id
+  orderBy.value = undefined
   recordData.value = []
   pagination.value = { currentPage: 1, pageSize: 20, total: 0 }
   visible.value = true
@@ -112,6 +126,7 @@ defineExpose({ open })
       :max-table-height="230"
       @current-change="loadRecords()"
       @size-change="loadRecords()"
+      @sort-change="handleSortChange"
     >
       <el-table-column label="触发任务" min-width="130" show-overflow-tooltip>
         <template #default="{ row }">
@@ -134,7 +149,7 @@ defineExpose({ open })
       <el-table-column label="耗时" width="90">
         <template #default="{ row }">{{ row.run_time == null ? '-' : `${row.run_time.toFixed(2)} s` }}</template>
       </el-table-column>
-      <el-table-column label="执行时间" prop="create_time" width="180">
+      <el-table-column label="执行时间" prop="create_time" width="180" sortable>
         <template #default="{ row }">{{ datetimeFormat(row.create_time) }}</template>
       </el-table-column>
       <el-table-column label="操作" width="70">
diff --git a/ui/src/views/workflow/application/index.vue b/ui/src/views/workflow/application/index.vue
index 6ec16871dac..c73e5ba2e08 100644
--- a/ui/src/views/workflow/application/index.vue
+++ b/ui/src/views/workflow/application/index.vue
@@ -11,7 +11,6 @@ import SystemResourceModelApi from '@/api/admin/system/resource-management/model
 import WorkspaceWorkflowApi from '@/api/admin/workspace/application/workflow'
 import SystemResourceWorkflowApi from '@/api/admin/system/resource-management/application/workflow'
 import type { ApplicationDetail, ApplicationStoreTemplate, DefaultModelSettingPayload, WorkflowVersion, WorkflowVersionPayload } from '@/api/types'
-import { MsgConfirm, MsgError, MsgSuccess } from '@/utils/message'
 import WorkflowCanvas from '@/workflow-canvas/index.vue'
 import AiGeneratePanel from '@/workflow-canvas/ai-generate/panel/AiGeneratePanel.vue'
 import { defaultApplicationNodes } from '@/workflow-canvas/config/node-mapping'
@@ -23,6 +22,7 @@ import ButtonTemplateStore from './ButtonTemplateStore.vue'
 import DebugPanel from '@/conversation-panel/view/debug/index.vue'
 import EditPublishVersionDialog from '../components/publish-history/EditPublishVersionDialog.vue'
 import { showWorkflowValidateError } from '../components/validate-error'
+import { MsgConfirm, MsgError, MsgSuccess } from '@/utils/message'
 import { getResourceScope, isSystemResource } from '@/utils/resource-context.ts'
 import { goBack } from './navigation'
 
diff --git a/ui/src/views/workflow/knowledge/execution-record/ExecutionRecordDrawer.vue b/ui/src/views/workflow/knowledge/execution-record/ExecutionRecordDrawer.vue
index c163cf7120b..9123654af57 100644
--- a/ui/src/views/workflow/knowledge/execution-record/ExecutionRecordDrawer.vue
+++ b/ui/src/views/workflow/knowledge/execution-record/ExecutionRecordDrawer.vue
@@ -3,8 +3,9 @@ import { computed, onBeforeUnmount, ref } from 'vue'
 import type WorkflowApi from '@/api/admin/workspace/knowledge/workflow'
 import { STATE_TYPES } from '@/api/enums'
 import type { Dict, KnowledgeExecutionRecord } from '@/api/types'
-import { datetimeFormat } from '@/utils/time'
 import ExecutionDetailDrawer from './ExecutionDetailDrawer.vue'
+import { datetimeFormat } from '@/utils/time'
+import { toOrderBy } from '@/utils/common'
 import { MsgConfirm } from '@/utils/message'
 import { EXECUTION_STATUS_OPTIONS } from '@/constants/state'
 
@@ -17,6 +18,7 @@ const loading = ref(false)
 const recordData = ref<KnowledgeExecutionRecord[]>([])
 const pagination = ref({ currentPage: 1, pageSize: 20, total: 0 })
 const searchQuery = ref<Dict<unknown>>()
+const orderBy = ref<string>()
 const searchFields = [
   { label: '发起人', value: 'user_name' },
   {
@@ -46,7 +48,11 @@ function loadRecords(page = pagination.value.currentPage, showLoading = true): P
   stopPolling()
   if (showLoading) loading.value = true
   return props.api
-    .getKnowledgeExecutionRecordPage(props.knowledgeId, { currentPage: page, pageSize: pagination.value.pageSize }, searchQuery.value)
+    .getKnowledgeExecutionRecordPage(
+      props.knowledgeId,
+      { currentPage: page, pageSize: pagination.value.pageSize },
+      { ...searchQuery.value, order: orderBy.value },
+    )
     .then((result) => {
       recordData.value = result.records
       if (currentRecord.value) currentRecord.value = result.records.find((record) => record.id === currentRecord.value?.id) ?? currentRecord.value
@@ -66,7 +72,15 @@ function searchRecords(query?: Dict<unknown>) {
   loadRecords()
 }
 
+/* 执行时间排序与触发器记录保持相同的正负字段协议。 */
+function handleSortChange(sort: Parameters<typeof toOrderBy>[0]) {
+  orderBy.value = toOrderBy(sort, (prop) => `ett.${prop}`)
+  pagination.value.currentPage = 1
+  return loadRecords()
+}
+
 function open() {
+  orderBy.value = undefined
   searchQuery.value = undefined
   closeDetails()
   recordData.value = []
@@ -148,6 +162,7 @@ defineExpose({ open, close })
       :max-table-height="230"
       @current-change="loadRecords()"
       @size-change="loadRecords()"
+      @sort-change="handleSortChange"
     >
       <el-table-column label="发起人" min-width="130" show-overflow-tooltip>
         <template #default="{ row }">{{ row.meta?.user_name || '-' }}</template>
@@ -161,7 +176,7 @@ defineExpose({ open, close })
       <el-table-column label="耗时" width="90">
         <template #default="{ row }">{{ row.run_time == null ? '-' : `${row.run_time.toFixed(2)} s` }}</template>
       </el-table-column>
-      <el-table-column label="执行时间" prop="create_time" width="180">
+      <el-table-column label="执行时间" prop="create_time" width="180" sortable>
         <template #default="{ row }">{{ datetimeFormat(row.create_time) }}</template>
       </el-table-column>
       <el-table-column label="操作" width="100">
diff --git a/ui/src/views/workflow/tool/execution-record/ExecutionRecordDrawer.vue b/ui/src/views/workflow/tool/execution-record/ExecutionRecordDrawer.vue
index fb7eadfe852..4d1e5ff5011 100644
--- a/ui/src/views/workflow/tool/execution-record/ExecutionRecordDrawer.vue
+++ b/ui/src/views/workflow/tool/execution-record/ExecutionRecordDrawer.vue
@@ -6,6 +6,7 @@ import type { Dict, ToolExecutionRecord } from '@/api/types'
 import ExecutionDetailDrawer from './ExecutionDetailDrawer.vue'
 import { EXECUTION_STATUS_OPTIONS } from '@/constants/state'
 import { datetimeFormat } from '@/utils/time'
+import { toOrderBy } from '@/utils/common'
 import { isSystemSharedResource } from '@/utils/resource-context'
 
 const props = defineProps<{ api: typeof WorkflowApi; toolId: string }>()
@@ -17,6 +18,7 @@ const loading = ref(false)
 const recordData = ref<ToolExecutionRecord[]>([])
 const pagination = ref({ currentPage: 1, pageSize: 20, total: 0 })
 const searchInput = ref<Dict<unknown>>({})
+const orderBy = ref<string>()
 const sourceLabels = {
   [TOOL_RECORD_SOURCE.APPLICATION]: '智能体',
   [TOOL_RECORD_SOURCE.KNOWLEDGE]: '知识库',
@@ -37,6 +39,7 @@ const selectedSourceType = ref<string | null>(null)
 const selectedState = ref<string | null>(null)
 const searchQuery = computed<Dict<unknown>>(() => ({
   ...searchInput.value,
+  order: orderBy.value,
   ...(selectedSourceType.value ? { source_type: selectedSourceType.value } : {}),
   ...(selectedState.value ? { state: selectedState.value } : {}),
 }))
@@ -65,7 +68,15 @@ function handleFilterChange() {
   loadRecords()
 }
 
+/* 执行时间排序与触发器记录保持相同的正负字段协议。 */
+function handleSortChange(sort: Parameters<typeof toOrderBy>[0]) {
+  orderBy.value = toOrderBy(sort, (prop) => `ett.${prop}`)
+  pagination.value.currentPage = 1
+  return loadRecords()
+}
+
 function open() {
+  orderBy.value = undefined
   searchInput.value = {}
   selectedSourceType.value = null
   selectedState.value = null
@@ -127,6 +138,7 @@ defineExpose({ open })
       :max-table-height="230"
       @current-change="loadRecords()"
       @size-change="loadRecords()"
+      @sort-change="handleSortChange"
     >
       <el-table-column label="触发来源" min-width="130" show-overflow-tooltip>
         <template #default="{ row }">
@@ -145,25 +157,13 @@ defineExpose({ open })
       </el-table-column>
       <el-table-column label="类型" width="90">
         <template #header>
-          <MkTableFilter
-            mode="single"
-            v-model="selectedSourceType"
-            label="类型"
-            :options="sourceTypeOptions"
-            @change="handleFilterChange"
-          />
+          <MkTableFilter mode="single" v-model="selectedSourceType" label="类型" :options="sourceTypeOptions" @change="handleFilterChange" />
         </template>
         <template #default="{ row }">{{ sourceLabels[row.source_type as keyof typeof sourceLabels] || '-' }}</template>
       </el-table-column>
       <el-table-column label="状态" width="100">
         <template #header>
-          <MkTableFilter
-            mode="single"
-            v-model="selectedState"
-            label="状态"
-            :options="stateOptions"
-            @change="handleFilterChange"
-          />
+          <MkTableFilter mode="single" v-model="selectedState" label="状态" :options="stateOptions" @change="handleFilterChange" />
         </template>
         <template #default="{ row }: { row: ToolExecutionRecord }">
           <MkStatusLabel v-if="EXECUTION_STATUS_OPTIONS[row.state]" v-bind="EXECUTION_STATUS_OPTIONS[row.state]" />
@@ -173,7 +173,7 @@ defineExpose({ open })
       <el-table-column label="耗时" width="90">
         <template #default="{ row }">{{ row.run_time == null ? '-' : `${row.run_time.toFixed(2)} s` }}</template>
       </el-table-column>
-      <el-table-column label="执行时间" prop="create_time" width="180">
+      <el-table-column label="执行时间" prop="create_time" width="180" sortable>
         <template #default="{ row }">{{ datetimeFormat(row.create_time) }}</template>
       </el-table-column>
       <el-table-column label="操作" width="70">
diff --git a/ui/src/views/workflow/tool/index.vue b/ui/src/views/workflow/tool/index.vue
index f7548445a9a..2801c2bc2c1 100644
--- a/ui/src/views/workflow/tool/index.vue
+++ b/ui/src/views/workflow/tool/index.vue
@@ -14,7 +14,6 @@ import SystemToolWorkflowApi from '@/api/admin/system/resource-management/tool/t
 import SharedModelApi from '@/api/admin/system/shared-resources/model'
 import SharedToolApi from '@/api/admin/system/shared-resources/tool/tool'
 import SharedToolWorkflowApi from '@/api/admin/system/shared-resources/tool/tool-workflow'
-import { getResourceScope, isSystemResource, isSystemSharedResource } from '@/utils/resource-context'
 import type {
   DefaultModelSettingPayload,
   ToolItem,
@@ -23,6 +22,7 @@ import type {
   WorkflowVersionPayload,
   WorkflowStoreTemplate,
 } from '@/api/types'
+import { getResourceScope, isSystemResource, isSystemSharedResource } from '@/utils/resource-context'
 import { MsgConfirm, MsgSuccess, MsgError } from '@/utils/message'
 import WorkflowCanvas from '@/workflow-canvas/index.vue'
 import { defaultToolNodes } from '@/workflow-canvas/config/node-mapping'
diff --git a/ui/src/workflow-canvas/node-menu/ResourceNodeMenu.vue b/ui/src/workflow-canvas/node-menu/ResourceNodeMenu.vue
index 430f12681a5..5f2035b6b27 100644
--- a/ui/src/workflow-canvas/node-menu/ResourceNodeMenu.vue
+++ b/ui/src/workflow-canvas/node-menu/ResourceNodeMenu.vue
@@ -9,7 +9,7 @@ import { RESOURCE_TYPE, TOOL_TYPE } from '@/api/enums'
 import type { ApplicationDetail, ApplicationType, FolderItem, ToolItem, ToolType } from '@/api/types'
 import type { NodeMenuItem, NodeMenuResourceSource } from './types'
 import { FOLDER_ENTRY_ID } from '@/constants'
-import { isWorkFlow } from '@/utils/application'
+import { isWorkFlow } from '@/utils/common'
 import FolderTree from '@/components/business/folder-tree/index.vue'
 import { applicationNode, toolLibNode, toolWorkflowLibNode } from '@/workflow-canvas/config/node-data'
 import { useRoute } from 'vue-router'