CommitAuditModal.js 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767
  1. import React, {useEffect, useState, useRef, useMemo, useCallback} from 'react';
  2. import '@ant-design/compatible/assets/index.css';
  3. import {
  4. Modal,
  5. Input,
  6. Select,
  7. message,
  8. Cascader,
  9. Form,
  10. Tabs,
  11. Row,
  12. Col,
  13. Empty,
  14. Button,
  15. Steps,
  16. Popover,
  17. Upload,
  18. Table,
  19. Divider,
  20. Collapse,
  21. } from 'antd';
  22. import {PlusOutlined, UploadOutlined} from '@ant-design/icons';
  23. import {connect} from 'dva';
  24. import {isArray, result, set} from 'lodash';
  25. import {useForm} from 'rc-field-form';
  26. import {async} from '@antv/x6/lib/registry/marker/async';
  27. import AuditDetailed from './AuditDetailed';
  28. import AuditFlow from './AuditFlow';
  29. import {
  30. queryDingSchema,
  31. queryGetBomForm,
  32. queryProcessFlows,
  33. querySaveBomForm,
  34. } from '@/services/boom';
  35. import {Form as Form3x} from '@ant-design/compatible';
  36. import {getCurrentUser} from '@/utils/authority';
  37. import DDCode from '@/components/DDComponents/DDCode';
  38. import {uploadFile, queryUserListByRoleID} from '@/services/boom';
  39. import ApprovalProcess from './ApprovalProcess';
  40. import {uuidv4} from '@antv/xflow';
  41. import AliyunOSSUpload from '@/components/OssUpload/AliyunOssUploader';
  42. import AttachmentTable from '@/components/AttachmentTable';
  43. import {getToken} from '@/utils/utils';
  44. import LuckyExcel from 'luckyexcel';
  45. import DDComponents from "@/components/DDComponents";
  46. const {TextArea} = Input;
  47. const {Option} = Select;
  48. const {TabPane} = Tabs;
  49. const {Step} = Steps;
  50. // 提交
  51. function CommitAuditModal(props) {
  52. const {
  53. dispatch,
  54. visible,
  55. onClose,
  56. // loading,
  57. version,
  58. versionList,
  59. flowDetail,
  60. currentUser,
  61. luckysheet,
  62. userList,
  63. templateId,
  64. OSSData,
  65. } = props;
  66. // console.log(loading);
  67. const [auditId, setAuditId] = useState();
  68. const [data, setData] = useState([]);
  69. const [length, setLength] = useState(1);
  70. const [formData, setFromData] = useState({});
  71. const [auditList, setAuditList] = useState([]); //用于创建Tabs表单
  72. const [formComponentValues, setFormComponentValues] = useState({}); //用于创建Tabs表单
  73. const [form] = Form.useForm();
  74. const [approvalProcess, setApprovalProcess] = useState({});
  75. const [selectUserList, setSelectUserList] = useState([]);
  76. const [curNodeIdx, setCurNodeIdx] = useState(-1);
  77. const [dataSource, setDataSource] = useState([]);
  78. const [loading, setLoading] = useState(false);
  79. const uploadList = useRef([]);
  80. useEffect(() => {
  81. if (!visible) return;
  82. const {edges, nodes} = flowDetail;
  83. // initFormList().then(approvalProcess => {
  84. let Id = version.template_node_id;
  85. const currentId = flowDetail.nodes.find?.(item => item.Id == Id)?.node_id;
  86. const data = treeData(currentId);
  87. console.log('===============审批节点======', data);
  88. const nextNodes = getNextNodes(currentId, 'custom-rect');
  89. if (data.length <= 0 || nextNodes.length > 0) {
  90. setAuditId(currentId);
  91. } else {
  92. let defaultValues = {};
  93. if (data.length == 1) {
  94. let value = getDataValue(data[0]);
  95. defaultValues[`circle`] = value;
  96. } else {
  97. data.forEach((item, index) => {
  98. let value = getDataValue(item);
  99. defaultValues[`circle${index}`] = value;
  100. });
  101. }
  102. // 设置延迟,等待组件渲染
  103. setTimeout(async () => {
  104. form.setFieldsValue(defaultValues);
  105. const {approvalProcess} = await initFormList();
  106. Object.values(defaultValues).forEach(value => onChange(value, approvalProcess || {}));
  107. }, 200);
  108. }
  109. setData(data);
  110. // });
  111. }, [version.template_node_id, visible]);
  112. useEffect(() => {
  113. if (!visible) return;
  114. dispatch({
  115. type: 'detail/getChartOSSData',
  116. payload: {
  117. projectId: version.project_id,
  118. },
  119. });
  120. }, [visible]);
  121. useEffect(() => {
  122. form.resetFields();
  123. setAuditList([]);
  124. }, [visible]);
  125. // const OnModelFileDone = file => {
  126. // var path = OSSData.host + '/' + file.url;
  127. // uploadList.current = [...uploadList.current, path];
  128. // console.log(uploadList.current);
  129. // };
  130. const setUploadList = files => {
  131. uploadList.current = files.map(file => OSSData.host + '/' + file.url);
  132. console.log(uploadList.current);
  133. };
  134. const OnUploading = file => {
  135. };
  136. const uploadProps = {
  137. OSSData: OSSData,
  138. // onDone: OnModelFileDone,
  139. onUploading: OnUploading,
  140. noStyle: false,
  141. onChange: setUploadList,
  142. // showUploadList: false,
  143. };
  144. const initFormList = async () => {
  145. const res = await queryGetBomForm({
  146. project_id: version.project_id,
  147. node_id: version.template_node_id,
  148. });
  149. if (res.data) {
  150. const formList = JSON.parse(res.data.json);
  151. setApprovalProcess(formList.approvalProcess || {});
  152. return formList;
  153. // setFormComponentValues(defaultFormData);
  154. }
  155. };
  156. const treeData = currentId => {
  157. const list = getNextNodes(currentId, 'custom-circle');
  158. const fun = nodes => {
  159. const re = nodes?.forEach((item, idx) => {
  160. const data = getNextNodes(item.Id, 'custom-circle');
  161. if (data || data.length > 0) list.push(...data);
  162. fun(data);
  163. });
  164. };
  165. fun(list);
  166. const fun2 = list => {
  167. const parents = list.filter(item => list.findIndex(node => node.Id == item.parentId) == -1);
  168. let translator = (parents, children) => {
  169. setLength(length + 1);
  170. parents.forEach(parent => {
  171. children.forEach((current, index) => {
  172. if (current.parentId === parent.Id) {
  173. let temp = JSON.parse(JSON.stringify(children));
  174. temp.splice(index, 1);
  175. translator([current], temp);
  176. if (!parent.children.find(item => item.Id == current.Id))
  177. parent.children.push(current);
  178. }
  179. });
  180. });
  181. };
  182. translator(parents, list);
  183. return parents;
  184. };
  185. return fun2(list);
  186. };
  187. const currentNodeId = useMemo(() => {
  188. let Id = version.template_node_id;
  189. setAuditId(currentNodeId);
  190. return flowDetail.nodes.find?.(item => item.Id == Id)?.node_id;
  191. }, [flowDetail, version]);
  192. /**
  193. *
  194. * @param {*} currentId 当前节点
  195. * @param {*} type 下一个节点的类型 custom-circle: 审批节点 custom-rect: 业务节点
  196. * @returns
  197. */
  198. const getNextNodes = (currentId, type) => {
  199. const {edges, nodes} = flowDetail;
  200. if (!currentId) return [];
  201. //删除虚线通向的节点
  202. // let targetIds = edges
  203. // .filter(edge => {
  204. // let line = edge.attrs?.line?.strokeDasharray?.split(' ');
  205. // return edge.source.cell == currentId && line && line[0] == '0';
  206. // })
  207. // .map(item => item.target.cell);
  208. console.log(
  209. '---------',
  210. edges.filter(edge => edge.source.cell == currentId)
  211. );
  212. let targetIds = edges
  213. .filter(edge => edge.source.cell == currentId)
  214. .map(item => item.target.cell);
  215. edges.filter(edge => edge.source.cell == currentId);
  216. let auditNodes = nodes.filter(node => {
  217. if (type && node.name != type) {
  218. return false;
  219. }
  220. return targetIds.indexOf(node.id) != -1;
  221. });
  222. const result = auditNodes.map(item => {
  223. return {
  224. label: item.label,
  225. value: item.Id,
  226. Id: item.node_id,
  227. parentId: currentId,
  228. children: [],
  229. };
  230. });
  231. return result || [];
  232. };
  233. const nextNodesList = useMemo(() => {
  234. if (!auditId && !currentNodeId) return [];
  235. return getNextNodes(auditId || currentNodeId, 'custom-rect');
  236. }, [auditId, currentNodeId, flowDetail]);
  237. const changeAudit = id => {
  238. let node = flowDetail.nodes.find?.(item => item.Id == id);
  239. setAuditId(node?.node_id);
  240. };
  241. const onChange = async (value, approvalProcess) => {
  242. const {formList: resData} = await initFormList();
  243. const prevFormData = resData && resData.length ? JSON.parse(resData[0]) : [];
  244. if (value) {
  245. changeAudit(value[value.length - 1]);
  246. if (value[0] === prevFormData.template_node_id) {
  247. setAuditListFun(approvalProcess, prevFormData.formComponentValues);
  248. } else {
  249. setAuditListFun(approvalProcess);
  250. }
  251. } else {
  252. changeAudit('');
  253. setAuditList([]);
  254. setApprovalProcess({});
  255. }
  256. form.setFieldValue('next_template_node_id', '');
  257. };
  258. const getReComputeAudit = (items, changedValues) => {
  259. const id = Object.keys(changedValues)[0];
  260. const formItem = items?.find(item => item.props.id == id);
  261. if (formItem && formItem.props?.required) return true;
  262. return false;
  263. };
  264. //填写表单实时计算审批流程
  265. const advanceSubmit = async () => {
  266. console.log('重重新计算审批流程');
  267. var fieldsValue = await form.validateFields();
  268. let hasFlowId = true; //是否都绑定审批节点
  269. let result = Object.values(fieldsValue)
  270. .map(item => {
  271. if (item && Array.isArray(item)) return item;
  272. })
  273. .filter(item => item);
  274. const formList = await getFromData(result);
  275. let params = {
  276. desc: fieldsValue.desc,
  277. // 审核流程id
  278. flow_id: 0,
  279. node_level_id: 0,
  280. id: version.id,
  281. project_id: version.project_id,
  282. cur_template_node_id: version.template_node_id * 1, // 当前节点
  283. next_template_node_id: 0, // 审核完成后的业务节点
  284. template_node_id: null, // 将要流转的节点审批节点
  285. flow_path: null, //审批节点数组
  286. // 模板id.一致就行
  287. template_id: version.template_id,
  288. cur_template_id: version.template_id,
  289. next_template_id: version.template_id,
  290. form_list: formList,
  291. };
  292. dispatch({
  293. type: 'detail/advanceSubmitNextNode',
  294. payload: params, //values,
  295. callback: data => {
  296. if (data) {
  297. setApprovalProcess(data);
  298. }
  299. },
  300. });
  301. };
  302. //处理tabs页
  303. const setAuditListFun = async (approvalProcess = {}, prevFromData = []) => {
  304. var fieldsValue = await form.validateFields();
  305. let addAuditList = [];
  306. let result = Object.values(fieldsValue)
  307. .map(item => {
  308. if (item && Array.isArray(item)) return item;
  309. })
  310. .filter(item => item)
  311. .flat(Infinity);
  312. let nodeList = [...new Set(result)]
  313. .map(Id => {
  314. return flowDetail.nodes.find?.(item => item.Id == Id);
  315. })
  316. .filter(item => item);
  317. let flowIds = [...new Set(nodeList.map(item => item.flow_id))].join(',');
  318. let data = await queryProcessFlows({ids: flowIds});
  319. if (data && data?.length > 0) {
  320. let newlist = nodeList.map(node => {
  321. let curData = data.find(item => item.id == node.flow_id);
  322. let newItem = {
  323. name: curData?.name,
  324. nodeId: node.Id,
  325. items: JSON.parse(curData.form_json || '[]'),
  326. };
  327. return newItem;
  328. });
  329. addAuditList = [...addAuditList, ...newlist];
  330. }
  331. addAuditList.forEach((item, index) => {
  332. console.log('XXX', item, prevFromData);
  333. item.items.forEach(DDComponent => {
  334. console.log('XXX',DDComponent)
  335. const prevValue = prevFromData.find(item => item.id===DDComponent.props.id)
  336. console.log('XXX',prevValue)
  337. })
  338. let Components = Form3x.create({
  339. onValuesChange: (props, changedValues, allValues) => {
  340. const {items} = props;
  341. formComponentValues[item.nodeId] = items
  342. .map(item => {
  343. const itemProps = item.props;
  344. let val = allValues[itemProps.id];
  345. if (!itemProps.label || val === '') return;
  346. if (val instanceof Object) {
  347. return {
  348. name: itemProps.label,
  349. id: itemProps.id,
  350. value: [...val],
  351. };
  352. } else if (allValues[itemProps.id]) {
  353. return {
  354. name: itemProps.label,
  355. id: itemProps.id,
  356. value: [allValues[itemProps.id]] || undefined,
  357. };
  358. }
  359. })
  360. .filter(item => item);
  361. if (getReComputeAudit(items, changedValues)) advanceSubmit();
  362. setFormComponentValues({...formComponentValues});
  363. },
  364. })(AuditDetailed);
  365. item.FormComponents = <Components items={item.items}/>;
  366. });
  367. setAuditList(addAuditList);
  368. if (Object.keys(approvalProcess).length == 0) advanceSubmit();
  369. };
  370. const getFromData = async idList => {
  371. const data = formComponentValues;
  372. const result = [];
  373. //获取流转节点的层级关系
  374. let len = 0;
  375. let list = [];
  376. idList.forEach(item => {
  377. if (len < item.length) len = item.length;
  378. });
  379. for (let i = 0; i < len; i++) {
  380. idList.forEach(item => {
  381. if (item && item[i]) list.push(item[i]);
  382. });
  383. }
  384. let firstList = [...new Set(list)];
  385. // let attachment = await upload();
  386. firstList.forEach(id => {
  387. let approvalNode = flowDetail.nodes.find?.(item => item.Id == id);
  388. if (!approvalNode) return;
  389. let values = data[approvalNode.Id] || [];
  390. let audit_list = [],
  391. cc_list = [];
  392. approvalProcess[approvalNode.Id]?.forEach(item => {
  393. let arr = item[0].is_cc == 1 ? cc_list : audit_list;
  394. if (item[0].type == 'role') return arr.push(item[0].nowValue);
  395. return arr.push(item[0].value);
  396. });
  397. const formItem = {
  398. flow_id: approvalNode.flow_id,
  399. template_node_id: approvalNode.Id,
  400. formComponentValues: [...values], //{ name: '附件', value: JSON.stringify(attachment) }
  401. audit_list,
  402. cc_list,
  403. };
  404. result.push(JSON.stringify(formItem));
  405. });
  406. return result;
  407. };
  408. const getFlowPath = node => {
  409. //[134, 135]
  410. let itemData = {};
  411. const Function = (curId, index) => {
  412. if (!curId) return;
  413. let data = {};
  414. let approvalNode = flowDetail.nodes.find?.(item => item.Id == curId);
  415. data.template_id = version.template_id;
  416. data.flow_id = approvalNode?.flow_id || 0;
  417. data.node_level_id = approvalNode?.flow_id ? 1 : 0;
  418. data.template_node_id = approvalNode?.Id;
  419. index++;
  420. if (approvalNode?.Id) {
  421. if (!approvalNode?.flow_id) {
  422. hasFlowId = false;
  423. }
  424. }
  425. const res = Function(node[index], index);
  426. if (res) {
  427. data.flow_path = [res];
  428. }
  429. return data;
  430. };
  431. itemData = Function(node[0], 0);
  432. return itemData;
  433. };
  434. const onFinish = async () => {
  435. const isOk = Object.values(approvalProcess).every(item => {
  436. return item.every(cur => {
  437. if (cur[0].type == 'role') return cur[0].nowValue;
  438. return true;
  439. });
  440. });
  441. if (!isOk) {
  442. message.error('请选择审批人。');
  443. return;
  444. }
  445. var fieldsValue = await form.validateFields();
  446. let hasFlowId = true; //是否都绑定审批节点
  447. const getFlowPath = node => {
  448. //[134, 135]
  449. let itemData = {};
  450. const Function = (curId, index) => {
  451. if (!curId) return;
  452. let data = {};
  453. let approvalNode = flowDetail.nodes.find?.(item => item.Id == curId);
  454. data.template_id = version.template_id;
  455. data.flow_id = approvalNode?.flow_id || 0;
  456. data.node_level_id = approvalNode?.flow_id ? 1 : 0;
  457. data.template_node_id = approvalNode?.Id;
  458. index++;
  459. if (approvalNode?.Id) {
  460. if (!approvalNode?.flow_id) {
  461. hasFlowId = false;
  462. }
  463. }
  464. const res = Function(node[index], index);
  465. if (res) {
  466. data.flow_path = [res];
  467. }
  468. return data;
  469. };
  470. itemData = Function(node[0], 0);
  471. return itemData;
  472. };
  473. let result = Object.values(fieldsValue)
  474. .map(item => {
  475. if (item && Array.isArray(item)) return item;
  476. })
  477. .filter(item => item);
  478. let serviceNode = flowDetail.nodes.find?.(item => item.Id == fieldsValue.next_template_node_id);
  479. if (!serviceNode) {
  480. message.error('请选择需要流转的业务节点。');
  481. return;
  482. }
  483. const flowPath = result.map(item => getFlowPath(item));
  484. setLoading(true);
  485. try {
  486. const formList = await getFromData(result);
  487. let params = {
  488. desc: fieldsValue.desc,
  489. // 审核流程id
  490. // flow_id: approvalNode?.flow_id || 0,
  491. // node_level_id: approvalNode?.flow_id ? 1 : 0,
  492. id: version.id,
  493. project_id: version.project_id,
  494. cur_template_node_id: version.template_node_id * 1, // 当前节点
  495. next_template_node_id: serviceNode.Id * 1, // 审核完成后的业务节点
  496. // template_node_id: result[0][0], // 将要流转的节点审批节点
  497. // flow_path:flow_path, //审批节点数组
  498. // 模板id.一致就行
  499. template_id: version.template_id,
  500. cur_template_id: version.template_id,
  501. next_template_id: version.template_id,
  502. };
  503. if (serviceNode.node_type_psr == 3 || serviceNode.node_type_psr == 4) {
  504. params.data = await uploadExcelByUrl(serviceNode.node_type_psr, version.id);
  505. }
  506. // params.data = await uploadExcelByUrl(3, version.id);
  507. console.log(params);
  508. if (result.length <= 0) {
  509. //直接走业务节点
  510. } else if (result.length <= 1 && result[0]?.length <= 1) {
  511. //单个审批节点
  512. let approvalNode = flowDetail.nodes.find?.(item => item.Id == result[0][0]);
  513. params.flow_id = approvalNode?.flow_id || 0;
  514. params.node_level_id = approvalNode?.flow_id ? 1 : 0;
  515. params.template_node_id = result[0][0]; // 将要流转的节点审批节点
  516. params.form_list = formList; //创建钉钉表单所需数据
  517. if (approvalNode?.Id) {
  518. if (!approvalNode?.flow_id) {
  519. hasFlowId = false;
  520. }
  521. }
  522. } else {
  523. //多节点审批
  524. params.template_node_id = result[0][0]; // 将要流转的节点审批节点
  525. params.flow_path = flowPath;
  526. params.form_list = formList; //创建钉钉表单所需数据
  527. }
  528. if (!hasFlowId) {
  529. message.error('当前存在审批节点未绑定审批流程!请联系管理员。');
  530. return;
  531. }
  532. await querySaveBomForm({
  533. project_id: version.project_id,
  534. node_id: version.template_node_id,
  535. json: JSON.stringify({approvalProcess, fromList}),
  536. });
  537. params.audit_series = uuidv4();
  538. params.files = uploadList.current.join(',');
  539. onSubmitNextNode(params);
  540. } catch (error) {
  541. console.error(error);
  542. }
  543. };
  544. const onSubmitNextNode = values => {
  545. dispatch({
  546. type: 'detail/submitNextNode',
  547. payload: values,
  548. callback: newVersion => {
  549. setLoading(false);
  550. onClose();
  551. // 更新flow流程图
  552. dispatch({
  553. type: 'xflow/queryBoomFlowDetail',
  554. payload: {
  555. id: templateId,
  556. },
  557. });
  558. },
  559. });
  560. };
  561. const CascaderNode = index => {
  562. return (
  563. <Form.Item
  564. labelCol={{span: 7}}
  565. wrapperCol={{span: 15}}
  566. label={`审批节点${index + 1}`}
  567. name={`circle${index}`}
  568. key={`circle${index}`}
  569. >
  570. <Cascader style={{width: '100%'}} options={data} onChange={onChange}/>
  571. </Form.Item>
  572. );
  573. };
  574. const upload = async () => {
  575. let blob = await luckysheet.current.getExcelBolb();
  576. let formData = new FormData();
  577. formData.append('userid', currentUser.DingUserId);
  578. formData.append('file', new File([blob], `${version.version_name}_${version.version_no}.xlsx`));
  579. try {
  580. let res = await uploadFile(formData);
  581. let data = JSON.parse(res.dentry);
  582. return [
  583. {
  584. spaceId: String(data.spaceId),
  585. fileName: data.name,
  586. fileSize: String(data.spaceId),
  587. fileType: data.extension,
  588. fileId: data.id,
  589. },
  590. ];
  591. } catch (error) {
  592. message.error('附件上传失败');
  593. }
  594. };
  595. const columns = [
  596. {
  597. title: '文件名称',
  598. dataIndex: 'name',
  599. key: 'name',
  600. },
  601. {
  602. title: '操作',
  603. render: record => <a>删除</a>,
  604. },
  605. ];
  606. useEffect(() => {
  607. if (!visible) {
  608. // 清空数据
  609. uploadList.current = [];
  610. }
  611. }, [visible]);
  612. return (
  613. <Modal
  614. confirmLoading={loading}
  615. destroyOnClose
  616. title="提交流转目标"
  617. width={1000}
  618. visible={visible}
  619. onCancel={() => {
  620. setAuditId();
  621. onClose();
  622. }}
  623. onOk={onFinish}
  624. >
  625. <Form form={form}>
  626. {data.map((item, idx) => (data.length == 1 ? CascaderNode('') : CascaderNode(idx)))}
  627. <Form.Item
  628. labelCol={{span: 7}}
  629. wrapperCol={{span: 15}}
  630. label="业务节点"
  631. name="next_template_node_id"
  632. // rules={[{ required: true, message: '请选择业务节点' }]}
  633. >
  634. <Select style={{width: '100%'}}>
  635. {nextNodesList.map(item => (
  636. <Option key={item.value}>{item.label}</Option>
  637. ))}
  638. </Select>
  639. </Form.Item>
  640. <Form.Item labelCol={{span: 7}} wrapperCol={{span: 15}} label="备注信息" name="desc">
  641. <Input.TextArea/>
  642. </Form.Item>
  643. <Form.Item labelCol={{span: 7}} wrapperCol={{span: 15}} label="附件">
  644. {OSSData.host && <AliyunOSSUpload {...uploadProps} directory={false} label="上传文件"/>}
  645. </Form.Item>
  646. </Form>
  647. <Collapse style={{marginTop: 20}}>
  648. <Collapse.Panel header="已上传附件" key="1">
  649. <AttachmentTable version={version} canDelete={version.last_version == 0}/>
  650. </Collapse.Panel>
  651. </Collapse>
  652. <Tabs defaultActiveKey="1">
  653. {auditList.map((item, idx) => (
  654. <TabPane tab={item.name} key={`${idx}_${item.title}`}>
  655. <Row>
  656. <Col span={17}>{item.FormComponents}</Col>
  657. <Col offset={1} span={6}>
  658. {!approvalProcess[item.nodeId] ? ( //!formComponentValues[item.nodeId] ||
  659. <Empty description="请先填写表单"/>
  660. ) : (
  661. <ApprovalProcess
  662. id={item.nodeId}
  663. approvalProcess={approvalProcess}
  664. onChange={setApprovalProcess}
  665. />
  666. )}
  667. </Col>
  668. </Row>
  669. </TabPane>
  670. ))}
  671. </Tabs>
  672. </Modal>
  673. );
  674. }
  675. function getDataValue(item) {
  676. let arr = [];
  677. arr.push(item.value);
  678. if (item.children?.length > 0) {
  679. let res = getDataValue(item.children[0]);
  680. arr = arr.concat(res);
  681. }
  682. return arr;
  683. }
  684. const uploadExcelByUrl = (nodeType, versionId) => {
  685. const TEMPLATE_URL =
  686. 'https://water-service-test.oss-cn-hangzhou.aliyuncs.com/doc/contract/2023-06-29/ed0d5dcd-6ce0-40df-9d17-a1f69245dbb9.xlsx';
  687. const TEMPLATE_URL2 =
  688. 'https://water-service-test.oss-cn-hangzhou.aliyuncs.com/doc/contract/2023-06-29/431733cd-0abc-4a68-a439-d24c466e9845.xlsx';
  689. return new Promise((reslove, reject) => {
  690. LuckyExcel.transformExcelToLuckyByUrl(
  691. nodeType == 3 ? TEMPLATE_URL : TEMPLATE_URL2,
  692. '模板.xlsx',
  693. async (exportJson, luckysheetfile) => {
  694. let [record] = await getExcel(versionId);
  695. let len = exportJson.sheets.length;
  696. const excelData = exportJson.sheets?.map(item => {
  697. return {...item, order: Number(item.order)};
  698. });
  699. delete record.id;
  700. record.order = len;
  701. record.index = String(len);
  702. record.status = '0';
  703. record.name = '投标成本';
  704. var res = [...excelData, record];
  705. console.log(res);
  706. reslove(JSON.stringify(res));
  707. }
  708. );
  709. });
  710. };
  711. async function getExcel(gridKey) {
  712. var formData = new FormData();
  713. formData.append('gridKey', gridKey);
  714. let res = await fetch(
  715. `/api/v1/purchase/record/sheet?gridKey=${gridKey}&JWT-TOKEN=${getToken()}`,
  716. {
  717. method: 'POST',
  718. body: formData,
  719. }
  720. ).then(response => response.text());
  721. return JSON.parse(JSON.parse(res));
  722. }
  723. export default connect(({xflow, detail, user}) => ({
  724. flowDetail: xflow.flowDetail,
  725. versionList: detail.versionList,
  726. currentUser: user.currentUser,
  727. userList: user.list,
  728. OSSData: detail.OSSData,
  729. }))(CommitAuditModal);