yudao-ui-admin-vue3/src/views/bpm/task/todo/index.vue

<template>
  <ContentWrap>
    <XTable @register="registerTable">
      <template #suspensionState_default="{ row }">
        <el-tag type="success" v-if="row.suspensionState === 1">激活</el-tag>
        <el-tag type="warning" v-if="row.suspensionState === 2">挂起</el-tag>
      </template>
      <template #actionbtns_default="{ row }">
        <!-- 操作: 审批进度 -->
        <XTextButton preIcon="ep:edit-pen" title="审批进度" @click="handleAudit(row)" />
        <XTextButton title="抄送" @click="handleCC(row)" />
      </template>
    </XTable>
    <TaskCCDialogForm ref="taskCCDialogForm"/>
  </ContentWrap>
</template>

<script lang="ts" setup>
// 业务相关的 import
import { allSchemas } from './todo.data'
import * as TaskApi from '@/api/bpm/task'
import TaskCCDialogForm from '../../processInstance/detail/TaskCCDialogForm.vue'

defineOptions({ name: 'BpmTodoTask' })

const { push } = useRouter() // 路由

const [registerTable] = useXTable({
  allSchemas: allSchemas,
  topActionSlots: false,
  getListApi: TaskApi.getTodoTaskPage
})

// 处理审批按钮
const handleAudit = (row) => {
  push({
    name: 'BpmProcessInstanceDetail',
    query: {
      id: row.processInstance.id
    }
  })
}

const taskCCDialogForm = ref()
/** 处理抄送按钮 */
const handleCC = (row) => {
  taskCCDialogForm.value.open(row)
}
</script>