kts-component-invoice-operate 3.2.163 → 3.2.165

package/dist/TaxClassificationCodeModal/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import './index.less';
 export interface TaxClassificationProps {
     /** 是否开启 */
     open?: boolean;
@@ -12,5 +13,7 @@ export interface TaxClassificationProps {
     onLoad: (value: any) => Promise<any[]>;
     /** 点击了搜索 */
     onSearch?: (value?: any) => void;
+    /** 被选中的信息 */
+    info?: any;
 }
 export default function TaxClassificationModal(props: TaxClassificationProps): JSX.Element;

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, Tree as Tree$1 } 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, 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, Card } from 'kts-xui';
 import classNames from 'classnames';
 import { Table } from 'kts-components-antd-x4-v4';
 import { render } from 'react-dom';
@@ -17873,7 +17873,7 @@ var StakeFarmerholder = decorator(Form.create())(function (props) {
     colon: false,
     className: 'telephone'
   }, getFieldDecorator('sellerPhone', {
-    rules: getRules('sellerPhone', RULES$1.buyerTelPhone('销售方电话'))
+    rules: getRules('sellerPhone', RULES$1.sellerTelPhone('销售方电话'))
   })( /*#__PURE__*/React.createElement(MyInput$2, {
     readOnly: isReadOnly('sellerPhone'),
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
@@ -25649,7 +25649,12 @@ 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";
+styleInject(css_248z$t);
+
 function TaxClassificationModal(props) {
+  var _props$info;
+
   var _Form$useForm = Form$1.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
@@ -25687,13 +25692,26 @@ function TaxClassificationModal(props) {
       }, 500);
     }
   }, [form, props.open]);
+  var layout = {
+    labelCol: {
+      span: 8
+    },
+    wrapperCol: {
+      span: 16
+    }
+  };
   return /*#__PURE__*/React.createElement(Drawer$1, {
     title: "\u5546\u54C1\u548C\u670D\u52A1\u7A0E\u6536\u5206\u7C7B\u7F16\u7801",
     placement: "right",
     open: props.open,
-    width: 503,
+    width: 763,
     onClose: props.onCancel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "taxdetailsbox"
   }, /*#__PURE__*/React.createElement(Form$1, {
+    style: {
+      width: 340
+    },
     form: form
   }, /*#__PURE__*/React.createElement(Form$1.Item, {
     name: 'search'
@@ -25709,7 +25727,42 @@ function TaxClassificationModal(props) {
     switcherIcon: /*#__PURE__*/React.createElement(Icon$1, {
       type: "down"
     })
-  }))));
+  }))), /*#__PURE__*/React.createElement(Card, {
+    style: {
+      width: 418
+    }
+  }, /*#__PURE__*/React.createElement(Form$1, _objectSpread2(_objectSpread2({}, layout), {}, {
+    form: form,
+    initialValues: props.info
+  }), /*#__PURE__*/React.createElement(Form$1.Item, {
+    name: "taxCategoryCode",
+    label: "\u7F16\u7801"
+  }, /*#__PURE__*/React.createElement(Input$1, null)), /*#__PURE__*/React.createElement(Form$1.Item, {
+    name: "productName",
+    label: "\u8D27\u7269\u548C\u52B3\u52A1\u540D\u79F0",
+    rules: [{
+      type: 'email'
+    }]
+  }, /*#__PURE__*/React.createElement(Input$1, null)), /*#__PURE__*/React.createElement(Form$1.Item, {
+    name: "shorthand",
+    label: "\u7B80\u79F0",
+    rules: [{
+      type: 'number',
+      min: 0,
+      max: 99
+    }]
+  }, /*#__PURE__*/React.createElement(Input$1, null)), /*#__PURE__*/React.createElement(Form$1.Item, {
+    name: "desc",
+    label: "\u8BF4\u660E"
+  }, /*#__PURE__*/React.createElement(Input$1.TextArea, null)), /*#__PURE__*/React.createElement(Form$1.Item, {
+    wrapperCol: _objectSpread2(_objectSpread2({}, layout.wrapperCol), {}, {
+      offset: 8
+    })
+  }, /*#__PURE__*/React.createElement(Button$1, {
+    disabled: !((_props$info = props.info) === null || _props$info === void 0 ? void 0 : _props$info.id),
+    type: "primary",
+    onClick: props.onCancel
+  }, "\u786E\u5B9A"))))));
 }
 
 export { Invoice, InvoiceController, InvoiceTypeModal, TaxClassificationModal };

package/dist/index.js

@@ -17883,7 +17883,7 @@ var StakeFarmerholder = GreyReactBox.decorator(ktsComponentsAntdX3.Form.create()
     colon: false,
     className: 'telephone'
   }, getFieldDecorator('sellerPhone', {
-    rules: getRules('sellerPhone', RULES$1.buyerTelPhone('销售方电话'))
+    rules: getRules('sellerPhone', RULES$1.sellerTelPhone('销售方电话'))
   })( /*#__PURE__*/React__default['default'].createElement(MyInput$2, {
     readOnly: isReadOnly('sellerPhone'),
     placeholder: "\u8BF7\u8F93\u5165\u7535\u8BDD",
@@ -25659,7 +25659,12 @@ 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";
+styleInject(css_248z$t);
+
 function TaxClassificationModal(props) {
+  var _props$info;
+
   var _Form$useForm = ktsXui.Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
@@ -25697,13 +25702,26 @@ function TaxClassificationModal(props) {
       }, 500);
     }
   }, [form, props.open]);
+  var layout = {
+    labelCol: {
+      span: 8
+    },
+    wrapperCol: {
+      span: 16
+    }
+  };
   return /*#__PURE__*/React__default['default'].createElement(ktsXui.Drawer, {
     title: "\u5546\u54C1\u548C\u670D\u52A1\u7A0E\u6536\u5206\u7C7B\u7F16\u7801",
     placement: "right",
     open: props.open,
-    width: 503,
+    width: 763,
     onClose: props.onCancel
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "taxdetailsbox"
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Form, {
+    style: {
+      width: 340
+    },
     form: form
   }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
     name: 'search'
@@ -25719,7 +25737,42 @@ function TaxClassificationModal(props) {
     switcherIcon: /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Icon, {
       type: "down"
     })
-  }))));
+  }))), /*#__PURE__*/React__default['default'].createElement(ktsXui.Card, {
+    style: {
+      width: 418
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Form, _objectSpread2(_objectSpread2({}, layout), {}, {
+    form: form,
+    initialValues: props.info
+  }), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
+    name: "taxCategoryCode",
+    label: "\u7F16\u7801"
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Input, null)), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
+    name: "productName",
+    label: "\u8D27\u7269\u548C\u52B3\u52A1\u540D\u79F0",
+    rules: [{
+      type: 'email'
+    }]
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Input, null)), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
+    name: "shorthand",
+    label: "\u7B80\u79F0",
+    rules: [{
+      type: 'number',
+      min: 0,
+      max: 99
+    }]
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Input, null)), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
+    name: "desc",
+    label: "\u8BF4\u660E"
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Input.TextArea, null)), /*#__PURE__*/React__default['default'].createElement(ktsXui.Form.Item, {
+    wrapperCol: _objectSpread2(_objectSpread2({}, layout.wrapperCol), {}, {
+      offset: 8
+    })
+  }, /*#__PURE__*/React__default['default'].createElement(ktsXui.Button, {
+    disabled: !((_props$info = props.info) === null || _props$info === void 0 ? void 0 : _props$info.id),
+    type: "primary",
+    onClick: props.onCancel
+  }, "\u786E\u5B9A"))))));
 }
 
 exports.Invoice = Invoice;

package/package.json

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

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

@@ -193,7 +193,7 @@ export default decorator<IStakeholder, IStakeholder & FormComponentProps>(Form.c
                         <Col span={12} style={{ display: isExpand ? undefined : 'none' }} >
                             <Form.Item label='电话' colon={false} className='telephone' >
                                 {getFieldDecorator('sellerPhone', {
-                                    rules: getRules('sellerPhone', RULES.buyerTelPhone('销售方电话'))
+                                    rules: getRules('sellerPhone', RULES.sellerTelPhone('销售方电话'))
                                 })(<MyInput readOnly={isReadOnly('sellerPhone')} placeholder="请输入电话" autoComplete="off" />)}
                             </Form.Item>
                         </Col>

package/src/TaxClassificationCodeModal/_test/easiest/index.tsx

@@ -8,7 +8,9 @@ export default () => {
 
   const [list, setList] = React.useState<any>([]);
 
-  const updateTreeData = (list: any, key: React.Key, children: any): any => {
+  const [info, setInfo] = React.useState({});
+
+  const updateTreeData = (list: any, key: React.Key, children: any): any => { 
     const demo = list.map((node: any) => {
       if (node.key === key) {
         return {
@@ -27,7 +29,7 @@ export default () => {
     setList(demo);
   }
 
-  const onSearch = React.useCallback(async (value: any = null) => {
+  const onSearch = React.useCallback(async (value: any = null) => { 
     const arr = [
       {
         "id": "3a4eae5278cd428f975d4da278fd18eb",
@@ -51,7 +53,7 @@ export default () => {
         "updateTime": "Tue Jun 20 14:56:46 CST 2023"
       },
       {
-        "id": "3a4eae5278cd428f975d4da278fd18eb",
+        "id": "3a4eae5278cd428f975d4da278fd18db",
         "taxCategoryCode": "410000000000000000",
         "productName": "手机服务",
         "shorthand": "手机服务",
@@ -88,7 +90,7 @@ export default () => {
     setList(list);
   }, []);
 
-  const onLoad = React.useCallback(async (value?: any) => {
+  const onLoad = React.useCallback(async (value?: any) => { 
     const arr = [
       {
         "id": "3a4eae5278cd428f975d4da278fd18eb",
@@ -112,8 +114,8 @@ export default () => {
         "updateTime": "Tue Jun 20 14:56:46 CST 2023"
       },
       {
-        "id": "3a4eae5278cd428f975d4da278fd18eb",
-        "taxCategoryCode": "000002000000000000",
+        "id": "3a4eae5278cd428f975d4da278fd18db",
+        "taxCategoryCode": "000002000000000001",
         "productName": "子任务2",
         "shorthand": "手机服务",
         "specification": null,
@@ -140,8 +142,7 @@ export default () => {
         key: item.taxCategoryCode,
         selectable: false
       }
-    });
-
+    }); 
     if(value?.key) {
       setList((origin: any)=> {
         updateTreeData(origin, value.key, data)
@@ -157,8 +158,9 @@ export default () => {
     setOpen(true);
   }, []);
 
-  const onSelect = React.useCallback((key: any, info: any) => {
-    setOpen(false);
+  const onSelect = React.useCallback((key: any, info: any) => { 
+    setInfo(info.node);
+    // setOpen(false);
   }, []);
 
     return (
@@ -167,6 +169,7 @@ export default () => {
             <TaxClassificationModal
               list={list}
               open={open}
+              info={info}
               onSelect={onSelect}
               onCancel={()=> {setOpen(false)}}
               onSearch={onSearch}

package/src/TaxClassificationCodeModal/index.less

@@ -0,0 +1,5 @@
+.taxdetailsbox{
+    display: flex;
+    justify-content:flex-start;
+    flex-direction: row;
+}

package/src/TaxClassificationCodeModal/index.tsx

@@ -1,9 +1,9 @@
 
 import React from "react";
-import { Drawer, Input, Tree, Form } from "kts-xui";
+import { Drawer, Input, Tree, Form, Button, Card } from "kts-xui";
 import { Icon } from "kts-components-antd-x3";
 import {IFormValues} from "@/InvoiceTypeModal";
-
+import './index.less';
 export interface TaxClassificationProps {
 
     /** 是否开启 */
@@ -23,6 +23,9 @@ export interface TaxClassificationProps {
 
     /** 点击了搜索 */
     onSearch?: (value?: any) => void;
+
+    /** 被选中的信息 */
+    info?: any;
 }
 
 export default function TaxClassificationModal(props: TaxClassificationProps) {
@@ -43,32 +46,62 @@ export default function TaxClassificationModal(props: TaxClassificationProps) {
       }
     }, [form, props.open])
 
+    const layout = {
+      labelCol: { span: 8 },
+      wrapperCol: { span: 16 },
+    };
     return (
       <Drawer
         title="商品和服务税收分类编码"
         placement="right"
         open={props.open}
-        width={503}
+        width={763}
         onClose={props.onCancel}
       >
-        <Form
-          form={form}
-        >
-          <Form.Item name='search'>
-            <Input
-              placeholder="请输入税收分类编码、税收分类名称进行检索"
-              onChange={searchTax}
-            />
-          </Form.Item>
-          <Form.Item name='tree'>
-            <Tree
-              onSelect={props.onSelect}
-              loadData={props.onLoad}
-              treeData={props.list}
-              switcherIcon={<Icon type="down" />}
-            />
-          </Form.Item>
-        </Form>
+        <div className="taxdetailsbox">
+          <Form
+            style={{width: 340}}
+            form={form}
+          >
+            <Form.Item name='search'>
+              <Input
+                placeholder="请输入税收分类编码、税收分类名称进行检索"
+                onChange={searchTax}
+              />
+            </Form.Item>
+            <Form.Item name='tree'>
+              <Tree
+                onSelect={props.onSelect}
+                loadData={props.onLoad}
+                treeData={props.list}
+                switcherIcon={<Icon type="down" />}
+              />
+            </Form.Item>
+          </Form> 
+          <Card 
+            style={{ width: 418 }} 
+          >
+            <Form {...layout} form={form} initialValues={props.info}>
+              <Form.Item name={"taxCategoryCode"} label="编码">
+                  <Input />
+                </Form.Item>
+                <Form.Item name={"productName"} label="货物和劳务名称" rules={[{ type: 'email' }]}>
+                  <Input />
+                </Form.Item>
+                <Form.Item name={"shorthand"} label="简称" rules={[{ type: 'number', min: 0, max: 99 }]}>
+                  <Input />
+                </Form.Item> 
+                <Form.Item name={"desc"} label="说明">
+                  <Input.TextArea />
+                </Form.Item>
+                <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 8 }}>
+                  <Button disabled={ !props.info?.id}  type="primary" onClick={props.onCancel}>
+                    确定
+                  </Button>
+                </Form.Item>
+              </Form>
+          </Card> 
+        </div>
       </Drawer>
     )
 }