ncb-component/init-info/InitInfo.js

NCB design system

"use client";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Card } from "../card";
import { Row } from "../row";
import { Col } from "../col";
import { Form } from "../form";
import { Input } from "../input";
import { Select } from "../select";
const filterOption = (input, option) => { var _a; return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : "").toLowerCase().includes(input.toLowerCase()); };
export function InitInfo() {
    return (_jsx(Card, { title: "Thông tin chung", children: _jsxs(Row, { gutter: 16, children: [_jsx(Col, { span: 24, md: 12, xl: 6, children: _jsx(Form.Item, { label: "Đơn vị:", name: "unit", children: _jsx(Select, { placeholder: "Đơn vị", showSearch: true, options: [
                                {
                                    value: "unit-1",
                                    label: "Đơn vị 1",
                                },
                                {
                                    value: "unit-2",
                                    label: "Đơn vị 2",
                                },
                            ], filterOption: filterOption }) }) }), _jsx(Col, { span: 24, md: 12, xl: 6, children: _jsx(Form.Item, { label: "Mã hồ sơ:", name: "profile_code", children: _jsx(Input, { disabled: true, placeholder: "Mã hồ sơ" }) }) }), _jsx(Col, { span: 24, md: 12, xl: 6, children: _jsx(Form.Item, { label: "Ngày tạo:", name: "profile_code", children: _jsx(Input, { disabled: true, placeholder: "Ngày tạo" }) }) }), _jsx(Col, { span: 24, md: 12, xl: 6, children: _jsx(Form.Item, { label: "Người tạo:", name: "profile_code", children: _jsx(Input, { disabled: true, placeholder: "Người tạo" }) }) }), _jsx(Col, { span: 24, md: 12, xl: 6, children: _jsx(Form.Item, { label: "Thẻ:", name: "product", children: _jsx(Select, { filterOption: filterOption, optionFilterProp: "children", showSearch: true, placeholder: "Sản phẩm", options: [
                                {
                                    value: "product-1",
                                    label: "Sản phẩm 1",
                                },
                                {
                                    value: "product-2",
                                    label: "Sản phẩm 2",
                                },
                            ] }) }) }), _jsx(Col, { span: 24, md: 12, xl: 6, children: _jsx(Form.Item, { label: "Nhóm yêu cầu trợ giúp thẻ:", name: "unit", children: _jsxs(Select, { placeholder: "Nhóm yêu cầu trợ giúp thẻ", children: [_jsx(Select.Option, { value: "1", children: "\u0110\u01A1n v\u1ECB 1" }), _jsx(Select.Option, { value: "2", children: "\u0110\u01A1n v\u1ECB 2" })] }) }) }), _jsx(Col, { span: 24, md: 12, xl: 6, children: _jsx(Form.Item, { label: "Yêu cầu trợ giúp chi tiết:", name: "unit", children: _jsxs(Select, { placeholder: "Yêu cầu trợ giúp chi tiết", children: [_jsx(Select.Option, { value: "1", children: "\u0110\u01A1n v\u1ECB 1" }), _jsx(Select.Option, { value: "2", children: "\u0110\u01A1n v\u1ECB 2" })] }) }) }), _jsx(Col, { span: 24, md: 12, xl: 6, children: _jsx(Form.Item, { name: "process", label: "Quy trình:", children: _jsx(Input.TextArea, { placeholder: "Quy trình", disabled: true }) }) })] }) }));
}
export default InitInfo;