kts-component-invoice-operate 3.2.139 → 3.2.140

package/dist/Invoice/Invoice-digtal/_test/realEstateInfo/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

@@ -24,6 +24,8 @@ export interface IInvoiceProps {
     stakeholder?: React.ReactNode;
     /** 落款UI */
     sign?: React.ReactNode;
+    /** 特殊信息 */
+    specialInfor?: React.ReactNode;
     /** 底部扩展UI */
     footExpand?: React.ReactNode;
     /** 发票种类： default-默认，digtal-数电 */
@@ -48,6 +50,8 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
     static readonly Stakeholder: React.FunctionComponent<import("./ui/digtal/Stakeholder").IStakeholder>;
     /** 落款(数电) */
     static readonly SignDigtal: React.FunctionComponent<import("./ui/digtal/Sign").IBuyerProps>;
+    /** 特殊信息-不动产经营租赁服务(数电) */
+    static readonly RealEstateInfo: React.FunctionComponent<import("kts-components-antd-x3/lib/form").FormComponentProps<any>>;
     /** 货物列表(数电) */
     static readonly GoodsListDigtal: typeof GoodsListDigtal;
     /** 货物索引生成器 */

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

@@ -0,0 +1,6 @@
+import React from "react";
+import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
+import './index.less';
+/** 特殊信息-不动产经营租赁服务 */
+declare const _default: React.FunctionComponent<FormComponentProps<any>>;
+export default _default;

package/dist/index.esm.js

@@ -2,13 +2,14 @@ import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
 import React, { createElement, createContext, useContext, useEffect, forwardRef, Children, isValidElement } from 'react';
 import GreyReactBox, { decorator } from 'grey-react-box';
 import { chain as chain$1, bignumber, format as format$1, create, all, equal } from 'mathjs';
-import { message, Form, Input, Icon as Icon$1, Tag as Tag$1, Select, Button, Tooltip, Switch as Switch$1, Typography, Menu, Dropdown, AutoComplete as AutoComplete$2, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover as Popover$1, Table as Table$1, Tree, Modal as Modal$1, Row as Row$1, Col as Col$1 } from 'kts-components-antd-x3';
+import { message, Form, Input, Icon as Icon$1, Tag as Tag$1, Select, Button, Tooltip, Switch as Switch$1, Typography, Menu, Dropdown, AutoComplete as AutoComplete$2, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover as Popover$1, Table as Table$1, Tree, Modal as Modal$1, Row as Row$2, Col as Col$2 } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
 import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Dropdown as Dropdown$1, Row, Col, Button as Button$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Input as Input$1, Select as Select$1, Spin as Spin$1, Menu as Menu$1, Form as Form$1, Drawer as Drawer$1, Space, Radio, InputNumber, Popconfirm, Modal, Tree as Tree$1 } from 'kts-xui';
 import classNames from 'classnames';
 import { Table } from 'kts-components-antd-x4-v4';
 import { render } from 'react-dom';
-import { Input as Input$2, NumberPicker } from '@formily/antd-components';
+import { DatePicker, Row as Row$1, Col as Col$1, Cascader, Input as Input$2, Select as Select$2 } from 'kts-components-antd-x4';
+import { Input as Input$3, NumberPicker } from '@formily/antd-components';
 import { createAsyncFormActions, FormEffectHooks, SchemaForm, FormButtonGroup, SchemaMarkupField } from '@formily/antd';
 
 function ownKeys(object, enumerableOnly) {
@@ -22701,6 +22702,104 @@ var Main$3 = decorator(Form.create())(function (props) {
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Statistics$1, null)));
 });
 
+var css_248z$q = ".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";
+styleInject(css_248z$q);
+
+var RangePicker = DatePicker.RangePicker;
+/** 特殊信息-不动产经营租赁服务 */
+
+var RealEstateInfo = decorator(Form.create())(function (props) {
+  var form = props.form;
+  var getFieldDecorator = form.getFieldDecorator;
+  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\u7ECF\u8425\u79DF\u8D41\u670D\u52A1"), /*#__PURE__*/React.createElement(Row$1, {
+    gutter: [17, 0]
+  }, /*#__PURE__*/React.createElement(Col$1, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u4E0D\u52A8\u4EA7\u5730\u5740"
+  }, getFieldDecorator('p1', {
+    rules: [{
+      required: true,
+      message: '请选择不动产地址'
+    }]
+  })( /*#__PURE__*/React.createElement(Cascader, {
+    style: {
+      width: '100%'
+    },
+    options: [],
+    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('p2', {
+    rules: [{
+      required: true,
+      message: '请输入详细地址'
+    }]
+  })( /*#__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: "\u79DF\u8D41\u671F\u8D77\u6B62"
+  }, getFieldDecorator('p3', {
+    rules: [{
+      required: true,
+      message: '请选择租赁期起止'
+    }]
+  })( /*#__PURE__*/React.createElement(RangePicker, null)))), /*#__PURE__*/React.createElement(Col$1, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u8DE8\u5730\uFF08\u5E02\uFF09\u6807\u5FD7"
+  }, getFieldDecorator('p4', {
+    rules: [{
+      required: true,
+      message: '请选择跨地（市）标志'
+    }]
+  })( /*#__PURE__*/React.createElement(Select$2, {
+    placeholder: "\u8BF7\u9009\u62E9",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Select$2.Option, {
+    value: "sample"
+  }, "Sample"))))), /*#__PURE__*/React.createElement(Col$1, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u4EA7\u6743\u8BC1\u4E66/\u4E0D\u52A8\u4EA7\u6743\u8BC1\u53F7"
+  }, getFieldDecorator('p5', {
+    rules: [{
+      required: true,
+      message: '请输入证书编号，若没有证书填写“无”'
+    }]
+  })( /*#__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, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u9762\u79EF\u5355\u4F4D"
+  }, getFieldDecorator('p6', {
+    rules: [{
+      required: true,
+      message: '请选择面积单位'
+    }]
+  })( /*#__PURE__*/React.createElement(Select$2, {
+    placeholder: "\u8BF7\u9009\u62E9",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Select$2.Option, {
+    value: "sample"
+  }, "Sample")))))));
+});
+
 var ImportBuyerDrawer = (function () {
   var controller = Invoice.useInvoiceController();
   var visible = controller.useMemo(function (s) {
@@ -23077,8 +23176,8 @@ var getItemCode = function getItemCode(record, editGood) {
   return record.productCode;
 };
 
-var css_248z$q = ".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$q);
+var css_248z$r = ".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$r);
 
 var TreeNode = Tree.TreeNode;
 var confirm = Modal$1.confirm;
@@ -23984,7 +24083,7 @@ var DrawerBody$3 = function DrawerBody(props) {
 };
 
 var components = {
-  string: Input$2,
+  string: Input$3,
   number: NumberPicker
 };
 
@@ -24141,24 +24240,24 @@ function AddComparisonDrawer() {
       flex: 1
     },
     form: form
-  }, /*#__PURE__*/React.createElement(Row$1, {
+  }, /*#__PURE__*/React.createElement(Row$2, {
     gutter: [8, 8]
-  }, /*#__PURE__*/React.createElement(Col$1, {
+  }, /*#__PURE__*/React.createElement(Col$2, {
     span: 12
   }, /*#__PURE__*/React.createElement(Form$1.Item, {
     name: "itemNameSelf",
     label: "\u6211\u65B9\u5546\u54C1\u540D\u79F0"
-  }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$1, {
+  }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$2, {
     span: 12
   }, /*#__PURE__*/React.createElement(Form$1.Item, {
     name: "itemName",
     label: "\u5BF9\u65B9\u5546\u54C1\u540D\u79F0"
-  }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$1, {
+  }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$2, {
     span: 12
   }, /*#__PURE__*/React.createElement(Form$1.Item, {
     name: 'itemModelNameSelf',
     label: "\u6211\u65B9\u89C4\u683C\u578B\u53F7"
-  }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$1, {
+  }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col$2, {
     span: 12
   }, /*#__PURE__*/React.createElement(Form$1.Item, {
     name: "itemModelName",
@@ -24208,6 +24307,8 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
 
     /** 落款(数电) */
 
+    /** 特殊信息-不动产经营租赁服务(数电) */
+
     /** 货物列表(数电) */
 
     /** 货物索引生成器 */
@@ -24240,6 +24341,7 @@ Invoice.Buyer = Buyer$1;
 Invoice.InvoiceHeaderDigtal = InvoiceHeaderDigtal;
 Invoice.Stakeholder = Stakeholder$1;
 Invoice.SignDigtal = SignDigtal;
+Invoice.RealEstateInfo = RealEstateInfo;
 Invoice.GoodsListDigtal = GoodsList$1;
 Invoice.idGenerator = idGenerator;
 Invoice.calculator = calculator;
@@ -24343,15 +24445,17 @@ var Digtal = function Digtal(props) {
       };
     }())
   }, props.invoiceHeader || /*#__PURE__*/React.createElement(InvoiceHeaderDigtal, null)
-  /** 发票头 */
+  /** 发票头          */
   , /*#__PURE__*/React.createElement("div", {
     className: 'kts-invoice-operate-digtal-cont'
   }, props.stakeholder || /*#__PURE__*/React.createElement(Stakeholder$1, null)
-  /** 干系人   */
-  , props.goodsList || /*#__PURE__*/React.createElement(GoodsList$1
-  /** 货物列表 */
-  , null)), props.sign || /*#__PURE__*/React.createElement(SignDigtal, null)
-  /** 落款 */
+  /** 干系人          */
+  , props.goodsList || /*#__PURE__*/React.createElement(GoodsList$1, null)
+  /** 货物列表        */
+  ), props.specialInfor
+  /** 特殊信息        */
+  , props.sign || /*#__PURE__*/React.createElement(SignDigtal, null)
+  /** 落款            */
   ), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null));
 };
 

package/dist/index.js

@@ -12,6 +12,7 @@ var ktsXui = require('kts-xui');
 var classNames = require('classnames');
 var ktsComponentsAntdX4V4 = require('kts-components-antd-x4-v4');
 var ReactDOM = require('react-dom');
+var ktsComponentsAntdX4 = require('kts-components-antd-x4');
 var antdComponents = require('@formily/antd-components');
 var antd = require('@formily/antd');
 
@@ -22711,6 +22712,104 @@ var Main$3 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function
   })), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Statistics$1, null)));
 });
 
+var css_248z$q = ".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";
+styleInject(css_248z$q);
+
+var RangePicker = ktsComponentsAntdX4.DatePicker.RangePicker;
+/** 特殊信息-不动产经营租赁服务 */
+
+var RealEstateInfo = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function (props) {
+  var form = props.form;
+  var getFieldDecorator = form.getFieldDecorator;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "kts-invoice-operate-real-estate-info-digtal"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: 'real-estate-info-digtal-label'
+  }, "\u7279\u6B8A\u4FE1\u606F-\u4E0D\u52A8\u4EA7\u7ECF\u8425\u79DF\u8D41\u670D\u52A1"), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Row, {
+    gutter: [17, 0]
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+    span: 6
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u4E0D\u52A8\u4EA7\u5730\u5740"
+  }, getFieldDecorator('p1', {
+    rules: [{
+      required: true,
+      message: '请选择不动产地址'
+    }]
+  })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Cascader, {
+    style: {
+      width: '100%'
+    },
+    options: [],
+    placeholder: "\u8BF7\u9009\u62E9\u7701\u5E02\u533A\u53BF"
+  })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+    span: 6
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u8BE6\u7EC6\u5730\u5740"
+  }, getFieldDecorator('p2', {
+    rules: [{
+      required: true,
+      message: '请输入详细地址'
+    }]
+  })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
+    autoComplete: 'off',
+    placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740"
+  })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+    span: 6
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u79DF\u8D41\u671F\u8D77\u6B62"
+  }, getFieldDecorator('p3', {
+    rules: [{
+      required: true,
+      message: '请选择租赁期起止'
+    }]
+  })( /*#__PURE__*/React__default['default'].createElement(RangePicker, null)))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+    span: 6
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u8DE8\u5730\uFF08\u5E02\uFF09\u6807\u5FD7"
+  }, getFieldDecorator('p4', {
+    rules: [{
+      required: true,
+      message: '请选择跨地（市）标志'
+    }]
+  })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select, {
+    placeholder: "\u8BF7\u9009\u62E9",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: "sample"
+  }, "Sample"))))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+    span: 6
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u4EA7\u6743\u8BC1\u4E66/\u4E0D\u52A8\u4EA7\u6743\u8BC1\u53F7"
+  }, getFieldDecorator('p5', {
+    rules: [{
+      required: true,
+      message: '请输入证书编号，若没有证书填写“无”'
+    }]
+  })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
+    autoComplete: 'off',
+    placeholder: "\u8BF7\u8F93\u5165\u8BC1\u4E66\u7F16\u53F7\uFF0C\u82E5\u6CA1\u6709\u8BC1\u4E66\u586B\u5199\u201C\u65E0\u201D"
+  })))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+    span: 6
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u9762\u79EF\u5355\u4F4D"
+  }, getFieldDecorator('p6', {
+    rules: [{
+      required: true,
+      message: '请选择面积单位'
+    }]
+  })( /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select, {
+    placeholder: "\u8BF7\u9009\u62E9",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: "sample"
+  }, "Sample")))))));
+});
+
 var ImportBuyerDrawer = (function () {
   var controller = Invoice.useInvoiceController();
   var visible = controller.useMemo(function (s) {
@@ -23087,8 +23186,8 @@ var getItemCode = function getItemCode(record, editGood) {
   return record.productCode;
 };
 
-var css_248z$q = ".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$q);
+var css_248z$r = ".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$r);
 
 var TreeNode = ktsComponentsAntdX3.Tree.TreeNode;
 var confirm = ktsComponentsAntdX3.Modal.confirm;
@@ -24218,6 +24317,8 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
 
     /** 落款(数电) */
 
+    /** 特殊信息-不动产经营租赁服务(数电) */
+
     /** 货物列表(数电) */
 
     /** 货物索引生成器 */
@@ -24250,6 +24351,7 @@ Invoice.Buyer = Buyer$1;
 Invoice.InvoiceHeaderDigtal = InvoiceHeaderDigtal;
 Invoice.Stakeholder = Stakeholder$1;
 Invoice.SignDigtal = SignDigtal;
+Invoice.RealEstateInfo = RealEstateInfo;
 Invoice.GoodsListDigtal = GoodsList$1;
 Invoice.idGenerator = idGenerator;
 Invoice.calculator = calculator;
@@ -24353,15 +24455,17 @@ var Digtal = function Digtal(props) {
       };
     }())
   }, props.invoiceHeader || /*#__PURE__*/React__default['default'].createElement(InvoiceHeaderDigtal, null)
-  /** 发票头 */
+  /** 发票头          */
   , /*#__PURE__*/React__default['default'].createElement("div", {
     className: 'kts-invoice-operate-digtal-cont'
   }, props.stakeholder || /*#__PURE__*/React__default['default'].createElement(Stakeholder$1, null)
-  /** 干系人   */
-  , props.goodsList || /*#__PURE__*/React__default['default'].createElement(GoodsList$1
-  /** 货物列表 */
-  , null)), props.sign || /*#__PURE__*/React__default['default'].createElement(SignDigtal, null)
-  /** 落款 */
+  /** 干系人          */
+  , props.goodsList || /*#__PURE__*/React__default['default'].createElement(GoodsList$1, null)
+  /** 货物列表        */
+  ), props.specialInfor
+  /** 特殊信息        */
+  , props.sign || /*#__PURE__*/React__default['default'].createElement(SignDigtal, null)
+  /** 落款            */
   ), /*#__PURE__*/React__default['default'].createElement(ImportGoodsDrawer, null), /*#__PURE__*/React__default['default'].createElement(EndowCodeDrawer, null));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.139",
+  "version": "3.2.140",
   "scripts": {
     "dev": "dumi dev",
     "start": "dumi dev",

package/src/Invoice/Invoice-digtal/_test/realEstateInfo/index.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import Invoice from '../../..';
+import 'antd/dist/antd.css';
+
+export default () => {
+    return (
+        <Invoice
+            invoiceType='digtal'
+            specialInfor={<Invoice.RealEstateInfo />}
+        />
+    )
+};

package/src/Invoice/Invoice-digtal/index.md

@@ -28,4 +28,7 @@
 <code src="./_test/prefab/index.tsx"></code>
 
 ## 查看当前可用授信额度
-<code src="./_test/lineCredit/index.tsx"></code>
+<code src="./_test/lineCredit/index.tsx"></code>
+
+## 不动产经营租赁服务
+<code src="./_test/realEstateInfo/index.tsx"></code>

package/src/Invoice/index.tsx

@@ -17,6 +17,7 @@ import InvoiceHeaderDigtal from './ui/digtal/InvoiceHeader';
 import Stakeholder from './ui/digtal/Stakeholder';
 import SignDigtal from './ui/digtal/Sign';
 import GoodsListDigtal from './ui/digtal/GoodsList';
+import RealEstateInfo from './ui/digtal/RealEstateInfo';
 
 import ImportBuyerDrawer from './ui/default/ImportBuyerDrawer';
 import ImportGoodsDrawer from './ui/default/ImportGoodsDrawer';
@@ -50,6 +51,9 @@ export interface IInvoiceProps {
   /** 落款UI */
   sign?: React.ReactNode;
 
+  /** 特殊信息 */
+  specialInfor?: React.ReactNode;
+
   /** 底部扩展UI */
   footExpand?: React.ReactNode;
 
@@ -85,6 +89,9 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
   /** 落款(数电) */
   static readonly SignDigtal = SignDigtal;
 
+  /** 特殊信息-不动产经营租赁服务(数电) */
+  static readonly RealEstateInfo = RealEstateInfo;
+
   /** 货物列表(数电) */
   static readonly GoodsListDigtal = GoodsListDigtal;
 
@@ -154,16 +161,17 @@ const Digtal = (props: IInvoiceProps) => {
   return (
     <InvoiceContext.Provider key={key} value={controller}>
       <div className="kts-invoice-operate-digtal" ref={controller.pipeline<HTMLDivElement | null>(async (s, e) => { s.rootElement = e })} >
-        {props.invoiceHeader || <InvoiceHeaderDigtal />       /** 发票头 */}
+        {props.invoiceHeader || <InvoiceHeaderDigtal />       /** 发票头          */}
         <div className='kts-invoice-operate-digtal-cont' >
-          {props.stakeholder || <Stakeholder />               /** 干系人   */}
-          {props.goodsList || <GoodsListDigtal                /** 货物列表 */ />}
+          {props.stakeholder || <Stakeholder />               /** 干系人          */}
+          {props.goodsList || <GoodsListDigtal />             /** 货物列表        */}
         </div>
-        {props.sign || <SignDigtal />                         /** 落款 */}
+        {props.specialInfor                                   /** 特殊信息        */}
+        {props.sign || <SignDigtal />                         /** 落款            */}
       </div>
 
-      <ImportGoodsDrawer />{/*                                    导入货品的抽屉     */}
-      <EndowCodeDrawer />{/*                                      给货品赋码的抽屉   */}
+      <ImportGoodsDrawer />{                                  /** 导入货品的抽屉   */}
+      <EndowCodeDrawer />{                                    /** 给货品赋码的抽屉 */}
     </InvoiceContext.Provider>
   )
 }

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

@@ -0,0 +1,15 @@
+.kts-invoice-operate-real-estate-info-digtal {
+    padding      : 20px;
+    border-bottom: 2px solid #9F613E;
+    border-left  : 2px solid #9F613E;
+    border-right : 2px solid #9F613E;
+
+    .real-estate-info-digtal-label {
+        color      : #9F613E;
+        font-weight: bold;
+    }
+
+    .ktsAnt3x-row.ktsAnt3x-form-item {
+        margin-bottom: 0;
+    }
+}

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

@@ -0,0 +1,77 @@
+
+import React from "react";
+import { decorator } from 'grey-react-box';
+import { Form } from 'kts-components-antd-x3';
+import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
+import './index.less';
+import { Cascader, Col, DatePicker, Input, Row, Select } from "kts-components-antd-x4";
+
+const { RangePicker } = DatePicker;
+
+/** 特殊信息-不动产经营租赁服务 */
+export default decorator<FormComponentProps>(Form.create())(props => {
+
+    const { form } = props;
+
+    const { getFieldDecorator } = form;
+
+    return (
+        <div className="kts-invoice-operate-real-estate-info-digtal">
+            <div className='real-estate-info-digtal-label' >特殊信息-不动产经营租赁服务</div>
+            <Row gutter={[17, 0]}>
+                <Col span={6} >
+                    <Form.Item label='不动产地址' >
+                        {getFieldDecorator('p1', {
+                            rules: [{ required: true, message: '请选择不动产地址' }]
+                        })(
+                            <Cascader style={{ width: '100%' }} options={[]} placeholder="请选择省市区县" />
+                        )}
+                    </Form.Item>
+                </Col>
+                <Col span={6} >
+                    <Form.Item label='详细地址' >
+                        {getFieldDecorator('p2', {
+                            rules: [{ required: true, message: '请输入详细地址' }]
+                        })(<Input autoComplete='off' placeholder="请输入详细地址" />)}
+                    </Form.Item>
+                </Col>
+                <Col span={6} >
+                    <Form.Item label='租赁期起止' >
+                        {getFieldDecorator('p3', {
+                            rules: [{ required: true, message: '请选择租赁期起止' }]
+                        })(<RangePicker />)}
+                    </Form.Item>
+                </Col>
+                <Col span={6} >
+                    <Form.Item label='跨地（市）标志' >
+                        {getFieldDecorator('p4', {
+                            rules: [{ required: true, message: '请选择跨地（市）标志' }]
+                        })(
+                            <Select placeholder='请选择' style={{ width: '100%' }} >
+                                <Select.Option value="sample">Sample</Select.Option>
+                            </Select>
+                        )}
+                    </Form.Item>
+                </Col>
+                <Col span={6} >
+                    <Form.Item label='产权证书/不动产权证号' >
+                        {getFieldDecorator('p5', {
+                            rules: [{ required: true, message: '请输入证书编号，若没有证书填写“无”' }]
+                        })(<Input autoComplete='off' placeholder="请输入证书编号，若没有证书填写“无”" />)}
+                    </Form.Item>
+                </Col>
+                <Col span={6} >
+                    <Form.Item label='面积单位' >
+                        {getFieldDecorator('p6', {
+                            rules: [{ required: true, message: '请选择面积单位' }]
+                        })(
+                            <Select placeholder='请选择' style={{ width: '100%' }} >
+                                <Select.Option value="sample">Sample</Select.Option>
+                            </Select>
+                        )}
+                    </Form.Item>
+                </Col>
+            </Row>
+        </div>
+    )
+})