物业代码生成
This commit is contained in:
62
apps/web-antd/src/views/workflow/leave/api/index.ts
Normal file
62
apps/web-antd/src/views/workflow/leave/api/index.ts
Normal file
@@ -0,0 +1,62 @@
|
||||
import type { LeaveForm, LeaveQuery, LeaveVO } from './model';
|
||||
|
||||
import type { ID, IDS, PageResult } from '#/api/common';
|
||||
|
||||
import { commonExport } from '#/api/helper';
|
||||
import { requestClient } from '#/api/request';
|
||||
|
||||
/**
|
||||
* 查询请假申请列表
|
||||
* @param params
|
||||
* @returns 请假申请列表
|
||||
*/
|
||||
export function leaveList(params?: LeaveQuery) {
|
||||
return requestClient.get<PageResult<LeaveVO>>('/workflow/leave/list', {
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 导出请假申请列表
|
||||
* @param params
|
||||
* @returns 请假申请列表
|
||||
*/
|
||||
export function leaveExport(params?: LeaveQuery) {
|
||||
return commonExport('/workflow/leave/export', params ?? {});
|
||||
}
|
||||
|
||||
/**
|
||||
* 查询请假申请详情
|
||||
* @param id id
|
||||
* @returns 请假申请详情
|
||||
*/
|
||||
export function leaveInfo(id: ID) {
|
||||
return requestClient.get<LeaveVO>(`/workflow/leave/${id}`);
|
||||
}
|
||||
|
||||
/**
|
||||
* 新增请假申请
|
||||
* @param data
|
||||
* @returns void
|
||||
*/
|
||||
export function leaveAdd(data: LeaveForm) {
|
||||
return requestClient.postWithMsg<LeaveVO>('/workflow/leave', data);
|
||||
}
|
||||
|
||||
/**
|
||||
* 更新请假申请
|
||||
* @param data
|
||||
* @returns void
|
||||
*/
|
||||
export function leaveUpdate(data: LeaveForm) {
|
||||
return requestClient.putWithMsg<LeaveVO>('/workflow/leave', data);
|
||||
}
|
||||
|
||||
/**
|
||||
* 删除请假申请
|
||||
* @param id id
|
||||
* @returns void
|
||||
*/
|
||||
export function leaveRemove(id: ID | IDS) {
|
||||
return requestClient.deleteWithMsg<void>(`/workflow/leave/${id}`);
|
||||
}
|
||||
107
apps/web-antd/src/views/workflow/leave/api/model.d.ts
vendored
Normal file
107
apps/web-antd/src/views/workflow/leave/api/model.d.ts
vendored
Normal file
@@ -0,0 +1,107 @@
|
||||
import type { BaseEntity, PageQuery } from '#/api/common';
|
||||
|
||||
export interface LeaveVO {
|
||||
/**
|
||||
* 主键
|
||||
*/
|
||||
id: number | string;
|
||||
|
||||
/**
|
||||
* 请假类型
|
||||
*/
|
||||
leaveType: string;
|
||||
|
||||
/**
|
||||
* 开始时间
|
||||
*/
|
||||
startDate: string;
|
||||
|
||||
/**
|
||||
* 结束时间
|
||||
*/
|
||||
endDate: string;
|
||||
|
||||
/**
|
||||
* 请假天数
|
||||
*/
|
||||
leaveDays: number;
|
||||
|
||||
/**
|
||||
* 请假原因
|
||||
*/
|
||||
remark: string;
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
status: string;
|
||||
}
|
||||
|
||||
export interface LeaveForm extends BaseEntity {
|
||||
/**
|
||||
* 主键
|
||||
*/
|
||||
id?: number | string;
|
||||
|
||||
/**
|
||||
* 请假类型
|
||||
*/
|
||||
leaveType?: string;
|
||||
|
||||
/**
|
||||
* 开始时间
|
||||
*/
|
||||
startDate?: string;
|
||||
|
||||
/**
|
||||
* 结束时间
|
||||
*/
|
||||
endDate?: string;
|
||||
|
||||
/**
|
||||
* 请假天数
|
||||
*/
|
||||
leaveDays?: number;
|
||||
|
||||
/**
|
||||
* 请假原因
|
||||
*/
|
||||
remark?: string;
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
status?: string;
|
||||
}
|
||||
|
||||
export interface LeaveQuery extends PageQuery {
|
||||
/**
|
||||
* 请假类型
|
||||
*/
|
||||
leaveType?: string;
|
||||
|
||||
/**
|
||||
* 开始时间
|
||||
*/
|
||||
startDate?: string;
|
||||
|
||||
/**
|
||||
* 结束时间
|
||||
*/
|
||||
endDate?: string;
|
||||
|
||||
/**
|
||||
* 请假天数
|
||||
*/
|
||||
leaveDays?: number;
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
status?: string;
|
||||
|
||||
/**
|
||||
* 日期范围参数
|
||||
*/
|
||||
params?: any;
|
||||
}
|
||||
175
apps/web-antd/src/views/workflow/leave/data.tsx
Normal file
175
apps/web-antd/src/views/workflow/leave/data.tsx
Normal file
@@ -0,0 +1,175 @@
|
||||
import type { FormSchemaGetter, VbenFormSchema } from '#/adapter/form';
|
||||
import type { VxeGridProps } from '#/adapter/vxe-table';
|
||||
|
||||
import { DictEnum } from '@vben/constants';
|
||||
import { getPopupContainer } from '@vben/utils';
|
||||
|
||||
import dayjs from 'dayjs';
|
||||
|
||||
import { OptionsTag } from '#/components/table';
|
||||
import { renderDict } from '#/utils/render';
|
||||
|
||||
export const leaveTypeOptions = [
|
||||
{ label: '病假', value: '1' },
|
||||
{ label: '事假', value: '2' },
|
||||
{ label: '年假', value: '3' },
|
||||
{ label: '婚假', value: '4' },
|
||||
{ label: '产假', value: '5' },
|
||||
{ label: '其他', value: '7' },
|
||||
];
|
||||
|
||||
export const leaveFlowOptions = [
|
||||
{ label: '请假流程-普通', value: 'leave1' },
|
||||
{ label: '请假流程-排他网关', value: 'leave2' },
|
||||
{ label: '请假流程-并行网关', value: 'leave3' },
|
||||
{ label: '请假流程-会签', value: 'leave4' },
|
||||
{ label: '请假申请-并行会签网关', value: 'leave5' },
|
||||
{ label: '请假申请-排他并行网关', value: 'leave6' },
|
||||
];
|
||||
|
||||
export const querySchema: FormSchemaGetter = () => [
|
||||
{
|
||||
component: 'InputNumber',
|
||||
componentProps: {
|
||||
min: 1,
|
||||
},
|
||||
fieldName: 'startLeaveDays',
|
||||
label: '请假天数',
|
||||
},
|
||||
{
|
||||
component: 'InputNumber',
|
||||
componentProps: {
|
||||
min: 1,
|
||||
},
|
||||
fieldName: 'endLeaveDays',
|
||||
label: '至',
|
||||
labelClass: 'justify-center',
|
||||
},
|
||||
];
|
||||
|
||||
export const columns: VxeGridProps['columns'] = [
|
||||
{ type: 'checkbox', width: 60 },
|
||||
{
|
||||
title: '请假类型',
|
||||
field: 'leaveType',
|
||||
slots: {
|
||||
default: ({ row }) => {
|
||||
return <OptionsTag options={leaveTypeOptions} value={row.leaveType} />;
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '开始时间',
|
||||
field: 'startDate',
|
||||
formatter: ({ cellValue }) => dayjs(cellValue).format('YYYY-MM-DD'),
|
||||
},
|
||||
{
|
||||
title: '结束时间',
|
||||
field: 'endDate',
|
||||
formatter: ({ cellValue }) => dayjs(cellValue).format('YYYY-MM-DD'),
|
||||
},
|
||||
{
|
||||
title: '请假天数',
|
||||
field: 'leaveDays',
|
||||
formatter: ({ cellValue }) => `${cellValue}天`,
|
||||
},
|
||||
{
|
||||
title: '请假原因',
|
||||
field: 'remark',
|
||||
},
|
||||
{
|
||||
title: '流程状态',
|
||||
field: 'status',
|
||||
slots: {
|
||||
default: ({ row }) => {
|
||||
return renderDict(row.status, DictEnum.WF_BUSINESS_STATUS);
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'action',
|
||||
fixed: 'right',
|
||||
slots: { default: 'action' },
|
||||
title: '操作',
|
||||
resizable: false,
|
||||
width: 'auto',
|
||||
},
|
||||
];
|
||||
|
||||
export const modalSchema: (isEdit: boolean) => VbenFormSchema[] = (
|
||||
isEdit: boolean,
|
||||
) => [
|
||||
{
|
||||
label: '主键',
|
||||
fieldName: 'id',
|
||||
component: 'Input',
|
||||
dependencies: {
|
||||
show: () => false,
|
||||
triggerFields: [''],
|
||||
},
|
||||
},
|
||||
{
|
||||
label: '流程类型',
|
||||
fieldName: 'flowType',
|
||||
component: 'Select',
|
||||
help: '这里仅仅为了发起流程方便, 实际不应该包含此字段',
|
||||
componentProps: {
|
||||
options: leaveFlowOptions,
|
||||
getPopupContainer,
|
||||
},
|
||||
defaultValue: 'leave1',
|
||||
rules: 'selectRequired',
|
||||
dependencies: {
|
||||
show: () => isEdit,
|
||||
triggerFields: [''],
|
||||
},
|
||||
},
|
||||
{
|
||||
label: '请假类型',
|
||||
fieldName: 'leaveType',
|
||||
component: 'Select',
|
||||
componentProps: {
|
||||
options: leaveTypeOptions,
|
||||
getPopupContainer,
|
||||
},
|
||||
rules: 'selectRequired',
|
||||
formItemClass: 'col-span-1',
|
||||
},
|
||||
{
|
||||
label: '开始时间',
|
||||
fieldName: 'dateRange',
|
||||
component: 'RangePicker',
|
||||
componentProps(model) {
|
||||
return {
|
||||
format: 'YYYY-MM-DD',
|
||||
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
||||
onChange: (dates: [string, string]) => {
|
||||
if (!dates) {
|
||||
model.leaveDays = null;
|
||||
return;
|
||||
}
|
||||
const [start, end] = dates;
|
||||
const leaveDays = dayjs(end).diff(dayjs(start), 'day') + 1;
|
||||
model.leaveDays = leaveDays;
|
||||
},
|
||||
};
|
||||
},
|
||||
rules: 'required',
|
||||
formItemClass: 'col-span-1',
|
||||
},
|
||||
{
|
||||
label: '请假天数',
|
||||
fieldName: 'leaveDays',
|
||||
component: 'Input',
|
||||
componentProps: {
|
||||
disabled: true,
|
||||
},
|
||||
rules: 'required',
|
||||
},
|
||||
{
|
||||
label: '请假原因',
|
||||
fieldName: 'remark',
|
||||
component: 'Textarea',
|
||||
formItemClass: 'items-start',
|
||||
},
|
||||
];
|
||||
200
apps/web-antd/src/views/workflow/leave/index.vue
Normal file
200
apps/web-antd/src/views/workflow/leave/index.vue
Normal file
@@ -0,0 +1,200 @@
|
||||
<script setup lang="ts">
|
||||
import type { VbenFormProps } from '@vben/common-ui';
|
||||
|
||||
import type { LeaveForm } from './api/model';
|
||||
|
||||
import type { VxeGridProps } from '#/adapter/vxe-table';
|
||||
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { Page, useVbenModal } from '@vben/common-ui';
|
||||
import { getVxePopupContainer } from '@vben/utils';
|
||||
|
||||
import { Modal, Popconfirm, Space } from 'ant-design-vue';
|
||||
|
||||
import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';
|
||||
import { cancelProcessApply } from '#/api/workflow/instance';
|
||||
import { commonDownloadExcel } from '#/utils/file/download';
|
||||
|
||||
import { flowInfoModal } from '../components';
|
||||
import { leaveExport, leaveList, leaveRemove } from './api';
|
||||
import { columns, querySchema } from './data';
|
||||
|
||||
const formOptions: VbenFormProps = {
|
||||
commonConfig: {
|
||||
labelWidth: 80,
|
||||
componentProps: {
|
||||
allowClear: true,
|
||||
},
|
||||
},
|
||||
schema: querySchema(),
|
||||
wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',
|
||||
};
|
||||
|
||||
const gridOptions: VxeGridProps = {
|
||||
checkboxConfig: {
|
||||
// 高亮
|
||||
highlight: true,
|
||||
// 翻页时保留选中状态
|
||||
reserve: true,
|
||||
// 选中 需要根据状态判断
|
||||
checkMethod: ({ row }) => ['back', 'cancel', 'draft'].includes(row.status),
|
||||
},
|
||||
columns,
|
||||
height: 'auto',
|
||||
keepSource: true,
|
||||
pagerConfig: {},
|
||||
proxyConfig: {
|
||||
ajax: {
|
||||
query: async ({ page }, formValues = {}) => {
|
||||
return await leaveList({
|
||||
pageNum: page.currentPage,
|
||||
pageSize: page.pageSize,
|
||||
...formValues,
|
||||
});
|
||||
},
|
||||
},
|
||||
},
|
||||
rowConfig: {
|
||||
keyField: 'id',
|
||||
},
|
||||
// 表格全局唯一表示 保存列配置需要用到
|
||||
id: 'workflow-leave-index',
|
||||
};
|
||||
|
||||
const [BasicTable, tableApi] = useVbenVxeGrid({
|
||||
formOptions,
|
||||
gridOptions,
|
||||
});
|
||||
|
||||
const router = useRouter();
|
||||
function handleAdd() {
|
||||
router.push('/workflow/leaveEdit/index');
|
||||
}
|
||||
|
||||
async function handleEdit(row: Required<LeaveForm>) {
|
||||
router.push({ path: '/workflow/leaveEdit/index', query: { id: row.id } });
|
||||
}
|
||||
|
||||
async function handleDelete(row: Required<LeaveForm>) {
|
||||
await leaveRemove(row.id);
|
||||
await tableApi.query();
|
||||
}
|
||||
|
||||
async function handleRevoke(row: Required<LeaveForm>) {
|
||||
await cancelProcessApply({
|
||||
businessId: row.id,
|
||||
message: '申请人撤销流程！',
|
||||
});
|
||||
await tableApi.query();
|
||||
}
|
||||
|
||||
function handleMultiDelete() {
|
||||
const rows = tableApi.grid.getCheckboxRecords();
|
||||
const ids = rows.map((row: Required<LeaveForm>) => row.id);
|
||||
Modal.confirm({
|
||||
title: '提示',
|
||||
okType: 'danger',
|
||||
content: `确认删除选中的${ids.length}条记录吗？`,
|
||||
onOk: async () => {
|
||||
await leaveRemove(ids);
|
||||
await tableApi.query();
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
function handleDownloadExcel() {
|
||||
commonDownloadExcel(
|
||||
leaveExport,
|
||||
'请假申请数据',
|
||||
tableApi.formApi.form.values,
|
||||
{
|
||||
fieldMappingTime: formOptions.fieldMappingTime,
|
||||
},
|
||||
);
|
||||
}
|
||||
const [FlowInfoModal, flowInfoModalApi] = useVbenModal({
|
||||
connectedComponent: flowInfoModal,
|
||||
});
|
||||
function handleInfo(row: Required<LeaveForm>) {
|
||||
flowInfoModalApi.setData({ businessId: row.id });
|
||||
flowInfoModalApi.open();
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Page :auto-content-height="true">
|
||||
<BasicTable table-title="请假申请列表">
|
||||
<template #toolbar-tools>
|
||||
<Space>
|
||||
<a-button
|
||||
v-access:code="['workflow:leave:export']"
|
||||
@click="handleDownloadExcel"
|
||||
>
|
||||
{{ $t('pages.common.export') }}
|
||||
</a-button>
|
||||
<a-button
|
||||
:disabled="!vxeCheckboxChecked(tableApi)"
|
||||
danger
|
||||
type="primary"
|
||||
v-access:code="['workflow:leave:remove']"
|
||||
@click="handleMultiDelete"
|
||||
>
|
||||
{{ $t('pages.common.delete') }}
|
||||
</a-button>
|
||||
<a-button
|
||||
type="primary"
|
||||
v-access:code="['workflow:leave:add']"
|
||||
@click="handleAdd"
|
||||
>
|
||||
{{ $t('pages.common.add') }}
|
||||
</a-button>
|
||||
</Space>
|
||||
</template>
|
||||
<template #action="{ row }">
|
||||
<Space>
|
||||
<ghost-button
|
||||
v-if="['draft', 'cancel', 'back'].includes(row.status)"
|
||||
v-access:code="['workflow:leave:edit']"
|
||||
@click.stop="handleEdit(row)"
|
||||
>
|
||||
{{ $t('pages.common.edit') }}
|
||||
</ghost-button>
|
||||
<Popconfirm
|
||||
:get-popup-container="getVxePopupContainer"
|
||||
placement="left"
|
||||
title="确认撤销？"
|
||||
@confirm="handleRevoke(row)"
|
||||
>
|
||||
<ghost-button
|
||||
v-if="['waiting'].includes(row.status)"
|
||||
v-access:code="['workflow:leave:edit']"
|
||||
@click.stop=""
|
||||
>
|
||||
撤销
|
||||
</ghost-button>
|
||||
</Popconfirm>
|
||||
<ghost-button v-if="row.status !== 'draft'" @click="handleInfo(row)">
|
||||
详情
|
||||
</ghost-button>
|
||||
<Popconfirm
|
||||
:get-popup-container="getVxePopupContainer"
|
||||
placement="left"
|
||||
title="确认删除？"
|
||||
@confirm="handleDelete(row)"
|
||||
>
|
||||
<ghost-button
|
||||
v-if="['draft', 'cancel', 'back'].includes(row.status)"
|
||||
danger
|
||||
v-access:code="['workflow:leave:remove']"
|
||||
@click.stop=""
|
||||
>
|
||||
{{ $t('pages.common.delete') }}
|
||||
</ghost-button>
|
||||
</Popconfirm>
|
||||
</Space>
|
||||
</template>
|
||||
</BasicTable>
|
||||
<FlowInfoModal />
|
||||
</Page>
|
||||
</template>
|
||||
45
apps/web-antd/src/views/workflow/leave/leave-description.vue
Normal file
45
apps/web-antd/src/views/workflow/leave/leave-description.vue
Normal file
@@ -0,0 +1,45 @@
|
||||
<script setup lang="ts">
|
||||
import type { LeaveVO } from './api/model';
|
||||
|
||||
import { computed } from 'vue';
|
||||
|
||||
import { Descriptions, DescriptionsItem } from 'ant-design-vue';
|
||||
import dayjs from 'dayjs';
|
||||
|
||||
import { leaveTypeOptions } from './data';
|
||||
|
||||
defineOptions({
|
||||
name: 'LeaveDescription',
|
||||
inheritAttrs: false,
|
||||
});
|
||||
|
||||
const props = defineProps<{ data: LeaveVO }>();
|
||||
|
||||
const leaveType = computed(() => {
|
||||
return (
|
||||
leaveTypeOptions.find((item) => item.value === props.data.leaveType)
|
||||
?.label ?? '未知'
|
||||
);
|
||||
});
|
||||
|
||||
function formatDate(date: string) {
|
||||
return dayjs(date).format('YYYY-MM-DD');
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Descriptions :column="1" size="middle">
|
||||
<DescriptionsItem label="请假类型">
|
||||
{{ leaveType }}
|
||||
</DescriptionsItem>
|
||||
<DescriptionsItem label="请假时间">
|
||||
{{ formatDate(data.startDate) }} - {{ formatDate(data.endDate) }}
|
||||
</DescriptionsItem>
|
||||
<DescriptionsItem label="请假时长">
|
||||
{{ data.leaveDays }}天
|
||||
</DescriptionsItem>
|
||||
<DescriptionsItem label="请假原因">
|
||||
{{ data.remark || '无' }}
|
||||
</DescriptionsItem>
|
||||
</Descriptions>
|
||||
</template>
|
||||
192
apps/web-antd/src/views/workflow/leave/leave-form.vue
Normal file
192
apps/web-antd/src/views/workflow/leave/leave-form.vue
Normal file
@@ -0,0 +1,192 @@
|
||||
<script setup lang="ts">
|
||||
import type { LeaveVO } from './api/model';
|
||||
|
||||
import type { StartWorkFlowReqData } from '#/api/workflow/task/model';
|
||||
|
||||
import { computed, onMounted, ref, useTemplateRef } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
|
||||
import { useVbenModal } from '@vben/common-ui';
|
||||
|
||||
import { Card } from 'ant-design-vue';
|
||||
import dayjs from 'dayjs';
|
||||
import { cloneDeep, omit } from 'lodash-es';
|
||||
|
||||
import { useVbenForm } from '#/adapter/form';
|
||||
import { startWorkFlow } from '#/api/workflow/task';
|
||||
|
||||
import { applyModal } from '../components';
|
||||
import { leaveAdd, leaveInfo, leaveUpdate } from './api';
|
||||
import { modalSchema } from './data';
|
||||
import LeaveDescription from './leave-description.vue';
|
||||
|
||||
const route = useRoute();
|
||||
const readonly = route.query?.readonly === 'true';
|
||||
const id = route.query?.id as string;
|
||||
|
||||
/**
|
||||
* id存在&readonly时候
|
||||
*/
|
||||
const showActionBtn = computed(() => {
|
||||
return !readonly;
|
||||
});
|
||||
|
||||
const [BasicForm, formApi] = useVbenForm({
|
||||
commonConfig: {
|
||||
// 默认占满两列
|
||||
formItemClass: 'col-span-2',
|
||||
// 默认label宽度 px
|
||||
labelWidth: 100,
|
||||
// 通用配置项 会影响到所有表单项
|
||||
componentProps: {
|
||||
class: 'w-full',
|
||||
disabled: readonly,
|
||||
},
|
||||
},
|
||||
schema: modalSchema(!readonly),
|
||||
showDefaultActions: false,
|
||||
wrapperClass: 'grid-cols-2',
|
||||
});
|
||||
|
||||
const leaveDescription = ref<LeaveVO>();
|
||||
const showDescription = computed(() => {
|
||||
return readonly && leaveDescription.value;
|
||||
});
|
||||
const cardRef = useTemplateRef('cardRef');
|
||||
onMounted(async () => {
|
||||
// 只读 获取信息赋值
|
||||
if (id) {
|
||||
const resp = await leaveInfo(id);
|
||||
leaveDescription.value = resp;
|
||||
await formApi.setValues(resp);
|
||||
const dateRange = [dayjs(resp.startDate), dayjs(resp.endDate)];
|
||||
await formApi.setFieldValue('dateRange', dateRange);
|
||||
|
||||
/**
|
||||
* window.parent（最近的上一级父页面）
|
||||
* 主要解决内嵌iframe卡顿的问题
|
||||
*/
|
||||
if (readonly) {
|
||||
// 渲染完毕才显示表单
|
||||
window.parent.postMessage({ type: 'mounted' }, '*');
|
||||
// 获取表单高度 内嵌时保持一致
|
||||
setTimeout(() => {
|
||||
const el = cardRef.value?.$el as HTMLDivElement;
|
||||
// 获取高度
|
||||
const height = el?.offsetHeight ?? 0;
|
||||
if (height) {
|
||||
window.parent.postMessage({ type: 'height', height }, '*');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
/**
|
||||
* 提取通用逻辑
|
||||
*/
|
||||
async function handleSaveOrUpdate() {
|
||||
const { valid } = await formApi.validate();
|
||||
if (!valid) {
|
||||
return;
|
||||
}
|
||||
let data = cloneDeep(await formApi.getValues()) as any;
|
||||
data = omit(data, 'flowType');
|
||||
// 处理日期
|
||||
data.startDate = dayjs(data.dateRange[0]).format('YYYY-MM-DD HH:mm:ss');
|
||||
data.endDate = dayjs(data.dateRange[1]).format('YYYY-MM-DD HH:mm:ss');
|
||||
if (id) {
|
||||
data.id = id;
|
||||
return await leaveUpdate(data);
|
||||
} else {
|
||||
return await leaveAdd(data);
|
||||
}
|
||||
}
|
||||
|
||||
const [ApplyModal, applyModalApi] = useVbenModal({
|
||||
connectedComponent: applyModal,
|
||||
});
|
||||
/**
|
||||
* 暂存 草稿状态
|
||||
*/
|
||||
async function handleTempSave() {
|
||||
try {
|
||||
await handleSaveOrUpdate();
|
||||
router.push('/demo/leave');
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 保存业务 & 发起流程
|
||||
*/
|
||||
async function handleStartWorkFlow() {
|
||||
try {
|
||||
// 保存业务
|
||||
const leaveResp = await handleSaveOrUpdate();
|
||||
// 启动流程
|
||||
const taskVariables = {
|
||||
leaveDays: leaveResp!.leaveDays,
|
||||
userList: ['1', '3', '4'],
|
||||
};
|
||||
const formValues = await formApi.getValues();
|
||||
const flowCode = formValues?.flowType ?? 'leave1';
|
||||
const startWorkFlowData: StartWorkFlowReqData = {
|
||||
businessId: leaveResp!.id,
|
||||
flowCode,
|
||||
variables: taskVariables,
|
||||
};
|
||||
const { taskId } = await startWorkFlow(startWorkFlowData);
|
||||
// 打开窗口
|
||||
applyModalApi.setData({
|
||||
taskId,
|
||||
taskVariables,
|
||||
variables: {},
|
||||
});
|
||||
applyModalApi.open();
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
}
|
||||
|
||||
function handleComplete() {
|
||||
formApi.resetForm();
|
||||
router.push('/demo/leave');
|
||||
}
|
||||
|
||||
/**
|
||||
* 显示详情时 需要较小的padding
|
||||
*/
|
||||
const cardSize = computed(() => {
|
||||
return showDescription.value ? 'small' : 'default';
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Card ref="cardRef" :size="cardSize">
|
||||
<div id="leave-form">
|
||||
<!-- 使用v-if会影响生命周期 -->
|
||||
<BasicForm v-show="!showDescription" />
|
||||
<LeaveDescription v-if="showDescription" :data="leaveDescription!" />
|
||||
<div v-if="showActionBtn" class="flex justify-end gap-2">
|
||||
<a-button @click="handleTempSave">暂存</a-button>
|
||||
<a-button type="primary" @click="handleStartWorkFlow">提交</a-button>
|
||||
</div>
|
||||
<ApplyModal @complete="handleComplete" />
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
html:has(#leave-form) {
|
||||
/**
|
||||
去除顶部进度条样式
|
||||
*/
|
||||
#nprogress {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
11
apps/web-antd/src/views/workflow/leave/leaveEdit.vue
Normal file
11
apps/web-antd/src/views/workflow/leave/leaveEdit.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<!--
|
||||
后端版本>=5.4.0 这个从本地路由变为从后台返回
|
||||
未修改文件名 而是新加了这个文件
|
||||
-->
|
||||
<script setup lang="ts">
|
||||
import LeaveFormPage from './leave-form.vue';
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<LeaveFormPage />
|
||||
</template>
|
||||
Reference in New Issue
Block a user