<!--待办事项列表-->
<template>
    <div >
        <TableHeader date-picker>
            <template v-slot:select>
                <el-form-item label='任务名称'>
                    <el-input
                        v-model='tableStore.table.params.searchValue'
                        placeholder='请输入任务名称'
                    ></el-input>
                </el-form-item>
            </template>

        </TableHeader>
        <!--表格-->
        <Table ref='tableRef'></Table>
    </div>
</template>

<script setup lang='ts'>
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
import { onMounted, provide, ref } from 'vue'
import { useRouter } from 'vue-router'


defineOptions({
    name: 'businessUser'
})

const { push } = useRouter()


const tableStore = new TableStore({
    url: '/bpm-boot/bpm/task/todoList',
    method: 'POST',
    publicHeight: 65,
    column: [
        { title: '序号', type: 'seq', width: 80 },
        { title: '任务名称', field: 'processInstance.name', minWidth: 130 },
        { title: '发起人', field: 'processInstance.startUser.name', minWidth: 130 },
        { title: '发起部门', field: 'processInstance.startUser.deptName', minWidth: 130 },
        { title: '发起时间', field: 'createTime', minWidth: 170 },
        { title: '当前任务', field: 'name', minWidth: 130 },
        {
            title: '操作',
            align: 'center',
            width: '230',
            render: 'buttons',
            buttons: [
                {
                    name: 'productSetting',
                    title: '办理',
                    type: 'primary',
                    icon: 'el-icon-EditPen',
                    render: 'basicButton',
                    click: row => {
                        handleAudit(row.processInstance.id)
                    }
                }
            ]
        }
    ],
    beforeSearchFun: () => {
        for (let key in tableStore.table.params) {
            if (tableStore.table.params[key] === '') {
                delete tableStore.table.params[key]
            }
        }

    }
})

onMounted(() => {
    // 加载数据
    tableStore.index()
})
tableStore.table.params.searchValue = ''
provide('tableStore', tableStore)

/** 处理审批按钮 */
const handleAudit = (instanceId: any) => {
    push({
        name: 'BpmProcessInstanceDetail',
        query: {
            id: instanceId,
            todo: 'todo'
        }
    })
}

</script>
