@jari-ace/element-plus-component 0.4.3 → 0.5.0

package/dist/components/flowShell/FlowFormShell.vue.js

@@ -0,0 +1,671 @@
+import { ref, watch, computed, nextTick } from 'vue';
+import { useTaskQueryApi, useFlowDefinitionApi } from '@jari-ace/app-bolts';
+import { createAxiosWithoutCache, useLoading } from '@jari-ace/app-bolts';
+import { ElMessage, ElTag, ElCard, ElButton, ElTimeline, ElTimelineItem, ElEmpty, ElIcon, ElResult } from 'element-plus';
+import { JaButton } from '../button';
+import { JaUserInfoTag } from '../userTag';
+import { ArrowLeft } from '@element-plus/icons-vue';
+import dayjs from 'dayjs';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import 'dayjs/locale/zh-cn';
+import { ElTooltip } from 'element-plus';
+import { isVisible } from 'element-plus/es/utils/index.mjs';
+export default ((__VLS_props, __VLS_ctx, __VLS_expose, __VLS_setup = (async () => {
+    dayjs.extend(relativeTime);
+    dayjs.locale('zh-cn');
+    const props = withDefaults(defineProps(), {
+        appName: undefined,
+        flowKey: undefined,
+        startNodeKey: undefined,
+        taskInstanceId: undefined
+    });
+    const dialogVisible = defineModel({
+        default: false
+    });
+    const axios = createAxiosWithoutCache();
+    const loading = useLoading(axios);
+    const localLoading = ref(false);
+    const isLoading = computed(() => loading.value || localLoading.value);
+    const saving = ref(false);
+    const error = ref('');
+    const flowFormParam = ref(undefined);
+    const taskQueryApi = useTaskQueryApi(axios);
+    const flowDefinitionApi = useFlowDefinitionApi(axios);
+    const emits = defineEmits();
+    const flowStateTagType = computed(() => {
+        switch (flowFormParam.value?.flowInstance?.state) {
+            case 0:
+                return 'warning';
+            case 1:
+                return 'success';
+            case 2:
+                return 'danger';
+            default:
+                return 'info';
+        }
+    });
+    const showForwardButton = computed(() => {
+        return flowFormParam.value?.taskInstance || !flowFormParam.value?.flowInstance;
+    });
+    // 获取排序后的任务列表
+    const sortedTasks = computed(() => {
+        if (!flowFormParam.value?.flowInstance?.nodes)
+            return [];
+        let allTasks = [];
+        // 收集所有节点的任务
+        Object.values(flowFormParam.value.flowInstance.nodes).forEach(node => {
+            allTasks = [...allTasks, ...node.tasks];
+        });
+        // 按办结时间排序，最新的在前面
+        return allTasks.sort((a, b) => {
+            const timeA = a.finishTime ? new Date(a.finishTime).getTime() : 0;
+            const timeB = b.finishTime ? new Date(b.finishTime).getTime() : 0;
+            return timeB - timeA;
+        });
+    });
+    // 格式化日期
+    const formatDate = (dateStr) => {
+        if (!dateStr)
+            return '';
+        return dayjs(dateStr).format('YYYY-MM-DD HH:mm:ss');
+    };
+    // 友好显示时间
+    const formatFriendlyTime = (dateStr) => {
+        if (!dateStr)
+            return '';
+        return dayjs(dateStr).fromNow();
+    };
+    // 获取流程状态文本
+    const getFlowStatus = (state) => {
+        switch (state) {
+            case 0:
+                return '进行中';
+            case 1:
+                return '已完成';
+            case 2:
+                return '已中止';
+            default:
+                return '待发起';
+        }
+    };
+    // 获取任务状态文本
+    const getTaskStatus = (state) => {
+        switch (state) {
+            case 0:
+                return '未激活';
+            case 1:
+                return '未接收';
+            case 2:
+                return '已接收';
+            case 3:
+                return '已办结';
+            default:
+                return '未知状态';
+        }
+    };
+    // 监听dialogVisible变化
+    watch(() => dialogVisible.value, async (newValue) => {
+        resetState();
+        if (newValue) {
+            emits('open');
+            // 等待下一个事件循环，确保父组件的open事件处理完成（可能包含异步loadData）
+            await nextTick();
+            loadFlowFormParam();
+        }
+        else {
+            emits('closed');
+        }
+    });
+    // 重置状态
+    const resetState = () => {
+        error.value = '';
+        flowFormParam.value = undefined;
+    };
+    // 加载流程表单参数
+    const loadFlowFormParam = async () => {
+        resetState();
+        // 检查参数
+        // 必须提供 taskInstanceId，或者 appName 和 flowKey
+        if (!props.taskId && !(props.appName && props.flowKey)) {
+            ElMessage.error('参数错误: 必须提供taskInstanceId或appName、flowKey');
+            return;
+        }
+        try {
+            const formId = props.formData?.flowFormId;
+            if (props.taskId) {
+                // 优先使用taskInstanceId
+                flowFormParam.value = await taskQueryApi.getTaskInstanceById(props.taskId);
+            }
+            else if (formId) {
+                // 使用appName、flowKey、formId
+                flowFormParam.value = await taskQueryApi.getTaskByFormIdAndAppAndFlowKey(formId, props.appName, props.flowKey);
+            }
+            else {
+                // 新建模式：只有 appName 和 flowKey，没有 formId
+                // 获取流程定义
+                const flowDefinition = await flowDefinitionApi.getEffectiveDefinition(props.appName, props.flowKey);
+                // 构造部分 flowFormParam
+                flowFormParam.value = {
+                    flowDefinition: flowDefinition,
+                    // 其他字段为空
+                };
+            }
+        }
+        catch (e) {
+            ElMessage.error(e.message || '加载流程信息失败');
+            error.value = e.message;
+        }
+    };
+    // 底部按钮处理
+    const handleSave = async () => {
+        saving.value = true;
+        try {
+            await props.saveAndForward({
+                flowArgs: {
+                    taskId: flowFormParam.value?.taskInstance?.id || '',
+                    processRequestType: "SAVE_FORM",
+                    appName: props.appName || '',
+                    flowKey: props.flowKey || '',
+                    startNodeKey: props.startNodeKey || '',
+                    forwardTo: []
+                },
+                formCommand: props.formData
+            });
+        }
+        finally {
+            saving.value = false;
+        }
+    };
+    const handleForward = async () => {
+        saving.value = true;
+        try {
+            const p = flowFormParam.value;
+            await props.saveAndForward({
+                flowArgs: {
+                    taskId: p?.taskInstance?.id || '',
+                    processRequestType: p?.taskInstance ? "FORWARD" : "INITIATE",
+                    appName: props.appName || '',
+                    flowKey: props.flowKey || '',
+                    startNodeKey: props.startNodeKey || '',
+                    forwardTo: []
+                },
+                formCommand: props.formData
+            });
+            dialogVisible.value = false;
+        }
+        finally {
+            saving.value = false;
+        }
+    };
+    debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+    const __VLS_withDefaultsArg = (function (t) { return t; })({
+        appName: undefined,
+        flowKey: undefined,
+        startNodeKey: undefined,
+        taskInstanceId: undefined
+    });
+    const __VLS_fnComponent = (await import('vue')).defineComponent({
+        __typeEmits: {},
+    });
+    const __VLS_defaults = {
+        'modelValue': false,
+    };
+    const __VLS_modelEmit = defineEmits();
+    const __VLS_ctx = {};
+    let __VLS_components;
+    let __VLS_directives;
+    /** @type {__VLS_StyleScopedClasses['back-button-wrapper']} */ ;
+    /** @type {__VLS_StyleScopedClasses['info-item']} */ ;
+    /** @type {__VLS_StyleScopedClasses['info-item']} */ ;
+    /** @type {__VLS_StyleScopedClasses['info-item']} */ ;
+    /** @type {__VLS_StyleScopedClasses['side-panel-header']} */ ;
+    /** @type {__VLS_StyleScopedClasses['comment-content']} */ ;
+    // CSS variable injection 
+    // CSS variable injection end 
+    if (__VLS_ctx.dialogVisible) {
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "flow-shell-wrapper" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "flow-shell-container" },
+        });
+        __VLS_asFunctionalDirective(__VLS_directives.vLoading)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.isLoading) }, null, null);
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.header, __VLS_intrinsicElements.header)({
+            ...{ class: "flow-shell-header" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "header-content" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "header-top" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.dialogVisible))
+                        return;
+                    __VLS_ctx.dialogVisible = false;
+                } },
+            ...{ class: "back-button-wrapper" },
+        });
+        const __VLS_0 = {}.ElIcon;
+        /** @type {[typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, ]} */ ;
+        // @ts-ignore
+        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+            size: (40),
+        }));
+        const __VLS_2 = __VLS_1({
+            size: (40),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+        __VLS_3.slots.default;
+        const __VLS_4 = {}.ArrowLeft;
+        /** @type {[typeof __VLS_components.ArrowLeft, ]} */ ;
+        // @ts-ignore
+        const __VLS_5 = __VLS_asFunctionalComponent(__VLS_4, new __VLS_4({}));
+        const __VLS_6 = __VLS_5({}, ...__VLS_functionalComponentArgsRest(__VLS_5));
+        var __VLS_3;
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "title-section" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.h2, __VLS_intrinsicElements.h2)({
+            ...{ class: "flow-title" },
+        });
+        (__VLS_ctx.flowFormParam?.flowDefinition?.flowModel?.flowCaption || '流程详情');
+        const __VLS_8 = {}.ElTag;
+        /** @type {[typeof __VLS_components.ElTag, typeof __VLS_components.elTag, typeof __VLS_components.ElTag, typeof __VLS_components.elTag, ]} */ ;
+        // @ts-ignore
+        const __VLS_9 = __VLS_asFunctionalComponent(__VLS_8, new __VLS_8({
+            type: (__VLS_ctx.flowStateTagType),
+        }));
+        const __VLS_10 = __VLS_9({
+            type: (__VLS_ctx.flowStateTagType),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_9));
+        __VLS_11.slots.default;
+        (__VLS_ctx.getFlowStatus(__VLS_ctx.flowFormParam?.flowInstance?.state));
+        var __VLS_11;
+        if (__VLS_ctx.flowFormParam?.flowInstance) {
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                ...{ class: "header-bottom" },
+            });
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                ...{ class: "info-item" },
+            });
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                ...{ class: "label" },
+            });
+            const __VLS_12 = {}.JaUserInfoTag;
+            /** @type {[typeof __VLS_components.JaUserInfoTag, typeof __VLS_components.jaUserInfoTag, typeof __VLS_components.JaUserInfoTag, typeof __VLS_components.jaUserInfoTag, ]} */ ;
+            // @ts-ignore
+            const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({
+                userId: (__VLS_ctx.flowFormParam?.flowInstance?.initiator),
+                showAvatarInTag: true,
+                fullName: (__VLS_ctx.flowFormParam?.flowInstance?.initiatorName),
+            }));
+            const __VLS_14 = __VLS_13({
+                userId: (__VLS_ctx.flowFormParam?.flowInstance?.initiator),
+                showAvatarInTag: true,
+                fullName: (__VLS_ctx.flowFormParam?.flowInstance?.initiatorName),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_13));
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                ...{ class: "info-item" },
+            });
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                ...{ class: "label" },
+            });
+            if (__VLS_ctx.flowFormParam?.flowInstance?.createTime) {
+                const __VLS_16 = {}.ElTooltip;
+                /** @type {[typeof __VLS_components.ElTooltip, typeof __VLS_components.elTooltip, typeof __VLS_components.ElTooltip, typeof __VLS_components.elTooltip, ]} */ ;
+                // @ts-ignore
+                const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({
+                    content: (__VLS_ctx.formatDate(__VLS_ctx.flowFormParam?.flowInstance?.createTime)),
+                    placement: "top",
+                }));
+                const __VLS_18 = __VLS_17({
+                    content: (__VLS_ctx.formatDate(__VLS_ctx.flowFormParam?.flowInstance?.createTime)),
+                    placement: "top",
+                }, ...__VLS_functionalComponentArgsRest(__VLS_17));
+                __VLS_19.slots.default;
+                __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                    ...{ class: "value" },
+                });
+                (__VLS_ctx.formatFriendlyTime(__VLS_ctx.flowFormParam?.flowInstance?.createTime));
+                var __VLS_19;
+            }
+            else {
+                __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                    ...{ class: "value" },
+                });
+            }
+            if (__VLS_ctx.flowFormParam?.flowInstance?.workNo) {
+                __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                    ...{ class: "info-item" },
+                });
+                __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                    ...{ class: "label" },
+                });
+                __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                    ...{ class: "value" },
+                });
+                (__VLS_ctx.flowFormParam?.flowInstance?.workNo);
+            }
+        }
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.main, __VLS_intrinsicElements.main)({
+            ...{ class: "flow-shell-main" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.section, __VLS_intrinsicElements.section)({
+            ...{ class: "main-content" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "content-wrapper" },
+        });
+        if (__VLS_ctx.error) {
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                ...{ class: "error-tip" },
+            });
+            const __VLS_20 = {}.ElResult;
+            /** @type {[typeof __VLS_components.ElResult, typeof __VLS_components.elResult, typeof __VLS_components.ElResult, typeof __VLS_components.elResult, ]} */ ;
+            // @ts-ignore
+            const __VLS_21 = __VLS_asFunctionalComponent(__VLS_20, new __VLS_20({
+                icon: "error",
+                title: "加载失败",
+                subTitle: (__VLS_ctx.error),
+            }));
+            const __VLS_22 = __VLS_21({
+                icon: "error",
+                title: "加载失败",
+                subTitle: (__VLS_ctx.error),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_21));
+            __VLS_23.slots.default;
+            {
+                const { extra: __VLS_thisSlot } = __VLS_23.slots;
+                const __VLS_24 = {}.ElButton;
+                /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+                // @ts-ignore
+                const __VLS_25 = __VLS_asFunctionalComponent(__VLS_24, new __VLS_24({
+                    ...{ 'onClick': {} },
+                    type: "primary",
+                }));
+                const __VLS_26 = __VLS_25({
+                    ...{ 'onClick': {} },
+                    type: "primary",
+                }, ...__VLS_functionalComponentArgsRest(__VLS_25));
+                let __VLS_28;
+                let __VLS_29;
+                let __VLS_30;
+                const __VLS_31 = {
+                    onClick: (__VLS_ctx.loadFlowFormParam)
+                };
+                __VLS_27.slots.default;
+                var __VLS_27;
+            }
+            var __VLS_23;
+        }
+        else if (__VLS_ctx.flowFormParam) {
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({});
+            var __VLS_32 = {
+                flowParam: (__VLS_ctx.flowFormParam),
+            };
+        }
+        else {
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                ...{ class: "no-form-tip" },
+            });
+            const __VLS_34 = {}.ElEmpty;
+            /** @type {[typeof __VLS_components.ElEmpty, typeof __VLS_components.elEmpty, ]} */ ;
+            // @ts-ignore
+            const __VLS_35 = __VLS_asFunctionalComponent(__VLS_34, new __VLS_34({
+                description: "暂无表单内容",
+            }));
+            const __VLS_36 = __VLS_35({
+                description: "暂无表单内容",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_35));
+        }
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.aside, __VLS_intrinsicElements.aside)({
+            ...{ class: "side-panel" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "side-panel-header" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.h3, __VLS_intrinsicElements.h3)({});
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "side-panel-content" },
+        });
+        if (__VLS_ctx.sortedTasks.length > 0) {
+            const __VLS_38 = {}.ElTimeline;
+            /** @type {[typeof __VLS_components.ElTimeline, typeof __VLS_components.elTimeline, typeof __VLS_components.ElTimeline, typeof __VLS_components.elTimeline, ]} */ ;
+            // @ts-ignore
+            const __VLS_39 = __VLS_asFunctionalComponent(__VLS_38, new __VLS_38({}));
+            const __VLS_40 = __VLS_39({}, ...__VLS_functionalComponentArgsRest(__VLS_39));
+            __VLS_41.slots.default;
+            for (const [task, index] of __VLS_getVForSourceType((__VLS_ctx.sortedTasks))) {
+                const __VLS_42 = {}.ElTimelineItem;
+                /** @type {[typeof __VLS_components.ElTimelineItem, typeof __VLS_components.elTimelineItem, typeof __VLS_components.ElTimelineItem, typeof __VLS_components.elTimelineItem, ]} */ ;
+                // @ts-ignore
+                const __VLS_43 = __VLS_asFunctionalComponent(__VLS_42, new __VLS_42({
+                    key: (index),
+                    timestamp: (__VLS_ctx.formatFriendlyTime(task.finishTime)),
+                    placement: "top",
+                }));
+                const __VLS_44 = __VLS_43({
+                    key: (index),
+                    timestamp: (__VLS_ctx.formatFriendlyTime(task.finishTime)),
+                    placement: "top",
+                }, ...__VLS_functionalComponentArgsRest(__VLS_43));
+                __VLS_45.slots.default;
+                const __VLS_46 = {}.ElCard;
+                /** @type {[typeof __VLS_components.ElCard, typeof __VLS_components.elCard, typeof __VLS_components.ElCard, typeof __VLS_components.elCard, ]} */ ;
+                // @ts-ignore
+                const __VLS_47 = __VLS_asFunctionalComponent(__VLS_46, new __VLS_46({}));
+                const __VLS_48 = __VLS_47({}, ...__VLS_functionalComponentArgsRest(__VLS_47));
+                __VLS_49.slots.default;
+                __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                    ...{ class: "task-info" },
+                });
+                __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                    ...{ class: "handler-info" },
+                });
+                __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                    ...{ class: "handler-name" },
+                });
+                (task.handlerName || '未知');
+                const __VLS_50 = {}.ElTooltip;
+                /** @type {[typeof __VLS_components.ElTooltip, typeof __VLS_components.elTooltip, typeof __VLS_components.ElTooltip, typeof __VLS_components.elTooltip, ]} */ ;
+                // @ts-ignore
+                const __VLS_51 = __VLS_asFunctionalComponent(__VLS_50, new __VLS_50({
+                    content: (__VLS_ctx.formatDate(task.finishTime)),
+                    placement: "top",
+                }));
+                const __VLS_52 = __VLS_51({
+                    content: (__VLS_ctx.formatDate(task.finishTime)),
+                    placement: "top",
+                }, ...__VLS_functionalComponentArgsRest(__VLS_51));
+                __VLS_53.slots.default;
+                __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                    ...{ class: "task-status" },
+                });
+                (__VLS_ctx.getTaskStatus(task.state));
+                var __VLS_53;
+                if (task.comment) {
+                    __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                        ...{ class: "task-comment" },
+                    });
+                    __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                        ...{ class: "comment-label" },
+                    });
+                    __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                        ...{ class: "comment-content" },
+                    });
+                    (task.comment);
+                }
+                else {
+                    __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                        ...{ class: "task-comment" },
+                    });
+                    __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                        ...{ class: "comment-label" },
+                    });
+                    __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+                        ...{ class: "comment-content empty" },
+                    });
+                }
+                var __VLS_49;
+                var __VLS_45;
+            }
+            var __VLS_41;
+        }
+        else {
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                ...{ class: "no-history-tip" },
+            });
+            const __VLS_54 = {}.ElEmpty;
+            /** @type {[typeof __VLS_components.ElEmpty, typeof __VLS_components.elEmpty, ]} */ ;
+            // @ts-ignore
+            const __VLS_55 = __VLS_asFunctionalComponent(__VLS_54, new __VLS_54({
+                description: "暂无办理历史",
+                imageSize: (100),
+            }));
+            const __VLS_56 = __VLS_55({
+                description: "暂无办理历史",
+                imageSize: (100),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_55));
+        }
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.footer, __VLS_intrinsicElements.footer)({
+            ...{ class: "flow-shell-footer" },
+        });
+        const __VLS_58 = {}.JaButton;
+        /** @type {[typeof __VLS_components.JaButton, typeof __VLS_components.jaButton, typeof __VLS_components.JaButton, typeof __VLS_components.jaButton, ]} */ ;
+        // @ts-ignore
+        const __VLS_59 = __VLS_asFunctionalComponent(__VLS_58, new __VLS_58({
+            ...{ 'onClick': {} },
+            shortcut: "Ctrl+S",
+            tooltip: "保存",
+            loading: (__VLS_ctx.saving),
+            disabled: (__VLS_ctx.saving),
+        }));
+        const __VLS_60 = __VLS_59({
+            ...{ 'onClick': {} },
+            shortcut: "Ctrl+S",
+            tooltip: "保存",
+            loading: (__VLS_ctx.saving),
+            disabled: (__VLS_ctx.saving),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_59));
+        let __VLS_62;
+        let __VLS_63;
+        let __VLS_64;
+        const __VLS_65 = {
+            onClick: (__VLS_ctx.handleSave)
+        };
+        __VLS_61.slots.default;
+        var __VLS_61;
+        if (__VLS_ctx.showForwardButton) {
+            const __VLS_66 = {}.JaButton;
+            /** @type {[typeof __VLS_components.JaButton, typeof __VLS_components.jaButton, typeof __VLS_components.JaButton, typeof __VLS_components.jaButton, ]} */ ;
+            // @ts-ignore
+            const __VLS_67 = __VLS_asFunctionalComponent(__VLS_66, new __VLS_66({
+                ...{ 'onClick': {} },
+                type: "danger",
+                shortcut: "Ctrl+F",
+                tooltip: ('保存并' + (__VLS_ctx.flowFormParam?.taskInstance ? '结束当前工作步骤办理' : '发起工作')),
+                loading: (__VLS_ctx.saving),
+                disabled: (__VLS_ctx.saving),
+            }));
+            const __VLS_68 = __VLS_67({
+                ...{ 'onClick': {} },
+                type: "danger",
+                shortcut: "Ctrl+F",
+                tooltip: ('保存并' + (__VLS_ctx.flowFormParam?.taskInstance ? '结束当前工作步骤办理' : '发起工作')),
+                loading: (__VLS_ctx.saving),
+                disabled: (__VLS_ctx.saving),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_67));
+            let __VLS_70;
+            let __VLS_71;
+            let __VLS_72;
+            const __VLS_73 = {
+                onClick: (__VLS_ctx.handleForward)
+            };
+            __VLS_69.slots.default;
+            (__VLS_ctx.flowFormParam?.taskInstance ? "办理结束" : "发起工作");
+            var __VLS_69;
+        }
+    }
+    /** @type {__VLS_StyleScopedClasses['flow-shell-wrapper']} */ ;
+    /** @type {__VLS_StyleScopedClasses['flow-shell-container']} */ ;
+    /** @type {__VLS_StyleScopedClasses['flow-shell-header']} */ ;
+    /** @type {__VLS_StyleScopedClasses['header-content']} */ ;
+    /** @type {__VLS_StyleScopedClasses['header-top']} */ ;
+    /** @type {__VLS_StyleScopedClasses['back-button-wrapper']} */ ;
+    /** @type {__VLS_StyleScopedClasses['title-section']} */ ;
+    /** @type {__VLS_StyleScopedClasses['flow-title']} */ ;
+    /** @type {__VLS_StyleScopedClasses['header-bottom']} */ ;
+    /** @type {__VLS_StyleScopedClasses['info-item']} */ ;
+    /** @type {__VLS_StyleScopedClasses['label']} */ ;
+    /** @type {__VLS_StyleScopedClasses['info-item']} */ ;
+    /** @type {__VLS_StyleScopedClasses['label']} */ ;
+    /** @type {__VLS_StyleScopedClasses['value']} */ ;
+    /** @type {__VLS_StyleScopedClasses['value']} */ ;
+    /** @type {__VLS_StyleScopedClasses['info-item']} */ ;
+    /** @type {__VLS_StyleScopedClasses['label']} */ ;
+    /** @type {__VLS_StyleScopedClasses['value']} */ ;
+    /** @type {__VLS_StyleScopedClasses['flow-shell-main']} */ ;
+    /** @type {__VLS_StyleScopedClasses['main-content']} */ ;
+    /** @type {__VLS_StyleScopedClasses['content-wrapper']} */ ;
+    /** @type {__VLS_StyleScopedClasses['error-tip']} */ ;
+    /** @type {__VLS_StyleScopedClasses['no-form-tip']} */ ;
+    /** @type {__VLS_StyleScopedClasses['side-panel']} */ ;
+    /** @type {__VLS_StyleScopedClasses['side-panel-header']} */ ;
+    /** @type {__VLS_StyleScopedClasses['side-panel-content']} */ ;
+    /** @type {__VLS_StyleScopedClasses['task-info']} */ ;
+    /** @type {__VLS_StyleScopedClasses['handler-info']} */ ;
+    /** @type {__VLS_StyleScopedClasses['handler-name']} */ ;
+    /** @type {__VLS_StyleScopedClasses['task-status']} */ ;
+    /** @type {__VLS_StyleScopedClasses['task-comment']} */ ;
+    /** @type {__VLS_StyleScopedClasses['comment-label']} */ ;
+    /** @type {__VLS_StyleScopedClasses['comment-content']} */ ;
+    /** @type {__VLS_StyleScopedClasses['task-comment']} */ ;
+    /** @type {__VLS_StyleScopedClasses['comment-label']} */ ;
+    /** @type {__VLS_StyleScopedClasses['comment-content']} */ ;
+    /** @type {__VLS_StyleScopedClasses['empty']} */ ;
+    /** @type {__VLS_StyleScopedClasses['no-history-tip']} */ ;
+    /** @type {__VLS_StyleScopedClasses['flow-shell-footer']} */ ;
+    // @ts-ignore
+    var __VLS_33 = __VLS_32;
+    var __VLS_dollars;
+    const __VLS_self = (await import('vue')).defineComponent({
+        setup() {
+            return {
+                ElTag: ElTag,
+                ElCard: ElCard,
+                ElButton: ElButton,
+                ElTimeline: ElTimeline,
+                ElTimelineItem: ElTimelineItem,
+                ElEmpty: ElEmpty,
+                ElIcon: ElIcon,
+                ElResult: ElResult,
+                JaButton: JaButton,
+                JaUserInfoTag: JaUserInfoTag,
+                ArrowLeft: ArrowLeft,
+                ElTooltip: ElTooltip,
+                dialogVisible: dialogVisible,
+                isLoading: isLoading,
+                saving: saving,
+                error: error,
+                flowFormParam: flowFormParam,
+                flowStateTagType: flowStateTagType,
+                showForwardButton: showForwardButton,
+                sortedTasks: sortedTasks,
+                formatDate: formatDate,
+                formatFriendlyTime: formatFriendlyTime,
+                getFlowStatus: getFlowStatus,
+                getTaskStatus: getTaskStatus,
+                loadFlowFormParam: loadFlowFormParam,
+                handleSave: handleSave,
+                handleForward: handleForward,
+            };
+        },
+        __typeEmits: {},
+        __typeProps: {},
+        props: {},
+    });
+    return {};
+})()) => ({})); /* PartiallyEnd: #4569/main.vue */
+//# sourceMappingURL=FlowFormShell.vue.js.map