kts-component-invoice-operate 3.1.2 → 3.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/.dumi/theme/builtins/API.tsx +66 -66
  2. package/.editorconfig +16 -16
  3. package/.fatherrc.ts +4 -4
  4. package/.prettierignore +7 -7
  5. package/.prettierrc +11 -11
  6. package/.umirc.ts +8 -8
  7. package/README.md +5 -5
  8. package/dist/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/IGood/index.d.ts +2 -2
  9. package/dist/Invoice/ui/GoodsList/hook/useColumns/autoFillFn/index.d.ts +1 -1
  10. package/dist/index.esm.js +2715 -3859
  11. package/dist/index.js +2715 -3859
  12. package/docs/index.md +5 -5
  13. package/docs-dist/umi.js +1 -1
  14. package/index.html +12 -12
  15. package/package.json +59 -59
  16. package/src/Invoice/InvoiceController/InvoiceControllerForm/index.ts +94 -94
  17. package/src/Invoice/InvoiceController/InvoiceControllerState/BuyerState/index.tsx +88 -88
  18. package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/EndowCode/index.tsx +90 -90
  19. package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/IColumnsReplenish/index.ts +10 -10
  20. package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/IGood/index.ts +72 -72
  21. package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/ImportGoods/index.ts +80 -80
  22. package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType/index.ts +5 -5
  23. package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/ProductComparison/index.ts +9 -9
  24. package/src/Invoice/InvoiceController/InvoiceControllerState/GoodsListState/index.ts +88 -88
  25. package/src/Invoice/InvoiceController/InvoiceControllerState/index.ts +42 -42
  26. package/src/Invoice/InvoiceController/fns/addGood.ts +11 -11
  27. package/src/Invoice/InvoiceController/fns/addGoodDiscount.ts +125 -125
  28. package/src/Invoice/InvoiceController/fns/delGood.ts +43 -43
  29. package/src/Invoice/InvoiceController/fns/getGoodsSearch.ts +23 -23
  30. package/src/Invoice/InvoiceController/fns/saveEditGood.ts +23 -23
  31. package/src/Invoice/InvoiceController/fns/setEditGood.ts +16 -16
  32. package/src/Invoice/InvoiceController/fns/setGoods.ts +10 -10
  33. package/src/Invoice/InvoiceController/fns/updateInvoiceNo.ts +8 -8
  34. package/src/Invoice/InvoiceController/index.ts +61 -61
  35. package/src/Invoice/_test/buyerNameSearch/index.tsx +41 -41
  36. package/src/Invoice/_test/deduction/index.tsx +935 -935
  37. package/src/Invoice/_test/draft/index.tsx +40 -40
  38. package/src/Invoice/_test/easiest/index.tsx +5 -5
  39. package/src/Invoice/_test/endowCode/index.tsx +1095 -1095
  40. package/src/Invoice/_test/goodsMenuExpand/index.tsx +32 -32
  41. package/src/Invoice/_test/importBuyer/index.tsx +74 -74
  42. package/src/Invoice/_test/importGoods/index.tsx +515 -515
  43. package/src/Invoice/_test/invoiceType/index.tsx +59 -59
  44. package/src/Invoice/_test/isInvoiceNo/index.tsx +12 -12
  45. package/src/Invoice/_test/replaceHead/index.tsx +22 -22
  46. package/src/Invoice/_test/retrieveData/index.tsx +22 -22
  47. package/src/Invoice/_test/seller/index.tsx +28 -28
  48. package/src/Invoice/_test/setDataSource/index.tsx +22 -22
  49. package/src/Invoice/_test/unit/index.tsx +19 -19
  50. package/src/Invoice/index.less +12 -12
  51. package/src/Invoice/index.md +53 -53
  52. package/src/Invoice/index.tsx +104 -104
  53. package/src/Invoice/tools/calculate/index.ts +97 -97
  54. package/src/Invoice/tools/coolingFn/index.ts +17 -17
  55. package/src/Invoice/tools/evaluate/index.ts +7 -7
  56. package/src/Invoice/tools/idGenerator/index.ts +2 -2
  57. package/src/Invoice/tools/itemName/index.ts +46 -46
  58. package/src/Invoice/tools/lazyFn/index.ts +19 -19
  59. package/src/Invoice/tools/strringFn/index.ts +40 -40
  60. package/src/Invoice/ui/AddComparisonDrawer/index.tsx +149 -149
  61. package/src/Invoice/ui/Buyer/index.less +219 -219
  62. package/src/Invoice/ui/Buyer/index.tsx +114 -114
  63. package/src/Invoice/ui/Buyer/ui/BuyerNameInput/index.tsx +166 -166
  64. package/src/Invoice/ui/Buyer/ui/ImportBuyerButton/index.tsx +21 -21
  65. package/src/Invoice/ui/EndowCodeDrawer/index.less +8 -8
  66. package/src/Invoice/ui/EndowCodeDrawer/index.tsx +441 -441
  67. package/src/Invoice/ui/GoodsList/hook/useColumns/autoFillFn/index.ts +490 -490
  68. package/src/Invoice/ui/GoodsList/hook/useColumns/index.tsx +603 -603
  69. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/ItemNameInput/index.less +9 -9
  70. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/ItemNameInput/index.tsx +34 -34
  71. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowEditButton/index.tsx +30 -30
  72. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowMenu/hook/_useAddComparison/index.tsx +43 -43
  73. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowMenu/hook/useAddDiscount/index.tsx +76 -76
  74. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowMenu/hook/useDelItem/index.tsx +35 -35
  75. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowMenu/hook/useEndowCode/index.tsx +34 -34
  76. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowMenu/index.less +13 -13
  77. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowMenu/index.tsx +98 -98
  78. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/RowSaveButton/index.tsx +14 -14
  79. package/src/Invoice/ui/GoodsList/hook/useColumns/ui/TitleText/index.tsx +20 -20
  80. package/src/Invoice/ui/GoodsList/hook/useDeduction/index.tsx +24 -24
  81. package/src/Invoice/ui/GoodsList/hook/useOnRow/index.tsx +39 -39
  82. package/src/Invoice/ui/GoodsList/hook/useRowSelection/index.tsx +111 -111
  83. package/src/Invoice/ui/GoodsList/hook/useToGenerateId/index.ts +8 -8
  84. package/src/Invoice/ui/GoodsList/hook/useWindowClick/index.tsx +23 -23
  85. package/src/Invoice/ui/GoodsList/index.less +170 -170
  86. package/src/Invoice/ui/GoodsList/index.tsx +177 -177
  87. package/src/Invoice/ui/GoodsList/ui/AddRowButton/index.tsx +61 -61
  88. package/src/Invoice/ui/GoodsList/ui/BulkMenu/hooks/useAddDiscountRowButton/index.less +21 -21
  89. package/src/Invoice/ui/GoodsList/ui/BulkMenu/hooks/useAddDiscountRowButton/index.tsx +244 -244
  90. package/src/Invoice/ui/GoodsList/ui/BulkMenu/hooks/useCommodityComparisonButton/index.tsx +75 -75
  91. package/src/Invoice/ui/GoodsList/ui/BulkMenu/hooks/useDelRowButton/index.tsx +66 -66
  92. package/src/Invoice/ui/GoodsList/ui/BulkMenu/hooks/useEndowCodeButton/index.tsx +58 -58
  93. package/src/Invoice/ui/GoodsList/ui/BulkMenu/index.tsx +37 -37
  94. package/src/Invoice/ui/GoodsList/ui/DescribeSwitch/index.tsx +36 -36
  95. package/src/Invoice/ui/GoodsList/ui/Search/index.less +10 -10
  96. package/src/Invoice/ui/GoodsList/ui/Search/index.tsx +50 -50
  97. package/src/Invoice/ui/GoodsList/ui/Statistics/index.less +18 -18
  98. package/src/Invoice/ui/GoodsList/ui/Statistics/index.tsx +109 -109
  99. package/src/Invoice/ui/GoodsList/ui/TableRow/index.tsx +27 -27
  100. package/src/Invoice/ui/GoodsList/ui/TableVirtual/index.less +38 -38
  101. package/src/Invoice/ui/GoodsList/ui/TableVirtual/index.tsx +105 -105
  102. package/src/Invoice/ui/GoodsList/ui/TableVirtual.o/index.less +44 -44
  103. package/src/Invoice/ui/GoodsList/ui/TableVirtual.o/index.tsx +96 -96
  104. package/src/Invoice/ui/GoodsList/ui/TaxIncludedSwitch/index.tsx +30 -30
  105. package/src/Invoice/ui/ImportBuyerDrawer/index.tsx +75 -75
  106. package/src/Invoice/ui/ImportGoodsDrawer/index.tsx +174 -174
  107. package/src/Invoice/ui/InvoiceHeader/index.less +68 -68
  108. package/src/Invoice/ui/InvoiceHeader/index.tsx +246 -246
  109. package/src/Invoice/ui/Seller/index.less +113 -113
  110. package/src/Invoice/ui/Seller/index.tsx +98 -98
  111. package/src/Invoice/ui/Sign/index.less +14 -14
  112. package/src/Invoice/ui/Sign/index.tsx +71 -71
  113. package/src/index.ts +6 -6
  114. package/tsconfig.json +31 -31
  115. package/typings.d.ts +3 -3
  116. package/yarn.e.lock +14331 -14331
  117. package/yarn.o.lock +14800 -14800
@@ -1,244 +1,244 @@
1
- /**
2
- * 折扣率 含税金额 不含税金额
3
- *
4
- * 含税折扣额 = 含税金额 * 折扣率
5
- * 不含税扣额 = 含税折扣额 / (1+税率)
6
- * 折扣税额 = 含税折扣额 - 不含税扣额
7
- */
8
-
9
- import React from 'react';
10
- import { Button, Drawer, Form, message, Input, Typography, Menu } from 'kts-components-antd-x3';
11
- import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
12
- import { all, create } from 'mathjs';
13
- import { decorator } from 'grey-react-box';
14
- import Invoice from '../../../../../../';
15
- import lazyFn from '../../../../../../tools/lazyFn';
16
- import LineAttributeType from '../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
17
- import evaluate from '../../../../../../../Invoice/tools/evaluate';
18
- import './index.less';
19
-
20
- const { Text } = Typography;
21
- const { chain } = create(all, { number: 'BigNumber', precision: 20 }) as any;
22
-
23
- export default () => {
24
- /** 控制器 */
25
- const controller = Invoice.useInvoiceController();
26
-
27
- const model = controller.useMemo(s => s.model, []);
28
-
29
- /** 是否能添加折扣行 */
30
- const isAddDiscount = controller.useMemo(s => s.goodsListState.isAddDiscount, []);
31
-
32
- /** 是否开启抽屉 */
33
- const visible = controller.useMemo(s => s.goodsListState.discountGoodIndex.length > 0, []);
34
-
35
- /** 是否禁用 按钮 */
36
- const disabled = controller.useMemo((s) => {
37
- if (s.goodsListState.selectedGoodIndex.length <= 0) {
38
- return true;
39
- }
40
-
41
- return s.goodsListState.selectedGoodIndex.some((e) => {
42
- const good = s.goodsListState.goodsMap.get(e);
43
- if (!good) return true;
44
- return good.lineAttribute !== LineAttributeType.正常;
45
- });
46
- }, []);
47
-
48
- /** 关闭抽屉 */
49
- const onClose = React.useCallback(() => {
50
- controller.pipeline(async (s) => {
51
- s.goodsListState.discountGoodIndex = [];
52
- })();
53
- }, []);
54
-
55
- /** 点击了 添加折扣行 按钮 */
56
- const onClick = React.useCallback(async () => {
57
- await controller.saveEditGood();
58
- await controller.wait();
59
- await controller.pipeline(async (s) => {
60
-
61
- let isOk = s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0;
62
- if (isOk) {
63
- message.error({ content: '不能给编辑状态的行增加折扣!', key: '不能给编辑状态的行增加折扣!' });
64
- return;
65
- }
66
-
67
- isOk = s.goodsListState.selectedGoodIndex.some($index => {
68
- const good = s.goodsListState.goodsMap.get($index);
69
- return !good || (good.taxRate === 0 && !good.taxFreeType)
70
- })
71
- if (isOk) {
72
- message.error({ content: '零税率需要设置免税类型,请在赋码中设置!', key: '零税率需要设置免税类型,请在赋码中设置!' });
73
- return;
74
- }
75
-
76
- isOk = s.goodsListState.selectedGoodIndex.some($index => {
77
- const good = s.goodsListState.goodsMap.get($index);
78
- return `${good?.lineAmountIncludeTax}` === '0'
79
- })
80
- if (isOk) {
81
- message.error({ content: '金额为0不能添加折扣行', key: '金额为0不能添加折扣行' });
82
- return;
83
- }
84
-
85
- s.goodsListState.discountGoodIndex = s.goodsListState.selectedGoodIndex.slice();
86
- })();
87
- }, [controller]);
88
-
89
- const menuItem = React.useMemo(() => {
90
- return model === 'prefab' ? <></> : isAddDiscount !== false ? (
91
- <Menu.Item key="0" onClick={onClick} disabled={disabled}>
92
- 添加折扣行
93
- </Menu.Item>
94
- ) : undefined
95
- }, [isAddDiscount, disabled, onClick])
96
-
97
- const drawer = React.useMemo(() => {
98
- return (
99
- <Drawer
100
- className="kts-invoice-operate-goods-list-add-discount-row"
101
- width={540}
102
- title="添加折扣行"
103
- placement="right"
104
- destroyOnClose={true}
105
- onClose={onClose}
106
- visible={visible}
107
- >
108
- <DrawerBody />
109
- </Drawer>
110
- )
111
- }, [visible, onClose])
112
-
113
- return { menuItem, drawer }
114
- };
115
-
116
- const DrawerBody = decorator<{}, FormComponentProps>(Form.create())((props) => {
117
- const { form } = props;
118
-
119
- const { getFieldDecorator } = form;
120
-
121
- const controller = Invoice.useInvoiceController();
122
-
123
- /** 选中的货物索引列表 */
124
- const discountGoodIndex = controller.useMemo(s => s.goodsListState.discountGoodIndex, []);
125
-
126
- /** 金额合计 */
127
- const lineAmountSum = controller.useMemo((s) => {
128
- let sum = chain(0);
129
- if (s.goodsListState.isTaxIncluded) {
130
- s.goodsListState.discountGoodIndex.forEach((e) => {
131
- const goods = s.goodsListState.goodsMap.get(e);
132
- sum = sum.add(goods?.lineAmountIncludeTax || 0);
133
- });
134
- } else {
135
- s.goodsListState.discountGoodIndex.forEach((e) => {
136
- const goods = s.goodsListState.goodsMap.get(e);
137
- sum = sum.add(goods?.lineAmountExcludeTax || 0);
138
- });
139
- }
140
- return sum.done();
141
- }, []);
142
-
143
- /** 关闭抽屉 */
144
- const onClose = React.useCallback(() => {
145
- controller.pipeline(async (s) => { s.goodsListState.discountGoodIndex = [] })();
146
- }, []);
147
-
148
- /** 点击了保存 */
149
- const onClickSave = React.useCallback(() => {
150
- form.validateFields((err, values) => {
151
- if (err) return;
152
- const discolineAmountunt = parseFloat(parseFloat(values.discolineAmountunt).toFixed(2));
153
- const discount = parseFloat(parseFloat(values.discount).toFixed(4));
154
- const indexList = discountGoodIndex;
155
- controller.pipeline(async s => { s.goodsListState.discountGoodIndex = []; })();
156
- controller.addGoodDiscount({ indexList, discount, discolineAmountunt });
157
- });
158
- }, [controller, form, discountGoodIndex]);
159
-
160
- /** 折扣率变化 */
161
- const onChangeDiscount = React.useCallback(
162
- lazyFn((e: React.ChangeEvent<HTMLInputElement>) => {
163
- form.validateFields((err, values) => {
164
- if (err && err.discount) return;
165
- const discolineAmountunt = evaluate(`${lineAmountSum} * (${values.discount}/100)`).toFixed(2);
166
- form.setFieldsValue({ discolineAmountunt });
167
- });
168
- }, 300),
169
- [form, lineAmountSum],
170
- );
171
-
172
- /** 折扣变化 */
173
- const onChangeDiscolineAmountunt = React.useCallback(
174
- lazyFn((e: React.ChangeEvent<HTMLInputElement>) => {
175
- form.validateFields((err, values) => {
176
- if (err && err.discolineAmountunt) return;
177
- const discolineAmountunt = parseFloat(values.discolineAmountunt).toFixed(2);
178
- const discount = evaluate(`(${discolineAmountunt} / ${lineAmountSum}) * 100`).toFixed(4);
179
- form.setFieldsValue({ discount });
180
- });
181
- }, 300),
182
- [form, lineAmountSum],
183
- );
184
-
185
- return (
186
- <>
187
- <div className="add-discount-row-body">
188
- <p>
189
- 当前选择<Text type="danger">{discountGoodIndex.length}</Text>
190
- 行被折扣商品行,金额合计¥
191
- <Text type="danger">{lineAmountSum.toFixed(2)}</Text>
192
- </p>
193
- <Form.Item label="折扣率:">
194
- {getFieldDecorator('discount', {
195
- rules: [
196
- { required: true, message: '请输入折扣金额' },
197
- { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: '请输入数字' },
198
- {
199
- validator: (_, value: string, callback) => {
200
- if (!value) { callback(); return; }
201
- if (!value.match(/^[+-]?(0|([1-9]\d*))(\.\d+)?$/)?.length) { callback(); return; }
202
- if (parseFloat(value) > 100 || parseFloat(value) < 0) { callback('请输入大于0小于100的数字'); }
203
- callback();
204
- },
205
- },
206
- ],
207
- })(
208
- <Input
209
- placeholder="请输入大于0小于100的数字"
210
- suffix="%"
211
- onChange={onChangeDiscount}
212
- />,
213
- )}
214
- </Form.Item>
215
- <Form.Item label="折扣金额:">
216
- {getFieldDecorator('discolineAmountunt', {
217
- rules: [
218
- { required: true, message: '请输入折扣金额' },
219
- { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: '请输入数字' },
220
- {
221
- validator: (_, value: string, callback) => {
222
- if (!value) { callback(); return; }
223
- if (!value.match(/^[+-]?(0|([1-9]\d*))(\.\d+)?$/)?.length) { callback(); return; }
224
- if (parseFloat(value) > lineAmountSum || parseFloat(value) < 0) { callback('请输入大于0小于金额合计的数字'); }
225
- callback();
226
- },
227
- },
228
- ],
229
- })(
230
- <Input
231
- placeholder="请输入大于0小于金额合计的数字"
232
- suffix="¥"
233
- onChange={onChangeDiscolineAmountunt}
234
- />,
235
- )}
236
- </Form.Item>
237
- </div>
238
- <div className="add-discount-row-footer">
239
- <Button block style={{ marginBottom: 12 }} onClick={onClose}>取消</Button>
240
- <Button type="primary" block onClick={onClickSave}>保存</Button>
241
- </div>
242
- </>
243
- );
244
- });
1
+ /**
2
+ * 折扣率 含税金额 不含税金额
3
+ *
4
+ * 含税折扣额 = 含税金额 * 折扣率
5
+ * 不含税扣额 = 含税折扣额 / (1+税率)
6
+ * 折扣税额 = 含税折扣额 - 不含税扣额
7
+ */
8
+
9
+ import React from 'react';
10
+ import { Button, Drawer, Form, message, Input, Typography, Menu } from 'kts-components-antd-x3';
11
+ import { FormComponentProps } from 'kts-components-antd-x3/lib/form';
12
+ import { all, create } from 'mathjs';
13
+ import { decorator } from 'grey-react-box';
14
+ import Invoice from '../../../../../../';
15
+ import lazyFn from '../../../../../../tools/lazyFn';
16
+ import LineAttributeType from '../../../../../../InvoiceController/InvoiceControllerState/GoodsListState/LineAttributeType';
17
+ import evaluate from '../../../../../../../Invoice/tools/evaluate';
18
+ import './index.less';
19
+
20
+ const { Text } = Typography;
21
+ const { chain } = create(all, { number: 'BigNumber', precision: 20 }) as any;
22
+
23
+ export default () => {
24
+ /** 控制器 */
25
+ const controller = Invoice.useInvoiceController();
26
+
27
+ const model = controller.useMemo(s => s.model, []);
28
+
29
+ /** 是否能添加折扣行 */
30
+ const isAddDiscount = controller.useMemo(s => s.goodsListState.isAddDiscount, []);
31
+
32
+ /** 是否开启抽屉 */
33
+ const visible = controller.useMemo(s => s.goodsListState.discountGoodIndex.length > 0, []);
34
+
35
+ /** 是否禁用 按钮 */
36
+ const disabled = controller.useMemo((s) => {
37
+ if (s.goodsListState.selectedGoodIndex.length <= 0) {
38
+ return true;
39
+ }
40
+
41
+ return s.goodsListState.selectedGoodIndex.some((e) => {
42
+ const good = s.goodsListState.goodsMap.get(e);
43
+ if (!good) return true;
44
+ return good.lineAttribute !== LineAttributeType.正常;
45
+ });
46
+ }, []);
47
+
48
+ /** 关闭抽屉 */
49
+ const onClose = React.useCallback(() => {
50
+ controller.pipeline(async (s) => {
51
+ s.goodsListState.discountGoodIndex = [];
52
+ })();
53
+ }, []);
54
+
55
+ /** 点击了 添加折扣行 按钮 */
56
+ const onClick = React.useCallback(async () => {
57
+ await controller.saveEditGood();
58
+ await controller.wait();
59
+ await controller.pipeline(async (s) => {
60
+
61
+ let isOk = s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0;
62
+ if (isOk) {
63
+ message.error({ content: '不能给编辑状态的行增加折扣!', key: '不能给编辑状态的行增加折扣!' });
64
+ return;
65
+ }
66
+
67
+ isOk = s.goodsListState.selectedGoodIndex.some($index => {
68
+ const good = s.goodsListState.goodsMap.get($index);
69
+ return !good || (good.taxRate === 0 && !good.taxFreeType)
70
+ })
71
+ if (isOk) {
72
+ message.error({ content: '零税率需要设置免税类型,请在赋码中设置!', key: '零税率需要设置免税类型,请在赋码中设置!' });
73
+ return;
74
+ }
75
+
76
+ isOk = s.goodsListState.selectedGoodIndex.some($index => {
77
+ const good = s.goodsListState.goodsMap.get($index);
78
+ return `${good?.lineAmountIncludeTax}` === '0'
79
+ })
80
+ if (isOk) {
81
+ message.error({ content: '金额为0不能添加折扣行', key: '金额为0不能添加折扣行' });
82
+ return;
83
+ }
84
+
85
+ s.goodsListState.discountGoodIndex = s.goodsListState.selectedGoodIndex.slice();
86
+ })();
87
+ }, [controller]);
88
+
89
+ const menuItem = React.useMemo(() => {
90
+ return model === 'prefab' ? <></> : isAddDiscount !== false ? (
91
+ <Menu.Item key="0" onClick={onClick} disabled={disabled}>
92
+ 添加折扣行
93
+ </Menu.Item>
94
+ ) : undefined
95
+ }, [isAddDiscount, disabled, onClick])
96
+
97
+ const drawer = React.useMemo(() => {
98
+ return (
99
+ <Drawer
100
+ className="kts-invoice-operate-goods-list-add-discount-row"
101
+ width={540}
102
+ title="添加折扣行"
103
+ placement="right"
104
+ destroyOnClose={true}
105
+ onClose={onClose}
106
+ visible={visible}
107
+ >
108
+ <DrawerBody />
109
+ </Drawer>
110
+ )
111
+ }, [visible, onClose])
112
+
113
+ return { menuItem, drawer }
114
+ };
115
+
116
+ const DrawerBody = decorator<{}, FormComponentProps>(Form.create())((props) => {
117
+ const { form } = props;
118
+
119
+ const { getFieldDecorator } = form;
120
+
121
+ const controller = Invoice.useInvoiceController();
122
+
123
+ /** 选中的货物索引列表 */
124
+ const discountGoodIndex = controller.useMemo(s => s.goodsListState.discountGoodIndex, []);
125
+
126
+ /** 金额合计 */
127
+ const lineAmountSum = controller.useMemo((s) => {
128
+ let sum = chain(0);
129
+ if (s.goodsListState.isTaxIncluded) {
130
+ s.goodsListState.discountGoodIndex.forEach((e) => {
131
+ const goods = s.goodsListState.goodsMap.get(e);
132
+ sum = sum.add(goods?.lineAmountIncludeTax || 0);
133
+ });
134
+ } else {
135
+ s.goodsListState.discountGoodIndex.forEach((e) => {
136
+ const goods = s.goodsListState.goodsMap.get(e);
137
+ sum = sum.add(goods?.lineAmountExcludeTax || 0);
138
+ });
139
+ }
140
+ return sum.done();
141
+ }, []);
142
+
143
+ /** 关闭抽屉 */
144
+ const onClose = React.useCallback(() => {
145
+ controller.pipeline(async (s) => { s.goodsListState.discountGoodIndex = [] })();
146
+ }, []);
147
+
148
+ /** 点击了保存 */
149
+ const onClickSave = React.useCallback(() => {
150
+ form.validateFields((err, values) => {
151
+ if (err) return;
152
+ const discolineAmountunt = parseFloat(parseFloat(values.discolineAmountunt).toFixed(2));
153
+ const discount = parseFloat(parseFloat(values.discount).toFixed(4));
154
+ const indexList = discountGoodIndex;
155
+ controller.pipeline(async s => { s.goodsListState.discountGoodIndex = []; })();
156
+ controller.addGoodDiscount({ indexList, discount, discolineAmountunt });
157
+ });
158
+ }, [controller, form, discountGoodIndex]);
159
+
160
+ /** 折扣率变化 */
161
+ const onChangeDiscount = React.useCallback(
162
+ lazyFn((e: React.ChangeEvent<HTMLInputElement>) => {
163
+ form.validateFields((err, values) => {
164
+ if (err && err.discount) return;
165
+ const discolineAmountunt = evaluate(`${lineAmountSum} * (${values.discount}/100)`).toFixed(2);
166
+ form.setFieldsValue({ discolineAmountunt });
167
+ });
168
+ }, 300),
169
+ [form, lineAmountSum],
170
+ );
171
+
172
+ /** 折扣变化 */
173
+ const onChangeDiscolineAmountunt = React.useCallback(
174
+ lazyFn((e: React.ChangeEvent<HTMLInputElement>) => {
175
+ form.validateFields((err, values) => {
176
+ if (err && err.discolineAmountunt) return;
177
+ const discolineAmountunt = parseFloat(values.discolineAmountunt).toFixed(2);
178
+ const discount = evaluate(`(${discolineAmountunt} / ${lineAmountSum}) * 100`).toFixed(4);
179
+ form.setFieldsValue({ discount });
180
+ });
181
+ }, 300),
182
+ [form, lineAmountSum],
183
+ );
184
+
185
+ return (
186
+ <>
187
+ <div className="add-discount-row-body">
188
+ <p>
189
+ 当前选择<Text type="danger">{discountGoodIndex.length}</Text>
190
+ 行被折扣商品行,金额合计¥
191
+ <Text type="danger">{lineAmountSum.toFixed(2)}</Text>
192
+ </p>
193
+ <Form.Item label="折扣率:">
194
+ {getFieldDecorator('discount', {
195
+ rules: [
196
+ { required: true, message: '请输入折扣金额' },
197
+ { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: '请输入数字' },
198
+ {
199
+ validator: (_, value: string, callback) => {
200
+ if (!value) { callback(); return; }
201
+ if (!value.match(/^[+-]?(0|([1-9]\d*))(\.\d+)?$/)?.length) { callback(); return; }
202
+ if (parseFloat(value) > 100 || parseFloat(value) < 0) { callback('请输入大于0小于100的数字'); }
203
+ callback();
204
+ },
205
+ },
206
+ ],
207
+ })(
208
+ <Input
209
+ placeholder="请输入大于0小于100的数字"
210
+ suffix="%"
211
+ onChange={onChangeDiscount}
212
+ />,
213
+ )}
214
+ </Form.Item>
215
+ <Form.Item label="折扣金额:">
216
+ {getFieldDecorator('discolineAmountunt', {
217
+ rules: [
218
+ { required: true, message: '请输入折扣金额' },
219
+ { pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/, message: '请输入数字' },
220
+ {
221
+ validator: (_, value: string, callback) => {
222
+ if (!value) { callback(); return; }
223
+ if (!value.match(/^[+-]?(0|([1-9]\d*))(\.\d+)?$/)?.length) { callback(); return; }
224
+ if (parseFloat(value) > lineAmountSum || parseFloat(value) < 0) { callback('请输入大于0小于金额合计的数字'); }
225
+ callback();
226
+ },
227
+ },
228
+ ],
229
+ })(
230
+ <Input
231
+ placeholder="请输入大于0小于金额合计的数字"
232
+ suffix="¥"
233
+ onChange={onChangeDiscolineAmountunt}
234
+ />,
235
+ )}
236
+ </Form.Item>
237
+ </div>
238
+ <div className="add-discount-row-footer">
239
+ <Button block style={{ marginBottom: 12 }} onClick={onClose}>取消</Button>
240
+ <Button type="primary" block onClick={onClickSave}>保存</Button>
241
+ </div>
242
+ </>
243
+ );
244
+ });
@@ -1,75 +1,75 @@
1
- import React from 'react';
2
- import { Menu, message } from 'kts-components-antd-x3';
3
- import coolingFn from '../../../../../../tools/coolingFn'
4
- import { getSN, setShorthand } from '../../../../../../tools/itemName'
5
- import { Invoice, IGood } from '../../../../../../../';
6
-
7
- export default () => {
8
-
9
- const controller = Invoice.useInvoiceController();
10
-
11
- const { onComply } = controller.useMemo(s => s.goodsListState.productComparison, [])
12
-
13
- /** 是否禁用 */
14
- const disabled = controller.useMemo(s => s.goodsListState.selectedGoodIndex.length <= 0, []);
15
-
16
- /** 点击了 */
17
- const onClick = React.useCallback(async () => {
18
- await controller.saveEditGood();
19
- await controller.wait();
20
- await controller.run(async s => {
21
-
22
- // 不能给正在编辑的货物对照
23
- if (s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0) {
24
- coolingFn('不能给正在编辑的货物执行商品对照', 3000, () => { message.error('不能给正在编辑的货物执行商品对照') });
25
- return;
26
- }
27
-
28
- if (!s.goodsListState?.productComparison?.onComply) return;
29
-
30
- const goods = s.goodsListState.selectedGoodIndex.map(e => {
31
- const t = s.goodsListState.goodsMap.get(e);
32
- if (!t) return undefined;
33
-
34
- return {
35
- ...t,
36
- itemName: getSN(t.itemName)?.full,
37
- itemNameSelf: getSN(t.itemNameSelf)?.full,
38
- } as IGood
39
- }).filter(e => !!e) as IGood[]
40
-
41
-
42
- // 比对后的商品
43
- const newGoods = await s.goodsListState.productComparison.onComply(goods);
44
-
45
- newGoods.forEach(e => {
46
- const vt = s.goodsListState.goodsMap.get(e.$index);
47
- if (!vt) return undefined;
48
-
49
- vt.itemName = e.itemName ? setShorthand(e.itemName, getSN(vt.itemName)?.shorthand) : vt.itemName;
50
- vt.itemNameSelf = e.itemNameSelf ? setShorthand(e.itemNameSelf, getSN(vt.itemNameSelf)?.shorthand) : vt.itemNameSelf;
51
-
52
- vt.itemModelName = e.itemModelName ? e.itemModelName : vt.itemModelName;
53
- vt.itemModelNameSelf = e.itemModelNameSelf ? e.itemModelNameSelf : vt.itemModelNameSelf;
54
-
55
- vt.itemCode = e.itemCode ? e.itemCode : vt.itemCode;
56
- vt.itemCodeSelf = e.itemCodeSelf ? e.itemCodeSelf : vt.itemCodeSelf;
57
- })
58
- })
59
- }, [])
60
-
61
-
62
- const menuItem = React.useMemo(() => {
63
-
64
- // 没用 执行商品对照 的方法 不显示按钮
65
- if (!onComply) return <></>;
66
-
67
- return (
68
- <Menu.Item key="3" disabled={disabled} onClick={onClick} >
69
- 商品映射
70
- </Menu.Item>
71
- );
72
- }, [disabled, onClick, onComply])
73
-
74
- return { menuItem }
75
- };
1
+ import React from 'react';
2
+ import { Menu, message } from 'kts-components-antd-x3';
3
+ import coolingFn from '../../../../../../tools/coolingFn'
4
+ import { getSN, setShorthand } from '../../../../../../tools/itemName'
5
+ import { Invoice, IGood } from '../../../../../../../';
6
+
7
+ export default () => {
8
+
9
+ const controller = Invoice.useInvoiceController();
10
+
11
+ const { onComply } = controller.useMemo(s => s.goodsListState.productComparison, [])
12
+
13
+ /** 是否禁用 */
14
+ const disabled = controller.useMemo(s => s.goodsListState.selectedGoodIndex.length <= 0, []);
15
+
16
+ /** 点击了 */
17
+ const onClick = React.useCallback(async () => {
18
+ await controller.saveEditGood();
19
+ await controller.wait();
20
+ await controller.run(async s => {
21
+
22
+ // 不能给正在编辑的货物对照
23
+ if (s.goodsListState.editGood && s.goodsListState.selectedGoodIndex.indexOf(s.goodsListState.editGood.$index) >= 0) {
24
+ coolingFn('不能给正在编辑的货物执行商品对照', 3000, () => { message.error('不能给正在编辑的货物执行商品对照') });
25
+ return;
26
+ }
27
+
28
+ if (!s.goodsListState?.productComparison?.onComply) return;
29
+
30
+ const goods = s.goodsListState.selectedGoodIndex.map(e => {
31
+ const t = s.goodsListState.goodsMap.get(e);
32
+ if (!t) return undefined;
33
+
34
+ return {
35
+ ...t,
36
+ itemName: getSN(t.itemName)?.full,
37
+ itemNameSelf: getSN(t.itemNameSelf)?.full,
38
+ } as IGood
39
+ }).filter(e => !!e) as IGood[]
40
+
41
+
42
+ // 比对后的商品
43
+ const newGoods = await s.goodsListState.productComparison.onComply(goods);
44
+
45
+ newGoods.forEach(e => {
46
+ const vt = s.goodsListState.goodsMap.get(e.$index);
47
+ if (!vt) return undefined;
48
+
49
+ vt.itemName = e.itemName ? setShorthand(e.itemName, getSN(vt.itemName)?.shorthand) : vt.itemName;
50
+ vt.itemNameSelf = e.itemNameSelf ? setShorthand(e.itemNameSelf, getSN(vt.itemNameSelf)?.shorthand) : vt.itemNameSelf;
51
+
52
+ vt.itemModelName = e.itemModelName ? e.itemModelName : vt.itemModelName;
53
+ vt.itemModelNameSelf = e.itemModelNameSelf ? e.itemModelNameSelf : vt.itemModelNameSelf;
54
+
55
+ vt.itemCode = e.itemCode ? e.itemCode : vt.itemCode;
56
+ vt.itemCodeSelf = e.itemCodeSelf ? e.itemCodeSelf : vt.itemCodeSelf;
57
+ })
58
+ })
59
+ }, [])
60
+
61
+
62
+ const menuItem = React.useMemo(() => {
63
+
64
+ // 没用 执行商品对照 的方法 不显示按钮
65
+ if (!onComply) return <></>;
66
+
67
+ return (
68
+ <Menu.Item key="3" disabled={disabled} onClick={onClick} >
69
+ 商品映射
70
+ </Menu.Item>
71
+ );
72
+ }, [disabled, onClick, onComply])
73
+
74
+ return { menuItem }
75
+ };