feat: bpm task

src/views/bpm/task/done/index.vue

@@ -1,16 +1,30 @@
 <template>
   <div>
-    <BasicTable @register="registerTable" />
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.VIEW, label: '详情', onClick: openDetail.bind(null, record) },
+              { icon: IconEnum.VIEW, label: '流程', onClick: handleAudit.bind(null, record) }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
   </div>
 </template>
 <script lang="ts" setup>
+import { useGo } from '@/hooks/web/usePage'
 import { useI18n } from '@/hooks/web/useI18n'
-import { BasicTable, useTable } from '@/components/Table'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { IconEnum } from '@/enums/appEnum'
 import { getDoneTaskPage } from '@/api/bpm/task'
 import { columns, searchFormSchema } from './done.data'
 
-defineOptions({ name: 'BpmDone' })
+defineOptions({ name: 'BpmDoneTask' })
 
+const go = useGo()
 const { t } = useI18n()
 
 const [registerTable] = useTable({
@@ -27,4 +41,12 @@ const [registerTable] = useTable({
     fixed: 'right'
   }
 })
+
+function openDetail(record: Recordable) {
+  console.info(record)
+}
+
+function handleAudit(record: Recordable) {
+  go({ name: 'BpmProcessInstanceDetail', query: { id: record.id } })
+}
 </script>

src/views/bpm/task/todo/index.vue

@@ -1,16 +1,25 @@
 <template>
   <div>
-    <BasicTable @register="registerTable" />
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction :actions="[{ icon: IconEnum.VIEW, label: '审批进度', onClick: handleAudit.bind(null, record) }]" />
+        </template>
+      </template>
+    </BasicTable>
   </div>
 </template>
 <script lang="ts" setup>
+import { useGo } from '@/hooks/web/usePage'
 import { useI18n } from '@/hooks/web/useI18n'
-import { BasicTable, useTable } from '@/components/Table'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { IconEnum } from '@/enums/appEnum'
 import { getTodoTaskPage } from '@/api/bpm/task'
 import { columns, searchFormSchema } from './todo.data'
 
-defineOptions({ name: 'BpmTodo' })
+defineOptions({ name: 'BpmTodoTask' })
 
+const go = useGo()
 const { t } = useI18n()
 
 const [registerTable] = useTable({
@@ -27,4 +36,8 @@ const [registerTable] = useTable({
     fixed: 'right'
   }
 })
+
+function handleAudit(record: Recordable) {
+  go({ name: 'BpmProcessInstanceDetail', query: { id: record.id } })
+}
 </script>