fix: 解决表格没有 Key 的警告

perf/export-docx
Jimmy Liow 11 months ago
parent 7fb85e308d
commit 8970be0c10

@ -3,7 +3,7 @@ import { devtools } from 'zustand/middleware';
import dayjs from 'dayjs' import dayjs from 'dayjs'
import { fetchJSON, postForm, postJSON } from '@/utils/request'; import { fetchJSON, postForm, postJSON } from '@/utils/request';
import { HT_HOST } from '@/config'; import { HT_HOST } from '@/config';
import { groupBy, isEmpty } from '@/utils/commons'; import { groupBy, isEmpty, generateId } from '@/utils/commons';
export const searchAgencyAction = async (param) => { export const searchAgencyAction = async (param) => {
const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/products_search`, param); const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/products_search`, param);
@ -140,11 +140,16 @@ export const useProductsStore = create(
setActiveAgency: (activeAgency) => set({ activeAgency }), setActiveAgency: (activeAgency) => set({ activeAgency }),
setActiveAgencyState: (activeAgencyState) => set({ activeAgencyState }), setActiveAgencyState: (activeAgencyState) => set({ activeAgencyState }),
setAgencyProducts: (agencyProducts) => set({ agencyProducts }), setAgencyProducts: (agencyProducts) => set({ agencyProducts }),
// TODO产品和价格会分开查询编辑
setEditingProduct: (product) => { setEditingProduct: (product) => {
set(() => ({ set(() => ({
editingProduct: product, editingProduct: product,
quotationList: product?.quotation quotationList: (product?.quotation??[]).map(q => {
return {
...q,
key: generateId()
}
})
})) }))
}, },
setEditing: (editing) => set({ editing }), setEditing: (editing) => set({ editing }),

@ -1,7 +1,7 @@
import { useEffect, useState } from 'react' import { useState } from 'react'
import { Table, Form, Modal, Button, Radio, Input, Flex, Card, Select, Typography, InputNumber, Checkbox, DatePicker, Space } from 'antd' import { Table, Form, Modal, Button, Radio, Input, Flex, Card, Select, InputNumber, Checkbox, DatePicker, Space } from 'antd'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { CloseOutlined, StarTwoTone, PlusOutlined, ExclamationCircleFilled } from '@ant-design/icons'; import { CloseOutlined, StarTwoTone, PlusOutlined, ExclamationCircleFilled } from '@ant-design/icons'
import { useDatePresets } from '@/hooks/useDatePresets' import { useDatePresets } from '@/hooks/useDatePresets'
import dayjs from 'dayjs' import dayjs from 'dayjs'
import useProductsStore from '@/stores/Products/Index' import useProductsStore from '@/stores/Products/Index'
@ -30,7 +30,7 @@ const PriceInput = (props) => {
return return
} }
if (!('numberStart' in value)) { if (!('numberStart' in value)) {
setNumberStart(newNumber); setNumberStart(newNumber)
} }
triggerChange({ triggerChange({
numberStart: newNumber, numberStart: newNumber,
@ -46,8 +46,8 @@ const PriceInput = (props) => {
} }
triggerChange({ triggerChange({
numberEnd: newNumber, numberEnd: newNumber,
}); })
}; }
const onAudultPriceChange = (e) => { const onAudultPriceChange = (e) => {
const newNumber = parseInt(e.target.value || '0', 10) const newNumber = parseInt(e.target.value || '0', 10)
if (Number.isNaN(audultPrice)) { if (Number.isNaN(audultPrice)) {
@ -71,7 +71,7 @@ const PriceInput = (props) => {
triggerChange({ triggerChange({
childrenPrice: newNumber, childrenPrice: newNumber,
}) })
}; }
return ( return (
<Space.Compact id={id}> <Space.Compact id={id}>
<Input <Input
@ -346,7 +346,7 @@ const ProductInfoQuotation = ({ editable, ...props }) => {
deleteQuotation(quotation.id) deleteQuotation(quotation.id)
}, },
onCancel() { onCancel() {
console.log('Cancel'); console.log('Cancel')
}, },
}) })
}}>{t('Delete')}</Button> }}>{t('Delete')}</Button>
@ -360,7 +360,6 @@ const ProductInfoQuotation = ({ editable, ...props }) => {
<> <>
<h2>{t('products:EditComponents.Quotation')}</h2> <h2>{t('products:EditComponents.Quotation')}</h2>
<Table <Table
// rowKey={'id'}
bordered bordered
dataSource={quotationList} dataSource={quotationList}
columns={quotationColumns} columns={quotationColumns}

@ -148,8 +148,6 @@ function Newest() {
// //
const searchReservation = (submitValues, current=1) => { const searchReservation = (submitValues, current=1) => {
setDataLoading(true) setDataLoading(true)
console.info('onSearchClick')
console.info(submitValues)
fetchReservationList(submitValues, current) fetchReservationList(submitValues, current)
.catch(ex => { .catch(ex => {
notification.error({ notification.error({

Loading…
Cancel
Save