kts-component-invoice-operate 3.2.0 → 3.2.1

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

@@ -7,6 +7,8 @@ import { Button, Col, Input, InputProps, Row } from 'kts-xui'
 import { FormComponentProps } from "kts-components-antd-x3/lib/form";
 import { ReactComponent as ArrowUpSvg } from './svg/arrowUp.svg';
 import { ReactComponent as ArrowDownSvg } from './svg/arrowDown.svg';
+import { ReactComponent as PlusSvg } from './svg/plus.svg'
+import InvoiceController from "../../../InvoiceController";
 import Invoice from "../../../../Invoice";
 import './index.less';
 
@@ -38,12 +40,18 @@ const formatCompanyName = (e: any) => {
 }
 
 export interface IStakeholder {
+
+    /** 是否显示导入按钮 */
+    isShowImportButton?: boolean;
+
+    /** 点击了 */
+    onClickImportButton?: (e: InvoiceController) => void
 }
 
 /** 干系人 */
 export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.create())(props => {
 
-    const { form } = props;
+    const { form, isShowImportButton, onClickImportButton } = props;
 
     const [isExpand, setExpand] = React.useState(true);
 
@@ -91,7 +99,22 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                                 {getFieldDecorator('buyerName', {
                                     rules: getRules('buyerName', RULES.companyName('购买方名称')),
                                     getValueFromEvent: formatCompanyName
-                                })(<MyInput readOnly={isReadOnly('buyerName')} placeholder="请输入" autoComplete="off" />)}
+                                })(
+                                    <MyInput
+                                        readOnly={isReadOnly('buyerName')}
+                                        placeholder="请输入"
+                                        autoComplete="off"
+                                        suffix={
+                                            isShowImportButton === true &&
+                                            <Button
+                                                type='link'
+                                                style={{ padding: 0, width: 20 }}
+                                                icon={<Icon component={PlusSvg} />}
+                                                onClick={() => { onClickImportButton && onClickImportButton(controller) }}
+                                            />
+                                        }
+                                    />
+                                )}
                             </Form.Item>
                         </Col>
 

package/src/Invoice/ui/digtal/Stakeholder/svg/plus.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none">
+  <g clip-path="url(#clip0_715_360)">
+    <path d="M8 14.5312C4.11687 14.5312 0.96875 11.3831 0.96875 7.5C0.96875 3.61687 4.11687 0.46875 8 0.46875C11.8831 0.46875 15.0312 3.61687 15.0312 7.5C15.0312 11.3831 11.8831 14.5312 8 14.5312ZM8 13.5938C11.3656 13.5938 14.0938 10.8656 14.0938 7.5C14.0938 4.13438 11.3656 1.40625 8 1.40625C4.63438 1.40625 1.90625 4.13438 1.90625 7.5C1.90625 10.8656 4.63438 13.5938 8 13.5938Z"/>
+    <path d="M4.25 7.96875C4.12568 7.96875 4.00645 7.91936 3.91854 7.83146C3.83064 7.74355 3.78125 7.62432 3.78125 7.5C3.78125 7.37568 3.83064 7.25645 3.91854 7.16854C4.00645 7.08064 4.12568 7.03125 4.25 7.03125H11.75C11.8743 7.03125 11.9935 7.08064 12.0815 7.16854C12.1694 7.25645 12.2188 7.37568 12.2188 7.5C12.2188 7.62432 12.1694 7.74355 12.0815 7.83146C11.9935 7.91936 11.8743 7.96875 11.75 7.96875H4.25Z"/>
+    <path d="M7.53125 3.75C7.53125 3.62568 7.58064 3.50645 7.66854 3.41854C7.75645 3.33064 7.87568 3.28125 8 3.28125C8.12432 3.28125 8.24355 3.33064 8.33146 3.41854C8.41936 3.50645 8.46875 3.62568 8.46875 3.75V11.25C8.46875 11.3743 8.41936 11.4935 8.33146 11.5815C8.24355 11.6694 8.12432 11.7188 8 11.7188C7.87568 11.7188 7.75645 11.6694 7.66854 11.5815C7.58064 11.4935 7.53125 11.3743 7.53125 11.25V3.75Z"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_715_360">
+      <rect width="15" height="15" transform="translate(0.5)"/>
+    </clipPath>
+  </defs>
+</svg>

package/src/InvoiceTypeModal/index.tsx

@@ -98,7 +98,11 @@ export default function InvoiceTypeModal(props: IInvoiceTypeModalProps) {
                     </Col>
 
                     <Col span={12} >
-                        <Form.Item name='invoiceType' label="选择票类" >
+                        <Form.Item
+                            name='invoiceType'
+                            label="选择票类"
+                            rules={[{ required: true, message: '选择票类必填' }]}
+                        >
                             <Select
                                 size='large'
                                 disabled={disableds.indexOf('invoiceType') >= 0}