|
|
|
|
@ -1,371 +1,366 @@
|
|
|
|
|
import React, { useState } from 'react';
|
|
|
|
|
import { Button, Card, Checkbox, Col, DatePicker, Form, Input, Row, Select, Space, Tag, Table, InputNumber } from 'antd';
|
|
|
|
|
import { CloseOutlined } from '@ant-design/icons';
|
|
|
|
|
import dayjs from 'dayjs';
|
|
|
|
|
import { useState } from 'react';
|
|
|
|
|
import { Button, Card, Checkbox, Table, Col, Flex, DatePicker, Typography, Form, Input, Row, Select, Space } from 'antd';
|
|
|
|
|
import dayjs from "dayjs";
|
|
|
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
|
import { CloseOutlined, StarOutlined } from '@ant-design/icons';
|
|
|
|
|
import { useDatePresets } from '@/hooks/useDatePresets';
|
|
|
|
|
const { Option } = Select;
|
|
|
|
|
const { RangePicker } = DatePicker;
|
|
|
|
|
|
|
|
|
|
const BatchImportPrice = ({ onBatchImportData }) => {
|
|
|
|
|
const [form] = Form.useForm();
|
|
|
|
|
const [tags, setTags] = useState([]);
|
|
|
|
|
const [minPeople, setMinPeople] = useState('');
|
|
|
|
|
const [maxPeople, setMaxPeople] = useState('');
|
|
|
|
|
const [checkedDays, setCheckedDays] = useState([]);
|
|
|
|
|
const [tableData, setTableData] = useState([]);
|
|
|
|
|
const [sendData, setSendData] = useState(null);
|
|
|
|
|
const presets = useDatePresets();
|
|
|
|
|
const { t } = useTranslation()
|
|
|
|
|
|
|
|
|
|
const handleTagClose = (removedTag) => {
|
|
|
|
|
setTags(tags.filter(tag => tag !== removedTag));
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleInputConfirm = () => {
|
|
|
|
|
if (minPeople && maxPeople) {
|
|
|
|
|
const tag = `${minPeople}-${maxPeople}`;
|
|
|
|
|
if (tags.indexOf(tag) === -1) {
|
|
|
|
|
setTags([...tags, tag]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
setMinPeople('');
|
|
|
|
|
setMaxPeople('');
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const handleCheckboxChange = (checkedValues) => {
|
|
|
|
|
setCheckedDays(checkedValues);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const generateTableData = () => {
|
|
|
|
|
const values = form.getFieldsValue();
|
|
|
|
|
const weekdays = checkedDays.join(',');
|
|
|
|
|
let tempSendData = [];
|
|
|
|
|
console.log("values",values)
|
|
|
|
|
// 遍历 items
|
|
|
|
|
values.items.forEach((item, index) => {
|
|
|
|
|
// 遍历 validPeriods
|
|
|
|
|
let tempValidPeriods = []
|
|
|
|
|
item.validPeriods?.forEach((period) => {
|
|
|
|
|
console.log("period",period)
|
|
|
|
|
const validPeriod = period.validPeriod.map(date => date.format('YYYY-MM-DD')).join('~');
|
|
|
|
|
tempValidPeriods.push(validPeriod)
|
|
|
|
|
// 更新 tempSendData 中每一个 tag 的值
|
|
|
|
|
});
|
|
|
|
|
const priceType = `批量设置价格 ${index + 1} ${item.currency}/${item.type}`
|
|
|
|
|
let tempData = []
|
|
|
|
|
const unit_name = item.type
|
|
|
|
|
const currency = item.currency
|
|
|
|
|
tags.forEach((tag) => {
|
|
|
|
|
tempValidPeriods.forEach(validPeriod => {
|
|
|
|
|
const group_size_min = tag.split('-')[0]
|
|
|
|
|
const group_size_max = tag.split('-')[1]
|
|
|
|
|
let unit_id = null
|
|
|
|
|
const use_dates_start = validPeriod.split('~')[0]
|
|
|
|
|
const use_dates_end = validPeriod.split('~')[1]
|
|
|
|
|
if (unit_name === "每人") {
|
|
|
|
|
unit_id = 0
|
|
|
|
|
} else {
|
|
|
|
|
unit_id = 1
|
|
|
|
|
}
|
|
|
|
|
tempData.push({ group_size_min, group_size_max, validPeriod, unit_id, unit_name, use_dates_start, use_dates_end, currency, weekdays, tag, priceType })
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
console.log("tempData", tempData)
|
|
|
|
|
tempSendData.push(...tempData)
|
|
|
|
|
const previewTableColumns = [
|
|
|
|
|
{ title: t('products:adultPrice'), dataIndex: 'adult_cost', width: '10%' },
|
|
|
|
|
{ title: t('products:childrenPrice'), dataIndex: 'child_cost', width: '10%' },
|
|
|
|
|
{ title: t('products:currency'), dataIndex: 'currency', width: '10%' },
|
|
|
|
|
{
|
|
|
|
|
title: t('products:Types'),
|
|
|
|
|
dataIndex: 'unit',
|
|
|
|
|
width: '10%',
|
|
|
|
|
editable: true,
|
|
|
|
|
render: (text) => (text === '0' ? '每人' : text === '1' ? '每团' : text),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: t('products:number'),
|
|
|
|
|
dataIndex: 'group_size',
|
|
|
|
|
width: '10%',
|
|
|
|
|
editable: true,
|
|
|
|
|
render: (_, record) => `${record.group_size_min}-${record.group_size_max}`
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: t('products:validityPeriod'),
|
|
|
|
|
dataIndex: 'validityPeriod',
|
|
|
|
|
width: '20%',
|
|
|
|
|
editable: true,
|
|
|
|
|
render: (_, record) => dayjs(record.use_dates_start).format('YYYY-MM-DD') + '~' + dayjs(record.use_dates_end).format('YYYY-MM-DD')
|
|
|
|
|
},
|
|
|
|
|
{ title: t('products:Weekdays'), dataIndex: 'weekdays', width: '10%' },
|
|
|
|
|
]
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 设置最终的发送数据
|
|
|
|
|
setSendData([...tempSendData]); // 使用展开操作符确保传递给 setSendData 的是一个新对象
|
|
|
|
|
const data = [];
|
|
|
|
|
values.items.forEach((item, index) => {
|
|
|
|
|
item.validPeriods?.forEach((period, idx) => {
|
|
|
|
|
const row = {
|
|
|
|
|
key: `${index}-${idx}`,
|
|
|
|
|
priceType: `批量设置价格 ${index + 1} ${item.currency}/${item.type}`,
|
|
|
|
|
validPeriod: period.validPeriod.map(date => date.format('YYYY-MM-DD')).join('~'),
|
|
|
|
|
currency: item.currency,
|
|
|
|
|
type: item.type,
|
|
|
|
|
};
|
|
|
|
|
tags.forEach((tag, tagIndex) => {
|
|
|
|
|
row[`adultPrice${tagIndex + 1}`] = 0; // Initialize with 0
|
|
|
|
|
row[`childrenPrice${tagIndex + 1}`] = 0; // Initialize with 0
|
|
|
|
|
});
|
|
|
|
|
data.push(row);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
// setSendData([...tempSendData,data]);
|
|
|
|
|
setTableData(data);
|
|
|
|
|
// onBatchImportData(data); // 将生成的初始表格数据传递回父组件
|
|
|
|
|
};
|
|
|
|
|
const [priceForm] = Form.useForm()
|
|
|
|
|
const [previewData, setPreviewData] = useState([])
|
|
|
|
|
const presets = useDatePresets()
|
|
|
|
|
|
|
|
|
|
const previewSetupPrice = () => {
|
|
|
|
|
let previewList = []
|
|
|
|
|
const defList = priceForm.getFieldsValue().defList
|
|
|
|
|
|
|
|
|
|
defList.forEach(definition => {
|
|
|
|
|
const previewPrice = definition?.priceList.map(price => {
|
|
|
|
|
return {
|
|
|
|
|
adult_cost: price.priceInput.audultPrice,
|
|
|
|
|
child_cost: price.priceInput.childrenPrice,
|
|
|
|
|
group_size_min: price.priceInput.numberStart,
|
|
|
|
|
group_size_max: price.priceInput.numberEnd,
|
|
|
|
|
|
|
|
|
|
const handleTableChange = (age_type, value, tag, priceType) => {
|
|
|
|
|
if (age_type === 'adult_cost') {
|
|
|
|
|
console.log("sendData", sendData)
|
|
|
|
|
const updatedSendData = sendData.map((item) => {
|
|
|
|
|
console.log("item.priceType === priceType", item.priceType === priceType)
|
|
|
|
|
console.log("item.priceType", item.priceType)
|
|
|
|
|
console.log("priceType", priceType)
|
|
|
|
|
if (item.priceType === priceType && item.tag === tag) {
|
|
|
|
|
return {
|
|
|
|
|
...item,
|
|
|
|
|
adult_cost: value, // 更新对应的 adult_cost 属性
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
return item; // 对于不匹配的项，保持不变
|
|
|
|
|
});
|
|
|
|
|
// 更新 sendData
|
|
|
|
|
console.log("updatedSendData", updatedSendData)
|
|
|
|
|
onBatchImportData(updatedSendData);
|
|
|
|
|
setSendData(updatedSendData);
|
|
|
|
|
} else {
|
|
|
|
|
const updatedSendData = sendData.map((item) => {
|
|
|
|
|
if (item.priceType === priceType && item.tag === tag) {
|
|
|
|
|
return {
|
|
|
|
|
...item,
|
|
|
|
|
child_cost: value, // 更新对应的 child_cost 属性
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
return item; // 对于不匹配的项，保持不变
|
|
|
|
|
});
|
|
|
|
|
// 更新 sendData
|
|
|
|
|
onBatchImportData(updatedSendData);
|
|
|
|
|
setSendData(updatedSendData);
|
|
|
|
|
currency: definition.currency,
|
|
|
|
|
unit: definition.unitName,
|
|
|
|
|
use_dates_start: definition.useDate[0],
|
|
|
|
|
use_dates_end: definition.useDate[1],
|
|
|
|
|
weekdays: definition.weekend.join(','),
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
previewList.push(...previewPrice)
|
|
|
|
|
})
|
|
|
|
|
setPreviewData(previewList)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const generatePeopleColumns = () => {
|
|
|
|
|
const columns = [];
|
|
|
|
|
tags.forEach((tag, index) => {
|
|
|
|
|
columns.push({
|
|
|
|
|
title: tag,
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
title: '成人价',
|
|
|
|
|
dataIndex: `adultPrice${index + 1}`,
|
|
|
|
|
key: `adultPrice${index + 1}`,
|
|
|
|
|
render: (text, record, rowIndex) => {
|
|
|
|
|
const sameTagRecords = tableData.filter(item => item.priceType === record.priceType);
|
|
|
|
|
const firstTagIndex = tableData.findIndex(item => item.priceType === record.priceType && item.validPeriod === sameTagRecords[0].validPeriod);
|
|
|
|
|
|
|
|
|
|
if (rowIndex === firstTagIndex) {
|
|
|
|
|
return {
|
|
|
|
|
children: (
|
|
|
|
|
<InputNumber
|
|
|
|
|
formatter={value => `${value}`}
|
|
|
|
|
parser={value => value.replace(/[^\d]/g, '')}
|
|
|
|
|
onChange={(value) => handleTableChange('adult_cost', value, tag, record.priceType)}
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
props: {
|
|
|
|
|
rowSpan: sameTagRecords.length,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
} else {
|
|
|
|
|
return {
|
|
|
|
|
props: {
|
|
|
|
|
rowSpan: 0,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '儿童价',
|
|
|
|
|
dataIndex: `childrenPrice${index + 1}`,
|
|
|
|
|
key: `childrenPrice${index + 1}`,
|
|
|
|
|
render: (text, record, rowIndex) => {
|
|
|
|
|
const sameTagRecords = tableData.filter(item => item.priceType === record.priceType);
|
|
|
|
|
const firstTagIndex = tableData.findIndex(item => item.priceType === record.priceType && item.validPeriod === sameTagRecords[0].validPeriod);
|
|
|
|
|
|
|
|
|
|
if (rowIndex === firstTagIndex) {
|
|
|
|
|
return {
|
|
|
|
|
children: (
|
|
|
|
|
<InputNumber
|
|
|
|
|
formatter={value => `${value}`}
|
|
|
|
|
parser={value => value.replace(/[^\d]/g, '')}
|
|
|
|
|
onChange={(value) => handleTableChange('child_cost', value, tag, record.priceType)}
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
props: {
|
|
|
|
|
rowSpan: sameTagRecords.length,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
} else {
|
|
|
|
|
return {
|
|
|
|
|
props: {
|
|
|
|
|
rowSpan: 0,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
return columns;
|
|
|
|
|
const PriceInput = (props) => {
|
|
|
|
|
const { id, value = {}, onChange } = props
|
|
|
|
|
const [numberStart, setNumberStart] = useState(0)
|
|
|
|
|
const [numberEnd, setNumberEnd] = useState(0)
|
|
|
|
|
const [audultPrice, setAudultPrice] = useState(0)
|
|
|
|
|
const [childrenPrice, setChildrenPrice] = useState(0)
|
|
|
|
|
const triggerChange = (changedValue) => {
|
|
|
|
|
onChange?.({
|
|
|
|
|
numberStart,
|
|
|
|
|
numberEnd,
|
|
|
|
|
audultPrice,
|
|
|
|
|
childrenPrice,
|
|
|
|
|
...value,
|
|
|
|
|
...changedValue,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
const onNumberStartChange = (e) => {
|
|
|
|
|
const newNumber = parseInt(e.target.value || '0', 10)
|
|
|
|
|
if (Number.isNaN(numberStart)) {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if (!('numberStart' in value)) {
|
|
|
|
|
setNumberStart(newNumber);
|
|
|
|
|
}
|
|
|
|
|
triggerChange({
|
|
|
|
|
numberStart: newNumber,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
const onNumberEndChange = (e) => {
|
|
|
|
|
const newNumber = parseInt(e.target.value || '0', 10)
|
|
|
|
|
if (Number.isNaN(numberEnd)) {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if (!('numberEnd' in value)) {
|
|
|
|
|
setNumberEnd(newNumber)
|
|
|
|
|
}
|
|
|
|
|
triggerChange({
|
|
|
|
|
numberEnd: newNumber,
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
const onAudultPriceChange = (e) => {
|
|
|
|
|
const newNumber = parseInt(e.target.value || '0', 10)
|
|
|
|
|
if (Number.isNaN(audultPrice)) {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if (!('audultPrice' in value)) {
|
|
|
|
|
setAudultPrice(newNumber)
|
|
|
|
|
}
|
|
|
|
|
triggerChange({
|
|
|
|
|
audultPrice: newNumber,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
const onChildrenPriceChange = (e) => {
|
|
|
|
|
const newNumber = parseInt(e.target.value || '0', 10)
|
|
|
|
|
if (Number.isNaN(childrenPrice)) {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if (!('childrenPrice' in value)) {
|
|
|
|
|
setChildrenPrice(newNumber)
|
|
|
|
|
}
|
|
|
|
|
triggerChange({
|
|
|
|
|
childrenPrice: newNumber,
|
|
|
|
|
})
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const columns = [
|
|
|
|
|
{
|
|
|
|
|
title: ' ',
|
|
|
|
|
dataIndex: 'priceType',
|
|
|
|
|
key: 'priceType',
|
|
|
|
|
width: "10%",
|
|
|
|
|
render: (text, record, index) => {
|
|
|
|
|
const obj = {
|
|
|
|
|
children: text,
|
|
|
|
|
props: {},
|
|
|
|
|
};
|
|
|
|
|
if (index > 0 && text === tableData[index - 1].priceType) {
|
|
|
|
|
obj.props.rowSpan = 0;
|
|
|
|
|
} else {
|
|
|
|
|
obj.props.rowSpan = tableData.filter(item => item.priceType === text).length;
|
|
|
|
|
}
|
|
|
|
|
return obj;
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '有效期\\人等',
|
|
|
|
|
dataIndex: 'validPeriod',
|
|
|
|
|
key: 'validPeriod',
|
|
|
|
|
width: "15%"
|
|
|
|
|
},
|
|
|
|
|
...generatePeopleColumns(),
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<Card
|
|
|
|
|
size="small"
|
|
|
|
|
title="选择人等、周末"
|
|
|
|
|
style={{ marginBottom: 16 }}
|
|
|
|
|
>
|
|
|
|
|
<Row>
|
|
|
|
|
<Col>
|
|
|
|
|
<Input.Group compact style={{ marginTop: 10 }}>
|
|
|
|
|
<Input
|
|
|
|
|
style={{ width: 100, textAlign: 'center' }}
|
|
|
|
|
placeholder="Start"
|
|
|
|
|
value={minPeople}
|
|
|
|
|
onChange={(e) => setMinPeople(e.target.value)}
|
|
|
|
|
/>
|
|
|
|
|
<Input
|
|
|
|
|
style={{ width: 30, borderLeft: 0, pointerEvents: 'none', backgroundColor: '#fff' }}
|
|
|
|
|
placeholder="~"
|
|
|
|
|
disabled
|
|
|
|
|
/>
|
|
|
|
|
<Input
|
|
|
|
|
style={{ width: 100, textAlign: 'center', borderLeft: 0 }}
|
|
|
|
|
placeholder="End"
|
|
|
|
|
value={maxPeople}
|
|
|
|
|
onChange={(e) => setMaxPeople(e.target.value)}
|
|
|
|
|
/>
|
|
|
|
|
</Input.Group>
|
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
|
|
<Col>
|
|
|
|
|
<Button size="small" type="primary" onClick={handleInputConfirm} style={{ marginLeft: 12, marginTop: 12 }}>
|
|
|
|
|
添加人等
|
|
|
|
|
</Button>
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
<div style={{ marginTop: 16 }}>
|
|
|
|
|
{tags.map((tag) => (
|
|
|
|
|
<Tag key={tag} closable onClose={() => handleTagClose(tag)}>
|
|
|
|
|
{tag}
|
|
|
|
|
</Tag>
|
|
|
|
|
))}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Checkbox.Group
|
|
|
|
|
style={{ marginTop: 16 }}
|
|
|
|
|
options={['5', '6', '7']}
|
|
|
|
|
onChange={handleCheckboxChange}
|
|
|
|
|
/>
|
|
|
|
|
</Card>
|
|
|
|
|
<Space.Compact id={id}>
|
|
|
|
|
<Input
|
|
|
|
|
type="text"
|
|
|
|
|
value={value.numberStart || numberStart}
|
|
|
|
|
onChange={onNumberStartChange}
|
|
|
|
|
style={{
|
|
|
|
|
width: '20%',
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
<Input
|
|
|
|
|
type="text"
|
|
|
|
|
value={value.numberEnd || numberEnd}
|
|
|
|
|
onChange={onNumberEndChange}
|
|
|
|
|
style={{
|
|
|
|
|
width: '40%',
|
|
|
|
|
}}
|
|
|
|
|
addonBefore="~"
|
|
|
|
|
/>
|
|
|
|
|
<Input
|
|
|
|
|
type="text"
|
|
|
|
|
value={value.audultPrice || audultPrice}
|
|
|
|
|
onChange={onAudultPriceChange}
|
|
|
|
|
style={{
|
|
|
|
|
width: '70%',
|
|
|
|
|
}}
|
|
|
|
|
addonBefore="成人价"
|
|
|
|
|
/>
|
|
|
|
|
<Input
|
|
|
|
|
type="text"
|
|
|
|
|
value={value.childrenPrice || childrenPrice}
|
|
|
|
|
onChange={onChildrenPriceChange}
|
|
|
|
|
style={{
|
|
|
|
|
width: '70%',
|
|
|
|
|
}}
|
|
|
|
|
addonBefore="儿童价"
|
|
|
|
|
/>
|
|
|
|
|
</Space.Compact>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
<Form
|
|
|
|
|
labelCol={{ span: 6 }}
|
|
|
|
|
wrapperCol={{ span: 18 }}
|
|
|
|
|
form={form}
|
|
|
|
|
name="dynamic_form_complex"
|
|
|
|
|
style={{ maxWidth: 600 }}
|
|
|
|
|
autoComplete="off"
|
|
|
|
|
initialValues={{ items: [{}] }}
|
|
|
|
|
>
|
|
|
|
|
<Form.List name="items">
|
|
|
|
|
{(fields, { add, remove }) => (
|
|
|
|
|
<div style={{ display: 'flex', rowGap: 16, flexDirection: 'column' }}>
|
|
|
|
|
{fields.map((field, index) => (
|
|
|
|
|
<Card
|
|
|
|
|
size="small"
|
|
|
|
|
title={`批量设置价格 ${index + 1}`}
|
|
|
|
|
key={field.key}
|
|
|
|
|
extra={<CloseOutlined onClick={() => remove(field.name)} />}
|
|
|
|
|
>
|
|
|
|
|
<Form.Item label="类型" name={[field.name, 'type']}>
|
|
|
|
|
<Select placeholder="选择类型">
|
|
|
|
|
<Option value="每人">每人</Option>
|
|
|
|
|
<Option value="每团">每团</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
const priceInitialValues = {
|
|
|
|
|
"defList": [
|
|
|
|
|
// 旺季
|
|
|
|
|
{
|
|
|
|
|
"useDate": [
|
|
|
|
|
dayjs().add(1, 'year').startOf("y"), dayjs().add(1, 'year').endOf("y")
|
|
|
|
|
],
|
|
|
|
|
"unitName": "每人",
|
|
|
|
|
"currency": "CNY",
|
|
|
|
|
"weekend": [
|
|
|
|
|
"5",
|
|
|
|
|
"6"
|
|
|
|
|
],
|
|
|
|
|
"priceList": [
|
|
|
|
|
{
|
|
|
|
|
"priceInput": {
|
|
|
|
|
"numberStart": 1,
|
|
|
|
|
"numberEnd": 2,
|
|
|
|
|
"audultPrice": 0,
|
|
|
|
|
"childrenPrice": 0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"priceInput": {
|
|
|
|
|
"numberStart": 3,
|
|
|
|
|
"numberEnd": 4,
|
|
|
|
|
"audultPrice": 0,
|
|
|
|
|
"childrenPrice": 0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"priceInput": {
|
|
|
|
|
"numberStart": 5,
|
|
|
|
|
"numberEnd": 6,
|
|
|
|
|
"audultPrice": 0,
|
|
|
|
|
"childrenPrice": 0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"priceInput": {
|
|
|
|
|
"numberStart": 7,
|
|
|
|
|
"numberEnd": 9,
|
|
|
|
|
"audultPrice": 0,
|
|
|
|
|
"childrenPrice": 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
// 淡季
|
|
|
|
|
{
|
|
|
|
|
"useDate": [
|
|
|
|
|
dayjs().add(1, 'year').subtract(2, "M").startOf("M"), dayjs().add(1, 'year').endOf("M")
|
|
|
|
|
],
|
|
|
|
|
"unitName": "每人",
|
|
|
|
|
"currency": "CNY",
|
|
|
|
|
"weekend": [
|
|
|
|
|
"5",
|
|
|
|
|
"6"
|
|
|
|
|
],
|
|
|
|
|
"priceList": [
|
|
|
|
|
{
|
|
|
|
|
"priceInput": {
|
|
|
|
|
"numberStart": 1,
|
|
|
|
|
"numberEnd": 2,
|
|
|
|
|
"audultPrice": 0,
|
|
|
|
|
"childrenPrice": 0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"priceInput": {
|
|
|
|
|
"numberStart": 3,
|
|
|
|
|
"numberEnd": 4,
|
|
|
|
|
"audultPrice": 0,
|
|
|
|
|
"childrenPrice": 0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"priceInput": {
|
|
|
|
|
"numberStart": 5,
|
|
|
|
|
"numberEnd": 6,
|
|
|
|
|
"audultPrice": 0,
|
|
|
|
|
"childrenPrice": 0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"priceInput": {
|
|
|
|
|
"numberStart": 7,
|
|
|
|
|
"numberEnd": 9,
|
|
|
|
|
"audultPrice": 0,
|
|
|
|
|
"childrenPrice": 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
<Form.Item label="币种" name={[field.name, 'currency']}>
|
|
|
|
|
<Select placeholder="选择币种">
|
|
|
|
|
<Option value="CNY">CNY</Option>
|
|
|
|
|
<Option value="USD">USD</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
return (
|
|
|
|
|
<Row gutter={16} justify="center">
|
|
|
|
|
<Col span={12}>
|
|
|
|
|
<Form
|
|
|
|
|
labelCol={{ span: 3 }}
|
|
|
|
|
wrapperCol={{ span: 20 }}
|
|
|
|
|
form={priceForm}
|
|
|
|
|
name="priceForm"
|
|
|
|
|
autoComplete="off"
|
|
|
|
|
initialValues={priceInitialValues}
|
|
|
|
|
>
|
|
|
|
|
<Form.List name="defList">
|
|
|
|
|
{(fields, { add, remove }) => (
|
|
|
|
|
<Flex gap="middle" vertical>
|
|
|
|
|
{fields.map((field, index) => (
|
|
|
|
|
<Card
|
|
|
|
|
size="small"
|
|
|
|
|
title={index==0?'旺季':index==1?'淡季':'其他'}
|
|
|
|
|
key={field.key}
|
|
|
|
|
extra={index==0?null:<CloseOutlined onClick={() => {
|
|
|
|
|
remove(field.name)
|
|
|
|
|
}} />}
|
|
|
|
|
>
|
|
|
|
|
<Form.Item label="类型" name={[field.name, 'unitName']}>
|
|
|
|
|
<Select placeholder="选择类型">
|
|
|
|
|
<Option value="每人">每人</Option>
|
|
|
|
|
<Option value="每团">每团</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
<Form.Item label="有效期">
|
|
|
|
|
<Form.List name={[field.name, 'validPeriods']}>
|
|
|
|
|
{(periodFields, periodOpt) => (
|
|
|
|
|
<div style={{ display: 'flex', flexDirection: 'column', rowGap: 16 }}>
|
|
|
|
|
{periodFields.map((periodField, idx) => (
|
|
|
|
|
<Space key={periodField.key}>
|
|
|
|
|
<Form.Item noStyle name={[periodField.name, 'validPeriod']}>
|
|
|
|
|
<RangePicker allowClear={true} inputReadOnly={true} presets={presets} placeholder={['From', 'Thru']}/>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
<CloseOutlined onClick={() => periodOpt.remove(periodField.name)} />
|
|
|
|
|
</Space>
|
|
|
|
|
))}
|
|
|
|
|
<Button type="dashed" onClick={() => periodOpt.add()} block>
|
|
|
|
|
+ 新增有效期
|
|
|
|
|
</Button>
|
|
|
|
|
</div>
|
|
|
|
|
)}
|
|
|
|
|
</Form.List>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</Card>
|
|
|
|
|
<Form.Item label="币种" name={[field.name, 'currency']}>
|
|
|
|
|
<Select placeholder="选择币种">
|
|
|
|
|
<Option value="CNY">CNY</Option>
|
|
|
|
|
<Option value="USD">USD</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
<Form.Item label="有效期" name={[field.name, 'useDate']}>
|
|
|
|
|
<RangePicker style={{width: '100%'}} allowClear={true} inputReadOnly={true} presets={presets} placeholder={['From', 'Thru']} />
|
|
|
|
|
</Form.Item>
|
|
|
|
|
<Form.Item label="周末" name={[field.name, 'weekend']}>
|
|
|
|
|
<Checkbox.Group
|
|
|
|
|
options={['5', '6', '7']}
|
|
|
|
|
/>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
<Form.Item label="人等">
|
|
|
|
|
<Form.List name={[field.name, 'priceList']}>
|
|
|
|
|
{(priceFieldList, priceOptList) => (
|
|
|
|
|
<Flex gap="middle" vertical>
|
|
|
|
|
{priceFieldList.map((priceField, index) => (
|
|
|
|
|
<Space key={priceField.key}>
|
|
|
|
|
<Form.Item noStyle name={[priceField.name, 'priceInput']}>
|
|
|
|
|
<PriceInput />
|
|
|
|
|
</Form.Item>
|
|
|
|
|
{index==0?<StarOutlined />:<CloseOutlined onClick={() => priceOptList.remove(priceField.name)} />}
|
|
|
|
|
</Space>
|
|
|
|
|
))}
|
|
|
|
|
<Button type="dashed" onClick={() => add()} block>
|
|
|
|
|
+ 新增价格设置
|
|
|
|
|
<Button type="dashed" onClick={() => priceOptList.add()} block>
|
|
|
|
|
+ 新增人等
|
|
|
|
|
</Button>
|
|
|
|
|
</div>
|
|
|
|
|
)}
|
|
|
|
|
</Form.List>
|
|
|
|
|
</Form>
|
|
|
|
|
|
|
|
|
|
<Button type="primary" onClick={generateTableData} style={{ marginTop: 20 }}>
|
|
|
|
|
生成表格
|
|
|
|
|
</Button>
|
|
|
|
|
|
|
|
|
|
{tableData.length > 0 && (
|
|
|
|
|
<div style={{ overflowX: 'auto' }}>
|
|
|
|
|
<Table
|
|
|
|
|
style={{ marginTop: 20 }}
|
|
|
|
|
columns={columns}
|
|
|
|
|
dataSource={tableData}
|
|
|
|
|
pagination={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</Flex>
|
|
|
|
|
)}
|
|
|
|
|
</Form.List>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</Card>
|
|
|
|
|
))}
|
|
|
|
|
<Button type="dashed" onClick={() => add()} block>
|
|
|
|
|
+ 新增价格设置
|
|
|
|
|
</Button>
|
|
|
|
|
</Flex>
|
|
|
|
|
)}
|
|
|
|
|
</Form.List>
|
|
|
|
|
<Form.Item noStyle shouldUpdate>
|
|
|
|
|
{() => (
|
|
|
|
|
<Typography className='hidden'>
|
|
|
|
|
<pre>{JSON.stringify(priceForm.getFieldsValue(), null, 2)}</pre>
|
|
|
|
|
</Typography>
|
|
|
|
|
)}
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</Form>
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={12}>
|
|
|
|
|
<Button type="dashed" onClick={() => previewSetupPrice()} block>
|
|
|
|
|
预览
|
|
|
|
|
</Button>
|
|
|
|
|
<Table
|
|
|
|
|
bordered
|
|
|
|
|
pagination={false}
|
|
|
|
|
dataSource={previewData}
|
|
|
|
|
columns={previewTableColumns}
|
|
|
|
|
/>
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default BatchImportPrice;
|
|
|
|
|
|
Lei OT
1 year ago