kts-component-invoice-operate 3.2.185 → 3.2.187

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

@@ -14,6 +14,9 @@ export interface IStakeholder {
     isNaturalPerson?: boolean;
     /** 是否展开 */
     isExpand?: boolean;
+    leqi?: boolean;
+    riskData?: any;
+    invoiceMarkCallback?: (value: any) => void;
 }
 /** 干系人 */
 declare const _default: React.FunctionComponent<IStakeholder>;

package/dist/index.esm.js

@@ -4,7 +4,7 @@ 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$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, Button as Button$1, Dropdown as Dropdown$1, Row, Col, 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, Cascader as Cascader$1, Tree as Tree$1, Card, FormReadOnly } from 'kts-xui';
+import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Button as Button$1, Dropdown as Dropdown$1, Row, Col, Checkbox as Checkbox$1, Tooltip as Tooltip$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, Cascader as Cascader$1, Tree as Tree$1, Card, FormReadOnly } from 'kts-xui';
 import classnames from 'classnames';
 import { Table } from 'kts-components-antd-x4-v4';
 import { render } from 'react-dom';
@@ -17463,6 +17463,8 @@ var formatCompanyName = function formatCompanyName(e) {
 
 
 var Stakeholder$1 = decorator(Form.create())(function (props) {
+  var _props$riskData2, _props$riskData3;
+
   var form = props.form,
       isShowImportButton = props.isShowImportButton,
       onClickImportButton = props.onClickImportButton,
@@ -17485,6 +17487,26 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
   var rulesMap = controller.useMemo(function (s) {
     return s.stakeholder.rulesMap || {};
   }, []);
+  /** 乐企 */
+
+  var leqispanW = React.useMemo(function () {
+    if (props.leqi) {
+      return -2;
+    } else {
+      return 2;
+    }
+  }, [props.leqi, props.riskData]);
+  /** 直连 */
+
+  var riskspanW = React.useMemo(function () {
+    var _props$riskData;
+
+    if (((_props$riskData = props.riskData) === null || _props$riskData === void 0 ? void 0 : _props$riskData.code) === 'success') {
+      return -2;
+    } else {
+      return 2;
+    }
+  }, [props.leqi, props.riskData]);
   var readOnly = React.useMemo(function () {
     if (model === 'readOnly') return true;
     if (model === 'prefab') return true;
@@ -17574,7 +17596,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 14,
+    span: 10 + riskspanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17591,7 +17613,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10,
+    span: 10 + riskspanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17606,7 +17628,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 14,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17620,7 +17642,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5F00\u6237\u94F6\u884C",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 10,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17633,6 +17655,17 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     readOnly: isReadOnly('buyerAccount'),
     placeholder: "\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u53F7",
     autoComplete: "off"
+  })))), (props.leqi || ((_props$riskData2 = props.riskData) === null || _props$riskData2 === void 0 ? void 0 : _props$riskData2.code) === 'success') && /*#__PURE__*/React.createElement(Col, {
+    span: 4,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u662F\u5426\u5C55\u793A",
+    colon: false
+  }, getFieldDecorator('buyerBankAccountFlag', {})( /*#__PURE__*/React.createElement(Checkbox$1, {
+    onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
+    disabled: isReadOnly('buyerBankAccountFlag')
   }))))))), /*#__PURE__*/React.createElement("div", null, '销售方信息'.split('').map(function (e) {
     return /*#__PURE__*/React.createElement("span", null, e);
   }), !readOnly && /*#__PURE__*/React.createElement(Icon, {
@@ -17682,7 +17715,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 12,
+    span: 10 + riskspanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17699,7 +17732,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 12,
+    span: 10 + riskspanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17714,7 +17747,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 12,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17728,7 +17761,7 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5F00\u6237\u94F6\u884C",
     autoComplete: "off"
   })))), /*#__PURE__*/React.createElement(Col, {
-    span: 12,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17741,6 +17774,17 @@ var Stakeholder$1 = decorator(Form.create())(function (props) {
     readOnly: isReadOnly('sellerAccount'),
     placeholder: "\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u53F7",
     autoComplete: "off"
+  })))), (props.leqi || ((_props$riskData3 = props.riskData) === null || _props$riskData3 === void 0 ? void 0 : _props$riskData3.code) === 'success') && /*#__PURE__*/React.createElement(Col, {
+    span: 4,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u662F\u5426\u5C55\u793A",
+    colon: false
+  }, getFieldDecorator('sellerBankAccountFlag', {})( /*#__PURE__*/React.createElement(Checkbox$1, {
+    onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
+    disabled: isReadOnly('sellerBankAccountFlag')
   }))))))));
 });
 
@@ -24289,8 +24333,11 @@ var Architecture = decorator(Form.create())(function (props) {
     label: "\u8BE6\u7EC6\u5730\u5740"
   }, getFieldDecorator('constructDetailAddress', {
     rules: readOnly ? [] : [{
-      max: 200,
-      message: '详细地址最多200个字符'
+      required: true,
+      message: '请输入详细地址'
+    }, {
+      max: 120,
+      message: '详细地址最多120个字符'
     }, {
       validator: function validator(_, value) {
         var pattern = /街|路|村|乡|镇|道|巷|号/;
@@ -25825,7 +25872,7 @@ var Main$4 = decorator(Form.create())(function (props) {
     className: "kts-invoice-operate-freight"
   }, /*#__PURE__*/React.createElement("div", {
     className: 'real-estate-info-digtal-label'
-  }, "\u7279\u6B8A\u4FE1\u606F-\u5EFA\u7B51\u670D\u52A1"), /*#__PURE__*/React.createElement("div", {
+  }, "\u7279\u6B8A\u4FE1\u606F-\u8D27\u7269\u8FD0\u8F93"), /*#__PURE__*/React.createElement("div", {
     className: "kts-invoice-operate-goods-list-digtal",
     onClick: function onClick(e) {
       e.stopPropagation();

package/dist/index.js

@@ -17473,6 +17473,8 @@ var formatCompanyName = function formatCompanyName(e) {
 
 
 var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function (props) {
+  var _props$riskData2, _props$riskData3;
+
   var form = props.form,
       isShowImportButton = props.isShowImportButton,
       onClickImportButton = props.onClickImportButton,
@@ -17495,6 +17497,26 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
   var rulesMap = controller.useMemo(function (s) {
     return s.stakeholder.rulesMap || {};
   }, []);
+  /** 乐企 */
+
+  var leqispanW = React__default['default'].useMemo(function () {
+    if (props.leqi) {
+      return -2;
+    } else {
+      return 2;
+    }
+  }, [props.leqi, props.riskData]);
+  /** 直连 */
+
+  var riskspanW = React__default['default'].useMemo(function () {
+    var _props$riskData;
+
+    if (((_props$riskData = props.riskData) === null || _props$riskData === void 0 ? void 0 : _props$riskData.code) === 'success') {
+      return -2;
+    } else {
+      return 2;
+    }
+  }, [props.leqi, props.riskData]);
   var readOnly = React__default['default'].useMemo(function () {
     if (model === 'readOnly') return true;
     if (model === 'prefab') return true;
@@ -17584,7 +17606,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
   })))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
-    span: 14,
+    span: 10 + riskspanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17601,7 +17623,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
-    span: 10,
+    span: 10 + riskspanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17616,7 +17638,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
   })))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
-    span: 14,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17630,7 +17652,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u8D2D\u4E70\u65B9\u5F00\u6237\u94F6\u884C",
     autoComplete: "off"
   })))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
-    span: 10,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17643,6 +17665,17 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     readOnly: isReadOnly('buyerAccount'),
     placeholder: "\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u53F7",
     autoComplete: "off"
+  })))), (props.leqi || ((_props$riskData2 = props.riskData) === null || _props$riskData2 === void 0 ? void 0 : _props$riskData2.code) === 'success') && /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
+    span: 4,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u662F\u5426\u5C55\u793A",
+    colon: false
+  }, getFieldDecorator('buyerBankAccountFlag', {})( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
+    onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
+    disabled: isReadOnly('buyerBankAccountFlag')
   }))))))), /*#__PURE__*/React__default['default'].createElement("div", null, '销售方信息'.split('').map(function (e) {
     return /*#__PURE__*/React__default['default'].createElement("span", null, e);
   }), !readOnly && /*#__PURE__*/React__default['default'].createElement(Icon, {
@@ -17692,7 +17725,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u7EDF\u4E00\u793E\u4F1A\u4FE1\u7528\u4EE3\u7801/\u7EB3\u7A0E\u4EBA\u8BC6\u522B\u53F7",
     autoComplete: "off"
   })))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
-    span: 12,
+    span: 10 + riskspanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17709,7 +17742,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5730\u5740",
     autoComplete: "off"
   })))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
-    span: 12,
+    span: 10 + riskspanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17724,7 +17757,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
     autoComplete: "off"
   })))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
-    span: 12,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17738,7 +17771,7 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     placeholder: "\u8BF7\u8F93\u5165\u9500\u552E\u65B9\u5F00\u6237\u94F6\u884C",
     autoComplete: "off"
   })))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
-    span: 12,
+    span: 10 + leqispanW,
     style: {
       display: isExpand ? undefined : 'none'
     }
@@ -17751,6 +17784,17 @@ var Stakeholder$1 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fu
     readOnly: isReadOnly('sellerAccount'),
     placeholder: "\u8BF7\u8F93\u5165\u94F6\u884C\u8D26\u53F7",
     autoComplete: "off"
+  })))), (props.leqi || ((_props$riskData3 = props.riskData) === null || _props$riskData3 === void 0 ? void 0 : _props$riskData3.code) === 'success') && /*#__PURE__*/React__default['default'].createElement(ktsXui.Col, {
+    span: 4,
+    style: {
+      display: isExpand ? undefined : 'none'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, {
+    label: "\u662F\u5426\u5C55\u793A",
+    colon: false
+  }, getFieldDecorator('sellerBankAccountFlag', {})( /*#__PURE__*/React__default['default'].createElement(ktsXui.Checkbox, {
+    onChange: props === null || props === void 0 ? void 0 : props.invoiceMarkCallback,
+    disabled: isReadOnly('sellerBankAccountFlag')
   }))))))));
 });
 
@@ -24299,8 +24343,11 @@ var Architecture = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(fun
     label: "\u8BE6\u7EC6\u5730\u5740"
   }, getFieldDecorator('constructDetailAddress', {
     rules: readOnly ? [] : [{
-      max: 200,
-      message: '详细地址最多200个字符'
+      required: true,
+      message: '请输入详细地址'
+    }, {
+      max: 120,
+      message: '详细地址最多120个字符'
     }, {
       validator: function validator(_, value) {
         var pattern = /街|路|村|乡|镇|道|巷|号/;
@@ -25835,7 +25882,7 @@ var Main$4 = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create())(function
     className: "kts-invoice-operate-freight"
   }, /*#__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("div", {
+  }, "\u7279\u6B8A\u4FE1\u606F-\u8D27\u7269\u8FD0\u8F93"), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "kts-invoice-operate-goods-list-digtal",
     onClick: function onClick(e) {
       e.stopPropagation();

package/package.json

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

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

@@ -3,10 +3,13 @@ import Invoice from '../../..';
 import 'antd/dist/antd.css';
 
 export default () => {
+    const callback = (e: any) => {
+        console.log(e.target.checked)
+    }
     return (
         <Invoice
             invoiceType='digtal'
-            stakeholder={<Invoice.StakeFarmerholder isShowImportButton={true}/>}
+            stakeholder={<Invoice.Stakeholder isShowImportButton={true} leqi={true} invoiceMarkCallback={callback}/>}
             invoiceHeader={ 
                 <Invoice.InvoiceHeader
                     title='自定义'

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

@@ -1,9 +1,9 @@
 # 数电
 
-<!-- ## 简单用法
+## 简单用法
 <code src="./_test/easiest/index.tsx"></code>
 
-## 只读模式
+<!-- ## 只读模式
 <code src="./_test/readOnly/index.tsx"></code>
 
 ## 发票号码 & 开票日期 & 标签
@@ -34,7 +34,7 @@
 <code src="./_test/realEstateInfo/index.tsx"></code>
 
 ## 建筑服务
-<code src="./_test/architecture/index.tsx"></code> -->
+<code src="./_test/architecture/index.tsx"></code>
 
 ## 货物运输服务
-<code src="./_test/freight/index.tsx"></code>
+<code src="./_test/freight/index.tsx"></code> -->

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

@@ -77,7 +77,8 @@ export default decorator<RealEstateInfoProps, FormComponentProps & RealEstateInf
                     <Form.Item label='详细地址' >
                         {getFieldDecorator('constructDetailAddress', {
                             rules: readOnly ? [] : [
-                                { max: 200, message: '详细地址最多200个字符' },
+                                { required: true, message: '请输入详细地址' },
+                                { max: 120, message: '详细地址最多120个字符' },
                                 {
                                     validator: (_, value) => {
                                         const pattern = /街|路|村|乡|镇|道|巷|号/;

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

@@ -94,7 +94,7 @@ const Main = decorator<IGoodsListProps, FormComponentProps & IGoodsListProps>(Fo
   //  controller.useForm('freightInfo', form);
   return (
     <div className="kts-invoice-operate-freight">
-      <div className='real-estate-info-digtal-label' >特殊信息-建筑服务</div>
+      <div className='real-estate-info-digtal-label' >特殊信息-货物运输</div>
       <div className="kts-invoice-operate-goods-list-digtal" onClick={(e) => { e.stopPropagation() }} >
         <div className="kts-invoice-operate-freight-list-able">
           {/* 添加行 */}

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

@@ -68,6 +68,12 @@ export interface IStakeholder {
 
     /** 是否展开 */
     isExpand?: boolean;
+
+    leqi?: boolean;
+
+    riskData?: any;
+
+    invoiceMarkCallback?: (value: any) => void;
 }
 
 /** 干系人 */
@@ -86,7 +92,22 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
     const disableds = controller.useMemo(s => s.stakeholder.disableds || [], []);
 
     const rulesMap = controller.useMemo(s => s.stakeholder.rulesMap || {}, []);
-
+    /** 乐企 */
+    const leqispanW = React.useMemo(() => {
+        if (props.leqi) {
+            return -2;
+        } else {
+            return 2;
+        }
+    }, [props.leqi, props.riskData]);
+    /** 直连 */
+    const riskspanW = React.useMemo(() => {
+        if (props.riskData?.code === 'success') {
+            return -2;
+        } else {
+            return 2;
+        }
+    }, [props.leqi, props.riskData]);
     const readOnly = React.useMemo(() => {
         if (model === 'readOnly') return true;
         if (model === 'prefab') return true;
@@ -177,7 +198,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={14} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10+riskspanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='购买方地址' colon={false}>
                                 {getFieldDecorator('buyerAddress', {
                                     rules: getRules('buyerAddress', [{ max: 100, message: '购买方地址内容超长' }])
@@ -185,15 +206,14 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={10} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10+riskspanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='电话' colon={false} className='telephone'>
                                 {getFieldDecorator('buyerPhone', {
                                     rules: getRules('buyerPhone', RULES.buyerTelPhone('购买方电话'))
                                 })(<MyInput readOnly={isReadOnly('buyerPhone')} placeholder="请输入电话" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
-
-                        <Col span={14} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10 + leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='购买方开户银行' colon={false}>
                                 {getFieldDecorator('buyerBank', {
                                     rules: getRules('buyerBank', RULES.bankName('购买方开户银行'))
@@ -201,13 +221,21 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={10} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10 + leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='银行账号' colon={false}>
                                 {getFieldDecorator('buyerAccount', {
                                     rules: getRules('buyerAccount', RULES.bankAccount('购买方银行账号'))
                                 })(<MyInput readOnly={isReadOnly('buyerAccount')} placeholder="请输入银行账号" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
+                        {(props.leqi || props.riskData?.code === 'success') &&
+                            <Col span={4} style={{ display: isExpand ? undefined : 'none' }}>
+                                <Form.Item label='是否展示' colon={false}>
+                                    {getFieldDecorator('buyerBankAccountFlag', {
+                                    })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('buyerBankAccountFlag')} ></Checkbox>)}
+                                </Form.Item>
+                            </Col>
+                        }
                     </Row>
                 </Form>
             </div>
@@ -250,7 +278,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={12} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10+riskspanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='销售方地址' colon={false}>
                                 {getFieldDecorator('sellerAddress', {
                                     rules: getRules('sellerAddress', [{ max: 300, message: '销售方地址内容超长' }])
@@ -258,15 +286,14 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={12} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10+riskspanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='电话' colon={false} className='telephone' >
                                 {getFieldDecorator('sellerPhone', {
                                     rules: getRules('sellerPhone', RULES.sellerTelPhone('销售方电话'))
                                 })(<MyInput readOnly={isReadOnly('sellerPhone')} placeholder="请输入电话" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
-
-                        <Col span={12} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10 + leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='销售方开户银行' colon={false}>
                                 {getFieldDecorator('sellerBank', {
                                     rules: getRules('sellerBank', RULES.bankName('销售方开户银行'))
@@ -274,13 +301,21 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                             </Form.Item>
                         </Col>
 
-                        <Col span={12} style={{ display: isExpand ? undefined : 'none' }} >
+                        <Col span={10 + leqispanW} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='银行账号' colon={false}>
                                 {getFieldDecorator('sellerAccount', {
                                     rules: getRules('sellerAccount', RULES.bankAccount('销售方银行账号'))
                                 })(<MyInput readOnly={isReadOnly('sellerAccount')} placeholder="请输入银行账号" autoComplete="off" />)}
                             </Form.Item>
                         </Col>
+                        {(props.leqi || props.riskData?.code === 'success') &&
+                            <Col span={4} style={{ display: isExpand ? undefined : 'none' }}>
+                                <Form.Item label='是否展示' colon={false}>
+                                    {getFieldDecorator('sellerBankAccountFlag', {
+                                    })(<Checkbox onChange={props?.invoiceMarkCallback} disabled={isReadOnly('sellerBankAccountFlag')} ></Checkbox>)}
+                                </Form.Item>
+                            </Col>
+                        }
                     </Row>
                 </Form>
             </div>
@@ -373,7 +408,7 @@ function BuyerNameInput(props: InputProps & { fieldName: string; myform: Wrapped
     )
 }
 
-class MyInput extends React.Component<InputProps>{
+class MyInput extends React.Component<InputProps> {
     render() {
         const props = this.props;
         if (props.readOnly) {