kts-component-invoice-operate 3.2.173 → 3.2.175

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

@@ -54,6 +54,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 Architecture: React.FunctionComponent<import("./ui/digtal/Architecture").RealEstateInfoProps>;
     /** 货物列表(数电) */
     static readonly GoodsListDigtal: typeof GoodsListDigtal;
     /** 货物索引生成器 */

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

@@ -0,0 +1,15 @@
+import React from "react";
+import './index.less';
+export interface RealEstateInfoProps {
+    /**
+     * 建筑服务地址数据
+     */
+    addressOptions?: any[];
+    /**
+     * 建筑服务地址数据字段名
+     */
+    fieldNames?: any;
+}
+/** 特殊信息-建筑服务 */
+declare const _default: React.FunctionComponent<RealEstateInfoProps>;
+export default _default;

package/dist/index.esm.js

@@ -23914,6 +23914,204 @@ 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";
+styleInject(css_248z$s);
+
+/** 特殊信息-建筑服务 */
+
+var Architecture = 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]); // 注册 form
+
+  controller.useForm('realEstateInfo', form);
+  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-\u5EFA\u7B51\u670D\u52A1"), /*#__PURE__*/React.createElement(Row$1, {
+    gutter: [17, 0]
+  }, /*#__PURE__*/React.createElement(Col$1, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u571F\u5730\u589E\u503C\u7A0E\u9879\u76EE\u7F16\u53F7"
+  }, getFieldDecorator('landNumber', {})(readOnly ? /*#__PURE__*/React.createElement(MyDiv$4, null) : /*#__PURE__*/React.createElement(Input$2, {
+    autoComplete: 'off',
+    placeholder: "\u8BF7\u8F93\u5165"
+  })))), /*#__PURE__*/React.createElement(Col$1, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u8DE8\u5730\uFF08\u5E02\uFF09\u6807\u5FD7"
+  }, getFieldDecorator('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: "\u5EFA\u7B51\u670D\u52A1\u53D1\u751F\u5730"
+  }, getFieldDecorator('constructAddress', {
+    rules: readOnly ? [] : [{
+      required: true,
+      message: '请选择省市区县'
+    }]
+  })(readOnly ? /*#__PURE__*/React.createElement(MyArrString$1, null) : /*#__PURE__*/React.createElement(Cascader, {
+    style: {
+      width: '100%'
+    },
+    options: props.addressOptions,
+    fieldNames: props.fieldNames,
+    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('constructDetailAddress', {
+    rules: readOnly ? [] : [{
+      max: 200,
+      message: '详细地址最多200个字符'
+    }]
+  })(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: "\u5EFA\u7B51\u9879\u76EE\u540D\u79F0"
+  }, getFieldDecorator('constructName', {
+    rules: readOnly ? [] : [{
+      required: true,
+      message: '请输入建筑项目名称'
+    }, {
+      max: 200,
+      message: '建筑项目名称最多200个字符'
+    }]
+  })(readOnly ? /*#__PURE__*/React.createElement(MyDiv$4, null) : /*#__PURE__*/React.createElement(Input$2, {
+    autoComplete: 'off',
+    placeholder: "\u8BF7\u8F93\u5165"
+  }))))));
+});
+
+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 ImportBuyerDrawer = (function () {
   var controller = Invoice.useInvoiceController();
   var visible = controller.useMemo(function (s) {
@@ -24290,8 +24488,8 @@ var getItemCode = function getItemCode(record, editGood) {
   return record.productCode;
 };
 
-var css_248z$s = ".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$s);
+var css_248z$t = ".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$t);
 
 var TreeNode = Tree.TreeNode;
 var confirm = Modal$1.confirm;
@@ -24931,15 +25129,14 @@ var DrawerBody$3 = function DrawerBody(props) {
       //     s.value = info.node.taxRate
       //   }
       // });
-      var node = info.node || info;
       actions.setFieldState('taxClassificationCode', /*#__PURE__*/function () {
         var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(s) {
           return _regeneratorRuntime().wrap(function _callee12$(_context12) {
             while (1) {
               switch (_context12.prev = _context12.next) {
                 case 0:
-                  if (node.taxCategoryCode) {
-                    s.value = node.taxCategoryCode;
+                  if (info.taxCategoryCode) {
+                    s.value = info.taxCategoryCode;
                   }
 
                 case 1:
@@ -24960,8 +25157,8 @@ var DrawerBody$3 = function DrawerBody(props) {
             while (1) {
               switch (_context13.prev = _context13.next) {
                 case 0:
-                  if (node.shorthand) {
-                    s.value = node.shorthand;
+                  if (info.shorthand) {
+                    s.value = info.shorthand;
                   }
 
                 case 1:
@@ -24979,26 +25176,24 @@ var DrawerBody$3 = function DrawerBody(props) {
       setOpen(false);
     }, [controller, actions]);
     var onSelect = React.useCallback(function (key, info) {
-      var node = info.node || info;
-
       if (controller.state.goodsListState.isUpdateGoodsTaxRateList) {
-        var _node$taxRateList;
+        var _info$node$taxRateLis;
 
-        if ((_node$taxRateList = node.taxRateList) === null || _node$taxRateList === void 0 ? void 0 : _node$taxRateList.length) {
-          setGoodsTaxRateList(node.taxRateList);
+        if ((_info$node$taxRateLis = info.node.taxRateList) === null || _info$node$taxRateLis === void 0 ? void 0 : _info$node$taxRateLis.length) {
+          setGoodsTaxRateList(info.node.taxRateList);
         }
 
         if (!readOnlyTaxRate) {
           actions.setFieldState('taxRate', /*#__PURE__*/function () {
             var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(s) {
-              var _node$taxRateList2;
+              var _info$node$taxRateLis2;
 
               return _regeneratorRuntime().wrap(function _callee14$(_context14) {
                 while (1) {
                   switch (_context14.prev = _context14.next) {
                     case 0:
-                      if (node.taxRateList && ((_node$taxRateList2 = node.taxRateList) === null || _node$taxRateList2 === void 0 ? void 0 : _node$taxRateList2.length) === 1) {
-                        s.value = node.taxRateList[0];
+                      if (info.node.taxRateList && ((_info$node$taxRateLis2 = info.node.taxRateList) === null || _info$node$taxRateLis2 === void 0 ? void 0 : _info$node$taxRateLis2.length) === 1) {
+                        s.value = info.node.taxRateList[0];
                       } else {
                         s.value = undefined;
                       }
@@ -25526,6 +25721,8 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
 
     /** 特殊信息-不动产经营租赁服务(数电) */
 
+    /** 特殊信息-建筑服务(数电) */
+
     /** 货物列表(数电) */
 
     /** 货物索引生成器 */
@@ -25560,6 +25757,7 @@ Invoice.Stakeholder = Stakeholder$1;
 Invoice.StakeFarmerholder = StakeFarmerholder;
 Invoice.SignDigtal = SignDigtal;
 Invoice.RealEstateInfo = RealEstateInfo;
+Invoice.Architecture = Architecture;
 Invoice.GoodsListDigtal = GoodsList$1;
 Invoice.idGenerator = idGenerator;
 Invoice.calculator = calculator;
@@ -25677,11 +25875,11 @@ var Digtal = function Digtal(props) {
   ), /*#__PURE__*/React.createElement(ImportGoodsDrawer, null), /*#__PURE__*/React.createElement(EndowCodeDrawer, null));
 };
 
-var css_248z$t = ".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$t);
+var css_248z$u = ".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}\n";
+styleInject(css_248z$u);
 
 function TaxClassificationModal(props) {
-  var _props$info6;
+  var _props$info2, _props$info3;
 
   var _Form$useForm = Form$1.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -25761,16 +25959,6 @@ function TaxClassificationModal(props) {
     });
   };
 
-  React.useEffect(function () {
-    var _props$info2, _props$info3, _props$info4, _props$info5;
-
-    form.setFieldsValue(_objectSpread2(_objectSpread2({}, form.getFieldsValue()), {}, {
-      taxCategoryCode: props === null || props === void 0 ? void 0 : (_props$info2 = props.info) === null || _props$info2 === void 0 ? void 0 : _props$info2.taxCategoryCode,
-      productName: props === null || props === void 0 ? void 0 : (_props$info3 = props.info) === null || _props$info3 === void 0 ? void 0 : _props$info3.productName,
-      shorthand: props === null || props === void 0 ? void 0 : (_props$info4 = props.info) === null || _props$info4 === void 0 ? void 0 : _props$info4.shorthand,
-      taxDesc: props === null || props === void 0 ? void 0 : (_props$info5 = props.info) === null || _props$info5 === void 0 ? void 0 : _props$info5.taxDesc
-    }));
-  }, [props === null || props === void 0 ? void 0 : (_props$info6 = props.info) === null || _props$info6 === void 0 ? void 0 : _props$info6.key]);
   return /*#__PURE__*/React.createElement(Drawer$1, {
     title: "\u5546\u54C1\u548C\u670D\u52A1\u7A0E\u6536\u5206\u7C7B\u7F16\u7801",
     placement: "right",
@@ -25816,10 +26004,16 @@ function TaxClassificationModal(props) {
   }))), /*#__PURE__*/React.createElement(Card, {
     className: "taxrightbox"
   }, /*#__PURE__*/React.createElement(Form$1, _objectSpread2(_objectSpread2({
-    form: form
+    form: form,
+    key: props === null || props === void 0 ? void 0 : (_props$info2 = props.info) === null || _props$info2 === void 0 ? void 0 : _props$info2.key
   }, layout), {}, {
     initialValues: props.info
   }), /*#__PURE__*/React.createElement(Form$1.Item, {
+    rules: [{
+      required: true,
+      message: '请勾选税收分类编码'
+    }],
+    initialValue: (_props$info3 = props.info) === null || _props$info3 === void 0 ? void 0 : _props$info3.taxCategoryCode,
     name: "taxCategoryCode",
     label: "\u7F16\u7801"
   }, /*#__PURE__*/React.createElement(FormReadOnly, null)), /*#__PURE__*/React.createElement(Form$1.Item, {
@@ -25829,8 +26023,7 @@ function TaxClassificationModal(props) {
     name: "shorthand",
     label: "\u7B80\u79F0"
   }, /*#__PURE__*/React.createElement(FormReadOnly, null)), /*#__PURE__*/React.createElement(Form$1.Item, {
-    name: "taxDesc",
-    className: "taxdesc",
+    name: "desc",
     label: "\u8BF4\u660E"
   }, /*#__PURE__*/React.createElement(FormReadOnly, null))))));
 }

package/dist/index.js

@@ -23924,6 +23924,204 @@ var MyNY = /*#__PURE__*/function (_React$Component4) {
   return MyNY;
 }(React__default['default'].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";
+styleInject(css_248z$s);
+
+/** 特殊信息-建筑服务 */
+
+var Architecture = GreyReactBox.decorator(ktsComponentsAntdX3.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__default['default'].useMemo(function () {
+    return model === 'readOnly';
+  }, [model]); // 注册 form
+
+  controller.useForm('realEstateInfo', form);
+  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-\u5EFA\u7B51\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: "\u571F\u5730\u589E\u503C\u7A0E\u9879\u76EE\u7F16\u53F7"
+  }, getFieldDecorator('landNumber', {})(readOnly ? /*#__PURE__*/React__default['default'].createElement(MyDiv$4, null) : /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
+    autoComplete: 'off',
+    placeholder: "\u8BF7\u8F93\u5165"
+  })))), /*#__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('crossCitiesSign', {
+    rules: readOnly ? [] : [{
+      required: true,
+      message: '请选择跨地（市）标志'
+    }]
+  })(readOnly ? /*#__PURE__*/React__default['default'].createElement(MyNY$1, null) : /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select, {
+    placeholder: "\u8BF7\u9009\u62E9",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: 'Y'
+  }, "\u662F"), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Select.Option, {
+    value: 'N'
+  }, "\u5426"))))), /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Col, {
+    span: 6
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u5EFA\u7B51\u670D\u52A1\u53D1\u751F\u5730"
+  }, getFieldDecorator('constructAddress', {
+    rules: readOnly ? [] : [{
+      required: true,
+      message: '请选择省市区县'
+    }]
+  })(readOnly ? /*#__PURE__*/React__default['default'].createElement(MyArrString$1, null) : /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Cascader, {
+    style: {
+      width: '100%'
+    },
+    options: props.addressOptions,
+    fieldNames: props.fieldNames,
+    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('constructDetailAddress', {
+    rules: readOnly ? [] : [{
+      max: 200,
+      message: '详细地址最多200个字符'
+    }]
+  })(readOnly ? /*#__PURE__*/React__default['default'].createElement(MyDiv$4, null) : /*#__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: "\u5EFA\u7B51\u9879\u76EE\u540D\u79F0"
+  }, getFieldDecorator('constructName', {
+    rules: readOnly ? [] : [{
+      required: true,
+      message: '请输入建筑项目名称'
+    }, {
+      max: 200,
+      message: '建筑项目名称最多200个字符'
+    }]
+  })(readOnly ? /*#__PURE__*/React__default['default'].createElement(MyDiv$4, null) : /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX4.Input, {
+    autoComplete: 'off',
+    placeholder: "\u8BF7\u8F93\u5165"
+  }))))));
+});
+
+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__default['default'].createElement("div", {
+        style: this.props.style
+      }, this.props.value);
+    }
+  }]);
+
+  return MyDiv;
+}(React__default['default'].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__default['default'].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__default['default'].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__default['default'].createElement("div", {
+        style: this.props.style
+      }, /*#__PURE__*/React__default['default'].createElement("span", null, hooks.isMoment(value[0]) && value[0].format('YYYY-MM-DD')), /*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          color: '#9F603D',
+          fontWeight: 600
+        }
+      }, " - "), /*#__PURE__*/React__default['default'].createElement("span", null, hooks.isMoment(value[1]) && value[0].format('YYYY-MM-DD')));
+    }
+  }]);
+
+  return MyArrMoment;
+}(React__default['default'].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__default['default'].createElement("div", {
+        style: this.props.style
+      }, this.props.value === 'Y' ? '是' : '否');
+    }
+  }]);
+
+  return MyNY;
+}(React__default['default'].Component);
+
 var ImportBuyerDrawer = (function () {
   var controller = Invoice.useInvoiceController();
   var visible = controller.useMemo(function (s) {
@@ -24300,8 +24498,8 @@ var getItemCode = function getItemCode(record, editGood) {
   return record.productCode;
 };
 
-var css_248z$s = ".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$s);
+var css_248z$t = ".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$t);
 
 var TreeNode = ktsComponentsAntdX3.Tree.TreeNode;
 var confirm = ktsComponentsAntdX3.Modal.confirm;
@@ -24941,15 +25139,14 @@ var DrawerBody$3 = function DrawerBody(props) {
       //     s.value = info.node.taxRate
       //   }
       // });
-      var node = info.node || info;
       actions.setFieldState('taxClassificationCode', /*#__PURE__*/function () {
         var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(s) {
           return _regeneratorRuntime().wrap(function _callee12$(_context12) {
             while (1) {
               switch (_context12.prev = _context12.next) {
                 case 0:
-                  if (node.taxCategoryCode) {
-                    s.value = node.taxCategoryCode;
+                  if (info.taxCategoryCode) {
+                    s.value = info.taxCategoryCode;
                   }
 
                 case 1:
@@ -24970,8 +25167,8 @@ var DrawerBody$3 = function DrawerBody(props) {
             while (1) {
               switch (_context13.prev = _context13.next) {
                 case 0:
-                  if (node.shorthand) {
-                    s.value = node.shorthand;
+                  if (info.shorthand) {
+                    s.value = info.shorthand;
                   }
 
                 case 1:
@@ -24989,26 +25186,24 @@ var DrawerBody$3 = function DrawerBody(props) {
       setOpen(false);
     }, [controller, actions]);
     var onSelect = React__default['default'].useCallback(function (key, info) {
-      var node = info.node || info;
-
       if (controller.state.goodsListState.isUpdateGoodsTaxRateList) {
-        var _node$taxRateList;
+        var _info$node$taxRateLis;
 
-        if ((_node$taxRateList = node.taxRateList) === null || _node$taxRateList === void 0 ? void 0 : _node$taxRateList.length) {
-          setGoodsTaxRateList(node.taxRateList);
+        if ((_info$node$taxRateLis = info.node.taxRateList) === null || _info$node$taxRateLis === void 0 ? void 0 : _info$node$taxRateLis.length) {
+          setGoodsTaxRateList(info.node.taxRateList);
         }
 
         if (!readOnlyTaxRate) {
           actions.setFieldState('taxRate', /*#__PURE__*/function () {
             var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(s) {
-              var _node$taxRateList2;
+              var _info$node$taxRateLis2;
 
               return _regeneratorRuntime().wrap(function _callee14$(_context14) {
                 while (1) {
                   switch (_context14.prev = _context14.next) {
                     case 0:
-                      if (node.taxRateList && ((_node$taxRateList2 = node.taxRateList) === null || _node$taxRateList2 === void 0 ? void 0 : _node$taxRateList2.length) === 1) {
-                        s.value = node.taxRateList[0];
+                      if (info.node.taxRateList && ((_info$node$taxRateLis2 = info.node.taxRateList) === null || _info$node$taxRateLis2 === void 0 ? void 0 : _info$node$taxRateLis2.length) === 1) {
+                        s.value = info.node.taxRateList[0];
                       } else {
                         s.value = undefined;
                       }
@@ -25536,6 +25731,8 @@ var Invoice = /*#__PURE__*/function (_React$PureComponent) {
 
     /** 特殊信息-不动产经营租赁服务(数电) */
 
+    /** 特殊信息-建筑服务(数电) */
+
     /** 货物列表(数电) */
 
     /** 货物索引生成器 */
@@ -25570,6 +25767,7 @@ Invoice.Stakeholder = Stakeholder$1;
 Invoice.StakeFarmerholder = StakeFarmerholder;
 Invoice.SignDigtal = SignDigtal;
 Invoice.RealEstateInfo = RealEstateInfo;
+Invoice.Architecture = Architecture;
 Invoice.GoodsListDigtal = GoodsList$1;
 Invoice.idGenerator = idGenerator;
 Invoice.calculator = calculator;
@@ -25687,11 +25885,11 @@ var Digtal = function Digtal(props) {
   ), /*#__PURE__*/React__default['default'].createElement(ImportGoodsDrawer, null), /*#__PURE__*/React__default['default'].createElement(EndowCodeDrawer, null));
 };
 
-var css_248z$t = ".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$t);
+var css_248z$u = ".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}\n";
+styleInject(css_248z$u);
 
 function TaxClassificationModal(props) {
-  var _props$info6;
+  var _props$info2, _props$info3;
 
   var _Form$useForm = ktsXui.Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -25771,16 +25969,6 @@ function TaxClassificationModal(props) {
     });
   };
 
-  React__default['default'].useEffect(function () {
-    var _props$info2, _props$info3, _props$info4, _props$info5;
-
-    form.setFieldsValue(_objectSpread2(_objectSpread2({}, form.getFieldsValue()), {}, {
-      taxCategoryCode: props === null || props === void 0 ? void 0 : (_props$info2 = props.info) === null || _props$info2 === void 0 ? void 0 : _props$info2.taxCategoryCode,
-      productName: props === null || props === void 0 ? void 0 : (_props$info3 = props.info) === null || _props$info3 === void 0 ? void 0 : _props$info3.productName,
-      shorthand: props === null || props === void 0 ? void 0 : (_props$info4 = props.info) === null || _props$info4 === void 0 ? void 0 : _props$info4.shorthand,
-      taxDesc: props === null || props === void 0 ? void 0 : (_props$info5 = props.info) === null || _props$info5 === void 0 ? void 0 : _props$info5.taxDesc
-    }));
-  }, [props === null || props === void 0 ? void 0 : (_props$info6 = props.info) === null || _props$info6 === void 0 ? void 0 : _props$info6.key]);
   return /*#__PURE__*/React__default['default'].createElement(ktsXui.Drawer, {
     title: "\u5546\u54C1\u548C\u670D\u52A1\u7A0E\u6536\u5206\u7C7B\u7F16\u7801",
     placement: "right",
@@ -25826,10 +26014,16 @@ function TaxClassificationModal(props) {
   }))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Card, {
     className: "taxrightbox"
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Form, _objectSpread2(_objectSpread2({
-    form: form
+    form: form,
+    key: props === null || props === void 0 ? void 0 : (_props$info2 = props.info) === null || _props$info2 === void 0 ? void 0 : _props$info2.key
   }, layout), {}, {
     initialValues: props.info
   }), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
+    rules: [{
+      required: true,
+      message: '请勾选税收分类编码'
+    }],
+    initialValue: (_props$info3 = props.info) === null || _props$info3 === void 0 ? void 0 : _props$info3.taxCategoryCode,
     name: "taxCategoryCode",
     label: "\u7F16\u7801"
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.FormReadOnly, null)), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
@@ -25839,8 +26033,7 @@ function TaxClassificationModal(props) {
     name: "shorthand",
     label: "\u7B80\u79F0"
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.FormReadOnly, null)), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
-    name: "taxDesc",
-    className: "taxdesc",
+    name: "desc",
     label: "\u8BF4\u660E"
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.FormReadOnly, null))))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "kts-component-invoice-operate", 
-  "version": "3.2.173", 
+  "name": "kts-component-invoice-operate",
+  "version": "3.2.175",
   "scripts": {
     "dev": "dumi dev --max-old-space-size=6096",
     "start": "dumi dev",
@@ -34,7 +34,7 @@
     "kts-components-antd-x3": "^3.26.20-5",
     "kts-components-antd-x4": "5.0.0",
     "kts-components-antd-x4-v4": "npm:kts-components-antd-x4@^4.0.3",
-    "kts-xui": "^2.1.76",
+    "kts-xui": "^2.1.79",
     "mathjs": "^9.4.2",
     "next": "^11.0.1",
     "nzh": "^1.0.4",

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import Invoice from '../../..';
+import moment from 'moment';
+import 'antd/dist/antd.css';
+
+export default () => {
+
+    const controller = React.useMemo(() => new Invoice.InvoiceController(), []);
+
+    React.useEffect(() => {
+        controller.run(async s => {
+        })
+    }, [])
+
+    return (
+        <Invoice
+            invoiceType='digtal'
+            controller={controller}
+            specialInfor={<Invoice.Architecture />}
+        />
+    )
+};

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

@@ -32,3 +32,6 @@
 
 ## 不动产经营租赁服务
 <code src="./_test/realEstateInfo/index.tsx"></code>
+
+## 建筑服务
+<code src="./_test/architecture/index.tsx"></code>

package/src/Invoice/index.tsx

@@ -19,6 +19,7 @@ import StakeFarmerholder from './ui/digtal/StakeFarmerholder';
 import SignDigtal from './ui/digtal/Sign';
 import GoodsListDigtal from './ui/digtal/GoodsList';
 import RealEstateInfo from './ui/digtal/RealEstateInfo';
+import Architecture from './ui/digtal/Architecture';
 
 import ImportBuyerDrawer from './ui/default/ImportBuyerDrawer';
 import ImportGoodsDrawer from './ui/default/ImportGoodsDrawer';
@@ -86,7 +87,7 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
 
   /** 干系人(数电) */
   static readonly Stakeholder = Stakeholder;
-  
+
   /** 农产品干系人(数电) */
   static readonly StakeFarmerholder = StakeFarmerholder;
 
@@ -95,6 +96,9 @@ export default class Invoice extends React.PureComponent<IInvoiceProps> {
 
   /** 特殊信息-不动产经营租赁服务(数电) */
   static readonly RealEstateInfo = RealEstateInfo;
+  
+  /** 特殊信息-建筑服务(数电) */
+  static readonly Architecture = Architecture;
 
   /** 货物列表(数电) */
   static readonly GoodsListDigtal = GoodsListDigtal;

package/src/Invoice/ui/default/EndowCodeDrawer/index.tsx

@@ -379,31 +379,30 @@ const DrawerBody = (props: { defaultValue: IGood }) => {
       //     s.value = info.node.taxRate
       //   }
       // });
-      let node = info.node || info;
+      
       actions.setFieldState('taxClassificationCode', async s => {
-        if(node.taxCategoryCode) {
-          s.value = node.taxCategoryCode
+        if(info.taxCategoryCode) {
+          s.value = info.taxCategoryCode
         }
       });
 
       actions.setFieldState('shorthand', async (s) => {
-        if (node.shorthand){
-          s.value = node.shorthand
+        if (info.shorthand){
+          s.value = info.shorthand
         }
       }); 
       setOpen(false);
     }, [controller, actions]);
 
     const onSelect = React.useCallback((key: any, info: any) => { 
-      let node = info.node || info;
       if (controller.state.goodsListState.isUpdateGoodsTaxRateList) {
-        if (node.taxRateList?.length) {
-          setGoodsTaxRateList(node.taxRateList);
+        if (info.node.taxRateList?.length) {
+          setGoodsTaxRateList(info.node.taxRateList);
         }
         if (!readOnlyTaxRate) {
           actions.setFieldState('taxRate', async s => {
-            if (node.taxRateList && node.taxRateList?.length === 1) {
-              s.value = node.taxRateList[0]
+            if (info.node.taxRateList && info.node.taxRateList?.length === 1) {
+              s.value = info.node.taxRateList[0]
             } else {
               s.value = undefined
             }

package/src/Invoice/ui/digtal/Architecture/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/Architecture/index.tsx

@@ -0,0 +1,166 @@
+
+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 Invoice from '../../..';
+import './index.less';
+import { Cascader, Col, Input, Row, Select } from "kts-components-antd-x4";
+import moment from "moment";
+
+
+export interface RealEstateInfoProps {
+    /**
+     * 建筑服务地址数据
+     */
+    addressOptions?: any[];
+
+    /**
+     * 建筑服务地址数据字段名
+     */
+    fieldNames?: any;
+}
+
+/** 特殊信息-建筑服务 */
+export default decorator<RealEstateInfoProps, FormComponentProps & RealEstateInfoProps>(Form.create())(props => {
+
+    /** 控制器 */
+    const controller = Invoice.useInvoiceController();
+
+    const { form } = props;
+
+    const { getFieldDecorator } = form;
+
+    const model = controller.useMemo(s => s.model, []);
+
+    const readOnly = React.useMemo(() => model === 'readOnly', [model]);
+
+    // 注册 form
+    controller.useForm('realEstateInfo', 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('landNumber', {
+                        })(
+                            readOnly
+                                ? <MyDiv />
+                                : <Input autoComplete='off' placeholder="请输入" />
+                        )}
+                    </Form.Item>
+                </Col>
+                <Col span={6} >
+                    <Form.Item label='跨地（市）标志' >
+                        {getFieldDecorator('crossCitiesSign', {
+                            rules: readOnly ? [] : [
+                                { required: true, message: '请选择跨地（市）标志' }
+                            ]
+                        })(
+                            readOnly
+                                ? <MyNY />
+                                : <Select placeholder='请选择' style={{ width: '100%' }} >
+                                    <Select.Option value='Y'>是</Select.Option>
+                                    <Select.Option value='N'>否</Select.Option>
+                                </Select>
+                        )}
+                    </Form.Item>
+                </Col>
+
+                <Col span={6} >
+                    <Form.Item label='建筑服务发生地' >
+                        {getFieldDecorator('constructAddress', {
+                            rules: readOnly ? [] : [{ required: true, message: '请选择省市区县' }]
+                        })(
+                            readOnly
+                                ? (<MyArrString />)
+                                : (<Cascader
+                                    style={{ width: '100%' }}
+                                    options={props.addressOptions}
+                                    fieldNames={props.fieldNames}
+                                    placeholder="请选择省市区县"
+                                />)
+                        )}
+                    </Form.Item>
+                </Col>
+                <Col span={6} >
+                    <Form.Item label='详细地址' >
+                        {getFieldDecorator('constructDetailAddress', {
+                            rules: readOnly ? [] : [
+                                { max: 200, message: '详细地址最多200个字符' },
+                            ]
+                        })(
+                            readOnly
+                                ? <MyDiv />
+                                : <Input autoComplete='off' placeholder="请输入详细地址" />
+                        )}
+                    </Form.Item>
+                </Col>
+                <Col span={6} >
+                    <Form.Item label='建筑项目名称' >
+                        {getFieldDecorator('constructName', { rules: readOnly ? [] : [
+                                { required: true, message: '请输入建筑项目名称' },
+                                { max: 200, message: '建筑项目名称最多200个字符' },
+                                
+                            ]
+                        })(
+                            readOnly
+                                ? <MyDiv />
+                                : <Input autoComplete='off' placeholder="请输入" />
+                        )}
+                    </Form.Item>
+                </Col>
+
+            </Row>
+        </div>
+    )
+})
+
+class MyDiv extends React.Component<{ value?: string, style?: React.CSSProperties }> {
+    render(): React.ReactNode {
+        return (
+            <div style={this.props.style}>{this.props.value}</div>
+        )
+    }
+}
+
+class MyArrString extends React.Component<{ value?: string[], style?: React.CSSProperties }> {
+    render(): React.ReactNode {
+        return (
+            <div style={this.props.style}>
+                {
+                    this.props.value?.filter(e => !!e)
+                        .join(',')
+                }
+            </div>
+        )
+    }
+}
+
+class MyArrMoment extends React.Component<{ value?: moment.Moment[], style?: React.CSSProperties }> {
+    render(): React.ReactNode {
+        const { value = [] } = this.props
+        return (
+            <div style={this.props.style}>
+                <span>{moment.isMoment(value[0]) && value[0].format('YYYY-MM-DD')}</span>
+                <span style={{ color: '#9F603D', fontWeight: 600 }} > - </span>
+                <span>{moment.isMoment(value[1]) && value[0].format('YYYY-MM-DD')}</span>
+            </div>
+        )
+    }
+}
+
+class MyNY extends React.Component<{ value?: 'Y' | 'N', style?: React.CSSProperties }> {
+    render(): React.ReactNode {
+        return (
+            <div style={this.props.style}>
+                {
+                    this.props.value === 'Y' ? '是' : '否'
+                }
+            </div>
+        )
+    }
+}
+

package/src/TaxClassificationCodeModal/index.less

@@ -6,13 +6,5 @@
       width: 340px;
       position: absolute;
       right: 30px; 
-      top: 79px;
-      bottom: 50px;
-      min-height: 300px;
-      .taxdesc{  
-        height: calc(100vh - 323px);
-        min-height: 105px;
-        overflow:auto
-      }
     }
   }

package/src/TaxClassificationCodeModal/index.tsx

@@ -79,16 +79,7 @@ export default function TaxClassificationModal(props: TaxClassificationProps) {
       }).catch(errorInfo => {
         console.log('errorInfo', errorInfo);
       }); 
-    }  
-    React.useEffect(() => {
-      form.setFieldsValue({
-        ...form.getFieldsValue(),
-        taxCategoryCode: props?.info?.taxCategoryCode,
-        productName: props?.info?.productName,
-        shorthand: props?.info?.shorthand,
-        taxDesc: props?.info?.taxDesc, 
-      })
-    },[props?.info?.key])
+    } 
     return (
       <Drawer
         title="商品和服务税收分类编码"
@@ -132,8 +123,8 @@ export default function TaxClassificationModal(props: TaxClassificationProps) {
             </Form.Item>
           </Form>  
           <Card className="taxrightbox">  
-            <Form form={form} {...layout} initialValues={props.info} >
-              <Form.Item name={"taxCategoryCode"} label="编码">
+            <Form form={form} key={props?.info?.key} {...layout} initialValues={props.info} >
+              <Form.Item rules={[{ required: true, message: '请勾选税收分类编码' }, ]} initialValue={props.info?.taxCategoryCode} name={"taxCategoryCode"} label="编码">
                   <FormReadOnly />
                 </Form.Item>
                 <Form.Item name={"productName"} label="货物和劳务名称">
@@ -142,7 +133,7 @@ export default function TaxClassificationModal(props: TaxClassificationProps) {
                 <Form.Item name={"shorthand"} label="简称">
                   <FormReadOnly />
                 </Form.Item> 
-                <Form.Item name={"taxDesc"} className="taxdesc" label="说明">
+                <Form.Item name={"desc"} label="说明">
                   <FormReadOnly />
                 </Form.Item> 
               </Form>