kts-component-invoice-operate 3.2.221 → 3.2.223

package/dist/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/IGood/index.d.ts

@@ -56,4 +56,5 @@ export default interface IGood {
     productName?: string;
     /** 孩子 */
     children?: IGood[];
+    cd?: number;
 }

package/dist/index.esm.js

@@ -1995,7 +1995,7 @@ var saveEditGood = /*#__PURE__*/(function () {
         switch (_context.prev = _context.next) {
           case 0:
             editGood = state.goodsListState.editGood;
-            form = state.goodsListState.form;
+            form = state.goodsListState.form; // const isValidateGood = state.goodsListState.isValidateGood
 
             if (!(!editGood || !form || state.goodsListState.importGoods.isVisibleDrawer || state.calculatingField)) {
               _context.next = 4;
@@ -17640,7 +17640,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10 + riskspanW,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17657,7 +17657,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10 + riskspanW,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17671,7 +17671,22 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     readOnly: isReadOnly('buyerPhone'),
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
-  })))), /*#__PURE__*/React.createElement(Col, {
+  })))), props.leqi && /*#__PURE__*/React.createElement(Col, {
+    span: 4,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    colon: false
+  }, getFieldDecorator('buyerAddressPhoneFlag', {
+    valuePropName: 'checked'
+  })( /*#__PURE__*/React.createElement(Checkbox$1, {
+    onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
+    disabled: isReadOnly('buyerAddressPhoneFlag'),
+    style: {
+      whiteSpace: 'nowrap'
+    }
+  }, "\u662F\u5426\u5C55\u793A")))), /*#__PURE__*/React.createElement(Col, {
     span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
@@ -17763,7 +17778,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10 + riskspanW,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17780,7 +17795,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10 + riskspanW,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17794,7 +17809,22 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     readOnly: isReadOnly('sellerPhone'),
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
-  })))), /*#__PURE__*/React.createElement(Col, {
+  })))), props.leqi && /*#__PURE__*/React.createElement(Col, {
+    span: 4,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    colon: false
+  }, getFieldDecorator('sellerAddressPhoneFlag', {
+    valuePropName: 'checked'
+  })( /*#__PURE__*/React.createElement(Checkbox$1, {
+    onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
+    disabled: isReadOnly('sellerAddressPhoneFlag'),
+    style: {
+      whiteSpace: 'nowrap'
+    }
+  }, "\u662F\u5426\u5C55\u793A")))), /*#__PURE__*/React.createElement(Col, {
     span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
@@ -18281,7 +18311,7 @@ var StakeFarmerholder = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10 + riskspanW,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -18298,7 +18328,7 @@ var StakeFarmerholder = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10 + riskspanW,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -18326,7 +18356,22 @@ var StakeFarmerholder = decorator(Form.create())(function (props) {
     readOnly: isReadOnly('sellerBank'),
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5F00\u6237\u94F6\u884C",
     autoComplete: "off"
-  })))), /*#__PURE__*/React.createElement(Col, {
+  })))), props.leqi && /*#__PURE__*/React.createElement(Col, {
+    span: 4,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    colon: false
+  }, getFieldDecorator('sellerAddressPhoneFlag', {
+    valuePropName: 'checked'
+  })( /*#__PURE__*/React.createElement(Checkbox$1, {
+    onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
+    disabled: isReadOnly('sellerAddressPhoneFlag'),
+    style: {
+      whiteSpace: 'nowrap'
+    }
+  }, "\u662F\u5426\u5C55\u793A")))), /*#__PURE__*/React.createElement(Col, {
     span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
@@ -18421,7 +18466,7 @@ var StakeFarmerholder = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10 + riskspanW,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -18438,7 +18483,7 @@ var StakeFarmerholder = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10 + riskspanW,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -18471,6 +18516,20 @@ var StakeFarmerholder = decorator(Form.create())(function (props) {
     style: {
       display: isExpand ? undefined : 'none'
     }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u8D2D\u4E70\u65B9\u5F00\u6237\u94F6\u884C",
+    colon: false
+  }, getFieldDecorator('buyerBank', {
+    rules: getRules('buyerBank', RULES$1.bankName('购买方开户银行'))
+  })( /*#__PURE__*/React.createElement(MyInput$2, {
+    readOnly: isReadOnly('buyerBank'),
+    placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5F00\u6237\u94F6\u884C",
+    autoComplete: "off"
+  })))), /*#__PURE__*/React.createElement(Col, {
+    span: 10 + leqispanW,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u94F6\u884C\u8D26\u53F7",
     colon: false
@@ -18845,7 +18904,7 @@ var css_248z$j = ".kts-invoice-operate-goods-table-virtual .ktsAntX-table-body {
 styleInject(css_248z$j);
 
 function TableVirtual$1 (props) {
-  var _props$dataSource2;
+  var _props$dataSource4, _props$dataSource5;
 
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -18887,8 +18946,10 @@ function TableVirtual$1 (props) {
   }, [self, tableBody]); // 设置占位dom的搞
 
   var placeholderHeight = React.useMemo(function () {
-    if (!self || !rowHeight || !props.dataSource || !placeholder) return;
-    var placeholderHeight = rowHeight * props.dataSource.length;
+    var _props$dataSource = props.dataSource,
+        dataSource = _props$dataSource === void 0 ? [] : _props$dataSource;
+    if (!self || !rowHeight || !dataSource || !placeholder) return;
+    var placeholderHeight = rowHeight * dataSource.length;
     placeholder.style.height = "".concat(placeholderHeight, "px");
     return placeholderHeight;
   }, [self, rowHeight, props.dataSource, placeholder]);
@@ -18900,12 +18961,12 @@ function TableVirtual$1 (props) {
   }, [tableBody, rowHeight, placeholderHeight]); // 计算渲染的行
 
   var dataSource = React.useMemo(function () {
-    var _props$dataSource;
+    var _props$dataSource2;
 
     if (!props.dataSource) return [];
     if (props.dataSource.length < 10) return props.dataSource;
     if (!rowSize) return [props.dataSource[0]];
-    return (_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.slice(pointer, pointer + 2 * rowSize);
+    return (_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.slice(pointer, pointer + 2 * rowSize);
   }, [props.dataSource, pointer, rowSize]); // 监听滚动
 
   React.useEffect(function () {
@@ -18924,17 +18985,24 @@ function TableVirtual$1 (props) {
   }, [self, placeholder, props.dataSource, rowHeight, rowSize]); // 移动列表
 
   React.useEffect(function () {
+    var _props$dataSource3;
+
     if (!self) return;
     var table = self.querySelector('.ktsAntX-table .ktsAntX-table-body>table');
     if (!table) return;
-    table.style.top = "".concat(pointer * rowHeight, "px");
-  }, [pointer, self, rowHeight]);
+
+    if ((((_props$dataSource3 = props.dataSource) === null || _props$dataSource3 === void 0 ? void 0 : _props$dataSource3.length) || 0) < 10) {
+      table.style.top = '0px';
+    } else {
+      table.style.top = "".concat(pointer * rowHeight, "px");
+    }
+  }, [pointer, self, rowHeight, (_props$dataSource4 = props.dataSource) === null || _props$dataSource4 === void 0 ? void 0 : _props$dataSource4.length]);
   React.useEffect(function () {
     if (!self) return;
     var cont = self.querySelector('.kts-invoice-operate-goods-table-virtual .ktsAntX-table-body');
     if (!cont) return;
     cont.scrollTop = 0;
-  }, [(_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.length]);
+  }, [(_props$dataSource5 = props.dataSource) === null || _props$dataSource5 === void 0 ? void 0 : _props$dataSource5.length]);
   return /*#__PURE__*/React.createElement("span", {
     className: "kts-invoice-operate-goods-table-virtual",
     ref: function ref(e) {
@@ -21926,24 +21994,34 @@ var useColumns$1 = (function (form) {
                     while (1) {
                       switch (_context6.prev = _context6.next) {
                         case 0:
-                          _context6.next = 2;
+                          if (!isValidateGood) {
+                            _context6.next = 10;
+                            break;
+                          }
+
+                          _context6.next = 3;
                           return controller.wait();
 
-                        case 2:
+                        case 3:
                           isvalue = !!value || value === 0;
                           isPrice = !!getFieldValue(isTaxIncluded ? 'priceIncludeTax' : 'priceExcludeTax') || getFieldValue(isTaxIncluded ? 'priceIncludeTax' : 'priceExcludeTax') === 0;
 
                           if (!(isvalue || isPrice === isvalue)) {
-                            _context6.next = 6;
+                            _context6.next = 7;
                             break;
                           }
 
                           return _context6.abrupt("return");
 
-                        case 6:
+                        case 7:
                           callback('请输入数量');
+                          _context6.next = 11;
+                          break;
 
-                        case 7:
+                        case 10:
+                          callback();
+
+                        case 11:
                         case "end":
                           return _context6.stop();
                       }
@@ -22232,7 +22310,7 @@ var useColumns$1 = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, formatSearch$1(parseFloat(value).toFixed(2), searchValue));
+          }, value && formatSearch$1(parseFloat(value).toFixed(2), searchValue));
         }
       }
     }, {
@@ -22295,7 +22373,7 @@ var useColumns$1 = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, formatSearch$1(parseFloat(value).toFixed(2), searchValue));
+          }, value && formatSearch$1(parseFloat(value).toFixed(2), searchValue));
         }
       }
     }, {
@@ -22338,7 +22416,7 @@ var useColumns$1 = (function (form) {
             }, e, "%");
           }))));
         } else {
-          if (value || value === '0') {
+          if (value || value === '0' || value === 0) {
             return /*#__PURE__*/React.createElement("span", {
               style: {
                 padding: '0 10px'
@@ -22407,7 +22485,7 @@ var useColumns$1 = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, isDutyFree$1(record) ? '***' : parseFloat(value).toFixed(2));
+          }, isDutyFree$1(record) ? '***' : value && parseFloat(value).toFixed(2));
         }
       }
     }] // 含税不含税
@@ -24404,6 +24482,19 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
   }, [model]);
   var goodsList = controller.useMemo(function (s) {
     return s.goodsListState.goodsList;
+  }, []); //outcome-104 任务 https://wiki.dev.kingxunlian.com/pages/viewpage.action?pageId=180355189
+  //商品和服务税收分类合并编码为“3040502020200000000”时，视为停车费业务，针对停车费业务，蓝字发票增加以下判断：
+  // 单位必须为“平方米”；
+  // 项目名称必须为“车辆停放服务”；
+  // 车牌号必填，最多支持填写3个车牌号；除该场景车牌号必须为空；
+  // 租赁期起止格式必须为“yyyy-MM-dd HH:mm（租赁期起）”+“空格”+“yyyy-MM-dd HH:mm（租赁期止）。
+
+  var isParkFee = React.useCallback(function (taxClassificationCode) {
+    if (taxClassificationCode === '3040502020200000000') {
+      return false;
+    } else {
+      return true;
+    }
   }, []);
   var indexRef = React.useRef([]);
   useEffect(function () {
@@ -24447,11 +24538,11 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
       }
     }
 
-    console.log('goodsList', goodsList);
     return goodsList.filter(function (item) {
       return item.lineAttribute !== 1;
     }).map(function (item, index) {
       if (item.lineAttribute !== 1) {
+        var isParkFeeItem = isParkFee(item.taxClassificationCode);
         return /*#__PURE__*/React.createElement(Row$1, {
           gutter: [17, 0]
         }, /*#__PURE__*/React.createElement(Col$1, {
@@ -24521,7 +24612,7 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
         })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$3, null) : /*#__PURE__*/React.createElement(Input$2, {
           autoComplete: 'off',
           placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740"
-        })))), /*#__PURE__*/React.createElement(Col$1, {
+        })))), !isParkFeeItem && /*#__PURE__*/React.createElement(Col$1, {
           span: 6
         }, /*#__PURE__*/React.createElement(Form.Item, {
           label: "\u79DF\u8D41\u671F\u8D77\u6B62"
@@ -24534,6 +24625,23 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
           style: {
             width: '100%'
           }
+        })))), isParkFeeItem && /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u79DF\u8D41\u671F\u8D77\u6B62"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].leaseTerm"), {
+          rules: readOnly ? [] : [{
+            required: true,
+            message: '请输入租赁期'
+          }]
+        })(readOnly ? /*#__PURE__*/React.createElement(MyArrMomentTime, null) : /*#__PURE__*/React.createElement(RangePicker, {
+          style: {
+            width: '100%'
+          },
+          showTime: {
+            format: 'HH:mm'
+          },
+          format: "YYYY-MM-DD HH:mm"
         })))), /*#__PURE__*/React.createElement(Col$1, {
           span: 6
         }, /*#__PURE__*/React.createElement(Form.Item, {
@@ -24567,7 +24675,7 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
         })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$3, null) : /*#__PURE__*/React.createElement(Input$2, {
           autoComplete: 'off',
           placeholder: "\u8BF7\u8F93\u5165\u8BC1\u4E66\u7F16\u53F7\uFF0C\u82E5\u6CA1\u6709\u8BC1\u4E66\u586B\u5199\u201C\u65E0\u201D"
-        })))), /*#__PURE__*/React.createElement(Col$1, {
+        })))), !isParkFeeItem && /*#__PURE__*/React.createElement(Col$1, {
           span: 6
         }, /*#__PURE__*/React.createElement(Form.Item, {
           label: "\u9762\u79EF\u5355\u4F4D"
@@ -24595,7 +24703,38 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
           value: "k\u33A1"
         }, "k\u33A1"), /*#__PURE__*/React.createElement(Select$2.Option, {
           value: "\u33A1"
-        }, "\u33A1"))))));
+        }, "\u33A1"))))), isParkFeeItem && /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u9762\u79EF\u5355\u4F4D"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].realEstateUnit"), {
+          rules: readOnly ? [] : [{
+            required: true,
+            message: '请选择面积单位'
+          }]
+        })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$3, null) : /*#__PURE__*/React.createElement(Select$2, {
+          placeholder: "\u8BF7\u9009\u62E9",
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: "\u5E73\u65B9\u7C73"
+        }, "\u5E73\u65B9\u7C73"))))), isParkFeeItem && /*#__PURE__*/React.createElement(LicensePlateNumber, {
+          form: form,
+          index: index,
+          cd: item.cd
+        }) // <Col span={6} >
+        //     <Form.Item label='车牌号' >
+        //         {getFieldDecorator(`realEstateDataDto[${index}].licensePlateNumber`, {
+        //             rules: readOnly ? [] : [{ required: true, message: '请选择面积单位' }]
+        //         })(
+        //             readOnly
+        //                 ? <MyDiv />
+        //                 : <LicensePlateNumber form={form}/>
+        //         )}
+        //     </Form.Item>
+        // </Col>
+        );
       }
     });
   };
@@ -24687,15 +24826,45 @@ var MyArrMoment = /*#__PURE__*/function (_React$Component3) {
   return MyArrMoment;
 }(React.Component);
 
-var MyNY = /*#__PURE__*/function (_React$Component4) {
-  _inherits(MyNY, _React$Component4);
+var MyArrMomentTime = /*#__PURE__*/function (_React$Component4) {
+  _inherits(MyArrMomentTime, _React$Component4);
 
-  var _super4 = _createSuper(MyNY);
+  var _super4 = _createSuper(MyArrMomentTime);
+
+  function MyArrMomentTime() {
+    _classCallCheck(this, MyArrMomentTime);
+
+    return _super4.apply(this, arguments);
+  }
+
+  _createClass(MyArrMomentTime, [{
+    key: "render",
+    value: function render() {
+      var _this$props$value3 = this.props.value,
+          value = _this$props$value3 === void 0 ? [] : _this$props$value3;
+      return /*#__PURE__*/React.createElement("div", {
+        style: this.props.style
+      }, /*#__PURE__*/React.createElement("span", null, hooks.isMoment(value[0]) && value[0].format('YYYY-MM-DD HH:mm')), /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: '#9F603D',
+          fontWeight: 600
+        }
+      }, " - "), /*#__PURE__*/React.createElement("span", null, hooks.isMoment(value[1]) && value[1].format('YYYY-MM-DD HH:mm')));
+    }
+  }]);
+
+  return MyArrMomentTime;
+}(React.Component);
+
+var MyNY = /*#__PURE__*/function (_React$Component5) {
+  _inherits(MyNY, _React$Component5);
+
+  var _super5 = _createSuper(MyNY);
 
   function MyNY() {
     _classCallCheck(this, MyNY);
 
-    return _super4.apply(this, arguments);
+    return _super5.apply(this, arguments);
   }
 
   _createClass(MyNY, [{
@@ -24710,6 +24879,134 @@ var MyNY = /*#__PURE__*/function (_React$Component4) {
   return MyNY;
 }(React.Component);
 
+var LicensePlateNumber = function LicensePlateNumber(props) {
+  var _formData$props$index2;
+
+  var form = props.form;
+  var getFieldDecorator = form.getFieldDecorator;
+  var licenceLimit = 3; // 最多支持填写3个车牌号
+
+  var formData = form.getFieldValue('realEstateDataDto');
+
+  var _React$useState = React.useState(new Array(props.cd || 1).fill('')),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      value = _React$useState2[0],
+      setVal = _React$useState2[1];
+
+  var cd = React.useMemo(function () {
+    var _formData$props$index;
+
+    return (_formData$props$index = formData[props.index]) === null || _formData$props$index === void 0 ? void 0 : _formData$props$index.cd;
+  }, [(_formData$props$index2 = formData[props.index]) === null || _formData$props$index2 === void 0 ? void 0 : _formData$props$index2.cd]); // useEffect(() => {
+  //     if (cd) {
+  //         const dd = value.concat(new Array(cd.length-1).fill(''))
+  //         setVal(dd);
+  //     }
+  // }, [cd])
+
+  var onAdd = function onAdd() {
+    if (value.length < licenceLimit) {
+      setVal([].concat(_toConsumableArray(value), ['']));
+    }
+  }; // 删除车牌号
+
+
+  var onDelete = function onDelete() {
+    if (value.length > 0) {
+      var dd = value.slice(0, -1);
+      setVal(dd);
+    }
+  };
+
+  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
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: "\u8F66\u724C\u53F7",
+      key: key
+    }, getFieldDecorator("realEstateDataDto[".concat(props.index, "].cphList[").concat(key, "]"), {
+      rules: [{
+        required: true,
+        message: '请输入车牌号'
+      }]
+    })( /*#__PURE__*/React.createElement(Input$2, {
+      style: {
+        width: '100%'
+      },
+      autoComplete: 'off',
+      placeholder: "\u8BF7\u8F93\u5165\u8F66\u724C\u53F7"
+    }))));
+  }), /*#__PURE__*/React.createElement(Col$1, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: 'white'
+    }
+  }, "1"), /*#__PURE__*/React.createElement("a", {
+    style: {
+      marginRight: 10
+    },
+    onClick: onAdd
+  }, "\u6DFB\u52A0\u8F66\u724C\u53F7"), value.length > 1 && /*#__PURE__*/React.createElement("a", {
+    onClick: onDelete
+  }, "\u5220\u9664"))));
+}; // const LicensePlateNumber: React.FC<PriceInputProps> = (props) => {
+//     const { form } = props;
+//     const { getFieldDecorator } = form;
+//     const licenceLimit = 3; // 最多支持填写3个车牌号
+//     // const { value = [] } = this.props;
+//     const [value, setVal] = React.useState(props.value || ['']);
+//     // const newArr = value.filter(e => !!e);
+//     const newArrLength = value.length;
+//     console.log(value, newArrLength)
+//     // 新增车牌号
+//     const onAdd = () => {
+//         if (newArrLength < licenceLimit) {
+//             setVal([...value, '']);
+//             props.onChange?.([...value, ''])
+//         }
+//     }
+//     // 删除车牌号
+//     const onDelete = () => {
+//         if (newArrLength > 0) {
+//             const dd = value.slice(0, -1)
+//             setVal(dd);
+//             props.onChange?.(dd)
+//         }
+//     }
+//     const onInputChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {
+//         console.log(e.target.value);
+//         const dd = value.map((item, i) => {
+//             if (i === index) {
+//                 return e.target.value
+//             }
+//             return item
+//         })
+//         setVal(dd);
+//         props.onChange?.(dd)
+//     }
+//     return (
+//         <>
+//             {newArrLength > 0 && value.map((item, index) => {
+//                 return
+//                 <Form.Item label='车牌号' >
+//                     {getFieldDecorator(`realEstateDataDto[${index}].licensePlateNumber`, {
+//                         rules: [{ required: true, }]
+//                     })(
+//                         <Input onChange={(e) => { onInputChange(e, index) }} key={index} style={{ width: '100%' }} autoComplete='off' placeholder="请输入车牌号" />
+//                     )}
+//                 </Form.Item>
+//                 // <Col span={6} >
+//                 //     <Input onChange={(e) => { onInputChange(e, index) }} key={index} style={{ width: '100%' }} autoComplete='off' placeholder="请输入车牌号" />
+//                 // </Col>
+//             })}
+//             <Button type="link" onClick={onAdd}>添加车牌号</Button>
+//             {newArrLength > 1 && <Button type="link" onClick={onDelete}>删除</Button>}
+//         </>
+//     )
+// }
+
 var css_248z$s = ".kts-invoice-operate-real-estate-info-digtal {\n  padding: 20px;\n  border-bottom: 2px solid #9F613E;\n  border-left: 2px solid #9F613E;\n  border-right: 2px solid #9F613E;\n}\n.kts-invoice-operate-real-estate-info-digtal .real-estate-info-digtal-label {\n  color: #9F613E;\n  font-weight: bold;\n}\n.kts-invoice-operate-real-estate-info-digtal .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin-bottom: 0;\n}\n.kts-invoice-operate-real-estate-info-digtal .break-word {\n  word-break: break-word;\n}\n";
 styleInject(css_248z$s);