kts-component-invoice-operate 3.2.224 → 3.2.226

package/dist/index.esm.js

@@ -24722,7 +24722,8 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
         }, "\u5E73\u65B9\u7C73"))))), isParkFeeItem && /*#__PURE__*/React.createElement(LicensePlateNumber, {
           form: form,
           index: index,
-          cd: item.cd
+          cd: item.cd,
+          readOnly: readOnly
         }) // <Col span={6} >
         //     <Form.Item label='车牌号' >
         //         {getFieldDecorator(`realEstateDataDto[${index}].licensePlateNumber`, {
@@ -24882,7 +24883,8 @@ var MyNY = /*#__PURE__*/function (_React$Component5) {
 var LicensePlateNumber = function LicensePlateNumber(props) {
   var _formData$props$index2;
 
-  var form = props.form;
+  var form = props.form,
+      readOnly = props.readOnly;
   var getFieldDecorator = form.getFieldDecorator;
   var licenceLimit = 3; // 最多支持填写3个车牌号
 
@@ -24907,6 +24909,8 @@ var LicensePlateNumber = function LicensePlateNumber(props) {
   var onAdd = function onAdd() {
     if (value.length < licenceLimit) {
       setVal([].concat(_toConsumableArray(value), ['']));
+    } else {
+      message.warn('最多支持填写3个车牌号');
     }
   }; // 删除车牌号
 
@@ -24918,7 +24922,6 @@ var LicensePlateNumber = function LicensePlateNumber(props) {
     }
   };
 
-  console.log(value.length);
   return /*#__PURE__*/React.createElement(React.Fragment, null, value.length > 0 && value.map(function (item, key) {
     return /*#__PURE__*/React.createElement(Col$1, {
       span: 6
@@ -24926,18 +24929,18 @@ var LicensePlateNumber = function LicensePlateNumber(props) {
       label: "\u8F66\u724C\u53F7",
       key: key
     }, getFieldDecorator("realEstateDataDto[".concat(props.index, "].cphList[").concat(key, "]"), {
-      rules: [{
+      rules: readOnly ? [] : [{
         required: true,
         message: '请输入车牌号'
       }]
-    })( /*#__PURE__*/React.createElement(Input$2, {
+    })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$3, null) : /*#__PURE__*/React.createElement(Input$2, {
       style: {
         width: '100%'
       },
       autoComplete: 'off',
       placeholder: "\u8BF7\u8F93\u5165\u8F66\u724C\u53F7"
     }))));
-  }), /*#__PURE__*/React.createElement(Col$1, {
+  }), !readOnly && /*#__PURE__*/React.createElement(Col$1, {
     span: 6
   }, /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement("div", {
     style: {

package/dist/index.js

@@ -24732,7 +24732,8 @@ var RealEstateInfo = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(f
         }, "\u5E73\u65B9\u7C73"))))), isParkFeeItem && /*#__PURE__*/React__default['default'].createElement(LicensePlateNumber, {
           form: form,
           index: index,
-          cd: item.cd
+          cd: item.cd,
+          readOnly: readOnly
         }) // <Col span={6} >
         //     <Form.Item label='车牌号' >
         //         {getFieldDecorator(`realEstateDataDto[${index}].licensePlateNumber`, {
@@ -24892,7 +24893,8 @@ var MyNY = /*#__PURE__*/function (_React$Component5) {
 var LicensePlateNumber = function LicensePlateNumber(props) {
   var _formData$props$index2;
 
-  var form = props.form;
+  var form = props.form,
+      readOnly = props.readOnly;
   var getFieldDecorator = form.getFieldDecorator;
   var licenceLimit = 3; // 最多支持填写3个车牌号
 
@@ -24917,6 +24919,8 @@ var LicensePlateNumber = function LicensePlateNumber(props) {
   var onAdd = function onAdd() {
     if (value.length < licenceLimit) {
       setVal([].concat(_toConsumableArray(value), ['']));
+    } else {
+      ktsComponentsAntdX3.message.warn('最多支持填写3个车牌号');
     }
   }; // 删除车牌号
 
@@ -24928,7 +24932,6 @@ var LicensePlateNumber = function LicensePlateNumber(props) {
     }
   };
 
-  console.log(value.length);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, value.length > 0 && value.map(function (item, key) {
     return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
       span: 6
@@ -24936,18 +24939,18 @@ var LicensePlateNumber = function LicensePlateNumber(props) {
       label: "\u8F66\u724C\u53F7",
       key: key
     }, getFieldDecorator("realEstateDataDto[".concat(props.index, "].cphList[").concat(key, "]"), {
-      rules: [{
+      rules: readOnly ? [] : [{
         required: true,
         message: '请输入车牌号'
       }]
-    })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
+    })(readOnly ? /*#__PURE__*/React__default['default'].createElement(MyDiv$3, null) : /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
       style: {
         width: '100%'
       },
       autoComplete: 'off',
       placeholder: "\u8BF7\u8F93\u5165\u8F66\u724C\u53F7"
     }))));
-  }), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+  }), !readOnly && /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
     span: 6
   }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, /*#__PURE__*/React__default['default'].createElement("div", {
     style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.224",
+  "version": "3.2.226",
   "scripts": {
     "dev": "dumi dev --max-old-space-size=6096",
     "start": "dumi dev",

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

@@ -1,7 +1,7 @@
 
 import React, { useEffect } from "react";
 import { decorator } from 'grey-react-box';
-import { Form } from 'kts-components-antd-x3';
+import { Form, message } from 'kts-components-antd-x3';
 import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
 import Invoice from '../../..';
 import './index.less';
@@ -227,7 +227,7 @@ export default decorator<RealEstateInfoProps, FormComponentProps & RealEstateInf
                         </Col>
                     }
                     {isParkFeeItem &&
-                        <LicensePlateNumber form={form} index={index} cd={item.cd} />
+                        <LicensePlateNumber form={form} index={index} cd={item.cd} readOnly={readOnly} />
                         // <Col span={6} >
                         //     <Form.Item label='车牌号' >
                         //         {getFieldDecorator(`realEstateDataDto[${index}].licensePlateNumber`, {
@@ -316,10 +316,11 @@ interface PriceInputProps {
     form: any,
     index: number
     cd?: number
+    readOnly: boolean
 }
 const LicensePlateNumber: React.FC<PriceInputProps> = (props) => {
 
-    const { form } = props;
+    const { form, readOnly } = props;
 
     const { getFieldDecorator } = form;
     const licenceLimit = 3; // 最多支持填写3个车牌号
@@ -335,6 +336,8 @@ const LicensePlateNumber: React.FC<PriceInputProps> = (props) => {
     const onAdd = () => {
         if (value.length < licenceLimit) {
             setVal([...value, '']);
+        }else{
+            message.warn('最多支持填写3个车牌号')
         }
     }
     // 删除车牌号
@@ -345,16 +348,17 @@ const LicensePlateNumber: React.FC<PriceInputProps> = (props) => {
         }
     }
 
-    console.log(value.length)
     return <>
         {
             value.length > 0 && value.map((item: string[], key: number) => {
 
                 return <Col span={6} ><Form.Item label='车牌号' key={key}>
                     {getFieldDecorator(`realEstateDataDto[${props.index}].cphList[${key}]`, {
-                        rules: [{ required: true, message: '请输入车牌号' }]
+                        rules: readOnly ? [] : [{ required: true, message: '请输入车牌号' }]
                     })(
-                        <Input style={{ width: '100%' }} autoComplete='off' placeholder="请输入车牌号" />
+                        readOnly
+                            ? <MyDiv /> :
+                            <Input style={{ width: '100%' }} autoComplete='off' placeholder="请输入车牌号" />
                     )}
                 </Form.Item>
                 </Col>
@@ -370,13 +374,15 @@ const LicensePlateNumber: React.FC<PriceInputProps> = (props) => {
             )}
         </Form.Item>
         </Col> */}
-        <Col span={6} >
-            <Form.Item >
-                <div style={{ color: 'white' }}>1</div>
-                <a style={{ marginRight: 10 }} onClick={onAdd}>添加车牌号</a>
-                {value.length > 1 && <a onClick={onDelete}>删除</a>}
-            </Form.Item>
-        </Col>
+        {!readOnly &&
+            <Col span={6} >
+                <Form.Item >
+                    <div style={{ color: 'white' }}>1</div>
+                    <a style={{ marginRight: 10 }} onClick={onAdd}>添加车牌号</a>
+                    {value.length > 1 && <a onClick={onDelete}>删除</a>}
+                </Form.Item>
+            </Col>
+        }
     </>
 }