ncb-component
Version:
NCB design system
34 lines (33 loc) • 3.72 kB
JavaScript
"use client";
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { Card } from "../card";
import { Form } from "../form";
import { Input } from "../input";
import { Row } from "../row";
import { Col } from "../col";
import { Select } from "../select";
import { Space } from "../space";
import { Button } from "../button";
export function CustomerInfo() {
return (_jsx(_Fragment, { children: _jsx(Card, { title: "Thông tin khách hàng", children: _jsxs(Row, { gutter: [16, 0], children: [_jsxs(Col, { span: 24, md: 12, lg: 8, children: [_jsx(Form.Item, { label: "Giấy tờ tùy thân/Mã số thuế:", rules: [
{
required: true,
message: "Vui lòng nhập!",
},
{
max: 50,
message: "Vui lòng nhập nhỏ hơn 50 ký tự",
},
], name: "ma_so_thue", children: _jsxs(Space.Compact, { className: "w-full", children: [_jsx(Input, { placeholder: "Giấy tờ tùy thân/Mã số thuế" }), _jsx(Button, { type: "primary", children: "Ki\u1EC3m tra" })] }) }), _jsx(Form.Item, { label: "CIF khách hàng:", rules: [
{
required: true,
message: "Vui lòng nhập!",
},
], name: "cif", children: _jsxs(Space.Compact, { className: "w-full", children: [_jsx(Input, { placeholder: "CIF khách hàng" }), _jsx(Button, { type: "primary", children: "Ki\u1EC3m tra" })] }) }), _jsx(Form.Item, { label: "Danh sách thẻ:", rules: [
{
required: true,
message: "Vui lòng nhập!",
},
], name: "card", children: _jsxs(Space.Compact, { className: "w-full", children: [_jsxs(Select, { placeholder: "Danh sách thẻ", children: [_jsx(Select.Option, { value: "1", children: "Th\u1EBB 1" }), _jsx(Select.Option, { value: "2", children: "Th\u1EBB 2" }), _jsx(Select.Option, { value: "3", children: "Th\u1EBB 3" })] }), _jsx(Button, { type: "primary", children: "Ki\u1EC3m tra" })] }) })] }), _jsxs(Col, { span: 24, md: 12, lg: 8, children: [_jsx(Form.Item, { label: "Họ tên khách hàng:", name: "name", children: _jsx(Input, { disabled: true, placeholder: "Họ tên khách hàng" }) }), _jsx(Form.Item, { label: "Ngày cấp:", name: "date", children: _jsx(Input, { disabled: true, placeholder: "Ngày cấp", className: "w-full" }) }), _jsx(Form.Item, { label: "Số điện thoại:", name: "phone", children: _jsx(Input, { disabled: true, placeholder: "Số điện thoại" }) })] }), _jsx(Col, { span: 24, md: 24, lg: 8, children: _jsxs(Row, { gutter: 16, children: [_jsx(Col, { xs: 24, md: 12, lg: 24, children: _jsx(Form.Item, { label: "Ngày sinh:", name: "birthday", children: _jsx(Input, { disabled: true, placeholder: "Ngày sinh", className: "w-full" }) }) }), _jsx(Col, { xs: 24, md: 12, lg: 24, children: _jsx(Form.Item, { label: "Nơi cấp:", name: "noi cap", children: _jsx(Input, { disabled: true, placeholder: "Nơi cấp" }) }) }), _jsx(Col, { xs: 24, md: 12, lg: 24, children: _jsx(Form.Item, { label: "Email:", name: "email", children: _jsx(Input, { maxLength: 50, disabled: true, placeholder: "Email" }) }) })] }) })] }) }) }));
}
export default CustomerInfo;