From 98283991979d0f3994ac3adbdd49d489820a28cc Mon Sep 17 00:00:00 2001
From: elseif <else.switch@gmail.com>
Date: Thu, 14 Mar 2024 14:33:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=A1=A8=E6=A0=BC?=
 =?UTF-8?q?=E6=8E=92=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/final/content/Content.vue | 32 +++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/src/views/final/content/Content.vue b/src/views/final/content/Content.vue
index 7de88d4..61e66a2 100644
--- a/src/views/final/content/Content.vue
+++ b/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: '更新时间',