kts-component-invoice-operate 3.2.235-fuling → 3.2.236

package/src/Invoice/ui/digtal/StakeFarmerholder/index.tsx

@@ -1,5 +1,5 @@
 
-import React from 'react';
+import React, { useCallback } from 'react';
 import Icon from '@ant-design/icons';
 import { decorator } from "grey-react-box";
 import { Form } from "kts-components-antd-x3";
@@ -30,7 +30,7 @@ const RULES = {
         { pattern: /^[0-9\s\-\+]+$/g, message: `${label}仅能数字、空格、-、+` }
     ],
     sellerTelPhone: (label: string) => [
-       
+
         { max: 100, message: `${label}内容超长` },
         { pattern: /^[0-9\s\-\+]+$/g, message: `${label}仅能数字、空格、-、+` }
     ],
@@ -98,7 +98,10 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
     const disableds = controller.useMemo(s => s.stakeholder.disableds || [], []);
 
     const rulesMap = controller.useMemo(s => s.stakeholder.rulesMap || {}, []);
-
+    const [validateStatus, setStatus] = React.useState<any>('');
+    const [errorInfo, setInfo] = React.useState('');
+    const [nation, setNationStatue] = React.useState<any>('');
+    const [nationInfo, setNation] = React.useState('');
     /** 乐企 */
     const leqispanW = React.useMemo(() => {
         if (props.leqi) {
@@ -137,7 +140,202 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
     React.useEffect(() => {
         setExpand(typeof props.isExpand === 'boolean' ? props.isExpand : true);
     }, [props.isExpand])
+    const onChangeType = useCallback(
+        (value: string) => {
+            console.log(value);
+            if (value === "201") {
+                // 当“自然人证件类型”选择“201:居民身份证”时，校验是否为“156:中国’
+                form?.setFieldsValue({ nationality: "156" });
+                const supplierTaxId = form?.getFieldValue("supplierTaxId");
+                const certificateNumber = form?.getFieldValue("certificateNumber");
+                if (supplierTaxId !== certificateNumber) {
+                    setStatus('error');
+                    setInfo('证件号码应与销方税号保持一致')
+                }
+            } else if (value === "227") {
+
+                // 当“自然人证件类型”选择“227:中华人民共和国护照”时，校验是否为“156:中国
+                form?.setFieldsValue({ nationality: "156" });
+
+            } else if (value === "213" || value === "238") {
+                // 当“自然人证件类型”选择“213:台湾居民来往大陆通行证”时，校验是否为”158:中国台湾”
+                // 当“自然人证件类型”选择“238:中华人民共和国台湾居民居住证”时，校验是否为“ 158:中国台湾”
+                form?.setFieldsValue({ nationality: "158" });
+            }
+        },
+        [form]
+    );
+    /** 校验证件号码*/
+    const validateIDCode = useCallback(
+        (_: any, value: string) => {
+            if (!value) {
+                return Promise.resolve();
+            }
+
+            const idtype = form?.getFieldValue("certificateType");
+            const nationality = form?.getFieldValue("nationality");
+            if (idtype === "210") {
+                // 当“自然人证件类型”选择“210:港澳居民来往内地通行证”时，
+
+
+                if (value.startsWith("M")) {
+                    //如果“证件号码”以M开头，"国籍(或地区头，)”必须为“446:中国澳门”;校验证件号码必须以H或M开头
+                    if (nationality !== '446') {
+                        setNationStatue('error');
+                        setNation('请选择正确的国籍');
+                    } else {
+                        setNationStatue('');
+                        setNation('');
+                    }
+
+                } else if (value.startsWith("H")) {
+                    //如果“证件号码”以H开国籍(或地区)”必须为“344:中国香港”;
+                    if (nationality !== '344') {
+                        setNationStatue('error');
+                        setNation('请选择正确的国籍');
+                    } else {
+                        setNationStatue('');
+                        setNation('');
+                    }
 
+                } else {
+                    return Promise.reject("请输入正确的证件号码");
+                }
+            } else if (idtype === "237") {
+                //当“自然人证件类型”选择“237:中华人民共和国港澳居民居住证”时，校验证件号码必须以810000或820000开头，如果“证件号码”以810000开头，必须为“344:中国香国籍(或地区))港”;如果“证件号码”以820000开头，国籍(或地区)必须为“446:中国澳门”
+                if (value.startsWith("810000")) {
+                    if (nationality !== '344') {
+                        setNationStatue('error');
+                        setNation('请选择正确的国籍');
+                    } else {
+                        setNationStatue('');
+                        setNation('');
+                    }
+
+                } else if (value.startsWith("820000")) {
+                    if (nationality !== '446') {
+                        setNationStatue('error');
+                        setNation('请选择正确的国籍');
+                    } else {
+                        setNationStatue('');
+                        setNation('');
+                    }
+
+
+                } else {
+                    setStatus('error');
+                    setInfo('请输入正确的证件号码')
+                    return Promise.reject("请输入正确的证件号码");
+                }
+            }
+            // 当“销售方自然人证件类型”填写“201:居民身份证”，“销售方纳税人识别号”必须与“销售方自然人证件号码”完全一致
+            if (idtype === "201") {
+                const supplierTaxId = form?.getFieldValue("supplierTaxId");
+                if (value !== supplierTaxId) {
+                    setStatus('error');
+                    setInfo('证件号码应与销方税号保持一致')
+                    return Promise.reject("证件号码应与销方税号保持一致");
+                } else if (value === supplierTaxId) {
+                    setStatus('');
+                    setInfo('')
+                }
+            }
+            setStatus('');
+            setInfo('')
+            return Promise.resolve();
+        },
+        [form]
+    );
+    const validateIDCode2 = useCallback(
+        (e: any) => {
+            const value = e.target.value;
+            // if (!value) {
+            //     setStatus('');
+            //     setInfo('')
+            // }
+
+            const idtype = form?.getFieldValue("certificateType");
+
+            // // 当“销售方自然人证件类型”填写“201:居民身份证”，“销售方纳税人识别号”必须与“销售方自然人证件号码”完全一致
+            if (idtype === "201") {
+                const certificateNumber = form?.getFieldValue("certificateNumber");
+                console.log(value, certificateNumber)
+                if (value !== certificateNumber) {
+                    setStatus('error');
+                    setInfo('证件号码应与销方税号保持一致')
+                } else {
+                    setStatus('');
+                    setInfo('')
+                }
+            }
+        },
+        [form]
+    );
+    const validateNationality = useCallback(
+        (_: any, value: string) => {
+            if (!value) {
+                return Promise.resolve();
+            }
+            const idtype = form?.getFieldValue("certificateType");
+            const idcode = form?.getFieldValue("certificateNumber");
+            console.log(value, idtype, idcode)
+            if (idtype === "201" || idtype === "227") {
+                // 当“自然人证件类型”选择“201:居民身份证”时，校验是否为“156:中国’
+                // 当“自然人证件类型”选择“227:中华人民共和国护照”时，校验是否为“156:中国
+                if (value !== "156") {
+                    setNationStatue('error');
+                    setNation('请选择正确的国籍');
+                    return Promise.reject("请选择正确的国籍");
+                }
+            } else if (idtype === "213" || idtype === "238") {
+                // 当“自然人证件类型”选择“213:台湾居民来往大陆通行证”时，校验是否为”158:中国台湾”
+                // 当“自然人证件类型”选择“238:中华人民共和国台湾居民居住证”时，校验是否为“ 158:中国台湾”
+                if (value !== "158") {
+                    setNationStatue('error');
+                    setNation('请选择正确的国籍');
+                    return Promise.reject("请选择正确的国籍");
+                }
+            } else if (idtype === "210") {
+                //当“自然人证件类型”选择“210:港澳居民来往内地通行证”时，如果“证件号码”以H开国籍(或地区)”必须为“344:中国香港”;如果“证件号码”以M开头，"国籍(或地区头，)”必须为“446:中国澳门”;
+                let r = false;
+                if (idcode) {
+                    if (idcode.startsWith("M") && value === "446") {
+                        r = true;
+                    } else if (idcode.startsWith("H") && value === "344") {
+                        r = true;
+                    }
+                } else if (value === "344" || value === "446") {
+                    r = true;
+                }
+                if (!r) {
+                    setNationStatue('error');
+                    setNation('请选择正确的国籍');
+                    return Promise.reject("请选择正确的国籍");
+                }
+            } else if (idtype === "237") {
+                //当“自然人证件类型”选择“237:中华人民共和国港澳居民居住证”时，校验证件号码必须以810000或820000开头，如果“证件号码”以810000开头，必须为“344:中国香国籍(或地区))港”;如果“证件号码”以820000开头，国籍(或地区)必须为“446:中国澳门”
+                let r = false;
+                if (idcode) {
+                    if (idcode.startsWith("820000") && value === "446") {
+                        r = true;
+                    } else if (idcode.startsWith("810000") && value === "344") {
+                        r = true;
+                    }
+                } else if (value === "344" || value === "446") {
+                    r = true;
+                }
+                if (!r) {
+                    setNationStatue('error');
+                    setNation('请选择正确的国籍');
+                    return Promise.reject("请选择正确的国籍");
+                }
+            }
+            setNationStatue('');
+            setNation('');
+            return Promise.resolve();
+        },
+        [form]
+    );
     return (
         <>
             <div className={classNames("kts-invoice-operate-invoice-digtal-stakeholder", { readOnly: readOnly })} >
@@ -202,6 +400,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                                     })
                                         // (<MyInput readOnly={isReadOnly('supplierTaxId')} placeholder="请输入统一社会信用代码/纳税人识别号" autoComplete="off" />)
                                         (<BuyerNameInput
+                                            onChange={validateIDCode2}
                                             myform={form}
                                             fieldName='supplierTaxId'
                                             readOnly={isReadOnly('supplierTaxId')}
@@ -391,21 +590,28 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             <Form.Item label='证件类型' colon={false}  >
                                 {getFieldDecorator('certificateType', {
                                     rules: [{ required: true, message: '数据必填' }]
-                                })(<CardSelect readOnly={isReadOnly('certificateType')} placeholder="数据必填" autoComplete="off" />)}
+                                })(<CardSelect onChange={onChangeType} readOnly={isReadOnly('certificateType')} placeholder="数据必填" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
                         <Col span={7} >
-                            <Form.Item label='证件号码' colon={false}  >
+                            <Form.Item label='证件号码' colon={false} validateStatus={validateStatus} help={errorInfo}>
                                 {getFieldDecorator('certificateNumber', {
-                                    rules: [{ required: true, message: '数据必填' }, { max: 30, message: `内容超长` }]
+                                    rules: [{ required: true, message: '数据必填' }, { max: 30, message: `内容超长` }, { validator: validateIDCode },]
                                 })(<MyInput readOnly={isReadOnly('certificateNumber')} placeholder="数据必填" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
                         <Col span={6} >
-                            <Form.Item label='国籍(或地区)' colon={false}  >
+                            <Form.Item label='国籍(或地区)' colon={false} validateStatus={nation} help={nationInfo}>
                                 {getFieldDecorator('nationality', {
-                                    rules: [{ required: true, message: '数据必填' }]
-                                })(<NationalSelect readOnly={isReadOnly('nationality')} placeholder="数据必填" autoComplete="off" />)}
+                                    rules: [{ required: true, message: '数据必填' }, { validator: validateNationality }]
+                                })(<NationalSelect showSearch={true}
+                                    optionFilterProp="children"
+                                    filterOption={(input: any, option: any) => {
+                                        if (option) {
+                                            return option.label?.indexOf(input) >= 0;
+                                        }
+                                        return false;
+                                    }} readOnly={isReadOnly('nationality')} placeholder="数据必填" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
                     </Row>
@@ -469,19 +675,19 @@ function BuyerNameInput(props: InputProps & { fieldName: string; myform: Wrapped
     const onSearch = React.useCallback(async (searchText: string) => {
         await Discontinue.start();
         try {
-            if (fieldName === 'buyerName' ) {
+            if (fieldName === 'buyerName') {
                 if (autoComplete.onBuyerNameSearch) {
                     setOptions(await autoComplete.onBuyerNameSearch(searchText));
                 }
-            } else if (fieldName === 'buyerTaxId'  ) {
+            } else if (fieldName === 'buyerTaxId') {
                 if (autoComplete.onBuyerTaxIdSearch) {
                     setOptions(await autoComplete.onBuyerTaxIdSearch(searchText));
                 }
-            }else if(fieldName === 'supplierName'){
+            } else if (fieldName === 'supplierName') {
                 if (autoComplete.onSupplierNameSearch) {
                     setOptions(await autoComplete.onSupplierNameSearch(searchText));
                 }
-            }else if(fieldName === 'supplierTaxId'){
+            } else if (fieldName === 'supplierTaxId') {
                 if (autoComplete.onSupplierTaxIdSearch) {
                     setOptions(await autoComplete.onSupplierTaxIdSearch(searchText));
                 }
@@ -523,60 +729,10 @@ class CardSelect extends React.Component<any> {
 
     render() {
         const props = this.props;
-        // const option = [
-        //     { label: '组织机构代码证', value: '101' },
-        //     { label: '营业执照', value: '102' },
-        //     { label: '税务登记证', value: '103' },
-        //     { label: '其他单位证件', value: '199' },
-        //     { label: '居民身份证', value: '201' },
-        //     { label: '军官证', value: '202' },
-        //     { label: '武警警官证', value: '203' },
-        //     { label: '士兵证', value: '204' },
-        //     { label: '军队离退休干部证', value: '205' },
-        //     { label: '残疾人证', value: '206' },
-        //     { label: '残疾军人证（1-8级）', value: '207' },
-        //     { label: '外国护照', value: '208', },
-        //     { label: '港澳同胞回乡证', value: '209', },
-        //     { label: '港澳居民来往内地通行证', value: '210', },
-        //     { label: '台胞证', value: '211', },
-        //     { label: '中华人民共和国往来港澳通行证', value: '212', },
-        //     { label: '台湾居民来往大陆通行证', value: '213', },
-        //     { label: '大陆居民往来台湾通行证', value: '214', },
-        //     { label: '外国人居留证', value: '215', },
-        //     { label: '外交官证', value: '216', },
-        //     { label: '使（领事）馆证', value: '217', },
-        //     { label: '海员证', value: '218', },
-        //     { label: '香港永久性居民身份证', value: '219', },
-        //     { label: '台湾身份证', value: '220', },
-        //     { label: '澳门特别行政区永久性居民身份证', value: '221', },
-        //     { label: '外国人身份证件', value: '222', },
-        //     { label: '高校毕业生自主创业证', value: '223', },
-        //     { label: '就业失业登记证', value: '224', },
-        //     { label: '退休证', value: '225', },
-        //     { label: '离休证', value: '226', },
-        //     { label: '中国护照', value: '227', },
-        //     { label: '城镇退役士兵自谋职业证', value: '228', },
-        //     { label: '随军家属身份证明', value: '229', },
-        //     { label: '中国护照', value: '230', },
-        //     { label: '中国人民解放军义务兵退出现役证', value: '231', },
-        //     { label: '中国人民解放军士官退出现役证', value: '232', },
-        //     { label: '外国人永久居留身份证', value: '233', },
-        //     { label: '就业创业证', value: '234', },
-        //     { label: '香港特别行政区护照', value: '235', },
-        //     { label: '澳门特别行政区护照', value: '236', },
-        //     { label: '中华人民共和国港澳居民居住证', value: '237', },
-        //     { label: '中华人民共和国台湾居民居住证', value: '238', },
-        //     { label: '《中华人民共和国外国人工作许可证》(A类)', value: '239', },
-        //     { label: '《中华人民共和国外国人工作许可证》(B类)', value: '240', },
-        //     { label: '《中华人民共和国外国人工作许可证》(C类)', value: '241', },
-        //     { label: '出生医学证明', value: '291', },
-        //     { label: '其他个人证件', value: '299', },
-        // ]
         const option = [
 
             { label: "居民身份证", value: "201" },
             { label: "外国护照", value: "208" },
-            { label: "港澳同胞回乡证", value: "209" },
             { label: "港澳居民来往内地通行证", value: "210" },
 
             { label: "台湾居民来往大陆通行证", value: "213" },
@@ -589,10 +745,10 @@ class CardSelect extends React.Component<any> {
             { label: "中华人民共和国台湾居民居住证", value: "238" },
 
         ];
-        function getLable (value?: string) {
-          
+        function getLable(value?: string) {
+
             return option.find(e => e.value === value)?.label || '';
-            
+
         }
         if (props.readOnly) {
             return <span className='digtal-stakeholder-form-text'>{getLable(props.value)}</span>
@@ -607,6 +763,10 @@ class NationalSelect extends React.Component<any> {
         const props = this.props;
         const option = [
             { value: "156", label: "中国" },
+            { value: "344", label: "中国香港" },
+            { value: "158", label: "中国台湾" },
+            { value: "446", label: "中国澳门" },
+
             { value: "004", label: "阿富汗" },
             { value: "008", label: "阿尔巴尼亚" },
             { value: "010", label: "南极洲" },
@@ -651,7 +811,6 @@ class NationalSelect extends React.Component<any> {
             { value: "148", label: "乍得" },
             { value: "152", label: "智利" },
 
-            { value: "158", label: "中国台湾" },
             { value: "162", label: "圣诞岛" },
             { value: "166", label: "科科斯（基林）群岛" },
             { value: "170", label: "哥伦比亚" },
@@ -705,7 +864,7 @@ class NationalSelect extends React.Component<any> {
             { value: "334", label: "赫德岛和麦克唐纳岛" },
             { value: "336", label: "梵蒂冈" },
             { value: "340", label: "洪都拉斯" },
-            { value: "344", label: "中国香港" },
+
             { value: "348", label: "匈牙利" },
             { value: "352", label: "冰岛" },
             { value: "356", label: "印度" },
@@ -734,7 +893,7 @@ class NationalSelect extends React.Component<any> {
             { value: "438", label: "列支敦士登" },
             { value: "440", label: "立陶宛" },
             { value: "442", label: "卢森堡" },
-            { value: "446", label: "中国澳门" },
+
             { value: "450", label: "马达加斯加" },
             { value: "454", label: "马拉维" },
             { value: "458", label: "马来西亚" },
@@ -855,10 +1014,10 @@ class NationalSelect extends React.Component<any> {
             { value: "A00", label: "科索沃" }
         ];
 
-        function getLable (value?: string) {
-          
+        function getLable(value?: string) {
+
             return option.find(e => e.value === value)?.label || '';
-            
+
         }
         if (props.readOnly) {
             return <span className='digtal-stakeholder-form-text'>{getLable(props.value)}</span>

package/src/Invoice/ui/digtal/Stakeholder/index.tsx

@@ -200,7 +200,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={10+riskspanW} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10+leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='购买方地址' colon={false}>
                                 {getFieldDecorator('buyerAddress', {
                                     rules: getRules('buyerAddress', [{ max: 100, message: '购买方地址内容超长' }])
@@ -208,13 +208,22 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={10+riskspanW} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10+leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='电话' colon={false} className='telephone'>
                                 {getFieldDecorator('buyerPhone', {
                                     rules: getRules('buyerPhone', RULES.buyerTelPhone('购买方电话'))
                                 })(<MyInput readOnly={isReadOnly('buyerPhone')} placeholder="请输入电话" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
+                        {(props.leqi) &&
+                            <Col span={4} style={{ display: isExpand ? undefined : 'none' }}>
+                                <Form.Item  colon={false}>
+                                    {getFieldDecorator('buyerAddressPhoneFlag', {
+                                        valuePropName: 'checked',
+                                    })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('buyerAddressPhoneFlag')}  style={{whiteSpace:'nowrap'}}>是否展示</Checkbox>)}
+                                </Form.Item>
+                            </Col>
+                        }
                         <Col span={10 + leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='购买方开户银行' colon={false}>
                                 {getFieldDecorator('buyerBank', {
@@ -281,7 +290,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={10+riskspanW} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10+leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='销售方地址' colon={false}>
                                 {getFieldDecorator('sellerAddress', {
                                     rules: getRules('sellerAddress', [{ max: 300, message: '销售方地址内容超长' }])
@@ -289,13 +298,22 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={10+riskspanW} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10+leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='电话' colon={false} className='telephone' >
                                 {getFieldDecorator('sellerPhone', {
                                     rules: getRules('sellerPhone', RULES.sellerTelPhone('销售方电话'))
                                 })(<MyInput readOnly={isReadOnly('sellerPhone')} placeholder="请输入电话" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
+                         {(props.leqi) &&
+                            <Col span={4} style={{ display: isExpand ? undefined : 'none' }}>
+                                <Form.Item  colon={false}>
+                                    {getFieldDecorator('sellerAddressPhoneFlag', {
+                                        valuePropName: 'checked',
+                                    })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('sellerAddressPhoneFlag')}  style={{whiteSpace:'nowrap'}}>是否展示</Checkbox>)}
+                                </Form.Item>
+                            </Col>
+                        }
                         <Col span={10 + leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='销售方开户银行' colon={false}>
                                 {getFieldDecorator('sellerBank', {