20260729173317

code/fms/fms-vue/src/components/fms-table/FmsTable.vue

@@ -15,8 +15,10 @@ const props = defineProps({
   noDataFull: { type: Boolean, default: true },
   showOverflow: { type: Boolean, default: true },
   columns: { type: Array, default: () => [] },
-  // 序号列：false=关闭；true=默认；{ title, width }=自定义
-  seq: { type: [Boolean, Object], default: false },
+  // 序号列默认显示；false=关闭；{ title, width }=自定义
+  seq: { type: [Boolean, Object], default: true },
+  // 列头拖拽默认开启；false=关闭；{ mode, disabled }=自定义
+  columnDraggable: { type: [Boolean, Object], default: true },
   // 行多选：{ selectedRowKeys, onChange }，提供时在最前列插入复选框列
   rowSelection: { type: Object, default: null },
   dataSource: { type: Array, default: () => [] },
@@ -137,6 +139,27 @@ const seqConfig = computed(() => {
     width: Number(cfg.width ?? 50),
   };
 });
+const columnDragConfig = computed(() => {
+  if (!props.columnDraggable) return false;
+  const configured = props.columnDraggable === true ? {} : props.columnDraggable;
+  return {
+    ...configured,
+    disabled: (column) => {
+      if (
+        isSelectionColumn(column) ||
+        column.type === "seq" ||
+        column.type === "dragRow" ||
+        column.type === "expand" ||
+        column.dataIndex === "" ||
+        column.dataIndex === "__actions__"
+      ) {
+        return true;
+      }
+      if (typeof configured.disabled === "function") return configured.disabled(column);
+      return Boolean(configured.disabled);
+    },
+  };
+});
 const hasRowSelection = computed(() => Boolean(props.rowSelection));
 const dragRowColumn = {
   type: "dragRow",
@@ -158,8 +181,6 @@ function getHeaderAlign(column) {
 
 const displayColumns = computed(() => {
   const cols = props.columns.map((col) => resolveCustomCell(col, editingCtx));
-  if (props.rowDraggable) cols.unshift(dragRowColumn);
-  if (hasRowSelection.value) cols.unshift(selectionColumn);
   const seq = seqConfig.value;
   if (seq.enabled) {
     cols.unshift({
@@ -170,6 +191,8 @@ const displayColumns = computed(() => {
       resizable: false,
     });
   }
+  if (props.rowDraggable) cols.unshift(dragRowColumn);
+  if (hasRowSelection.value) cols.unshift(selectionColumn);
   return cols.map((column) => ({
     ...column,
     headerAlign: getHeaderAlign(column),
@@ -435,6 +458,7 @@ defineExpose({
       :virtual-x="virtualX"
       :auto-resize="false"
       :col-resizable="colResizable"
+      :header-drag="columnDragConfig"
       :columns="displayColumns"
       @update:columns="onColumnsUpdate"
       :data-source="dataSource"