Untitled

  <Modal
                width={"90%"}
                title={idSelected ? `Cập nhật thông tin ${title}` : `Nhập thông tin ${title}`}
                open={isModalOpen}
                classNames={{
                    header: "bg-light p-3 border-bottom",
                    body: "px-3 py-2",
                    footer: "p-3 border-top",
                }}
                footer={null}
                maskClosable={true}
                onCancel={handleCancel}
            >
                <DieuChuyenTaiSanModal
                    isView={isView}
                    id={idSelected}
                    open={isModalOpen}
                    onOk={handleOk}
                    onCancel={handleCancel}
                    onFinished={handleFinished}
                />
            </Modal>




 <React.Fragment>
            <Spin spinning={loading} tip="Đang xử lý...">
                <Form form={form} size="large">
                    <Row>
                        <Col span={8}>
                            <Form.Item
                                {...customFormItem("So_Chung_Tu", "Số chứng từ", "Vui lòng nhập số chứng từ", 9, 15)}
                            >
                                <Input
                                    allowClear
                                    style={{ width: "100%" }}
                                    readOnly={props.isView}
                                    placeholder="Nhập số chứng từ"
                                />
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item
                                {...customFormItem(
                                    "Ngay_Chung_Tu",
                                    "Ngày chứng từ",
                                    "Vui lòng chọn ngày chứng từ",
                                    12,
                                    12,
                                )}
                            >
                                <DatePicker
                                    format={"DD/MM/YYYY"}
                                    style={{ width: "100%" }}
                                    readOnly={props.isView}
                                    placeholder="Chọn ngày chứng từ"
                                />
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item
                                {...customFormItem(
                                    "Ngay_Dieu_Chuyen",
                                    "Ngày điều chuyển",
                                    "Vui lòng chọn ngày điều chuyển",
                                    12,
                                    12,
                                )}
                            >
                                <DatePicker
                                    format={"DD/MM/YYYY"}
                                    style={{ width: "100%" }}
                                    readOnly={props.isView}
                                    placeholder="Chọn ngày điều chuyển"
                                />
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item
                                {...customFormItem(
                                    "Nguoi_Ban_Giao",
                                    "Người bàn giao",
                                    "Vui lòng nhập người bàn giao",
                                    9,
                                    15,
                                )}
                            >
                                <Input
                                    allowClear
                                    style={{ width: "100%" }}
                                    readOnly={props.isView}
                                    placeholder="Nhập người bàn giao"
                                />
                            </Form.Item>
                        </Col>
                        <Col span={16}>
                            <Form.Item
                                {...customFormItem(
                                    "Nguoi_Tiep_Nhan",
                                    "Người tiếp nhận",
                                    "Vui lòng nhập người tiếp nhận",
                                )}
                            >
                                <Input
                                    allowClear
                                    style={{ width: "50%" }}
                                    readOnly={props.isView}
                                    placeholder="Nhập người tiếp nhận"
                                />
                            </Form.Item>
                        </Col>
                        <Col span={24}>
                            <Form.Item {...customFormItem("Ghi_Chu", "Ghi chú", "", 3, 21)}>
                                <TextArea
                                    style={{ width: "100%" }}
                                    readOnly={props.isView}
                                    placeholder="Nhập ghi chú"
                                    cols={3}
                                    rows={2}
                                />
                            </Form.Item>
                        </Col>
                        <Col span={24}>
                            <DanhSachTaiSanTable
                                id={props.id}
                                valueData={valueData || dataSource}
                                setValueData={setValueData}
                                ref={hangMucRef}
                            />
                        </Col>
                    </Row>
                    <Form.Item>
                        <Flex className="mt-3" justify="flex-end" gap={8}>
                            <Button
                                key="cancelButton"
                                type="default"
                                icon={<CloseOutlined />}
                                size={"large"}
                                className="rounded"
                                onClick={props.onCancel}
                                disabled={loading}
                            >
                                Huỷ
                            </Button>
                            <Button
                                key="saveButton"
                                type="primary"
                                icon={<SaveOutlined />}
                                size={"large"}
                                className="rounded"
                                onClick={handleSubmit}
                                disabled={loading}
                            >
                                Lưu
                            </Button>
                        </Flex>
                    </Form.Item>
                </Form>
            </Spin>
        </React.Fragment>