feat: add tenant list id sorting

server/internal/logic/sys/im_tenant.go

@@ -92,9 +92,20 @@ func (s *sSysImTenant) List(ctx context.Context, in *sysin.ImTenantListInp) (lis
 		mod = mod.WhereBetween(dao.ImTenant.Columns().CreatedAt, in.CreatedAt[0], in.CreatedAt[1])
 	}
 
-	mod = mod.Page(in.Page, in.PerPage).
-		OrderDesc(dao.ImTenant.Columns().Id).
-		Hook(hook.MemberSummary)
+	orderDesc := false
+	for _, sorter := range in.GetSorters() {
+		if sorter != nil && sorter.ColumnKey == "id" {
+			orderDesc = sorter.Order == "descend"
+			break
+		}
+	}
+	mod = mod.Page(in.Page, in.PerPage)
+	if orderDesc {
+		mod = mod.OrderDesc(dao.ImTenant.Columns().Id)
+	} else {
+		mod = mod.OrderAsc(dao.ImTenant.Columns().Id)
+	}
+	mod = mod.Hook(hook.MemberSummary)
 
 	if err = mod.ScanAndCount(&list, &totalCount, false); err != nil {
 		err = gerror.Wrap(err, "获取IM租户列表失败，请稍后重试！")

server/internal/model/input/sysin/im_tenant.go

@@ -100,6 +100,7 @@ type ImTenantViewModel struct {
 // ImTenantListInp 获取IM租户列表
 type ImTenantListInp struct {
 	form.PageReq
+	form.Sorters
 	Id        int64         `json:"id"        dc:"ID"`
 	Code      string        `json:"code"      dc:"租户编码"`
 	Name      string        `json:"name"      dc:"租户名称"`

web/src/views/imTenant/index.vue

@@ -19,6 +19,7 @@
         :actionColumn="actionColumn"
         :scroll-x="scrollX"
         :resizeHeightOffset="-10000"
+        @update:sorter="handleUpdateSorter"
       >
         <template #tableTitle>
           <n-button
@@ -49,6 +50,7 @@
   import { BasicTable, TableAction } from '@/components/Table';
   import { BasicForm, useForm } from '@/components/Form/index';
   import { usePermission } from '@/hooks/web/usePermission';
+  import useSorter from '@/hooks/common/useSorter';
   import { useDictStore } from '@/store/modules/dict';
   import { List, Restore, Status } from '@/api/imTenant';
   import { PlusOutlined } from '@vicons/antd';
@@ -66,6 +68,7 @@
   const editRef = ref();
   const usageRef = ref();
   const deletionCheckRef = ref();
+  const { updateSorter: handleUpdateSorter, sortStatesRef } = useSorter(reloadTable);
 
   const actionColumn = reactive({
     width: 320,
@@ -130,7 +133,11 @@
 
   // 加载表格数据
   const loadDataTable = async (res) => {
-    return await List({ ...searchFormRef.value?.formModel, ...res });
+    return await List({
+      ...searchFormRef.value?.formModel,
+      sorters: sortStatesRef.value,
+      ...res,
+    });
   };
 
   // 重新加载表格数据

web/src/views/imTenant/model.ts

@@ -145,6 +145,8 @@ const baseColumns = [
     key: 'id',
     align: 'left',
     width: 70,
+    sorter: true,
+    defaultSortOrder: 'ascend',
   },
   {
     title: '商户编码',