| | |
| | | |
| | | import { h } from 'vue'; |
| | | |
| | | import { DocAlert, Page, prompt } from '..\..\..\packages\effects\common-ui\src'; |
| | | import { Page, prompt } from '@vben/common-ui'; |
| | | import { |
| | | BpmModelFormType, |
| | | BpmProcessInstanceStatus, |
| | | DICT_TYPE, |
| | | } from '..\..\..\packages\constants\src'; |
| | | } from '@vben/constants'; |
| | | |
| | | import { Button, message, Textarea } from 'ant-design-vue'; |
| | | import { Button, message, Textarea, Tooltip } from 'ant-design-vue'; |
| | | |
| | | import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table'; |
| | | import { getProcessDefinition } from '#/api/bpm/definition'; |
| | |
| | | </script> |
| | | |
| | | <template> |
| | | <Page auto-content-height> |
| | | <template #doc> |
| | | <DocAlert |
| | | title="流程发起、取消、重新发起" |
| | | url="https://doc.iocoder.cn/bpm/process-instance" |
| | | /> |
| | | </template> |
| | | |
| | | <Grid table-title="流程状态"> |
| | | <Page auto-content-height><Grid table-title="流程状态"> |
| | | <template #slot-summary="{ row }"> |
| | | <div |
| | | class="flex flex-col py-2" |
| | | <Tooltip |
| | | v-if="row.summary && row.summary.length > 0" |
| | | placement="topLeft" |
| | | > |
| | | <div v-for="(item, index) in row.summary" :key="index"> |
| | | <span class="text-gray-500"> |
| | | <template #title> |
| | | <div v-for="(item, index) in row.summary" :key="index"> |
| | | {{ item.key }} : {{ item.value }} |
| | | </div> |
| | | </template> |
| | | <div class="truncate max-w-[200px] cursor-pointer"> |
| | | <span |
| | | v-for="(item, index) in row.summary" |
| | | :key="index" |
| | | > |
| | | <span class="text-gray-500"> |
| | | {{ item.key }} : {{ item.value }} |
| | | </span> |
| | | <span v-if="index < row.summary.length - 1" class="mx-1 text-gray-300">|</span> |
| | | </span> |
| | | </div> |
| | | </div> |
| | | </Tooltip> |
| | | <div v-else>-</div> |
| | | </template> |
| | | <template #slot-status="{ row }"> |