kts-component-invoice-operate 4.0.1 → 4.0.3

package/dist/Invoice/Invoice-digtal/_test/realEstateSales/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import 'antd/dist/antd.css';
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/Invoice/index.d.ts

@@ -55,6 +55,8 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
     static readonly SignDigtal: React.FunctionComponent<import("./ui/digtal/Sign").IBuyerProps>;
     /** 特殊信息-不动产经营租赁服务(数电) */
     static readonly RealEstateInfo: React.FunctionComponent<import("./ui/digtal/RealEstateInfo").RealEstateInfoProps>;
+    /** 特殊信息-不动产销售(数电) */
+    static readonly RealEstateSales: React.FunctionComponent<import("./ui/digtal/RealEstateSales").RealEstateInfoProps>;
     /** 特殊信息-建筑服务(数电) */
     static readonly Architecture: React.FunctionComponent<import("./ui/digtal/Architecture").RealEstateInfoProps>;
     static readonly FreightList: typeof FreightList;

package/dist/Invoice/ui/digtal/RealEstateSales/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import './index.less';
+export interface RealEstateInfoProps {
+    /**
+     * 不动产地址数据
+     */
+    realEstateAddressOptions?: any[];
+    /**
+     * 不动产地址数据字段名
+     */
+    realEstateAddressFieldNames?: any;
+}
+/** 特殊信息-不动产销售 */
+declare const _default: React.FunctionComponent<RealEstateInfoProps>;
+export default _default;

package/dist/index.esm.js

@@ -24347,6 +24347,8 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
       }
     }
 
+    console.log(form.getFieldsValue());
+    console.log('goodsList', goodsList);
     return goodsList.map(function (item, index) {
       if (item.lineAttribute === 0) {
         return /*#__PURE__*/React.createElement(Row$1, {
@@ -24370,14 +24372,8 @@ var RealEstateInfo = decorator(Form.create())(function (props) {
           style: {
             width: '100%'
           },
-          options: [{
-            "name": "北京市"
-          }] || props.realEstateAddressOptions,
-          fieldNames: {
-            label: 'name',
-            value: 'name',
-            children: 'children'
-          } || props.realEstateAddressFieldNames,
+          options: props.realEstateAddressOptions,
+          fieldNames: props.realEstateAddressFieldNames,
           placeholder: "\u8BF7\u9009\u62E9\u7701\u5E02\u533A\u53BF"
         })))), /*#__PURE__*/React.createElement(Col$1, {
           span: 6
@@ -24613,9 +24609,356 @@ var MyNY = /*#__PURE__*/function (_React$Component4) {
   return MyNY;
 }(React.Component);
 
-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";
+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 .ktsAntX-row {\n  border-bottom: 1px dashed #9F613E;\n}\n.kts-invoice-operate-real-estate-info-digtal .ktsAntX-row:last-child {\n  border-bottom: none;\n}\n";
 styleInject(css_248z$s);
 
+var RangePicker$1 = DatePicker.RangePicker;
+/** 特殊信息-不动产销售 */
+
+var RealEstateSales = decorator(Form.create())(function (props) {
+  /** 控制器 */
+  var controller = Invoice.useInvoiceController();
+  var form = props.form;
+  var getFieldDecorator = form.getFieldDecorator;
+  var model = controller.useMemo(function (s) {
+    return s.model;
+  }, []);
+  var readOnly = React.useMemo(function () {
+    return model === 'readOnly';
+  }, [model]);
+  var goodsList = controller.useMemo(function (s) {
+    return s.goodsListState.goodsList;
+  }, []);
+  var indexRef = React.useRef([]);
+  useEffect(function () {
+    var dd = goodsList === null || goodsList === void 0 ? void 0 : goodsList.reduce(function (acc, cur) {
+      if (cur.lineAttribute === 0) {
+        acc.push(cur.$index);
+      }
+
+      return acc;
+    }, []);
+    indexRef.current = dd;
+  }, [goodsList, indexRef]); // 注册 form
+
+  controller.useForm('realEstateSales', form);
+
+  var getList = function getList() {
+    var decrease = indexRef.current.length > goodsList.length;
+
+    if (decrease) {
+      //已删行列表
+      var diff = indexRef.current.filter(function (item) {
+        return !goodsList.find(function (i) {
+          return i.$index === item;
+        });
+      });
+      var formData = form.getFieldValue('realEstateDataDto');
+
+      if (Array.isArray(formData) && diff.length > 0) {
+        var newForm = formData === null || formData === void 0 ? void 0 : formData.filter(function (item) {
+          return !diff.find(function (i) {
+            return i === item.$index;
+          });
+        });
+        form.setFieldsValue({
+          realEstateDataDto: newForm
+        });
+      } else {
+        form.setFieldsValue({
+          realEstateDataDto: undefined
+        });
+      }
+    }
+
+    return goodsList.map(function (item, index) {
+      if (item.lineAttribute === 0) {
+        return /*#__PURE__*/React.createElement(Row$1, {
+          gutter: [17, 0]
+        }, /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u4E0D\u52A8\u4EA7\u5355\u5143\u4EE3\u7801"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].unitCode"), {
+          rules: readOnly ? [] : []
+        })(readOnly ? /*#__PURE__*/React.createElement(MyNY$1, null) : /*#__PURE__*/React.createElement(Input$2, {
+          autoComplete: 'off'
+        })))), /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u7F51\u7B7E\u5408\u540C\u5907\u6848\u7F16\u53F7"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].contractNumber"), {
+          rules: readOnly ? [] : []
+        })(readOnly ? /*#__PURE__*/React.createElement(MyNY$1, null) : /*#__PURE__*/React.createElement(Input$2, {
+          autoComplete: 'off'
+        })))), /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          style: {
+            display: 'none'
+          }
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].$index"), {
+          initialValue: item.$index
+        })( /*#__PURE__*/React.createElement(Input$2, null))), /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u4E0D\u52A8\u4EA7\u5730\u5740"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].realEstateAddress"), {
+          rules: readOnly ? [] : [{
+            required: true,
+            message: '请选择不动产地址'
+          }]
+        })(readOnly ? /*#__PURE__*/React.createElement(MyArrString$1, null) : /*#__PURE__*/React.createElement(Cascader, {
+          style: {
+            width: '100%'
+          },
+          options: props.realEstateAddressOptions,
+          fieldNames: props.realEstateAddressFieldNames,
+          placeholder: "\u8BF7\u9009\u62E9\u7701\u5E02\u533A\u53BF"
+        })))), /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u8BE6\u7EC6\u5730\u5740"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].realEstateDetailedAddress"), {
+          rules: readOnly ? [] : [{
+            required: true,
+            message: '请输入详细地址'
+          }, {
+            max: 120,
+            message: '详细地址最多120个字符'
+          }, {
+            validator: function () {
+              var _validator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_, value, callback) {
+                var pattern;
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        pattern = /街|路|村|乡|镇|道|巷|号/;
+
+                        if (pattern.test(value)) {
+                          callback();
+                        } else {
+                          callback('地址必须包含“街”、“路”、“村”、“乡”、“镇”、“道”、“巷”、“号”等任意一个关键词');
+                        }
+
+                      case 2:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              function validator(_x, _x2, _x3) {
+                return _validator.apply(this, arguments);
+              }
+
+              return validator;
+            }()
+          }]
+        })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$4, null) : /*#__PURE__*/React.createElement(Input$2, {
+          autoComplete: 'off',
+          placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740"
+        })))), /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u8DE8\u5730\uFF08\u5E02\uFF09\u6807\u5FD7"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].crossCitiesSign"), {
+          rules: readOnly ? [] : [{
+            required: true,
+            message: '请选择跨地（市）标志'
+          }]
+        })(readOnly ? /*#__PURE__*/React.createElement(MyNY$1, null) : /*#__PURE__*/React.createElement(Select$2, {
+          placeholder: "\u8BF7\u9009\u62E9",
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: 'Y'
+        }, "\u662F"), /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: 'N'
+        }, "\u5426"))))), /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u571F\u5730\u589E\u503C\u7A0E\u9879\u76EE\u7F16\u53F7"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].landTaxProjNo"), {
+          rules: readOnly ? [] : []
+        })(readOnly ? /*#__PURE__*/React.createElement(MyArrMoment$1, null) : /*#__PURE__*/React.createElement(Input$2, {
+          autoComplete: 'off'
+        })))), /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u6838\u5B9A\u8BA1\u7A0E\u4EF7\u683C"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].approvedTaxableAmount"), {
+          rules: readOnly ? [] : []
+        })(readOnly ? /*#__PURE__*/React.createElement(MyArrMoment$1, null) : /*#__PURE__*/React.createElement(Input$2, {
+          autoComplete: 'off',
+          type: "number"
+        })))), /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u5B9E\u9645\u6210\u4EA4\u542B\u7A0E\u91D1\u989D"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].tradedIncludeAmount"), {
+          rules: readOnly ? [] : []
+        })(readOnly ? /*#__PURE__*/React.createElement(MyArrMoment$1, null) : /*#__PURE__*/React.createElement(Input$2, {
+          autoComplete: 'off',
+          type: "number"
+        })))), /*#__PURE__*/React.createElement(Col$1, {
+          span: 6
+        }, /*#__PURE__*/React.createElement(Form.Item, {
+          label: "\u623F\u5C4B\u4EA7\u6743\u8BC1\u4E66/\u4E0D\u52A8\u4EA7\u6743\u8BC1\u53F7"
+        }, getFieldDecorator("realEstateDataDto[".concat(index, "].realEstateNumber"), {
+          rules: readOnly ? [] : [{
+            max: 40,
+            message: '证书编号最多40个字符'
+          }]
+        })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$4, null) : /*#__PURE__*/React.createElement(Input$2, {
+          autoComplete: 'off'
+        })))), /*#__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$4, null) : /*#__PURE__*/React.createElement(Select$2, {
+          placeholder: "\u8BF7\u9009\u62E9",
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: "\u5E73\u65B9\u5343\u7C73"
+        }, "\u5E73\u65B9\u5343\u7C73"), /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: "\u5E73\u65B9\u7C73"
+        }, "\u5E73\u65B9\u7C73"), /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: "\u516C\u9877"
+        }, "\u516C\u9877"), /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: "\u4EA9"
+        }, "\u4EA9"), /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: "h\u33A1"
+        }, "h\u33A1"), /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: "k\u33A1"
+        }, "k\u33A1"), /*#__PURE__*/React.createElement(Select$2.Option, {
+          value: "\u33A1"
+        }, "\u33A1"))))));
+      }
+    });
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "kts-invoice-operate-real-estate-info-digtal"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'real-estate-info-digtal-label'
+  }, "\u7279\u6B8A\u4FE1\u606F-\u4E0D\u52A8\u4EA7\u9500\u552E"), getList());
+});
+
+var MyDiv$4 = /*#__PURE__*/function (_React$Component) {
+  _inherits(MyDiv, _React$Component);
+
+  var _super = _createSuper(MyDiv);
+
+  function MyDiv() {
+    _classCallCheck(this, MyDiv);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(MyDiv, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        style: this.props.style
+      }, this.props.value);
+    }
+  }]);
+
+  return MyDiv;
+}(React.Component);
+
+var MyArrString$1 = /*#__PURE__*/function (_React$Component2) {
+  _inherits(MyArrString, _React$Component2);
+
+  var _super2 = _createSuper(MyArrString);
+
+  function MyArrString() {
+    _classCallCheck(this, MyArrString);
+
+    return _super2.apply(this, arguments);
+  }
+
+  _createClass(MyArrString, [{
+    key: "render",
+    value: function render() {
+      var _this$props$value;
+
+      return /*#__PURE__*/React.createElement("div", {
+        style: this.props.style
+      }, (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.filter(function (e) {
+        return !!e;
+      }).join(','));
+    }
+  }]);
+
+  return MyArrString;
+}(React.Component);
+
+var MyArrMoment$1 = /*#__PURE__*/function (_React$Component3) {
+  _inherits(MyArrMoment, _React$Component3);
+
+  var _super3 = _createSuper(MyArrMoment);
+
+  function MyArrMoment() {
+    _classCallCheck(this, MyArrMoment);
+
+    return _super3.apply(this, arguments);
+  }
+
+  _createClass(MyArrMoment, [{
+    key: "render",
+    value: function render() {
+      var _this$props$value2 = this.props.value,
+          value = _this$props$value2 === void 0 ? [] : _this$props$value2;
+      return /*#__PURE__*/React.createElement("div", {
+        style: this.props.style
+      }, /*#__PURE__*/React.createElement("span", null, hooks.isMoment(value[0]) && value[0].format('YYYY-MM-DD')), /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: '#9F603D',
+          fontWeight: 600
+        }
+      }, " - "), /*#__PURE__*/React.createElement("span", null, hooks.isMoment(value[1]) && value[0].format('YYYY-MM-DD')));
+    }
+  }]);
+
+  return MyArrMoment;
+}(React.Component);
+
+var MyNY$1 = /*#__PURE__*/function (_React$Component4) {
+  _inherits(MyNY, _React$Component4);
+
+  var _super4 = _createSuper(MyNY);
+
+  function MyNY() {
+    _classCallCheck(this, MyNY);
+
+    return _super4.apply(this, arguments);
+  }
+
+  _createClass(MyNY, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        style: this.props.style
+      }, this.props.value === 'Y' ? '是' : '否');
+    }
+  }]);
+
+  return MyNY;
+}(React.Component);
+
+var css_248z$t = ".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$t);
+
 /** 特殊信息-建筑服务 */
 
 var Architecture = decorator(Form.create())(function (props) {
@@ -24646,7 +24989,7 @@ var Architecture = decorator(Form.create())(function (props) {
       max: 16,
       message: '最多16个字符'
     }]
-  })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$4, null) : /*#__PURE__*/React.createElement(Input$2, {
+  })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$5, null) : /*#__PURE__*/React.createElement(Input$2, {
     maxLength: 16,
     autoComplete: 'off',
     placeholder: "\u8BF7\u8F93\u5165"
@@ -24659,7 +25002,7 @@ var Architecture = decorator(Form.create())(function (props) {
       required: true,
       message: '请选择省市区县'
     }]
-  })(readOnly ? /*#__PURE__*/React.createElement(MyArrString$1, null) : /*#__PURE__*/React.createElement(Cascader, {
+  })(readOnly ? /*#__PURE__*/React.createElement(MyArrString$2, null) : /*#__PURE__*/React.createElement(Cascader, {
     style: {
       width: '100%'
     },
@@ -24684,7 +25027,7 @@ var Architecture = decorator(Form.create())(function (props) {
         return pattern.test(value) ? Promise.resolve() : Promise.reject('地址必须包含“街”、“路”、“村”、“乡”、“镇”、“道”、“巷”、“号”等任意一个关键词');
       }
     }]
-  })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$4, null) : /*#__PURE__*/React.createElement(Input$2, {
+  })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$5, null) : /*#__PURE__*/React.createElement(Input$2, {
     autoComplete: 'off',
     placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740"
   })))), /*#__PURE__*/React.createElement(Col$1, {
@@ -24696,7 +25039,7 @@ var Architecture = decorator(Form.create())(function (props) {
       required: true,
       message: '请选择跨地（市）标志'
     }]
-  })(readOnly ? /*#__PURE__*/React.createElement(MyNY$1, null) : /*#__PURE__*/React.createElement(Select$2, {
+  })(readOnly ? /*#__PURE__*/React.createElement(MyNY$2, null) : /*#__PURE__*/React.createElement(Select$2, {
     placeholder: "\u8BF7\u9009\u62E9",
     style: {
       width: '100%'
@@ -24717,13 +25060,13 @@ var Architecture = decorator(Form.create())(function (props) {
       max: 200,
       message: '建筑项目名称最多200个字符'
     }]
-  })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$4, null) : /*#__PURE__*/React.createElement(Input$2, {
+  })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$5, null) : /*#__PURE__*/React.createElement(Input$2, {
     autoComplete: 'off',
     placeholder: "\u8BF7\u8F93\u5165"
   }))))));
 });
 
-var MyDiv$4 = /*#__PURE__*/function (_React$Component) {
+var MyDiv$5 = /*#__PURE__*/function (_React$Component) {
   _inherits(MyDiv, _React$Component);
 
   var _super = _createSuper(MyDiv);
@@ -24746,7 +25089,7 @@ var MyDiv$4 = /*#__PURE__*/function (_React$Component) {
   return MyDiv;
 }(React.Component);
 
-var MyArrString$1 = /*#__PURE__*/function (_React$Component2) {
+var MyArrString$2 = /*#__PURE__*/function (_React$Component2) {
   _inherits(MyArrString, _React$Component2);
 
   var _super2 = _createSuper(MyArrString);
@@ -24773,7 +25116,7 @@ var MyArrString$1 = /*#__PURE__*/function (_React$Component2) {
   return MyArrString;
 }(React.Component);
 
-var MyArrMoment$1 = /*#__PURE__*/function (_React$Component3) {
+var MyArrMoment$2 = /*#__PURE__*/function (_React$Component3) {
   _inherits(MyArrMoment, _React$Component3);
 
   var _super3 = _createSuper(MyArrMoment);
@@ -24803,7 +25146,7 @@ var MyArrMoment$1 = /*#__PURE__*/function (_React$Component3) {
   return MyArrMoment;
 }(React.Component);
 
-var MyNY$1 = /*#__PURE__*/function (_React$Component4) {
+var MyNY$2 = /*#__PURE__*/function (_React$Component4) {
   _inherits(MyNY, _React$Component4);
 
   var _super4 = _createSuper(MyNY);
@@ -24826,8 +25169,8 @@ var MyNY$1 = /*#__PURE__*/function (_React$Component4) {
   return MyNY;
 }(React.Component);
 
-var css_248z$t = ".kts-invoice-operate-goods-table-virtual .ktsAntX-table-body {\n  height: 280px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered > .ktsAntX-table-container > .ktsAntX-table-header > table > thead > tr > th {\n  padding: 0 10px;\n  height: 32px;\n  background: #f4f4f4;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered > .ktsAntX-table-container > .ktsAntX-table-body > table > tbody > tr > td {\n  padding: 0;\n  height: 32px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body {\n  position: relative;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body > table {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody {\n  position: relative;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-inner {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  top: 1px;\n}\n";
-styleInject(css_248z$t);
+var css_248z$u = ".kts-invoice-operate-goods-table-virtual .ktsAntX-table-body {\n  height: 280px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered > .ktsAntX-table-container > .ktsAntX-table-header > table > thead > tr > th {\n  padding: 0 10px;\n  height: 32px;\n  background: #f4f4f4;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table.ktsAntX-table-bordered > .ktsAntX-table-container > .ktsAntX-table-body > table > tbody > tr > td {\n  padding: 0;\n  height: 32px;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body {\n  position: relative;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-body > table {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-table .ktsAntX-table-tbody {\n  position: relative;\n}\n.kts-invoice-operate-goods-table-virtual .ktsAntX-checkbox-wrapper .ktsAntX-checkbox-inner {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  top: 1px;\n}\n";
+styleInject(css_248z$u);
 
 function TableVirtual$2 (props) {
   var _props$dataSource2;
@@ -25125,8 +25468,8 @@ function _rollBottom$2() {
   return _rollBottom$2.apply(this, arguments);
 }
 
-var css_248z$u = ".kts-invoice-operate-goods-list-itemName-drag-container-u {\n  position: relative;\n}\n.kts-invoice-operate-goods-list-itemName-drag-container-u::after {\n  content: \" \";\n  width: 100%;\n  height: 2px;\n  background: #0074ff;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 9999;\n}\n.kts-invoice-operate-goods-list-itemName-drag-container-d {\n  position: relative;\n}\n.kts-invoice-operate-goods-list-itemName-drag-container-d::after {\n  content: \" \";\n  width: 100%;\n  height: 2px;\n  background: #0074ff;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  z-index: 9999;\n}\n";
-styleInject(css_248z$u);
+var css_248z$v = ".kts-invoice-operate-goods-list-itemName-drag-container-u {\n  position: relative;\n}\n.kts-invoice-operate-goods-list-itemName-drag-container-u::after {\n  content: \" \";\n  width: 100%;\n  height: 2px;\n  background: #0074ff;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 9999;\n}\n.kts-invoice-operate-goods-list-itemName-drag-container-d {\n  position: relative;\n}\n.kts-invoice-operate-goods-list-itemName-drag-container-d::after {\n  content: \" \";\n  width: 100%;\n  height: 2px;\n  background: #0074ff;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  z-index: 9999;\n}\n";
+styleInject(css_248z$v);
 
 function TableRow$2(props) {
   var rowKey = props['data-row-key'];
@@ -26048,8 +26391,8 @@ var useDelRowButton$2 = (function () {
   };
 });
 
-var css_248z$v = ".kts-invoice-operate-freight {\n  border-bottom: 2px solid #9F613E;\n  border-left: 2px solid #9F613E;\n  border-right: 2px solid #9F613E;\n}\n.kts-invoice-operate-freight .real-estate-info-digtal-label {\n  padding: 20px 20px 0;\n  color: #9F613E;\n  font-weight: bold;\n}\n.kts-invoice-operate-freight .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin-bottom: 0;\n}\n.kts-invoice-operate-goods-list-digtal .goods-list-digtal-discount-tag {\n  display: inline-block;\n  height: 20px;\n  line-height: 20px;\n  border: 1px solid;\n  padding: 0 5px;\n  border-radius: 4px;\n}\n.kts-invoice-operate-goods-list-digtal .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list-digtal .kts-invoice-operate-freight-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 2px solid #9F613E;\n  gap: 10px;\n  align-items: center;\n}\n.kts-invoice-operate-goods-list-digtal .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-be-discount .ktsAntX-table-cell {\n  color: #f00;\n}\n.kts-invoice-operate-goods-list-table-digtal .ktsAnt3x-form-item-control.has-error {\n  border: 1px solid #f00;\n}\n.kts-invoice-operate-goods-list-table-digtal .kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table-digtal .kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n";
-styleInject(css_248z$v);
+var css_248z$w = ".kts-invoice-operate-freight {\n  border-bottom: 2px solid #9F613E;\n  border-left: 2px solid #9F613E;\n  border-right: 2px solid #9F613E;\n}\n.kts-invoice-operate-freight .real-estate-info-digtal-label {\n  padding: 20px 20px 0;\n  color: #9F613E;\n  font-weight: bold;\n}\n.kts-invoice-operate-freight .ktsAnt3x-row.ktsAnt3x-form-item {\n  margin-bottom: 0;\n}\n.kts-invoice-operate-goods-list-digtal .goods-list-digtal-discount-tag {\n  display: inline-block;\n  height: 20px;\n  line-height: 20px;\n  border: 1px solid;\n  padding: 0 5px;\n  border-radius: 4px;\n}\n.kts-invoice-operate-goods-list-digtal .kts-invoice-operate-goods-list-table-tax-rate .ktsAnt3x-select-selection-selected-value {\n  float: right;\n}\n.kts-invoice-operate-goods-list-digtal .kts-invoice-operate-freight-list-able {\n  display: flex;\n  padding: 10px;\n  border-bottom: 2px solid #9F613E;\n  gap: 10px;\n  align-items: center;\n}\n.kts-invoice-operate-goods-list-digtal .ktsAntX-table .ktsAntX-table-row.kts-invoice-operate-goods-be-discount .ktsAntX-table-cell {\n  color: #f00;\n}\n.kts-invoice-operate-goods-list-table-digtal .ktsAnt3x-form-item-control.has-error {\n  border: 1px solid #f00;\n}\n.kts-invoice-operate-goods-list-table-digtal .kts-invoice-operate-goods-list-table.kts-invoice-operate-prefab .ktsAnt3x-table-row {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n}\n.kts-invoice-operate-goods-list-table-digtal .kts-invoice-operate-goods-list-table-search-protrude {\n  background: #ff0;\n  color: #000;\n  font-weight: bold;\n}\n";
+styleInject(css_248z$w);
 
 var FreightList = /*#__PURE__*/function (_React$Component) {
   _inherits(FreightList, _React$Component);
@@ -26655,8 +26998,8 @@ var getItemCode = function getItemCode(record, editGood) {
   return record.productCode;
 };
 
-var css_248z$w = ".kts-invoice-operate-goods-endow-code-button-list {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n  margin-bottom: 10px;\n}\n";
-styleInject(css_248z$w);
+var css_248z$x = ".kts-invoice-operate-goods-endow-code-button-list {\n  display: flex;\n  flex-direction: column;\n}\n.kts-invoice-operate-goods-endow-code-button-list > button {\n  margin-bottom: 10px;\n}\n";
+styleInject(css_248z$x);
 
 var TreeNode = Tree.TreeNode;
 var confirm = Modal$1.confirm;
@@ -27904,6 +28247,8 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
 
     /** 特殊信息-不动产经营租赁服务(数电) */
 
+    /** 特殊信息-不动产销售(数电) */
+
     /** 特殊信息-建筑服务(数电) */
 
     /** 货物列表(数电) */
@@ -27940,6 +28285,7 @@ Invoice.Stakeholder = Stakeholder$1;
 Invoice.StakeFarmerholder = StakeFarmerholder;
 Invoice.SignDigtal = SignDigtal;
 Invoice.RealEstateInfo = RealEstateInfo;
+Invoice.RealEstateSales = RealEstateSales;
 Invoice.Architecture = Architecture;
 Invoice.FreightList = FreightList;
 Invoice.GoodsListDigtal = GoodsList$1;
@@ -28059,8 +28405,8 @@ var Digtal = function Digtal(props) {
   ), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null));
 };
 
-var css_248z$x = ".taxdetailsbox {\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: row;\n}\n.taxdetailsbox .taxrightbox {\n  width: 340px;\n  position: absolute;\n  right: 30px;\n  top: 79px;\n  bottom: 50px;\n  min-height: 300px;\n}\n.taxdetailsbox .taxrightbox .taxdesc {\n  height: calc(100vh - 323px);\n  min-height: 105px;\n  overflow: auto;\n}\n";
-styleInject(css_248z$x);
+var css_248z$y = ".taxdetailsbox {\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: row;\n}\n.taxdetailsbox .taxrightbox {\n  width: 340px;\n  position: absolute;\n  right: 30px;\n  top: 79px;\n  bottom: 50px;\n  min-height: 300px;\n}\n.taxdetailsbox .taxrightbox .taxdesc {\n  height: calc(100vh - 323px);\n  min-height: 105px;\n  overflow: auto;\n}\n";
+styleInject(css_248z$y);
 
 function TaxClassificationModal(props) {
   var _props$info6;