ztxkui 4.2.23-338-beta → 4.2.23-339-beta

package/dist/components/WorkflowPrintContainer/component/Gragh/Gragh.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IProps {
+    request: any;
+    processInstId: string;
+    refresh?: number;
+    onClickNode?: (node: any) => void;
+}
+declare const _default: React.NamedExoticComponent<IProps>;
+export default _default;

package/dist/components/WorkflowPrintContainer/component/Gragh/Gragh.js

@@ -0,0 +1,63 @@
+import { graph } from '../../service';
+import React, { memo, useEffect, useCallback } from 'react';
+var Gragh = function (_a) {
+    var request = _a.request, processInstId = _a.processInstId, refresh = _a.refresh, onClickNode = _a.onClickNode;
+    function clear() {
+        // 获取 div 标签
+        var processgraph = window.document.getElementById('processgraph');
+        // 需要删除dom下的所有子元素，否则流程图会累加
+        // 获取 div 标签下的所有子节点
+        var pObjs = processgraph.childNodes;
+        for (var i = pObjs.length - 1; i >= 0; i--) {
+            // 一定要倒序，正序是删不干净的，可自行尝试
+            processgraph.removeChild(pObjs[i]);
+        }
+    }
+    var initGraph = function (data) {
+        var minY = 0;
+        var minX = 0;
+        var states = data === null || data === void 0 ? void 0 : data.states;
+        for (var key in states) {
+            minY = states[key].y < minY ? states[key].y : minY;
+            minX = states[key].x < minX ? states[key].x : minX;
+        }
+        for (var key in states) {
+            states[key].y = states[key].y - minY;
+            states[key].x = states[key].x - minX + 300;
+        }
+    };
+    var getProcessGraph = useCallback(function (request, params) {
+        graph(request, params)
+            .then(function (res) {
+            if (res.data.data) {
+                clear();
+                initGraph(res.data.data);
+                var win = window;
+                var nui = win.nui;
+                nui.parse();
+                var processImg_1 = nui.get('processgraph');
+                processImg_1.setCallback(function () {
+                    processImg_1.load(res.data.data);
+                });
+                processImg_1.setClickCallback(function (id, name) {
+                    onClickNode && onClickNode({ id: id, name: name });
+                });
+                processImg_1.load(res.data.data);
+            }
+        })
+            .catch(function (err) { });
+    }, [onClickNode]);
+    useEffect(function () {
+        clear();
+        if (processInstId) {
+            getProcessGraph(request, { procInstId: processInstId });
+        }
+    }, [processInstId, refresh, getProcessGraph, request]);
+    return (React.createElement("div", { style: {
+            width: '100%',
+            border: '2px solid #f0f0f0',
+            height: '600px',
+        } },
+        React.createElement("div", { id: "processgraph", className: "nui-bps-processgraph" })));
+};
+export default memo(Gragh);

package/dist/components/WorkflowPrintContainer/component/Header.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IProps {
+    data: any;
+    showStatus?: boolean;
+    showProcessStatus?: boolean;
+    showPrintDate?: boolean;
+    titleStyle?: any;
+    offsetHeight?: number;
+    priority?: any;
+}
+declare const _default: React.NamedExoticComponent<IProps>;
+export default _default;

package/dist/components/WorkflowPrintContainer/component/Header.js

@@ -0,0 +1,106 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { memo } from 'react';
+import { DONE, TO_DO, TO_TAKE, REJECT_TO_EDIT, DRAWBACK_TO_EDIT, REJECTED, CANCELED, TERMINATED, NOT_STARTED, PROCESS_DISCARD, SUSPENDED, PROCESS_DONE, PROCESS_DRAWBACK, PROCESS_REJECTED, IN_APPROVAL, } from '../workflow-print-container';
+import dayjs from 'dayjs';
+import ZtIcon from '../../ZtIcon';
+import { Divider } from 'antd';
+import { lbpmDiscardStatus, lbpmProcessStatus } from '../images';
+var Header = function (_a) {
+    var data = _a.data, _b = _a.showStatus, showStatus = _b === void 0 ? false : _b, _c = _a.showProcessStatus, showProcessStatus = _c === void 0 ? false : _c, showPrintDate = _a.showPrintDate, titleStyle = _a.titleStyle, _d = _a.offsetHeight, offsetHeight = _d === void 0 ? 0 : _d, priority = _a.priority;
+    //审批状态
+    var getDealType = function (taskStatus) {
+        if (DONE === taskStatus) {
+            return ['status-pass', '本环节已审批通过'];
+        }
+        else if (TO_DO === taskStatus || TO_TAKE === taskStatus) {
+            return ['status-ing', '审批中'];
+        }
+        else if (REJECT_TO_EDIT === taskStatus) {
+            return ['status-reject', '已驳回至起草，待修改表单'];
+        }
+        else if (DRAWBACK_TO_EDIT === taskStatus) {
+            return ['status-reject', '已撤回至起草，待修改表单'];
+        }
+        else if (REJECTED === taskStatus) {
+            return ['status-reject', '已驳回至上一环节'];
+        }
+        else if (CANCELED === taskStatus) {
+            return ['status-terminated', '已取消'];
+        }
+        else if (TERMINATED === taskStatus) {
+            return ['status-terminated', '已废弃'];
+        }
+        return ['status-terminated', '未知'];
+    };
+    // 流程状态
+    var getProcessType = function (processStatus) {
+        if (NOT_STARTED === processStatus) {
+            return ['status-terminated', '未启动'];
+        }
+        else if (IN_APPROVAL === processStatus) {
+            return ['status-ing', '审批中'];
+        }
+        else if (PROCESS_REJECTED === processStatus) {
+            return ['status-reject', '已驳回'];
+        }
+        else if (PROCESS_DRAWBACK === processStatus) {
+            return ['status-reject', '已撤回'];
+        }
+        else if (SUSPENDED === processStatus) {
+            return ['status-terminated', '已挂起'];
+        }
+        else if (PROCESS_DONE === processStatus) {
+            return ['status-pass', '已办结'];
+        }
+        else if (PROCESS_DISCARD === processStatus) {
+            return ['status-terminated', '已废弃'];
+        }
+        return ['status-terminated', '未知'];
+    };
+    var getPriorityStatus = function (priority) {
+        if ('60' === String(priority)) {
+            return ['priority-common', '一般'];
+        }
+        else if ('80' === String(priority)) {
+            return ['priority-impatient', '急'];
+        }
+        else if ('100' === String(priority)) {
+            return ['priority-emergent', '紧急'];
+        }
+        return ['priority-common', '一般'];
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: "wf-wrapper", className: "wf-wrapper", style: titleStyle
+                ? __assign({}, titleStyle) : { position: 'relative' } },
+            React.createElement("div", { className: "wf-task-header-container" },
+                React.createElement("div", { className: "wf-task-header" },
+                    React.createElement(ZtIcon, { type: "iconwenjian1", style: { fontSize: '24px', marginRight: '10px' } }),
+                    React.createElement("div", { className: "title" }, ((data === null || data === void 0 ? void 0 : data.taskName) ? data === null || data === void 0 ? void 0 : data.taskName : '') + "\u8BE6\u60C5"),
+                    showStatus ? (React.createElement("div", { className: getDealType(data.status)[0] }, getDealType(data.status)[1])) : null,
+                    showProcessStatus ? (React.createElement("div", { className: getProcessType(data.processInstState)[0] }, getProcessType(data.processInstState)[1])) : null,
+                    priority ? (React.createElement("div", { className: getPriorityStatus(priority)[0] }, getPriorityStatus(priority)[1])) : null),
+                React.createElement("div", null, (data === null || data === void 0 ? void 0 : data.processTypeName) ? data === null || data === void 0 ? void 0 : data.processTypeName : '')),
+            React.createElement("div", { className: "wf-task-process-status" },
+                React.createElement("div", { className: "lbpm-process-status", style: { backgroundImage: "url(" + lbpmProcessStatus + ")" } }),
+                7 === (data === null || data === void 0 ? void 0 : data.processInstState) ? (React.createElement("div", { className: "lbpm-flow-info" },
+                    React.createElement("div", { className: "lbpm-process-status", style: { backgroundImage: "url(" + lbpmProcessStatus + ")" } }))) : 8 === (data === null || data === void 0 ? void 0 : data.processInstState) ? (React.createElement("div", { className: "lbpm-flow-info" },
+                    React.createElement("div", { className: "lbpm-discard-status", style: { backgroundImage: "url(" + lbpmDiscardStatus + ")" } }))) : null),
+            showPrintDate ? (React.createElement("div", { className: "print-date", style: { top: offsetHeight - 16 } },
+                "\u6253\u5370\u65E5\u671F:",
+                dayjs().format('YYYY-MM-DD'))) : null),
+        React.createElement(Divider, { style: {
+                margin: '0 0 0 0',
+                marginTop: offsetHeight,
+            } })));
+};
+export default memo(Header);

package/dist/components/WorkflowPrintContainer/component/ProcessDetail.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface IProps {
+    request: any;
+    OuterComponent: React.ComponentType<any>;
+    type?: string;
+    data: any;
+    approve?: string;
+    toEdit?: boolean;
+    refresh?: number;
+    refreshGragh?: number;
+    showBizForm: boolean;
+    getAttachIds?: (attachIds: any) => void;
+    showCfg?: any;
+    editOpinionAuth?: boolean;
+    iframeRefresh?: any;
+}
+declare const _default: React.NamedExoticComponent<IProps>;
+export default _default;

package/dist/components/WorkflowPrintContainer/component/ProcessDetail.js

@@ -0,0 +1,240 @@
+import React, { memo, useState, useEffect, useCallback, Suspense } from 'react';
+import { Tabs } from 'antd';
+import AssociationList from './association';
+import TrailList from './trail';
+import SendAroundList from './send';
+import { fetchAttachList, fetchPreviewData } from '../service';
+import Collapse from '../../Collapse';
+import ZtUpload from './Upload';
+import Gragh from './Gragh/Gragh';
+import PreviewList from './previewTable';
+import AttentionList from './attention';
+import AuditList from './audit';
+var Panel = Collapse.Panel;
+var TabPane = Tabs.TabPane;
+var ProcessDetail = function (_a) {
+    var request = _a.request, OuterComponent = _a.OuterComponent, type = _a.type, data = _a.data, approve = _a.approve, toEdit = _a.toEdit, showBizForm = _a.showBizForm, refresh = _a.refresh, refreshGragh = _a.refreshGragh, getAttachIds = _a.getAttachIds, _b = _a.showCfg, showCfg = _b === void 0 ? {} : _b, _c = _a.editOpinionAuth, editOpinionAuth = _c === void 0 ? false : _c, _d = _a.iframeRefresh, iframeRefresh = _d === void 0 ? 1 : _d;
+    var detailShown = showCfg.detailShown, approvalRecordsShown = showCfg.approvalRecordsShown, relatedProcessesShown = showCfg.relatedProcessesShown, attachShown = showCfg.attachShown, circulationRecordsShown = showCfg.circulationRecordsShown;
+    var _e = useState([]), attachData = _e[0], setAttachData = _e[1];
+    // UPDATE：获取当前路由对应得按钮权限
+    // 第二个参数：btnAuthCode，为在菜单管理配置对应按钮的code
+    // const {
+    //   btnAuth,
+    //   authResult: [
+    //     attachAddBtnAuth,
+    //     attachDelBtnAuth,
+    //     attachDownloadBtnAuth,
+    //     associationAddBtnAuth,
+    //     attentionAddBtnAuth,
+    //   ],
+    // } = useBtnAuth('/workflow/taskList', btnAuthCode);
+    var originFileList = [];
+    var _f = useState(originFileList), fileList = _f[0], setFileList = _f[1];
+    var _g = useState(0), sendTotal = _g[0], setSendTotal = _g[1];
+    var _h = useState(1), attentionType = _h[0], setAttentionType = _h[1];
+    var _j = useState(1), attentionRefresh = _j[0], setAttentionRefresh = _j[1];
+    var _k = useState(1), associationRefresh = _k[0], setAssociationRefresh = _k[1];
+    var _l = useState(false), attentionLoading = _l[0], setAttentionLoading = _l[1];
+    var _m = useState(false), isAttentionModalVisible = _m[0], setIsAttentionModalVisible = _m[1];
+    var _o = useState(320), iframeHeight = _o[0], setIframeHeight = _o[1];
+    var _p = useState(''), queryId = _p[0], setQueryId = _p[1];
+    var _q = useState(''), queryCode = _q[0], setQueryCode = _q[1];
+    var _r = useState(0), refreshContacts = _r[0], setRefreshContacts = _r[1];
+    var _s = useState(false), isAssocitionModalVisible = _s[0], setIsAssocitionModalVisible = _s[1];
+    var onCloseAssocitionModalHandle = useCallback(function () { return setIsAssocitionModalVisible(false); }, []);
+    var onRefreshAssocitionModalHandle = useCallback(function () { return setAssociationRefresh(associationRefresh + 1); }, [associationRefresh]);
+    var callRefreshContacts = function () {
+        setRefreshContacts(function (value) { return value + 1; });
+    };
+    useEffect(function () {
+        if (Array.isArray(attachData)) {
+            var attachList_1 = [];
+            attachData.forEach(function (element) {
+                var item = Object.assign({
+                    percent: 100,
+                    size: element.attachSize,
+                    response: {
+                        code: 200,
+                        success: true,
+                        data: Object.assign({
+                            attachId: element.id,
+                            size: element.attachSize,
+                        }, element),
+                        msg: '操作成功',
+                    },
+                }, element);
+                item.status = 'done';
+                item.name = element.originalName;
+                attachList_1.push(item);
+            });
+            setFileList(attachList_1);
+        }
+    }, [attachData]);
+    useEffect(function () {
+        var uids = [];
+        if (fileList && fileList.length > 0) {
+            fileList.forEach(function (item) {
+                var _a, _b;
+                uids.push((_b = (_a = item === null || item === void 0 ? void 0 : item.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.attachId);
+            });
+        }
+        getAttachIds && getAttachIds(uids);
+    }, [fileList, getAttachIds]);
+    function handleCancelAttention() {
+        setIsAttentionModalVisible(false);
+    }
+    /**附件数据获取 */
+    useEffect(function () {
+        if (data === null || data === void 0 ? void 0 : data.processInstId) {
+            fetchAttachList(request, {
+                processInstId: data === null || data === void 0 ? void 0 : data.processInstId,
+                taskId: type === 'notice' ? '' : data === null || data === void 0 ? void 0 : data.id,
+            }).then(function (res) {
+                var _a;
+                setAttachData((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data);
+            });
+        }
+    }, [data === null || data === void 0 ? void 0 : data.processInstId, type, data === null || data === void 0 ? void 0 : data.id, request]);
+    /**
+     * 预览附件回调
+     */
+    var onPreviewCallback = useCallback(function (file) {
+        fetchPreviewData({
+            params: { id: file.fileId },
+        });
+        return true;
+    }, []);
+    function showAttentionModal() {
+        setRefreshContacts(function (value) { return value + 1; });
+        setQueryId(data === null || data === void 0 ? void 0 : data.processInstId);
+        setQueryCode('ATTENTION');
+        setIsAttentionModalVisible(true);
+    }
+    var _t = useState([]), targetKeys = _t[0], setTargetKeys = _t[1];
+    var _u = useState([]), empKeys = _u[0], setEmpKeys = _u[1];
+    var onTargetKeys = useCallback(function (empKeys, selectPerson) {
+        setEmpKeys(empKeys);
+        setTargetKeys(selectPerson);
+    }, [setEmpKeys, setTargetKeys]);
+    function swapColumns(parentName, columnIndexA, columnIndexB, header) {
+        var _a;
+        if (header === void 0) { header = false; }
+        var parent = document === null || document === void 0 ? void 0 : document.querySelector("." + parentName);
+        var table = parent === null || parent === void 0 ? void 0 : parent.querySelector('table');
+        if (table instanceof HTMLTableElement) {
+            if (header) {
+                for (var i = 0; i < 1; i++) {
+                    var row = table === null || table === void 0 ? void 0 : table.rows[i];
+                    if (row.cells.length > columnIndexA &&
+                        row.cells.length > columnIndexB) {
+                        var temp = row.cells[columnIndexA];
+                        row.insertBefore(row.cells[columnIndexB], row.cells[columnIndexA]);
+                        row.insertBefore(temp, row.cells[columnIndexB + 1]);
+                    }
+                }
+            }
+            else {
+                for (var i = 1; i < ((_a = table === null || table === void 0 ? void 0 : table.rows) === null || _a === void 0 ? void 0 : _a.length); i++) {
+                    var row = table === null || table === void 0 ? void 0 : table.rows[i];
+                    if (row.cells.length > columnIndexA &&
+                        row.cells.length > columnIndexB) {
+                        var temp = row.cells[columnIndexA];
+                        row.insertBefore(row.cells[columnIndexB], row.cells[columnIndexA]);
+                        row.insertBefore(temp, row.cells[columnIndexB + 1]);
+                    }
+                }
+            }
+        }
+    }
+    // 不修改附件组件的情况下更改其文件名的默认宽度
+    useEffect(function () {
+        // 获取第一个class为'flow-attachment'的元素
+        var flowAttachment = document.querySelector('.flow-attachment');
+        // swapColumns('flow-attachment', 1, 3, true);
+        // swapColumns('flow-attachment', 1, 2, true);
+        // 在该元素下查找第一个colgroup
+        var colgroup = flowAttachment === null || flowAttachment === void 0 ? void 0 : flowAttachment.querySelector('colgroup');
+        // 在colgroup内查找所有的col元素
+        var cols = colgroup === null || colgroup === void 0 ? void 0 : colgroup.querySelectorAll('col');
+        // 设置col元素的宽度为50%
+        if (cols && cols.length >= 3) {
+            cols[0].style.width = '50%';
+            cols[1].style.width = '10%';
+            cols[2].style.width = '15%';
+        }
+    }, []);
+    // // 附件加载完之后继续交换数据列
+    // useEffect(() => {
+    //   if (!fileList || fileList.length === 0) {
+    //     return;
+    //   }
+    //   setTimeout(() => {
+    //     swapColumns('flow-attachment', 1, 3);
+    //     swapColumns('flow-attachment', 1, 2);
+    //   }, 500);
+    // }, [fileList]);
+    // 不修改关联流程的情况下更改其关联流程ID和关联流程名称的默认宽度
+    // useEffect(() => {
+    //   // 获取第一个class为'flow-association'的元素
+    //   const flowAssociation = document.querySelector('.flow-association');
+    //   // 在该元素下查找第一个colgroup
+    //   const colgroup = flowAssociation?.querySelector('colgroup');
+    //   // 在colgroup内查找所有的col元素
+    //   const cols = colgroup?.querySelectorAll('col');
+    //   // 检查是否有至少三个col元素，并设置第三个col的宽度为50%
+    //   if (cols && cols.length >= 3) {
+    //     cols[0].style.width = `50%`;
+    //     cols[1].style.width = '10%';
+    //     cols[2].style.width = '10%';
+    //   }
+    // }, []);
+    return (React.createElement(React.Fragment, null,
+        showBizForm && detailShown ? (React.createElement("div", null,
+            React.createElement(Suspense, { fallback: React.createElement("div", null, "Loading...") },
+                React.createElement(OuterComponent, null)))) : null,
+        (approvalRecordsShown ||
+            relatedProcessesShown ||
+            attachShown ||
+            circulationRecordsShown) && (React.createElement(Tabs, { defaultActiveKey: "1", type: "card", className: "workflow-info" },
+            React.createElement(TabPane, { tab: "\u57FA\u672C\u4FE1\u606F", key: "1" },
+                React.createElement(Collapse, { showHeaderBefore: true, showBackground: true, defaultActiveKey: ['1', '2', '3', '4', '5'] },
+                    approvalRecordsShown && (React.createElement(Panel, { header: (data === null || data === void 0 ? void 0 : data.nextTip)
+                            ? '审批记录 — 当前正在审批：' + (data === null || data === void 0 ? void 0 : data.nextTip)
+                            : '审批记录', key: "2" },
+                        React.createElement("div", { style: { paddingTop: '10px', paddingBottom: '10px' } },
+                            React.createElement(TrailList, { request: request, appCode: data === null || data === void 0 ? void 0 : data.appCode, processInstId: data === null || data === void 0 ? void 0 : data.processInstId, taskId: data.id, refresh: refresh, editOpinionAuth: editOpinionAuth })))),
+                    attachShown && (React.createElement(Panel, { header: "\u6D41\u7A0B\u9644\u4EF6", key: "3" },
+                        React.createElement("div", { className: "flow-attachment", style: { paddingTop: '10px', paddingBottom: '10px' } },
+                            React.createElement(ZtUpload, { request: request, processInstId: data === null || data === void 0 ? void 0 : data.processInstId, showUploadBtn: false, showDownloadBtn: true, taskId: data === null || data === void 0 ? void 0 : data.id, showPreviewBtn: false, showDeleteBtn: false, isAutoDelete: false, fileList: fileList, 
+                                // apiBaseUrl=""
+                                // onDownLoadCallbackAfter={onDownloadCallback}
+                                // onPreviewCallbackBefore={onPreviewCallback}
+                                showAllDownloadBtn: true })))),
+                    relatedProcessesShown && (React.createElement(Panel, { header: "\u5173\u8054\u6D41\u7A0B", key: "4" },
+                        React.createElement("div", { className: "flow-association", style: { paddingTop: '10px', paddingBottom: '10px' } },
+                            React.createElement(AssociationList, { request: request, processInstId: data === null || data === void 0 ? void 0 : data.processInstId, refresh: associationRefresh, disable: approve !== 'approve' || (data === null || data === void 0 ? void 0 : data.status) !== 0 })))),
+                    circulationRecordsShown && (React.createElement(Panel, { header: "\u4F20\u9605\u8BB0\u5F55(" + sendTotal + ")", key: "5" },
+                        React.createElement(SendAroundList, { request: request, processInstId: data === null || data === void 0 ? void 0 : data.processInstId, disable: approve !== 'approve' || (data === null || data === void 0 ? void 0 : data.status) !== 0, setSendTotal: setSendTotal }))))),
+            React.createElement(TabPane, { tab: "\u5176\u4ED6\u4FE1\u606F", key: "2" },
+                React.createElement(Collapse, { showHeaderBefore: true, showBackground: true, defaultActiveKey: ['1', '2'] },
+                    React.createElement(Panel, { header: "\u6D41\u7A0B\u56FE", key: "1" },
+                        React.createElement(Tabs, { defaultActiveKey: "1", type: "card", style: { paddingTop: '10px', paddingBottom: '10px' } },
+                            React.createElement(TabPane, { tab: "\u6D41\u7A0B\u56FE", key: "1" },
+                                React.createElement("div", { style: { paddingTop: '10px', paddingBottom: '10px' } },
+                                    React.createElement(Gragh, { request: request, processInstId: data === null || data === void 0 ? void 0 : data.processInstId, refresh: refreshGragh }))),
+                            (data === null || data === void 0 ? void 0 : data.status) === 0 ||
+                                (data === null || data === void 0 ? void 0 : data.status) === 2 ||
+                                (data === null || data === void 0 ? void 0 : data.status) === 7 ||
+                                (data === null || data === void 0 ? void 0 : data.status) === 7 ? (React.createElement(TabPane, { tab: "\u5269\u4F59\u5BA1\u6279\u73AF\u8282", key: "2" },
+                                React.createElement("div", { style: { paddingTop: '10px', paddingBottom: '10px' } },
+                                    React.createElement(PreviewList, { request: request, processInstId: data === null || data === void 0 ? void 0 : data.processInstId, taskId: data === null || data === void 0 ? void 0 : data.id, refresh: attentionRefresh, callRefreshContacts: callRefreshContacts, disable: approve !== 'approve' || (data === null || data === void 0 ? void 0 : data.status) !== 0 })))) : (React.createElement(TabPane, { tab: "\u5168\u90E8\u5BA1\u6279\u73AF\u8282\u9884\u6F14", key: "2" },
+                                React.createElement("div", { style: { paddingTop: '10px', paddingBottom: '10px' } },
+                                    React.createElement(PreviewList, { request: request, processInstId: data === null || data === void 0 ? void 0 : data.processInstId, taskId: data === null || data === void 0 ? void 0 : data.id, refresh: attentionRefresh, callRefreshContacts: callRefreshContacts, disable: approve !== 'approve' || (data === null || data === void 0 ? void 0 : data.status) !== 0 })))))),
+                    React.createElement(Panel, { header: "\u81EA\u52A8\u6284\u9001", key: "3" },
+                        React.createElement("div", { style: { paddingTop: '10px', paddingBottom: '10px' } },
+                            React.createElement(AttentionList, { request: request, processInstId: data === null || data === void 0 ? void 0 : data.processInstId, refresh: attentionRefresh, callRefreshContacts: callRefreshContacts, disable: approve !== 'approve' || (data === null || data === void 0 ? void 0 : data.status) !== 0 }))),
+                    React.createElement(Panel, { header: "\u6D41\u7A0B\u64CD\u4F5C", key: "4" },
+                        React.createElement("div", { style: { paddingTop: '10px', paddingBottom: '10px' } },
+                            React.createElement(AuditList, { request: request, processInstId: data === null || data === void 0 ? void 0 : data.processInstId })))))))));
+};
+export default memo(ProcessDetail);

package/dist/components/WorkflowPrintContainer/component/Upload/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { UploadProps } from 'antd/lib/upload';
+interface IProps extends UploadProps {
+    request?: any;
+    showTable?: boolean;
+    showUploadBtn?: boolean;
+    processInstId: string;
+    taskId: string;
+    showDownloadBtn?: boolean;
+    showAllDownloadBtn?: boolean;
+    showPreviewBtn?: boolean;
+    showDeleteBtn?: boolean;
+    fileList?: any[];
+    isAutoDelete?: boolean;
+    /**回调 */
+    callback?: (fileList: any) => void;
+    onDeleteCallback?: (index: number, file: any) => void;
+}
+declare const ZtUpload: React.FC<IProps>;
+export default ZtUpload;

package/dist/components/WorkflowPrintContainer/component/Upload/index.js

@@ -0,0 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo, useEffect, useState } from 'react';
+import { getToken } from 'ztxkutils/dist/authority';
+import Upload from '../../../Upload';
+import { fetchAttachList } from '../../service';
+var ZtUpload = function (_a) {
+    var request = _a.request, _b = _a.showTable, showTable = _b === void 0 ? true : _b, showUploadBtn = _a.showUploadBtn, showDownloadBtn = _a.showDownloadBtn, showAllDownloadBtn = _a.showAllDownloadBtn, showPreviewBtn = _a.showPreviewBtn, taskId = _a.taskId, showDeleteBtn = _a.showDeleteBtn, processInstId = _a.processInstId, isAutoDelete = _a.isAutoDelete, fileList = _a.fileList, callback = _a.callback, onDeleteCallback = _a.onDeleteCallback, restProps = __rest(_a, ["request", "showTable", "showUploadBtn", "showDownloadBtn", "showAllDownloadBtn", "showPreviewBtn", "taskId", "showDeleteBtn", "processInstId", "isAutoDelete", "fileList", "callback", "onDeleteCallback"]);
+    var _c = useState({}), listRecord = _c[0], setListRecord = _c[1];
+    var records = listRecord.records, current = listRecord.current, size = listRecord.size, total = listRecord.total, extra = listRecord.extra;
+    /**
+     * @description 默认要带上用户公司、部门、最近时间
+     *              UPDATE：这个是列表表单默认的查询条件
+     *              设置个性化查询参数，第二个参数为表单的name字段
+     */
+    var currentParams = useMemo(function () { return ({
+        processInstId: processInstId,
+        taskId: taskId,
+    }); }, [processInstId, taskId]);
+    /**
+     * @description 发起列表请求
+     *              当表单数据发生改变时，页码发生改变时
+     */
+    useEffect(function () {
+        if (currentParams.processInstId) {
+            fetchAttachList(request, __assign({ size: size,
+                current: current }, currentParams)).then(function (res) {
+                var _a;
+                setListRecord((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data);
+            });
+        }
+    }, [currentParams, size, current, request]);
+    return (React.createElement(Upload, __assign({ method: "post", headers: {
+            'Zmdms-Auth': getToken() || '',
+        }, data: {
+            system: process.env.REACT_APP_SYSTEM_CODE,
+        }, showTable: showTable, showUploadBtn: showUploadBtn, showDownloadBtn: showDownloadBtn, showAllDownloadBtn: showAllDownloadBtn, showPreviewBtn: showPreviewBtn, showDeleteBtn: showDeleteBtn, isAutoDelete: isAutoDelete, callback: callback, onDeleteCallback: onDeleteCallback, originFileList: fileList }, restProps, { apiBaseUrl: '', fileBaseUrl: '' })));
+};
+export default ZtUpload;

package/dist/components/WorkflowPrintContainer/component/association/component/TableList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IProps {
+    records: any[];
+    extra?: any;
+    onReload: () => void;
+    disable: boolean;
+    params?: any;
+}
+declare const _default: React.NamedExoticComponent<IProps>;
+export default _default;

package/dist/components/WorkflowPrintContainer/component/association/component/TableList.js

@@ -0,0 +1,74 @@
+import Table from '../../../../Table';
+import React, { memo } from 'react';
+import { Button } from 'antd';
+var TableList = function (_a) {
+    /**
+     * @description 模态框需要的外部参数
+     * UPDATE：针对拥有弹框的模块
+     */
+    // const modalParams = useMemo(
+    //   () => ({
+    //     companyId: params.companyId,
+    //     depId: params.depId,
+    //     memberId: params.memberId,
+    //     status: 50,
+    //   }),
+    //   [params.companyId, params.depId, params.memberId]
+    // );
+    var records = _a.records, onReload = _a.onReload, extra = _a.extra, disable = _a.disable, params = _a.params;
+    // UPDATE：表格配置项
+    //         与以往不同的是，由于需要满足个性化配置功能，所以每个配置都需要提供一个key值，来做比对选中
+    var columns = [
+        {
+            title: '序号',
+            width: 62,
+            align: 'center',
+            render: function (text, record, index) { return "" + (index + 1); },
+        },
+        {
+            title: '流程名称',
+            dataIndex: 'associatedProcessInstName',
+            key: 'associatedProcessInstName',
+            render: function (text, record, index) { return (React.createElement(Button, { type: "link" }, text)); },
+        },
+        {
+            title: '流程ID',
+            width: 80,
+            align: 'center',
+            dataIndex: 'associatedProcessInstId',
+            key: 'associatedProcessInstId',
+        },
+        // {
+        //   title: '流程模板',
+        //   width: 300,
+        //   dataIndex: 'associatedProcessDefName',
+        //   key: 'associatedProcessDefName',
+        // },
+        {
+            title: '流程申请人',
+            width: 120,
+            align: 'center',
+            dataIndex: 'associatedProcessApplyPersonName',
+            key: 'associatedProcessApplyPersonName',
+        },
+        {
+            title: '流程申请时间',
+            width: 140,
+            align: 'center',
+            dataIndex: 'associatedProcessApplyTime',
+            key: 'associatedProcessApplyTime',
+        },
+    ];
+    // // UPDATE：需要跳转的页面，在对应文件配置
+    // function goDetailHandle(id) {
+    //   const patchPage = createPage.getProcessDetail(id);
+    //   history.push(patchPage.path, '_blank');
+    // }
+    return (React.createElement("div", null,
+        React.createElement(Table, { columns: columns, 
+            // showColumnDynamicKey="flow-ssociation"
+            dataSource: records, rowKey: "id", 
+            // showColumnDynamic
+            initColumns: columns })));
+};
+export default memo(TableList);

package/dist/components/WorkflowPrintContainer/component/association/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IProps {
+    request?: any;
+    processInstId: string;
+    refresh: number;
+    disable: boolean;
+}
+declare const _default: React.NamedExoticComponent<IProps>;
+export default _default;