@dcp-designable/components
Version:
公共组件及业务组件
637 lines • 36.7 kB
JavaScript
"use strict";
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (this && this.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (g && (g = 0, op[0] && (_ = 0)), _) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
var __read = (this && this.__read) || function (o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m) return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
}
catch (error) { e = { error: error }; }
finally {
try {
if (r && !r.done && (m = i["return"])) m.call(i);
}
finally { if (e) throw e.error; }
}
return ar;
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
var __values = (this && this.__values) || function(o) {
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
if (m) return m.call(o);
if (o && typeof o.length === "number") return {
next: function () {
if (o && i >= o.length) o = void 0;
return { value: o && o[i++], done: !o };
}
};
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
/*
* @Author: 詹诗瑶
* @Date: 2022-03-28 18:51:48
* @Last Modified by: lishuna
* @Last Modified time: 2025-03-29 13:44:19
*/
var react_1 = __importStar(require("react"));
var dcp_design_react_1 = require("dcp-design-react");
var BPMShowProgress_1 = require("../api/BPMShowProgress");
require("./index.less");
var icons_1 = require("@ant-design/icons");
var TextExpand_1 = __importDefault(require("./TextExpand"));
var VoicePlayer_1 = __importDefault(require("./VoicePlayer"));
var utils_1 = require("@dcp-designable/utils");
var transfer_svg_1 = __importDefault(require("../img/transfer.svg"));
var Flow_Pending_png_1 = __importDefault(require("../img/Flow_Pending.png"));
var Flow_Recall_png_1 = __importDefault(require("../img/Flow_Recall.png"));
var Flow_Complete_png_1 = __importDefault(require("../img/Flow_Complete.png"));
var Flow_Reject_png_1 = __importDefault(require("../img/Flow_Reject.png"));
var Flow_Start_png_1 = __importDefault(require("../img/Flow_Start.png"));
var Flow_Over_png_1 = __importDefault(require("../img/Flow_Over.png"));
var Flow_Unarrival_png_1 = __importDefault(require("../img/Flow_Unarrival.png"));
var pass_png_1 = __importDefault(require("../img/pass.png"));
var reject_png_1 = __importDefault(require("../img/reject.png"));
var Eye_png_1 = __importDefault(require("../img/Eye.png"));
var Paragraph = dcp_design_react_1.Typography.Paragraph, Text = dcp_design_react_1.Typography.Text;
var Step = dcp_design_react_1.Steps.Step;
function BPMShowProgress(props) {
var _this = this;
var _a = __read(react_1.default.useState([]), 2), timelineData = _a[0], setTimelineData = _a[1];
var _b = __read(react_1.default.useState(false), 2), showSubModel = _b[0], setShowSubModel = _b[1];
var _c = __read(react_1.default.useState({}), 2), selectNode = _c[0], setSelectNode = _c[1];
var _d = __read(react_1.default.useState([]), 2), subProcessList = _d[0], setSubProcessList = _d[1];
var _e = __read(react_1.default.useState(null), 2), annotationsData = _e[0], setAnnotationsData = _e[1];
var _f = __read(react_1.default.useState(false), 2), showViewAnnotations = _f[0], setShowViewAnnotations = _f[1];
var _g = __read(react_1.default.useState([]), 2), processData = _g[0], setProcessData = _g[1];
var _h = __read(react_1.default.useState(false), 2), showCopyModel = _h[0], setShowCopyModel = _h[1];
var _j = __read(react_1.default.useState([]), 2), copyList = _j[0], setCopyList = _j[1];
var _k = __read(react_1.default.useState({}), 2), transferParam = _k[0], setTransferParam = _k[1];
var newWFhistory = [];
var renderDot = function (data, i) {
var item = data[i];
var startNode = data[0];
var lastNode = {};
// 倒叙处理
if (i === 0 && startNode.title === '结束') {
lastNode = data[i + 1];
startNode = data[data.length - 1];
}
else {
lastNode = data[i - 1];
}
if (startNode.state === '撤回') {
return react_1.default.createElement("img", { src: Flow_Recall_png_1.default, style: { width: '24px', height: '24px' } });
}
else if (item.title === '提交') {
return react_1.default.createElement("img", { src: Flow_Start_png_1.default, style: { width: '24px', height: '24px' } });
}
else if (item.state === '同意' || item.state === 'SUBMIT') {
return react_1.default.createElement("img", { src: Flow_Complete_png_1.default, style: { width: '24px', height: '24px' } });
}
else if (item.state === '驳回制单') {
return react_1.default.createElement("img", { src: Flow_Reject_png_1.default, style: { width: '24px', height: '24px' } });
}
else if (item.state === '待办') {
return react_1.default.createElement("img", { src: Flow_Pending_png_1.default, style: { width: '24px', height: '24px' } });
}
else if (item.title === '结束') {
if (item.time) {
if (lastNode.state === '驳回制单') {
return react_1.default.createElement("img", { src: Flow_Reject_png_1.default, style: { width: '24px', height: '24px' } });
}
else if (lastNode.state === '同意') {
return react_1.default.createElement("img", { src: Flow_Complete_png_1.default, style: { width: '24px', height: '24px' } });
}
}
else {
return react_1.default.createElement("img", { src: Flow_Over_png_1.default, style: { width: '24px', height: '24px' } }); // 原来FlowGrey
}
}
else {
return react_1.default.createElement("img", { src: Flow_Unarrival_png_1.default, style: { width: '24px', height: '24px' } }); // 原FlowGrey
}
};
var renderState = function (item) {
if (item.state === '驳回制单' || item.state === '撤回') {
return 'error';
}
else if (item.title === '提交' || item.state === '同意') {
return 'finish';
}
else if (item.state === '待办') {
return 'process';
}
else {
return 'wait';
}
};
var returnTime = function (time) {
var start = new Date(time);
var end = new Date();
var diff = end.getTime() - start.getTime(); // 返回时间差的毫秒数
// 转换为天、小时、分钟和秒
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
// var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var hours = Math.floor((diff / (1000 * 60 * 60)));
// var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
var minutes = Math.floor((diff / (1000 * 60)));
if (days >= 1) {
return time;
}
else if (hours >= 1) {
return "".concat(hours, "\u5C0F\u65F6\u524D");
}
else if (minutes >= 1) {
return "".concat(minutes, "\u5206\u949F\u524D");
}
else {
return '刚刚';
}
};
var convertBase64ToBlob = function (base64) {
var parts = base64.split(';base64,');
var contentType = parts[0].split(':')[1];
var raw = window.atob(parts[1]);
var rawLength = raw.length;
var uInt8Array = new Uint8Array(rawLength);
for (var i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i);
}
return new Blob([uInt8Array], { type: contentType });
};
var renderAutographList = function (item) {
var blob = convertBase64ToBlob(item.autograph);
var url = URL.createObjectURL(blob);
return (react_1.default.createElement(dcp_design_react_1.Image
// width={200}
, {
// width={200}
height: 200, src: url }));
// <img src={item.autograph} style={{
// width: "200px",
// margin: "8px"
// }} />
};
var openChildNode = function (item) { return __awaiter(_this, void 0, void 0, function () {
var res;
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, (0, BPMShowProgress_1.getSubWFhistory)({
procInstId: item.procInstId,
mainProcessId: item.procInstId,
taskId: item.id,
})];
case 1:
res = _a.sent();
if (res.code == 200) {
setSubProcessList(res.data);
}
setSelectNode(item);
setShowSubModel(true);
return [2 /*return*/];
}
});
}); };
var viewAnnotations = function (item) {
var _a;
if (item.length) {
setAnnotationsData((_a = item[0]) === null || _a === void 0 ? void 0 : _a.annotations);
setShowViewAnnotations(true);
}
else {
(0, utils_1.Message)('暂无批注', 'warning');
}
};
var returnDescription = function (item) {
var describe = JSON.parse(item.describe);
return (react_1.default.createElement(dcp_design_react_1.Card, { style: { backgroundColor: '#fafafa' }, bodyStyle: { padding: '5px' } },
react_1.default.createElement(dcp_design_react_1.Steps, { style: { marginLeft: '10px' }, progressDot: true, size: "small", direction: "vertical", items: __spreadArray([], __read(describe), false) })));
};
var onTransferRecord = function (item) { return __awaiter(_this, void 0, void 0, function () {
var historyData, res;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
historyData = newWFhistory;
return [4 /*yield*/, (0, BPMShowProgress_1.audioToText)({ obs_path: item.speechUrl })];
case 1:
res = _a.sent();
if (res.code === 200) {
if (!res.data.text) {
(0, utils_1.Message)('未识别到文字', 'warning');
}
else {
// 转文字
transferParam[item.id] = res.data.text;
}
}
setTransferParam(transferParam);
// eslint-disable-next-line no-use-before-define
setTimelineData(transformedData(historyData));
return [2 /*return*/];
}
});
}); };
var renderSpeechDataList = function (item) {
var _a;
return (react_1.default.createElement(VoicePlayer_1.default, { src: item.speechUrl, id: item.id, transferText: (_a = transferParam[item.id]) !== null && _a !== void 0 ? _a : '', onClickTransfer: function () { return __awaiter(_this, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, onTransferRecord(item)];
case 1:
_a.sent();
return [2 /*return*/];
}
});
}); } }));
};
var renderCopyLine = function (data, i) {
if (i > 4) {
return;
}
return (react_1.default.createElement(Step, { title: (react_1.default.createElement("div", null,
data.approverWithDept || data.approver,
react_1.default.createElement("span", { style: data.state === '抄送未审批' ? { color: '#8c8d8e' } : { color: '#1fc88e' } }, "\uFF08".concat(data.state === '抄送未审批' ? '未查看' : (data.state === '抄送已审批' ? '已审阅' : data.state), "\uFF09")))), description: (react_1.default.createElement("div", { className: "copy-timeline" },
react_1.default.createElement("span", { className: "copy-remark" }, data.remark),
react_1.default.createElement("span", null, data.time),
react_1.default.createElement("div", { style: { width: 'calc(100% - 16px)' } },
Array.isArray(data.speechData) && data.speechData.map(function (speech) {
return renderSpeechDataList(speech);
}),
Array.isArray(data.autograph) && data.autograph.map(function (autographItem) {
return renderAutographList(autographItem);
})))), status: data.state === '抄送未审批' ? 'wait' : 'finish' }));
};
var returnCopyTask = function (item, nodeData) {
setSelectNode(nodeData);
return (react_1.default.createElement("div", null,
react_1.default.createElement("h3", null, "\u6284\u9001\u8BB0\u5F55"),
react_1.default.createElement(dcp_design_react_1.Steps, { style: { marginLeft: '10px' }, progressDot: true, size: "small", direction: "vertical", className: "steps-chaosong" }, Array.isArray(item) && item.map(function (data, i) {
return renderCopyLine(data, i);
})),
item.length > 5 && (react_1.default.createElement("a", { onClick: function () {
setShowCopyModel(true);
setCopyList(item);
} }, "\u67E5\u770B\u66F4\u591A\u6284\u9001\u610F\u89C1"))));
};
var cilckTransferBtn = function (row) {
var historyData = newWFhistory;
for (var i = 0; i < historyData.length; i++) {
if (row.id === historyData[i].id) {
historyData[i].showTransferText = !historyData[i].showTransferText;
}
}
// eslint-disable-next-line no-use-before-define
setTimelineData(transformedData(historyData));
};
var transformedData = function (data, showForecast) {
var e_1, _a;
var timelineData = [];
var flag = true;
var resData = [];
// 数组去重，过滤auto_commit
var map = new Map();
var result = [];
try {
for (var data_1 = __values(data), data_1_1 = data_1.next(); !data_1_1.done; data_1_1 = data_1.next()) {
var item = data_1_1.value;
if ((!map.has(item.id) && item.remark != 'auto_commit') || item.title == '结束' || item.id == null) {
map.set(item.id, true);
result.push(__assign({}, item));
}
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (data_1_1 && !data_1_1.done && (_a = data_1.return)) _a.call(data_1);
}
finally { if (e_1) throw e_1.error; }
}
var tempData = result[0];
var newData = [];
for (var i = 1; i < result.length; i++) {
if (result[i].taskDefinitionKey == result[i - 1].taskDefinitionKey
&& result[i].time == result[i - 1].time
&& result[i].state == result[i - 1].state
&& !result[i - 1].annotations) {
var approver = result[i].approverWithDept || result[i].approver || result[i].approvercode;
tempData.approver = "".concat(tempData.approver, ",").concat(approver);
tempData.approvercode = "".concat(tempData.approvercode, ",").concat(result[i].approvercode);
tempData.approverWithDept = "".concat(tempData.approverWithDept, ",").concat(approver);
}
else {
newData.push(tempData);
tempData = result[i];
tempData.approver = result[i].approver || result[i].approvercode;
tempData.approverWithDept = result[i].approverWithDept;
}
}
if (tempData) {
newData.push(tempData);
}
resData = newData;
var length = resData.length;
var _loop_1 = function (i) {
var approver = resData[i].approverWithDept || resData[i].approver || resData[i].approvercode;
if (approver == 'point') {
approver = '';
}
var autographType = '';
var speechUrlType = '';
if (resData[i].autograph) {
autographType = 'string';
if (Array.isArray(resData[i].autograph)) {
autographType = 'list';
}
}
// if(resData[i].state === "同意" || resData[i].state === "驳回制单"){
// const showRemark = (resData[i].remark && resData[i].remark !== " ")
// || (resData[i].speechData && resData[i].speechData.length > 0)
// || (resData[i].autograph && resData[i].autograph.length > 0)
// if(!showRemark){
// continue
// }
// }
var copyTask = resData[i].copyTask || [];
// resData[i].copyTask && resData[i].copyTask.map((copyTaskItem)=>{
// const showNode = copyTaskItem.state !== "抄送已审批" || ((copyTaskItem.remark && copyTaskItem.remark !== " ")
// || (copyTaskItem.speechData && copyTaskItem.speechData.length > 0)
// || (copyTaskItem.autograph && copyTaskItem.autograph.length > 0))
// if(showNode) {
// copyTask.push(copyTaskItem)
// }
// })
timelineData.push(react_1.default.createElement(Step, { title: (react_1.default.createElement("div", { className: "bpm-process-progress-title" },
react_1.default.createElement("div", { className: "bpm-process-progress-title-main" },
react_1.default.createElement("span", { className: "progress-title" }, resData[i].subProcess
? (react_1.default.createElement("a", { onClick: function () { return openChildNode(resData[i]); } },
resData[i].title,
"(",
react_1.default.createElement(icons_1.SearchOutlined, null),
"\u67E5\u770B\u5B50\u6D41\u7A0B)"))
: resData[i].title),
resData[i].taskDescription && react_1.default.createElement("span", { className: "bpm-time-title-description" }, resData[i].taskDescription)),
react_1.default.createElement("div", { className: "bpm-process-progress-personandtime" },
resData[i].signImage
? (react_1.default.createElement("img", { style: {
maxWidth: '90px',
width: '100%',
height: '100%',
}, src: resData[i].signImage }))
: (react_1.default.createElement(Text, { className: "progress-approver", ellipsis: (approver && approver.length > 5)
? {
tooltip: {
title: react_1.default.createElement("span", { style: { color: '#000000D8' } }, approver),
color: '#fff',
},
}
: false }, approver)),
resData[i].time && (react_1.default.createElement("div", { className: "bpm-process-progress-title-time" },
react_1.default.createElement("span", null, returnTime(resData[i].time))))))), icon: renderDot(resData, i), description: ((resData[i].remark && resData[i].remark !== '待办') || resData[i].autograph
|| resData[i].annotations || resData[i].describe || copyTask)
&& (react_1.default.createElement("div", { className: "bpm-process-progress-remark" },
(resData[i].remark && resData[i].remark !== '待办') && (react_1.default.createElement(TextExpand_1.default, { content: resData[i].remark, maxLen: 80 })),
Array.isArray(resData[i].speechData) && resData[i].speechData.map(function (speech) {
return renderSpeechDataList(speech);
}),
autographType === 'string' && (react_1.default.createElement("div", null,
react_1.default.createElement("img", { src: resData[i].autograph, style: {
width: '200px',
margin: '8px',
} }))),
autographType === 'list' && (react_1.default.createElement("div", null, resData[i].autograph.map(function (autographItem) {
return renderAutographList(autographItem);
}))),
resData[i].annotations
&& (react_1.default.createElement("div", { className: "remark-annotations", onClick: function () { return viewAnnotations(resData[i].annotations); } },
react_1.default.createElement("img", { src: Eye_png_1.default, style: {
width: '14px',
margin: '4px',
} }),
react_1.default.createElement("span", null, "\u67E5\u770B\u6279\u6CE8"))),
resData[i].speechUrl && (react_1.default.createElement("div", { className: "timeline-audio-transfer" },
react_1.default.createElement("div", { className: "timeline-audio" },
react_1.default.createElement("audio", { className: "timeline-audio-play", controls: true, controlsList: "nodownload noplaybackrate", preload: "auto", src: resData[i].speechUrl }),
react_1.default.createElement("img", { className: "transfer-btn", src: transfer_svg_1.default, onClick: function () { return cilckTransferBtn(resData[i]); } })),
resData[i].showTransferText && (react_1.default.createElement("div", { className: "audio-lable" },
react_1.default.createElement("div", { className: "audio-lable-text" }, resData[i].speechToText))))),
copyTask && copyTask.length > 0 && (react_1.default.createElement("div", null, returnCopyTask(copyTask, resData[i]))))), status: renderState(resData[i]) }));
};
// 根据历史数据展示不同状态节点的信息
for (var i = 0; i < length; i++) {
_loop_1(i);
}
return timelineData;
};
var onTransferCopyRecord = function (item) { return __awaiter(_this, void 0, void 0, function () {
var res;
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, (0, BPMShowProgress_1.audioToText)({ obs_path: item.speechUrl })];
case 1:
res = _a.sent();
if (res.code === 200) {
// 转文字
if (!res.data.text) {
(0, utils_1.Message)('未识别到文字', 'warning');
}
else {
transferParam[item.id] = res.data.text;
setTransferParam(transferParam);
setCopyList(__spreadArray([], __read(copyList), false));
setTimelineData(transformedData(processData));
}
}
return [2 /*return*/];
}
});
}); };
var renderCopySpeechDataList = function (item, copyList) {
var _a;
return (react_1.default.createElement(VoicePlayer_1.default, { src: item.speechUrl, id: item.id, transferText: (_a = transferParam[item.id]) !== null && _a !== void 0 ? _a : '', onClickTransfer: function () { return __awaiter(_this, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, onTransferCopyRecord(item, copyList)];
case 1:
_a.sent();
return [2 /*return*/];
}
});
}); } }));
};
var getData = function () { return __awaiter(_this, void 0, void 0, function () {
var res, data;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
console.log(props.urlParam);
if (!props.urlParam.processInstanceId) return [3 /*break*/, 2];
return [4 /*yield*/, (0, BPMShowProgress_1.getNewWFhistory)({
procInstId: props.urlParam.processInstanceId,
appsource: props.urlParam.appsource,
tenantLimitId: 'r2sc8ufe',
returnNoSubProcess: true,
returnMainProcess: true,
})];
case 1:
res = _a.sent();
if (res.code == 200) {
data = res.data.rates;
newWFhistory = data;
setProcessData(data);
setTimelineData(transformedData(data, true));
}
_a.label = 2;
case 2: return [2 /*return*/];
}
});
}); };
(0, react_1.useImperativeHandle)(props.onRef, function () { return ({
getData: getData,
}); });
(0, react_1.useEffect)(function () {
getData();
}, [props.urlParam]);
var returnChildNode = function (item, index) {
debugger;
return (react_1.default.createElement(dcp_design_react_1.QmCollapse, { defaultActive: true, label: "\u5B50\u6D41\u7A0B-".concat(item.subTemplateName) },
react_1.default.createElement(dcp_design_react_1.Steps, { direction: "vertical", size: "small" }, transformedData(item.subWFhistory, true))));
};
var subProcessTimeLine = (0, react_1.useMemo)(function () {
return (react_1.default.createElement(react_1.default.Fragment, null, Array.isArray(subProcessList) && subProcessList.map(function (item, index) {
return returnChildNode(item, index);
})));
}, [subProcessList]);
return (react_1.default.createElement("div", { className: "wrapper-progress" },
react_1.default.createElement("p", { className: "historyTitle" }, "\u6D41\u7A0B\u5BA1\u6279\u8BB0\u5F55"),
react_1.default.createElement("br", null),
react_1.default.createElement("div", { className: "history-title-divider" }),
(props.deleteReason === 'completed' || props.deleteReason === 'success') && react_1.default.createElement("img", { src: pass_png_1.default, className: "process-state-icon" }),
(props.deleteReason === 'REJECTTOSTART' || props.deleteReason === 'REJECTTOSTARTSUSPENSION' || props.deleteReason == 'rejecttostart') && react_1.default.createElement("img", { src: reject_png_1.default, className: "process-state-icon" }),
react_1.default.createElement(dcp_design_react_1.Steps, { direction: "vertical", size: "small" }, timelineData),
react_1.default.createElement(dcp_design_react_1.DcpDrawer, { forceRender: true, open: showSubModel, loading: false, width: "40%", title: "".concat(selectNode.title, "\u5B50\u6D41\u7A0B\u5386\u53F2\u8BB0\u5F55"), destroyOnClose: true, bodyStyle: { paddingBottom: 52 }, onClose: function () {
setShowSubModel(false);
} },
subProcessTimeLine,
react_1.default.createElement(dcp_design_react_1.DcpSpace, { className: "fixed-footer" },
react_1.default.createElement(dcp_design_react_1.DcpButton, { onClick: function () {
setShowSubModel(false);
setSelectNode([]);
} }, "\u5173\u95ED"))),
react_1.default.createElement(dcp_design_react_1.DcpModal, { width: "80%", onClose: function () {
setShowViewAnnotations(false);
}, open: showViewAnnotations },
react_1.default.createElement("img", { src: annotationsData, style: { width: '100%' } })),
react_1.default.createElement(dcp_design_react_1.DcpDrawer, { forceRender: true, open: showCopyModel, loading: false, width: "40%", title: "".concat(selectNode.title, "-\u6284\u9001\u8BB0\u5F55"), destroyOnClose: true, bodyStyle: { paddingBottom: 52 }, onClose: function () {
setShowCopyModel(false);
} },
react_1.default.createElement("div", { className: "bpm-process-copy-list" },
react_1.default.createElement(dcp_design_react_1.List, { style: { marginBottom: '10px' }, itemLayout: "vertical", pagination: {
total: copyList.length,
defaultPageSize: 20,
defaultCurrent: 1,
}, dataSource: copyList, renderItem: function (item) { return (react_1.default.createElement(dcp_design_react_1.List.Item, { key: item.title },
react_1.default.createElement("div", { className: "bpm-process-copy-list-card" },
react_1.default.createElement("div", { className: "bpm-process-copy-list-card-item" },
react_1.default.createElement("span", { className: "copy-remark" }, item.remark),
react_1.default.createElement("span", null, item.time)),
react_1.default.createElement("div", { className: "bpm-process-copy-list-card-item" },
react_1.default.createElement("span", { className: "copy-approver" }, item.approverWithDept || item.approver),
react_1.default.createElement("span", { style: item.state === '抄送未审批' ? { color: '#8c8d8e' } : { color: '#1fc88e' } }, "\uFF08".concat(item.state === '抄送未审批' ? '未查看' : (item.state === '抄送已审批' ? '已审阅' : item.state), "\uFF09")))),
react_1.default.createElement("div", { style: { width: 'calc(100% - 16px)' } },
Array.isArray(item.speechData) && item.speechData.map(function (speech) {
return renderCopySpeechDataList(speech, copyList);
}),
Array.isArray(item.autograph) && item.autograph.map(function (autographItem) {
return renderAutographList(autographItem);
})))); } })),
react_1.default.createElement(dcp_design_react_1.DcpSpace, { className: "fixed-footer" },
react_1.default.createElement(dcp_design_react_1.DcpButton, { onClick: function () {
setShowCopyModel(false);
} }, "\u5173\u95ED")))));
}
exports.default = BPMShowProgress;
//# sourceMappingURL=index.js.map