From 05c518ec67767b961a2a61ea1b2f7b9e130a613d Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Sat, 30 Mar 2024 15:50:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=AD=9B=E9=80=89=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=8E=92=E5=BA=8F=E5=8F=8A=E8=A1=A8=E5=A4=B4?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/final/comp/FilterModal.vue          |  1 +
 .../home/aside/comp/modals/FilterModal.vue    | 31 +++++++++++++++++--
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/views/final/comp/FilterModal.vue b/src/views/final/comp/FilterModal.vue
index 8ed15f8..4c13bf5 100644
--- a/src/views/final/comp/FilterModal.vue
+++ b/src/views/final/comp/FilterModal.vue
@@ -74,6 +74,7 @@ const columns: DataTableColumns<RowData> = [
   {
     title: "创建时间",
     key: "createtime",
+    sorter: (row1, row2) => new Date(row1?.createtime).getTime() - new Date(row2?.createtime).getTime()
   },
   {
     title: "更新者",
diff --git a/src/views/home/aside/comp/modals/FilterModal.vue b/src/views/home/aside/comp/modals/FilterModal.vue
index 397fc78..f119d1f 100644
--- a/src/views/home/aside/comp/modals/FilterModal.vue
+++ b/src/views/home/aside/comp/modals/FilterModal.vue
@@ -43,6 +43,23 @@ interface RowData {
   updatetime: string;
 }
 
+const sortData = (row) => {
+  console.log("sortData", row);
+  if (row.order == "descend") {
+    tableData.value.sort(
+      (a, b) =>
+        new Date(a[row.columnKey]).getTime() - new Date(b[row.columnKey]).getTime()
+    );
+  } else if (row.order == "ascend") {
+    tableData.value.sort(
+      (a, b) =>
+        new Date(b[row.columnKey]).getTime() - new Date(a[row.columnKey]).getTime()
+    );
+  } else {
+    tableData.value.sort((a, b) => Number((a as any).reorder) - Number((b as any).reorder));
+  }
+};
+
 const columns: DataTableColumns<RowData> = [
   {
     type: "selection",
@@ -73,6 +90,12 @@ const columns: DataTableColumns<RowData> = [
     title: "创建时间",
     key: "createtime",
     width: 180,
+    sorter: (row1, row2) => {
+      // tableData.value.sort(
+      //   (a, b) => new Date(a?.createtime).getTime() - new Date(b?.createtime).getTime()
+      // );
+      return new Date(row1?.createtime).getTime() - new Date(row2?.createtime).getTime();
+    },
   },
   {
     title: "更新者",
@@ -177,7 +200,7 @@ function editSelection(id) {
   // closeModal();
 }
 
-function deleteSelection(id = '') {
+function deleteSelection(id = "") {
   // eslint-disable-next-line dot-notation
   if (selectionIds.value.length === 0) {
     deleteCondition({ ids: id }).then(() => {
@@ -272,7 +295,6 @@ defineExpose({
   showModal,
 });
 
-
 const inputHandler = debounce((word) => {
   keyword.value = word;
   query(1, 5);
@@ -340,7 +362,7 @@ const inputHandler = debounce((word) => {
               @update:page="handlePageChange"
               @update-page-size="handlePageSizeChange"
               @update:checked-row-keys="handleCheck"
-
+              @update:sorter="sortData"
             />
           </div>
         </div>
@@ -418,4 +440,7 @@ const inputHandler = debounce((word) => {
     }
   }
 }
+::v-deep(.n-data-table .n-data-table-th){
+  font-weight: bold !important;
+}
 </style>