fix(style): fix

app/project/detail/components/LabelSchemeContainer.tsx

@@ -6,8 +6,9 @@ import {
   selectModeMap,
   staticsColor,
 } from "@/components/label/utils/constants"
+import { SettingDataTable } from "@/components/setting/PageSurface"
 import { Badge, Button, Group, Modal, Paper, Stack, Text } from "@mantine/core"
-import { DataTable, DataTableColumn } from "mantine-datatable"
+import { DataTableColumn } from "mantine-datatable"
 import { useState } from "react"
 
 type DetailRow = ProjectDetail.SubAttributesDescribe
@@ -188,9 +189,7 @@ export default function LabelSchemeContainer(props: {
         }}>
         <Stack gap="sm">
           <Text fw={700}>标注方案</Text>
-          <DataTable<ProjectDetail.LabelSchemaList>
-            withTableBorder
-            withRowBorders
+          <SettingDataTable<ProjectDetail.LabelSchemaList>
             idAccessor="category_id"
             records={schemas}
             columns={columns}
@@ -209,9 +208,7 @@ export default function LabelSchemeContainer(props: {
         title="子属性描述"
         centered
         size="70%">
-        <DataTable<DetailRow>
-          withTableBorder
-          withRowBorders
+        <SettingDataTable<DetailRow>
           records={detailRows}
           columns={detailColumns}
           noRecordsText="暂无数据"

app/project/detail/components/NoteRulesTable.tsx

@@ -3,6 +3,7 @@
 import { projectConfig } from "@/components/label/api/project"
 import { ProjectDetail } from "@/components/label/api/project/typing"
 import { usePermissionStore } from "@/components/label/store/auth"
+import { SettingDataTable } from "@/components/setting/PageSurface"
 import {
   ActionIcon,
   Badge,
@@ -18,7 +19,7 @@ import { modals } from "@mantine/modals"
 import { notifications } from "@mantine/notifications"
 import { IconPlus, IconTrash } from "@tabler/icons-react"
 import dayjs from "dayjs"
-import { DataTable, DataTableColumn } from "mantine-datatable"
+import { DataTableColumn } from "mantine-datatable"
 import { useMemo, useState } from "react"
 
 type RulePayload = {
@@ -221,9 +222,7 @@ export default function NoteRulesTable(props: {
             </Text>
           </Stack>
 
-          <DataTable<RuleRow>
-            withTableBorder
-            withRowBorders
+          <SettingDataTable<RuleRow>
             records={rows}
             columns={columns}
             noRecordsText="暂无规则"

app/project/detail/components/TaskStageTabsContainer.tsx

@@ -2,6 +2,7 @@
 
 import { projectConfig } from "@/components/label/api/project"
 import { Project, ProjectDetail } from "@/components/label/api/project/typing"
+import { SettingDataTable } from "@/components/setting/PageSurface"
 import {
   ActionIcon,
   Badge,
@@ -22,7 +23,7 @@ import {
 import { modals } from "@mantine/modals"
 import { notifications } from "@mantine/notifications"
 import { IconEdit, IconPlus, IconX } from "@tabler/icons-react"
-import { DataTable, DataTableColumn } from "mantine-datatable"
+import { DataTableColumn } from "mantine-datatable"
 import { ReactNode, useEffect, useMemo, useState } from "react"
 import StageUserModal from "./StageUserModal"
 import {
@@ -1429,9 +1430,7 @@ export default function TaskStageTabsContainer(props: {
                 批量操作
               </Button>
             </Group>
-            <DataTable<StageUserRow>
-              withTableBorder
-              withRowBorders
+            <SettingDataTable<StageUserRow>
               records={rows}
               columns={userColumns(stage)}
               noRecordsText="暂无人员"

app/project/detail/components/WorkflowModal.tsx

@@ -1,9 +1,10 @@
 "use client"
 
 import { getTaskWorkFlow } from "@/components/label/api/task"
+import { SettingDataTable } from "@/components/setting/PageSurface"
 import { Button, Group, Modal, ScrollArea, Stack, Text } from "@mantine/core"
 import { notifications } from "@mantine/notifications"
-import { DataTable, DataTableColumn } from "mantine-datatable"
+import { DataTableColumn } from "mantine-datatable"
 import { useEffect, useMemo, useState } from "react"
 import TaskStatusTag from "./TaskStatusTag"
 
@@ -139,15 +140,13 @@ export default function WorkflowModal(props: {
       size={720}>
       <Stack gap="sm">
         <ScrollArea h={360} type="auto">
-          <DataTable<WorkflowRow>
-            withTableBorder
-            withRowBorders
+          <SettingDataTable<WorkflowRow>
             pinLastColumn
+            fetching={loading}
             idAccessor="__rowId"
             records={rows}
             width={Math.max(columns.length * 140, 640)}
             columns={columns}
-            noRecordsText={loading ? "加载中..." : "暂无数据"}
             minHeight={220}
           />
         </ScrollArea>