BomWeb/src/pages/Detail/AuditModal.js

import React, { useEffect } from 'react';
import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { Modal, Input } from 'antd';

// 审批意见
function AuditModal(props) {
  const { visible, onClose, onOk, form, sheetRef, loading } = props;

  const handleOk = () => {
    form.validateFields((err, fieldsValue) => {
      if (err) return;
      onOk(fieldsValue);
    });
  };
  useEffect(() => {
    if (visible) {
      try {
        const comment = sheetRef.current.getComment();
        console.log(comment);
        let str = '';
        comment.forEach(item => {
          let col = String.fromCharCode(item.c + 65);
          str += `单元格${col}${item.r}：${item.value}\n`;
        });
        form.setFieldsValue({ audit_comment: str });
      } catch (error) {}
    }
  }, [visible]);

  return (
    <Modal
      confirmLoading={loading}
      destroyOnClose
      title="审批意见"
      visible={visible}
      onCancel={onClose}
      onOk={handleOk}
    >
      <Form.Item labelCol={{ span: 5 }} wrapperCol={{ span: 15 }} label="拒绝原因">
        {form.getFieldDecorator('audit_comment')(<Input.TextArea />)}
      </Form.Item>
    </Modal>
  );
}

export default Form.create()(AuditModal);