diff --git a/host/ide/src/trace/component/SpSystemTrace.ts b/host/ide/src/trace/component/SpSystemTrace.ts
index 7c93273c4b8d2bf941d329fcaf4eafed76fc21c8..1730ec41d4482032f51c8deb3c978f2912a8a4f9 100644
--- a/host/ide/src/trace/component/SpSystemTrace.ts
+++ b/host/ide/src/trace/component/SpSystemTrace.ts
@@ -102,6 +102,7 @@ export class SpSystemTrace extends BaseElement {
     canvasPanel: HTMLCanvasElement | null | undefined; //绘制取消收藏后泳道图
     canvasPanelCtx: CanvasRenderingContext2D | undefined | null;
     linkNodes: PairPoint[][] = [];
+    public currentClickRow: HTMLDivElement | undefined | null;
 
     addPointPair(a: PairPoint, b: PairPoint) {
         this.linkNodes.push([a, b])
@@ -186,6 +187,25 @@ export class SpSystemTrace extends BaseElement {
             this.timerShaftEL?.displayCollect(this.collectRows.length !== 0)
             this.refreshFavoriteCanvas()
             this.refreshCanvas(true);
+            // 收藏夹元素拖动排序功能
+            this.currentClickRow = null;
+            currentRow.setAttribute("draggable", "true");
+            currentRow.addEventListener("dragstart", () => {
+                this.currentClickRow = currentRow;
+            });
+            currentRow.addEventListener("dragover", (event: any) => {
+                event.preventDefault();
+                event.dataTransfer.dropEffect = "move";
+            });
+            currentRow.addEventListener("drop", () => {
+                if (this.currentClickRow !== currentRow) {
+                    this.favoriteRowsEL?.insertBefore(this.currentClickRow!, currentRow);
+                    this.refreshFavoriteCanvas();
+                }
+            });
+            currentRow.addEventListener("dragend", () => {
+                this.currentClickRow = null;
+            });
         })
         SpSystemTrace.scrollViewWidth = this.getScrollWidth();
         this.rangeSelect.selectHandler = (rows, refreshCheckBox) => {
@@ -1783,7 +1803,7 @@ export class SpSystemTrace extends BaseElement {
         <div class="container">
             <timer-shaft-element class="timer-shaft" style="position: relative;top: 0"></timer-shaft-element>
             <div class="rows-pane" style="position: relative;display: block;flex-direction: column;overflow-x: hidden;">
-                <div class="favorite-rows" ondragstart="return false">
+                <div class="favorite-rows">
                     <canvas id="canvas-panel-favorite" class="panel-canvas-favorite" ondragstart="return false"></canvas>
                 </div>
                 <canvas id="canvas-panel" class="panel-canvas" ondragstart="return false"></canvas>