feat: 添加表格排序

src/views/final/content/Content.vue

@@ -13,6 +13,7 @@ import { isBoolean } from '@/utils/is'
 import { useUser } from '@/store/modules/user'
 import type { ApprovalParam } from '/#/api'
 import { audit } from '@/api/task/task'
+import SvgIcon from '@/components/Icon/SvgIcon.vue'
 
 const columns: DataTableColumns<RowData> = [
   {
@@ -30,7 +31,7 @@ const columns: DataTableColumns<RowData> = [
     title: '任务名称',
     key: 'fromtaskname',
     fixed: 'left',
-    width: 200,
+    width: 150,
   },
   {
     title: '审批节点',
@@ -41,16 +42,43 @@ const columns: DataTableColumns<RowData> = [
     title: '审批状态',
     key: 'states',
     width: 100,
+    sorter: 'default',
+    renderSorterIcon: ({ order }) => {
+      if (order === false)
+        return h(SvgIcon, { name: 'sort-2' })
+      if (order === 'ascend')
+        return h(SvgIcon, { name: 'sort-1' })
+      if (order === 'descend')
+        return h(SvgIcon, { name: 'sort-3' })
+    },
   },
   {
     title: '图片相似度',
     key: 'similarity',
-    width: 100,
+    width: 150,
+    sorter: 'default',
+    renderSorterIcon: ({ order }) => {
+      if (order === false)
+        return h(SvgIcon, { name: 'sort-2' })
+      if (order === 'ascend')
+        return h(SvgIcon, { name: 'sort-1' })
+      if (order === 'descend')
+        return h(SvgIcon, { name: 'sort-3' })
+    },
   },
   {
     title: '提报时间',
     key: 'fromuptime',
     width: 200,
+    sorter: 'default',
+    renderSorterIcon: ({ order }) => {
+      if (order === false)
+        return h(SvgIcon, { name: 'sort-2' })
+      if (order === 'ascend')
+        return h(SvgIcon, { name: 'sort-1' })
+      if (order === 'descend')
+        return h(SvgIcon, { name: 'sort-3' })
+    },
   },
   {
     title: '更新时间',