diff --git a/package.json b/package.json
index 9cd8fe76..aaeffefd 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,7 @@
     "@types/lodash": "^4.14.195",
     "@types/nprogress": "^0.2.0",
     "@types/path-browserify": "^1.0.0",
+    "@types/sortablejs": "^1.15.1",
     "@typescript-eslint/eslint-plugin": "^5.59.6",
     "@typescript-eslint/parser": "^5.59.6",
     "autoprefixer": "^10.4.14",
diff --git a/src/api/article.ts b/src/api/article.ts
index f2277b4c..2547a4bc 100644
--- a/src/api/article.ts
+++ b/src/api/article.ts
@@ -83,6 +83,6 @@ export function deleteArticle(id: number) {
   return request({
     url: "/api/v1/article/delete",
     method: "post",
-    params: { id },
+    data: { id },
   });
 }
diff --git a/src/views/table/drag-table.vue b/src/views/table/drag-table.vue
index 8d72982e..1f595842 100644
--- a/src/views/table/drag-table.vue
+++ b/src/views/table/drag-table.vue
@@ -76,7 +76,7 @@
 </template>
 
 <script setup lang="ts">
-//import Sortable from "sortablejs";
+import { default as Sortable, SortableEvent } from "sortablejs";
 import { fetchList } from "@/api/article";
 
 defineOptions({
@@ -127,14 +127,17 @@ const rowDrag = function () {
   const tbody = document.querySelector(
     ".draggable .el-table__body-wrapper tbody"
   );
-  /*   Sortable.create(tbody, {
+  if (!tbody) return;
+  Sortable.create(tbody as HTMLElement, {
     //  可被拖拽的子元素
     draggable: ".draggable .el-table__row",
-    onEnd({ newIndex, oldIndex }: { newIndex: number; oldIndex: number }) {
-      const currRow = list.value.splice(oldIndex, 1)[0];
-      list.value.splice(newIndex, 0, currRow);
+    onEnd(event: SortableEvent) {
+      if (event.oldIndex !== undefined && event.newIndex !== undefined) {
+        const currRow = list.value.splice(event.oldIndex, 1)[0];
+        list.value.splice(event.newIndex, 0, currRow);
+      }
     },
-  }); */
+  });
 };
 
 onMounted(() => {