GtDigManageWeb/src/pages/ContractManager/component/Modal.jsx

import {
  Form,
  Modal,
  Row,
  Col,
  Input,
  DatePicker,
  Icon,
  Button,
  Divider,
  Steps,
  Select,
  TreeSelect,
  InputNumber,
  Upload,
  Space,
  Radio,
} from 'antd';
import ModuleTitle from '../../../components/ModuleTitle/moduleTitle';
import { useEffect, useMemo, useState } from 'react';
import {
  queryCompany,
  queryDepList,
  querySupplierList,
} from '@/services/contract';
import { useModel, useRequest } from '@umijs/max';
import { CloudUploadOutlined } from '@ant-design/icons';
import styles from '../index.less';
import dayjs from 'dayjs';
import InputSelect from '../../../components/InputSelect';
export const Type = {
  add: 0, //新增
  detail: 1, //详情
  cancel: 2, //作废
  check: 3, //审核
};

export const StatusText = [
  '',
  '待审核',
  '审核拒绝',
  '已存档',
  '作废待审核',
  '作废拒绝',
  '已作废',
];
export const Status = {
  None: 0,
  Checking: 1,
  CheckReject: 2,
  CheckSuccess: 3,
  CalChecking: 4,
  CalCheckReject: 5,
  CalCheckSuccess: 6,
};

const ContractModal = (props) => {
  const [form] = Form.useForm();
  const {
    initialState: { user },
  } = useModel('@@initialState');
  const { userList, run: userListRun } = useModel('userList');
  const { depList, run: depListRun } = useModel('depList');
  const FORMAT = 'YYYY-MM-DD';
  const {
    detail: data,
    type,
    visible,
    projectList = [],
    handleOk,
    handleCancel,
    parent_id,
  } = props;
  const title =
    type == Type.add ? '新增' : type == Type.detail ? '详情' : '作废';
  //所属公司为总部时才能选择部门，为子公司时，部门不能操作  所属部门为子公司的需要填经办人
  const company = Form.useWatch('company_id', form);
  const [depDisable, setDepDisable] = useState(false);
  const [dealDisable, setDealDisable] = useState(false);
  //项目名称选择后，自动填入对应的项目编号
  const project_name = Form.useWatch('project_name', form);

  //是否补充协议，是的话需要填合同编号
  const is_supplement = Form.useWatch('is_supplement', form);

  const [isPass, setIsPass] = useState(1);

  const [fileList, setFileList] = useState([]);
  const [fileExtendList, setFileExtendList] = useState([]);

  const { data: companyData, run: runCompany } = useRequest(queryCompany);

  console.log(user);

  useEffect(() => {
    userListRun();
    depListRun();
    runCompany();
  }, []);

  useEffect(() => {
    form.resetFields();
  }, [data]);

  //供应商列表
  const { data: supplierList = [], loading } = useRequest(querySupplierList, {
    defaultParams: [
      {
        project_id: 1,
        is_super: user?.IsSuper,
        created_by: user?.CName,
        page_size: 99999,
      },
    ],
    formatResult: (res) => {
      return res?.data?.list
        ? res?.data.list.map((item) => {
            return { ...item, Name: item.name };
          })
        : [];
    },
  });

  const isSuper = useMemo(() => {
    if (user?.Permission['menu-001-audit']) return true;
    return false;
  }, [user]);

  useEffect(() => {
    const item = companyData?.find((item) => item.ID == company);
    if (item?.Flag == 1) {
      //公司为本部
      setDepDisable(false);
      form.setFieldsValue({
        dep_id: '',
        archives_dep: '',
        created_dep: '',
        deal_by: user?.CName,
      });
      // setDealDisable(false);
    } else {
      setDepDisable(true);
      form.setFieldsValue({
        dep_id: '综合管理部',
        archives_dep: '综合管理部',
        created_dep: '综合管理部',
        deal_by: '',
      });
      // setDealDisable(true);
      // form.setFieldsValue({ deal_by: user?.CName });
    }
  }, [company]);
  useEffect(() => {
    const project_code = projectList?.find(
      (item) => item.project_name == project_name,
    )?.project_full_code;
    if (project_code) {
      form.setFieldsValue({ project_code });
    } else {
      form.setFieldsValue({ project_code: '' });
    }
  }, [project_name]);

  // useEffect(() => {
  //   console.log('==================', is_supplement);
  // }, [is_supplement]);

  const supplyList = useMemo(() => {
    return companyData ? [...companyData, ...supplierList] : supplierList;
  }, [companyData, supplierList]);

  const disableds = useMemo(() => {
    if (!visible) {
      setFileList([]);
      setFileExtendList([]);
      setIsPass(1);
      setDepDisable(false);
      setDealDisable(false);
    }
    if (type == Type.add) {
      return { contract: false, check: true };
    } else if (type == Type.detail) {
      return { contract: true, check: true };
    } else if (type == Type.cancel) {
      return { contract: true, check: true };
    }
    return { contract: true, check: false };
  }, [type, visible]);

  const UploadProps = {
    action: `/api/contract/v1/attach`,
    headers: {
      'JWT-TOKEN': localStorage.getItem('JWT-TOKEN'),
    },
    onChange({ file, fileList }) {
      if (file.status !== 'uploading') {
        console.log(file, fileList);
        const list = fileList.map((item) => item.response?.data?.attach);
        form.setFieldsValue({ attach: list });
        setFileList(fileList.map((item) => item.response?.data?.attach));
      }
    },
  };
  const UploadPropsExtend = {
    action: `/api/contract/v1/attach`,
    headers: {
      'JWT-TOKEN': localStorage.getItem('JWT-TOKEN'),
    },
    onChange({ file, fileList }) {
      if (file.status !== 'uploading') {
        console.log(file, fileList);
        setFileExtendList(fileList.map((item) => item.response?.data?.attach));
      }
    },
  };

  const handleSubmit = () => {
    form.validateFields().then((values) => {
      if (type == Type.add) {
        values.effect_on = dayjs(values.effect_on).format(FORMAT);
        values.created_on = values.created_on || dayjs().format(FORMAT);
        if (parent_id) values.parent_id = parent_id;
        if (values.amount || values.amount == 0)
          values.amount = values.amount + '';
        if (values.attach) values.attach = JSON.stringify(values.attach);
        if (fileExtendList.length > 0)
          values.attach_extend = JSON.stringify(fileList);

        // if (values.party_c && values.party_c.length > 0)
        values.party_c = values.party_c?.join(',');

        const companyItem = companyData?.find(
          (item) => item.ID == values.company_id,
        );
        //所属公司为本部
        if (companyItem.Flag == 1) {
          const item = getDepItemById(values.dep_id);
          if (item) {
            values.dep_name = item.Name;
            values.dep_code = item.Code;
          }
          values.company_name = companyItem.Name;
        } else {
          //为分子公司
          values.company_name = companyItem.Name;
          values.company_code = companyItem.Code;
          values.dep_name = '综合管理部';
          values.dep_code = '综合管理部';
          values.dep_id = 0;
        }
        values.created_by = user?.ID;
        handleOk(values);
      } else if (type == Type.cancel) {
        let result = {
          id: data?.id,
          cancel_desc: values.cancel_desc,
        };
        handleOk(result);
      } else if (data?.status == Status.Checking) {
        let result = {
          id: data?.id,
          check_by: user?.CName,
          check_result: values.check_result,
          is_pass: values.is_pass,
          check_desc: values?.check_desc,
        };
        handleOk(result);
      } else if (data?.status == Status.CalChecking) {
        let result = {
          id: data?.id,
          cancel_check_by: user?.CName,
          cancel_check_result: values.cancel_check_result,
          is_pass: values.is_pass,
          // check_desc: values?.check_desc,
        };
        handleOk(result);
      }
    });
  };

  const getDepItemById = (id) => {
    const fun = (list) => {
      for (let i = 0; i < list.length; i++) {
        let item = list[i];
        if (item.ID == id) {
          return item;
        } else if (item.children?.length > 0) {
          let res = fun(item.children);
          if (res) return res;
        }
      }
    };
    return fun(depList);
  };

  const projectNameList = useMemo(() => {
    let arr =
      projectList?.map((item) => {
        return {
          value: item.project_name,
          label: item.project_name,
        };
      }) || [];
    return [
      {
        label: '日常项目',
        value: '日常项目',
      },
      ...arr,
    ];
  }, [projectList]);

  return (
    <Modal
      width={'85%'}
      title={title}
      open={visible}
      okText="提交"
      cancelText="返回"
      onOk={handleSubmit}
      onCancel={handleCancel}
      // okButtonProps={type == Type.detail ? { disabled: true } : null}
      destroyOnClose
    >
      <Divider />
      <Form
        form={form}
        // initialValues={data}
        labelCol={{ span: 7 }}
        wrapperCol={{ span: 17 }}
      >
        <ModuleTitle title="存档人信息" />
        <Row>
          <Col span={10} offset={1}>
            <Form.Item
              name="created_name"
              initialValue={data?.created_name || user?.CName}
              label="存档人："
            >
              <Input disabled />
            </Form.Item>
            <Form.Item
              name="company_id"
              label="所属公司："
              tooltip="请选择该存档合同所属公司"
              initialValue={data?.company_id}
              rules={[
                {
                  required: true,
                  message: '请填写所属公司',
                },
              ]}
            >
              <Select
                showSearch
                style={{ width: '100%' }}
                placeholder="请选择"
                disabled={disableds.contract}
                filterOption={(input, option) =>
                  (option?.label ?? '')
                    .toLowerCase()
                    .includes(input.toLowerCase())
                }
                options={companyData?.map((item) => {
                  return {
                    value: item.ID,
                    label: item.Name,
                  };
                })}
              />
            </Form.Item>
          </Col>
          <Col span={10}>
            <Form.Item
              name="created_on"
              initialValue={data?.created_on || dayjs().format(FORMAT)}
              label="存档时间："
            >
              <Input disabled />
            </Form.Item>
            <Form.Item
              name="dep_id"
              label="所属部门："
              initialValue={data?.dep_id}
            >
              <TreeSelect
                style={{ width: '100%' }}
                placeholder="请选择"
                showSearch
                allowClear
                fieldNames={{
                  label: 'Name',
                  value: 'ID',
                  children: 'children',
                }}
                disabled={disableds.contract || depDisable}
                dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
                treeData={depList?.find((item) => item.Code == 'GT')?.children}
              />
            </Form.Item>
          </Col>
        </Row>
        <ModuleTitle title="经办人信息" />
        <Row>
          <Col span={10} offset={1}>
            <Form.Item
              name="deal_by"
              label="经办人："
              tooltip="经办人应负责合同审批流程、签字盖章、合同原件存档和电子档案存档。母公司的经办人为OA审批提交人，也是存档人。子公司经办人由子公司合同专员填写，一般是合同审批时的提交人或者是合同实际执行的负责人"
              initialValue={data?.deal_by}
              rules={[
                {
                  required: true,
                  message: '请选择经办人',
                },
              ]}
            >
              <Input disabled={!depDisable} />
              {/* <Select
                showSearch
                style={{ width: '100%' }}
                placeholder="请选择"
                disabled={!depDisable}
                filterOption={(input, option) =>
                  (option?.label ?? '')
                    .toLowerCase()
                    .includes(input.toLowerCase())
                }
                options={userList?.map((item) => {
                  return {
                    value: item.CName,
                    label: item.CName,
                  };
                })}
              /> */}
            </Form.Item>
          </Col>
          <Col span={10}>
            <Form.Item
              name="created_dep"
              label="签约承办部门："
              tooltip="请选择该存档合同的实际履行部门，一般为经办人所在部门"
              initialValue={data?.created_dep}
              rules={[
                {
                  required: true,
                  message: '请选择签约承办部门',
                },
              ]}
            >
              <TreeSelect
                style={{ width: '100%' }}
                placeholder="请选择"
                showSearch
                allowClear
                disabled={disableds.contract || depDisable}
                fieldNames={{
                  label: 'Name',
                  value: 'Name',
                  children: 'children',
                }}
                dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
                treeData={depList?.find((item) => item.Code == 'GT')?.children}
              />
            </Form.Item>
          </Col>
        </Row>
        <ModuleTitle title="合同信息" />

        <Row>
          <Col span={10} offset={1}>
            <Form.Item
              name="is_supplement"
              label="是否补充协议："
              tooltip="合同名称"
              initialValue={0}
              rules={[
                {
                  required: true,
                  message: '请填写合同名称',
                },
              ]}
            >
              <Radio.Group>
                <Radio value={1}>是</Radio>
                <Radio value={0}>否</Radio>
              </Radio.Group>
            </Form.Item>
            <Form.Item
              name="name"
              label="合同名称："
              tooltip="请与OA审批时填写的合同名称一致"
              initialValue={data?.name}
              rules={[
                {
                  required: true,
                  message: '请填写合同名称',
                },
              ]}
            >
              <Input disabled={disableds.contract} />
            </Form.Item>
            <Form.Item
              name="effect_on"
              label="合同签订日期："
              initialValue={data?.effect_on}
              tooltip="合同主体各方签字盖章完成之日，以最后签字盖章的为准"
              rules={[
                {
                  required: true,
                  message: '请填写合同名称',
                },
              ]}
            >
              {type == Type.add ? (
                <DatePicker
                  style={{ width: '100%' }}
                  disabled={disableds.contract}
                />
              ) : (
                <Input disabled={disableds.contract} />
              )}
            </Form.Item>
            <Form.Item
              name="project_name"
              label="项目名称："
              tooltip="不涉及项目请选“日常项目”"
              initialValue={data?.project_name}
              rules={[
                {
                  required: true,
                  message: '请填写项目名称',
                },
              ]}
            >
              {/* <InputSelect
                list={projectList?.map((item) => {
                  return {
                    key: item.id,
                    value: item.project_name,
                  };
                })}
              /> */}
              <Select
                style={{ width: '100%' }}
                placeholder="请选择"
                showSearch
                options={projectNameList}
                disabled={disableds.contract}
              />
            </Form.Item>
            <Form.Item
              name="party_a"
              label="甲方："
              tooltip="合同主体可以下拉选择，可选项需要经办人在“主页--供应商管理”中创建。经办人可以维护和更新供应商信息。"
              initialValue={data?.party_a}
              rules={[
                {
                  required: true,
                  message: '请选择甲方',
                },
              ]}
            >
              <TreeSelect
                style={{ width: '100%' }}
                placeholder="请选择"
                showSearch
                allowClear
                fieldNames={{
                  label: 'Name',
                  value: 'Name',
                  children: 'children',
                }}
                dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
                treeData={supplyList}
                disabled={disableds.contract}
              />
            </Form.Item>
          </Col>
          <Col span={10}>
            <Form.Item
              style={{ opacity: is_supplement ? 1 : 0 }}
              name="parent_code"
              tooltip="请先查询原合同编号，原合同未录入本系统的，需先录入存档。"
              initialValue={data?.parent_code}
              label="原合同编号："
              rules={
                is_supplement
                  ? [
                      {
                        required: true,
                        message: '请填写原合同编号',
                      },
                    ]
                  : []
              }
            >
              <Input placeholder="请填写" />
            </Form.Item>
            <Form.Item
              name="code"
              tooltip="合同编号按《合同管理办法》的合同编码规则编号。"
              initialValue={data?.code}
              label="合同编号："
              // rules={[
              //   {
              //     required: true,
              //     message: '请填写合同编号',
              //   },
              // ]}
            >
              <Input placeholder="提交后自动生成" disabled />
            </Form.Item>
            <Form.Item
              label="合同总价款："
              name="amount"
              tooltip="请与OA审批时填写的“合同金额”一致。不涉及金额填“0”"
              initialValue={data?.amount}
              rules={[
                {
                  required: true,
                  message: '请输入合同总价款',
                },
              ]}
            >
              <InputNumber
                style={{ width: '100%' }}
                precision={2}
                addonAfter="万元"
                disabled={disableds.contract}
              />
            </Form.Item>

            <Form.Item
              name="project_code"
              initialValue={data?.project_code}
              label="项目编号："
            >
              <Input disabled />
            </Form.Item>
            <Form.Item
              name="party_b"
              label="乙方："
              tooltip="合同主体可以下拉选择，可选项需要经办人在“主页--供应商管理”中创建。经办人可以维护和更新供应商信息。"
              initialValue={data?.party_b}
              rules={[
                {
                  required: true,
                  message: '请选择乙方',
                },
              ]}
            >
              <TreeSelect
                style={{ width: '100%' }}
                placeholder="请选择"
                showSearch
                allowClear
                disabled={disableds.contract}
                fieldNames={{
                  label: 'Name',
                  value: 'Name',
                  children: 'children',
                }}
                dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
                treeData={supplyList}
              />
            </Form.Item>
          </Col>
        </Row>
        <Form.Item
          name="party_c"
          label="丙方（及其他）："
          tooltip="可多选。合同主体可以下拉选择，可选项需要经办人在“主页--供应商管理”中创建。经办人可以维护和更新供应商信息。"
          initialValue={data?.party_c ? data?.party_c.split(',') : []}
          labelCol={{ span: 4 }}
        >
          <TreeSelect
            style={{ width: '100%' }}
            placeholder="请选择"
            showSearch
            multiple
            allowClear
            fieldNames={{
              label: 'Name',
              value: 'Name',
              children: 'children',
            }}
            dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
            treeData={supplyList}
            disabled={disableds.contract}
          />
        </Form.Item>
        <Form.Item
          name="perform"
          initialValue={data?.perform}
          label="合同履行情况："
          labelCol={{ span: 4 }}
        >
          <Input.TextArea disabled={disableds.contract} />
        </Form.Item>
        <Row>
          <Col span={10} offset={1}>
            <Form.Item
              label="合同及合同附件上传："
              tooltip="请上传合同正式盖章文本的扫描件（含技术协议、质保承诺等附件），不得用照片、图片格式，不得遗漏附件"
              name="attach"
              rules={
                disableds.contract
                  ? []
                  : [
                      {
                        required: true,
                        message: '请上传合同及合同相关附件',
                      },
                    ]
              }
            >
              {type == Type.add ? (
                <Upload {...UploadProps}>
                  <Button icon={<CloudUploadOutlined />}>Upload</Button>
                </Upload>
              ) : (
                <ul>
                  {data?.attach &&
                    JSON.parse(data?.attach)?.map((item, idx) => (
                      <li key={`${idx}_${item.name}`}>{item.name}</li>
                    ))}
                </ul>
              )}
            </Form.Item>
            <Form.Item
              name="archives_dep"
              initialValue={data?.archives_dep}
              label="合同原件存档部门："
              tooltip="母公司财务部和采购部门的合同请选择“财务部”，其他部门请选择“行政部”，子公司合同选择“综合管理部”"
            >
              <Select
                style={{ width: '100%' }}
                options={[
                  {
                    value: '财务部',
                    label: '财务部',
                  },
                  {
                    value: '行政部',
                    label: '行政部',
                  },
                ]}
                disabled={disableds.contract || depDisable}
              />
            </Form.Item>
          </Col>
          <Col span={10}>
            <Form.Item
              label="合同相关资料上传："
              tooltip={
                <div>
                  依据《合同管理办法》，合同相关资料需要作为合同电子档案的一部分，包括：
                  <br />
                  1）合同会审纪要或投资决策通知书（如有）；
                  <br />
                  2）合同相对方的营业执照等资质证的复印件（首次签约的须加盖公章）、个人身份证复印件（合同一方为自然人时提供）；
                  <br />
                  3）合同相对方经办人员的授权委托书原件及其身份证复印件（如有）；
                  <br />
                  4）
                  涉及房屋或场地租赁的，还应提供房屋及场地的权属证明资料，但如果续签租赁合同，且房屋所有权人没有发生变更的，在附具相关说明后可不再提供上述资料；
                  <br />
                  5）其他资料。
                </div>
              }
            >
              {type == Type.add ? (
                <Upload {...UploadPropsExtend}>
                  <Button icon={<CloudUploadOutlined />}>Upload</Button>
                </Upload>
              ) : (
                <ul>
                  {data?.attach_extend &&
                    JSON.parse(data?.attach_extend)?.map((item, idx) => (
                      <li key={`${idx}_${item.name}`}>
                        {/* <Space>
                          {item.name} <span>预览</span>{' '}
                          <a href={item.url}>下载</a>
                        </Space> */}
                      </li>
                    ))}
                </ul>
              )}
            </Form.Item>
          </Col>
        </Row>

        {type != Type.add && (
          <>
            <ModuleTitle title="归档流程" />
            <div className={styles.modelItem}>
              <Steps
                current={data?.status == Status.Checking ? 1 : 2}
                status={
                  data?.status == Status.CheckReject ? 'error' : 'process'
                }
                items={[
                  {
                    title: '发起',
                    description: (
                      <>
                        <div className={styles.textNowarp}>
                          发起人：{data?.created_name}
                        </div>
                        <div className={styles.textNowarp}>
                          发起时间：{data?.created_on}
                        </div>
                      </>
                    ),
                  },
                  {
                    title: '审核',
                    description: (
                      <>
                        <div className={styles.textNowarp}>
                          审核人：{data?.check_by}
                        </div>
                        <div className={styles.textNowarp}>
                          审核时间：{data?.check_on}
                        </div>
                        {data?.check_desc && (
                          <div
                            className={styles.textNowarp}
                            style={{ color: 'red' }}
                          >
                            拒绝原因：{data?.check_desc}
                          </div>
                        )}
                      </>
                    ),
                  },
                  {
                    title:
                      data?.status >= Status.CheckSuccess
                        ? StatusText[Status.CheckSuccess]
                        : StatusText[data?.status],
                  },
                ]}
              />
            </div>
          </>
        )}
        {isSuper && data.status == Status.Checking && (
          <>
            <ModuleTitle title="审核情况" />
            <Row>
              <Col span={10} offset={1}>
                <Form.Item
                  name="check_by"
                  initialValue={user?.CName}
                  label="审核人："
                >
                  <Input disabled />
                </Form.Item>
                <Form.Item name="is_pass" initialValue={1} label="审核意见：">
                  <Select
                    onChange={(e) => {
                      setIsPass(e);
                    }}
                    style={{ width: '100%' }}
                    options={[
                      {
                        value: 1,
                        label: '同意',
                      },
                      {
                        value: 0,
                        label: '拒绝',
                      },
                    ]}
                  />
                </Form.Item>
              </Col>
              <Col span={10}>
                <Form.Item
                  name="check_date"
                  initialValue={dayjs().format(FORMAT)}
                  label="审核时间："
                >
                  <Input disabled />
                </Form.Item>
              </Col>
            </Row>
            {!isPass && (
              <Form.Item
                name="check_desc"
                label="拒绝原因："
                labelCol={{ span: 4 }}
              >
                <Input.TextArea />
              </Form.Item>
            )}
          </>
        )}
        {(type == Type.cancel || data?.status >= Status.CalChecking) && (
          <>
            <ModuleTitle title="作废信息" />
            <Form.Item
              name="cancel_desc"
              label="作废原因："
              initialValue={data?.cancel_desc}
              labelCol={{ span: 4 }}
              rules={[
                {
                  required: true,
                  message: '请填写作废原因',
                },
              ]}
            >
              <Input disabled={type != Type.cancel} />
            </Form.Item>
          </>
        )}
        {type == Type.cancel && (
          <Form.Item
            name="cancel_on"
            label="创建时间："
            initialValue={dayjs().format(FORMAT)}
            labelCol={{ span: 4 }}
          >
            <Input
              style={{ width: '460px' }}
              defaultValue={dayjs().format('YYYY-MM-DD')}
              disabled
            />
            <span
              style={{ color: 'red', fontSize: '24px', marginLeft: '40px' }}
            >
              确认作废该合同，作废提交后无法撤回
            </span>
          </Form.Item>
        )}
        {data?.status >= Status.CalChecking && (
          <>
            <ModuleTitle title="作废流程" />
            <div className={styles.modelItem}>
              <Steps
                current={data?.status == Status.CalChecking ? 1 : 2}
                status={
                  data?.status == Status.CalCheckReject ? 'error' : 'process'
                }
                items={[
                  {
                    title: '发起',
                    description: (
                      <>
                        <div className={styles.textNowarp}>
                          发起人：{data?.created_name}
                        </div>
                        <div className={styles.textNowarp}>
                          发起时间：{data?.created_on}
                        </div>
                      </>
                    ),
                  },
                  {
                    title: '审核',
                    description: (
                      <>
                        <div className={styles.textNowarp}>
                          审核人：{data?.cancel_check_by}
                        </div>
                        <div className={styles.textNowarp}>
                          审核时间：{data?.cancel_check_on}
                        </div>
                      </>
                    ),
                  },
                  {
                    title: StatusText[data?.status],
                  },
                ]}
              />
            </div>
          </>
        )}
        {isSuper && data.status == Status.CalChecking && (
          <>
            <ModuleTitle title="审核情况" />
            <Row>
              <Col span={10} offset={1}>
                <Form.Item
                  name="cancel_check_by"
                  initialValue={user?.CName}
                  label="审核人："
                >
                  <Input disabled />
                </Form.Item>
                <Form.Item name="is_pass" initialValue={1} label="审核意见：">
                  <Select
                    onChange={(e) => {
                      setIsPass(e);
                    }}
                    style={{ width: '100%' }}
                    options={[
                      {
                        value: 1,
                        label: '同意',
                      },
                      {
                        value: 0,
                        label: '拒绝',
                      },
                    ]}
                  />
                </Form.Item>
              </Col>
              <Col span={10}>
                <Form.Item
                  name="check_date"
                  initialValue={dayjs().format(FORMAT)}
                  label="审核时间："
                >
                  <Input disabled />
                </Form.Item>
              </Col>
            </Row>
            {!isPass && (
              <Form.Item
                name="cancel_check_result"
                label="拒绝原因："
                labelCol={{ span: 4 }}
              >
                <Input.TextArea />
              </Form.Item>
            )}
          </>
        )}
      </Form>
      <Divider />
    </Modal>
  );
};
export default ContractModal;