Commit a2a8a66076716f64d1fbbbdc73ff01c9836f106c
Merge branch 'znh-small' into znh
Showing
3 changed files
with
22 additions
and
8 deletions
src/pages/Order/components/FinancialDrawer.tsx
@@ -16,14 +16,20 @@ import { Form, message } from 'antd'; | @@ -16,14 +16,20 @@ import { Form, message } from 'antd'; | ||
16 | import { useEffect, useState } from 'react'; | 16 | import { useEffect, useState } from 'react'; |
17 | import { INVOCING_STATUS_OPTIONS_OLD } from '../constant'; | 17 | import { INVOCING_STATUS_OPTIONS_OLD } from '../constant'; |
18 | 18 | ||
19 | -export default ({ mainOrder, subOrders, isEdit, isMainOrder, onClose }) => { | 19 | +export default ({ |
20 | + mainOrder, | ||
21 | + subOrders, | ||
22 | + isEdit, | ||
23 | + isMainOrder, | ||
24 | + cancel, | ||
25 | + onClose, | ||
26 | +}) => { | ||
20 | const [invoicingStatus, setInvoicingStatus] = useState(''); | 27 | const [invoicingStatus, setInvoicingStatus] = useState(''); |
21 | const subIds = subOrders.map((item) => item.id); | 28 | const subIds = subOrders.map((item) => item.id); |
22 | - console.log(subOrders); | ||
23 | useEffect(() => { | 29 | useEffect(() => { |
24 | // 在组件挂载或数据变化时,更新组件状态 | 30 | // 在组件挂载或数据变化时,更新组件状态 |
25 | if (mainOrder) { | 31 | if (mainOrder) { |
26 | - setInvoicingStatus(subOrders[0].invoicingStatus); | 32 | + setInvoicingStatus(subOrders[0]?.invoicingStatus); |
27 | } | 33 | } |
28 | }, [mainOrder]); | 34 | }, [mainOrder]); |
29 | 35 | ||
@@ -70,7 +76,7 @@ export default ({ mainOrder, subOrders, isEdit, isMainOrder, onClose }) => { | @@ -70,7 +76,7 @@ export default ({ mainOrder, subOrders, isEdit, isMainOrder, onClose }) => { | ||
70 | } | 76 | } |
71 | }} | 77 | }} |
72 | onOpenChange={(val) => { | 78 | onOpenChange={(val) => { |
73 | - return !val && onClose(); | 79 | + return !val && cancel(); |
74 | }} | 80 | }} |
75 | > | 81 | > |
76 | {isMainOrder ? ( | 82 | {isMainOrder ? ( |
@@ -81,6 +87,7 @@ export default ({ mainOrder, subOrders, isEdit, isMainOrder, onClose }) => { | @@ -81,6 +87,7 @@ export default ({ mainOrder, subOrders, isEdit, isMainOrder, onClose }) => { | ||
81 | label="是否需要开票" | 87 | label="是否需要开票" |
82 | options={enumToSelect(INVOCING_STATUS_OPTIONS_OLD)} | 88 | options={enumToSelect(INVOCING_STATUS_OPTIONS_OLD)} |
83 | onChange={setInvoicingStatus} | 89 | onChange={setInvoicingStatus} |
90 | + initialValue={subOrders[0]?.invoicingStatus} | ||
84 | // disabled={mainInfoDisbled} | 91 | // disabled={mainInfoDisbled} |
85 | rules={[{ required: true, message: '是否需要开票必填' }]} | 92 | rules={[{ required: true, message: '是否需要开票必填' }]} |
86 | /> | 93 | /> |
@@ -121,14 +128,14 @@ export default ({ mainOrder, subOrders, isEdit, isMainOrder, onClose }) => { | @@ -121,14 +128,14 @@ export default ({ mainOrder, subOrders, isEdit, isMainOrder, onClose }) => { | ||
121 | rules={[ | 128 | rules={[ |
122 | { required: !isEdit ? true : false, message: '这是必填项' }, | 129 | { required: !isEdit ? true : false, message: '这是必填项' }, |
123 | ]} | 130 | ]} |
124 | - initialValue={subOrders[0].invoicingTime} | 131 | + initialValue={subOrders[0]?.invoicingTime} |
125 | />, | 132 | />, |
126 | <ProFormDatePicker | 133 | <ProFormDatePicker |
127 | key="collectMoneyTime" | 134 | key="collectMoneyTime" |
128 | width="lg" | 135 | width="lg" |
129 | name="collectMoneyTime" | 136 | name="collectMoneyTime" |
130 | label="收款时间" | 137 | label="收款时间" |
131 | - initialValue={subOrders[0].collectMoneyTime} | 138 | + initialValue={subOrders[0]?.collectMoneyTime} |
132 | />, | 139 | />, |
133 | ] | 140 | ] |
134 | : ''} | 141 | : ''} |
@@ -137,7 +144,7 @@ export default ({ mainOrder, subOrders, isEdit, isMainOrder, onClose }) => { | @@ -137,7 +144,7 @@ export default ({ mainOrder, subOrders, isEdit, isMainOrder, onClose }) => { | ||
137 | width="lg" | 144 | width="lg" |
138 | name="invoicingNotes" | 145 | name="invoicingNotes" |
139 | label="备注" | 146 | label="备注" |
140 | - initialValue={subOrders[0].invoicingNotes} | 147 | + initialValue={subOrders[0]?.invoicingNotes} |
141 | /> | 148 | /> |
142 | </DrawerForm> | 149 | </DrawerForm> |
143 | ); | 150 | ); |
src/pages/Order/constant.ts
@@ -49,7 +49,7 @@ export const INVOCING_STATUS = { | @@ -49,7 +49,7 @@ export const INVOCING_STATUS = { | ||
49 | * @param subOrder | 49 | * @param subOrder |
50 | */ | 50 | */ |
51 | export const getNeedInvoicing = (subOrder: any) => { | 51 | export const getNeedInvoicing = (subOrder: any) => { |
52 | - if (subOrder.invoicingTime !== undefined) { | 52 | + if (subOrder.invoicingTime !== null && subOrder.invoicingTime !== undefined) { |
53 | return '已开票'; | 53 | return '已开票'; |
54 | } | 54 | } |
55 | if (subOrder.invoicingStatus === 'UN_INVOICE') { | 55 | if (subOrder.invoicingStatus === 'UN_INVOICE') { |
src/pages/Order/index.tsx
@@ -327,6 +327,7 @@ const OrderPage = () => { | @@ -327,6 +327,7 @@ const OrderPage = () => { | ||
327 | <div className="whitespace-no-wrap overflow-hidden overflow-ellipsis"> | 327 | <div className="whitespace-no-wrap overflow-hidden overflow-ellipsis"> |
328 | <Tag | 328 | <Tag |
329 | color={ | 329 | color={ |
330 | + optRecord.invoicingTime === null || | ||
330 | optRecord.invoicingTime === undefined | 331 | optRecord.invoicingTime === undefined |
331 | ? TAGS_COLOR.get(optRecord.invoicingStatus) | 332 | ? TAGS_COLOR.get(optRecord.invoicingStatus) |
332 | : 'success' | 333 | : 'success' |
@@ -1240,6 +1241,12 @@ const OrderPage = () => { | @@ -1240,6 +1241,12 @@ const OrderPage = () => { | ||
1240 | mainOrder={orderRow} | 1241 | mainOrder={orderRow} |
1241 | subOrders={selectedRows} | 1242 | subOrders={selectedRows} |
1242 | isMainOrder={isMainOrder} | 1243 | isMainOrder={isMainOrder} |
1244 | + cancel={() => { | ||
1245 | + setFinancialVisible(false); | ||
1246 | + setOrderRow({}); | ||
1247 | + setIsMainOrder(false); | ||
1248 | + setIsFinalcialEdit(false); | ||
1249 | + }} | ||
1243 | onClose={() => { | 1250 | onClose={() => { |
1244 | setFinancialVisible(false); | 1251 | setFinancialVisible(false); |
1245 | setOrderRow({}); | 1252 | setOrderRow({}); |