diff --git a/public/locales/en/products.json b/public/locales/en/products.json
index 2076875..6e50c59 100644
--- a/public/locales/en/products.json
+++ b/public/locales/en/products.json
@@ -22,5 +22,36 @@
"CreatedBy": "Created By",
"CreateDate": "Create Date",
"AuditedBy": "Audited By",
- "AuditDate": "Audit Date"
+ "AuditDate": "Audit Date",
+
+
+ "productProject": "Product project",
+ "Code": "Code",
+ "City": "City",
+ "Remarks": "Remarks",
+ "tourTime": "Tour time",
+ "recommendationRate": "Recommends rate",
+ "Name": "Name",
+ "Description":"Description",
+ "supplierQuotation": "Supplier quotation",
+ "addQuotation": "Add quotation",
+ "bindingProducts": "Binding products",
+ "addBinding": "Add binding",
+
+ "adultPrice": "Adult price",
+ "childrenPrice": "Child price",
+ "currency": "Currency",
+ "Types": "Type",
+ "number": "Number",
+ "validityPeriod":"Validity period",
+ "operation": "Operation",
+ "price": "Price",
+
+
+ "save":"save",
+ "edit":"edit",
+ "delete":"delete",
+ "cancel":"cancel",
+ "sureCancel":"Sure you want to cancel?",
+ "sureDelete":"Sure you want to delete?"
}
diff --git a/public/locales/zh/common.json b/public/locales/zh/common.json
index 1a62dc1..4ef0694 100644
--- a/public/locales/zh/common.json
+++ b/public/locales/zh/common.json
@@ -54,8 +54,7 @@
"Notice": "通知",
"Report": "质量评分",
"Airticket": "机票订票",
- "Products": "产品管理",
- "gysgl": "供应商价格管理"
+ "Products": "产品管理"
},
"Validation": {
"Title": "温馨提示",
diff --git a/public/locales/zh/products.json b/public/locales/zh/products.json
index 326bd78..87b9914 100644
--- a/public/locales/zh/products.json
+++ b/public/locales/zh/products.json
@@ -22,5 +22,34 @@
"CreatedBy": "提交人员",
"CreateDate": "提交时间",
"Auditors": "审核人员",
- "AuditDate": "审核时间"
+ "AuditDate": "审核时间",
+
+ "productProject": "产品项目",
+ "Code": "代码",
+ "City": "城市",
+ "Remarks": "备注",
+ "tourTime": "游览时间",
+ "recommendationRate": "推荐指数",
+ "Name":"名称",
+ "Price":"价格",
+ "Description":"描述",
+ "supplierQuotation": "供应商报价",
+ "addQuotation": "添加报价",
+ "bindingProducts": "绑定产品",
+ "addBinding": "添加绑定",
+
+ "adultPrice": "成人价",
+ "childrenPrice": "儿童价",
+ "currency": "币种",
+ "Types": "类型",
+ "number": "人等",
+ "validityPeriod":"有效期",
+ "operation": "操作",
+ "price": "价格",
+ "save":"保存",
+ "edit":"编辑",
+ "cancel":"取消",
+ "delete":"删除",
+ "sureCancel": "确定取消？",
+ "sureDelete":"确定删除？"
}
diff --git a/src/components/date.jsx b/src/components/date.jsx
new file mode 100644
index 0000000..fec0402
--- /dev/null
+++ b/src/components/date.jsx
@@ -0,0 +1,51 @@
+import React, { useState } from 'react';
+import { DatePicker, Button } from 'antd';
+
+const DateComponent = ({ onDateChange }) => {
+ const dateFormat = 'YYYY/MM/DD';
+ const { RangePicker } = DatePicker;
+ const [dateRange, setDateRange] = useState(null);
+ const [selectedDays, setSelectedDays] = useState([]);
+
+ const days = [
+ 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'
+ ];
+
+ const handleChange = (date, dateString) => {
+ const range = dateString[0] + "-" + dateString[1];
+ setDateRange(range);
+ onDateChange({ dateRange: range, selectedDays });
+ };
+
+ const handleDayClick = (day) => {
+ setSelectedDays((prevSelectedDays) => {
+ const updatedDays = prevSelectedDays.includes(day)
+ ? prevSelectedDays.filter((d) => d !== day)
+ : [...prevSelectedDays, day];
+ onDateChange({ dateRange, selectedDays: updatedDays });
+ return updatedDays;
+ });
+ };
+
+ return (
+
+
Data
+
+
Weekdays
+
+ {days.map((day, index) => (
+
+ ))}
+
+
- {children}
-
- |
- );
- }
-
- return (
-
- {editing ? (
-
- {inputNode}
-
- ) : (
- children
- )}
- |
- );
-};
-
-function Index() {
- const { t, i18n } = useTranslation();
- const [form] = Form.useForm();
- const [quotation, setQuotation] = useState(initialData);
- const [editingKey, setEditingKey] = useState('');
- const [tags, setTags] = useState(['中文', 'English']);
- const [isModalVisible, setIsModalVisible] = useState(false);
- const [selectedTag, setSelectedTag] = useState('中文');
- const [saveData, setSaveData] = useState(null);
- const [datePickerVisible, setDatePickerVisible] = useState(false);
- const [currentKey, setCurrentKey] = useState(null);
- const [languageStatus, setLanguageStatus] = useState([{ "中文": { title: "", description: "" } }, { "English": { title: "", description: "" } }]);
- const [formState, setFormState] = useState({});
- const [selectedNodeKey, setSelectedNodeKey] = useState(null);
-
- const isEditing = (record) => record.key === editingKey;
-
- const edit = (record) => {
- form.setFieldsValue({ ...record });
- setEditingKey(record.key);
- };
-
- const cancel = () => {
- setEditingKey('');
- };
-
- const handleSave = async (key) => {
- try {
- const row = await form.validateFields();
- const newData = [...quotation];
-
- const index = newData.findIndex((item) => key === item.key);
- if (index > -1) {
- const item = newData[index];
- newData.splice(index, 1, { ...item, ...row });
- setQuotation(newData);
- setEditingKey('');
- } else {
- newData.push(row);
- setQuotation(newData);
- setEditingKey('');
- }
- } catch (errInfo) {
- console.log('Validate Failed:', errInfo);
- }
- };
-
- const handleDelete = (key) => {
- const newData = [...quotation];
- const index = newData.findIndex((item) => key === item.key);
- newData.splice(index, 1);
- setQuotation(newData);
- };
-
- const handleAdd = () => {
- const newData = {
- key: `${quotation.length + 1}`,
- jg: '',
- bz: '',
- lx: '',
- zm: '',
- rq: '',
- rd: '',
- yxq: '',
- };
- setQuotation([...quotation, newData]);
- };
-
- const handleDateSelect = (key) => {
- setCurrentKey(key);
- setDatePickerVisible(true);
- };
-
- const handleDateChange = (date) => {
- if (currentKey) {
- const newData = [...quotation];
- const index = newData.findIndex((item) => currentKey === item.key);
- if (index > -1) {
- newData[index].yxq = date;
- setQuotation(newData);
- setCurrentKey(null);
- setDatePickerVisible(false);
- }
- }
- };
-
- const columns = [
- { title: '成人价', dataIndex: 'crj', width: '10%', editable: true },
- { title: '儿童价', dataIndex: 'etj', width: '10%', editable: true },
- { title: '币种', dataIndex: 'bz', width: '10%', editable: true },
- { title: '类型', dataIndex: 'lx', width: '10%', editable: true },
- { title: '人群', dataIndex: 'rq', width: '10%', editable: true },
- { title: '人等', dataIndex: 'rd', width: '10%', editable: true },
- { title: '有效期', dataIndex: 'yxq', width: '30%', editable: true },
- {
- title: '操作',
- dataIndex: 'operation',
- render: (_, record) => {
- const editable = isEditing(record);
- return editable ? (
-
- handleSave(record.key)} style={{ marginRight: 8 }}>保存
- 取消
-
- ) : (
-
- edit(record)} style={{ marginRight: 8 }}>编辑
- handleDelete(record.key)}>
- 删除
-
-
- );
- },
- },
- ];
-
-
- const mergedColumns = columns.map((col) => {
- if (!col.editable) {
- return col;
- }
- return {
- ...col,
- onCell: (record) => ({
- record,
- inputType: col.dataIndex === 'age' ? 'number' : 'text',
- dataIndex: col.dataIndex,
- title: col.title,
- editing: isEditing(record),
- handleDateSelect: handleDateSelect,
- }),
- };
- });
-
- const handleTagClick = (tag) => {
- setSelectedTag(tag);
-
- };
-
- const showModal = () => setIsModalVisible(true);
-
- const handleOk = () => setIsModalVisible(false);
-
- const handleCancel = () => setIsModalVisible(false);
-
-
- const handleTagChange = (value) => {
- if (!tags.includes(value)) {
- setTags([...tags, value]);
- setLanguageStatus([...languageStatus, { [value]: { title: "", description: "" } }]);
- }
- setSelectedTag(value);
- setIsModalVisible(false);
- };
-
- const handleChange = (field, value) => {
- const updatedLanguageStatus = languageStatus.map(lang => {
- if (lang[selectedTag]) {
- return { ...lang, [selectedTag]: { ...lang[selectedTag], [field]: value } };
- }
- return lang;
- });
- setLanguageStatus(updatedLanguageStatus);
- };
-
- const findLanguageDetails = (tag) => {
- const lang = languageStatus.find(lang => lang[tag]);
- return lang ? lang[tag] : { title: "", description: "" };
- };
-
-
- //树组件方法
- const handleNodeSelect = async (_, { node }) => {
- // 保存当前表单数据
- if (selectedNodeKey) {
- await handleSaveForm();
- }
-
- // 更新选中的节点
- setSelectedNodeKey(node.key);
-
- // 加载新节点的表单数据
- if (formState[node.key]) {
- form.setFieldsValue(formState[node.key]);
- setQuotation(formState[node.key].quotation || []);
- setLanguageStatus(formState[node.key].lgc_details || languageStatus);
- } else {
- form.resetFields();
- setQuotation(initialData);
- setLanguageStatus([{ "中文": { title: "", description: "" } }, { "English": { title: "", description: "" } }]);
- }
- };
-
- const handleSaveForm = async () => {
- try {
- const values = await form.validateFields();
- const newFormState = {
- ...formState,
- [selectedNodeKey]: {
- ...values,
- quotation,
- lgc_details: languageStatus,
- },
- };
- setFormState(newFormState);
- } catch (error) {
- console.error('Validation failed:', error);
- }
- };
-
-
- const onSave = (values) => {
- const tempData = values;
- tempData['quotation'] = quotation;
- tempData['extras'] = quotationBdcp;
- tempData['lgc_details'] = languageStatus;
- setSaveData(tempData);
- console.log("保存的数据",tempData)
- };
-
-
- //绑定产品
- const initialDataBdcp = [
- { key: '1', mc: '15', jg: "美元", lx: 'aa' },
- { key: '2', mc: '15', jg: "美元", lx: 'aa' },
- { key: '3', mc: '15', jg: "美元", lx: 'aa' },
- { key: '4', mc: '15', jg: "美元", lx: 'aa' },
- ]
- // const [form] = Form.useForm();
- const [quotationBdcp, setQuotationBdcp] = useState(initialDataBdcp);
- const isEditingBdcp = (record) => record.key === editingKeyBdcp;
- const [editingKeyBdcp, setEditingKeyBdcp] = useState('');
-
- const editBdcp = (record) => {
- form.setFieldsValue({ ...record });
- setEditingKeyBdcp(record.key);
- };
- const cancelBdcp = () => {
- setEditingKeyBdcp('');
- };
- const EditableCellBdcp = ({
- editing,
- dataIndex,
- title,
- inputType,
- record,
- index,
- children,
- ...restProps
- }) => {
- const inputNode = inputType === 'number' ? : ;
- return (
-
- {editing ? (
-
- {inputNode}
-
- ) : (
- children
- )}
- |
- );
- };
- const bdcpColums = [
- { title: '名称', dataIndex: 'mc', width: '15%', editable: true },
- { title: '价格', dataIndex: 'jg', width: '15%', editable: true },
- { title: '类型', dataIndex: 'lx', width: '40%', editable: true },
- {
- title: '操作',
- dataIndex: 'operation',
- render: (_, record) => {
- const editable = isEditingBdcp(record);
- return editable ? (
-
- handleSaveBdcp(record.key)} style={{ marginRight: 8 }}>保存
- 取消
-
- ) : (
-
- editBdcp(record)} style={{ marginRight: 8 }}>编辑
- handleDeleteBdcp(record.key)}>
- 删除
-
-
- );
- },
- },
- ].map(col => {
- if (!col.editable) {
- return col;
- }
- return {
- ...col,
- onCell: record => ({
- record,
- inputType: col.dataIndex === 'jg' ? 'number' : 'text',
- dataIndex: col.dataIndex,
- title: col.title,
- editing: isEditingBdcp(record),
- }),
- };
- });
-
-
-
- const handleAddBdcp = () => {
- const newData = {
- key: `${quotationBdcp.length + 1}`,
- mc: '',
- jg: '',
- lx: '',
- };
- setQuotationBdcp([...quotationBdcp, newData]);
- setEditingKeyBdcp(''); // 添加这一行
- };
-
- const handleSaveBdcp = async (key) => {
- try {
- const row = await form.validateFields();
- const newData = [...quotationBdcp];
-
- const index = newData.findIndex((item) => key === item.key);
- if (index > -1) {
- const item = newData[index];
- newData.splice(index, 1, { ...item, ...row });
- setQuotationBdcp(newData);
- setEditingKeyBdcp('');
- } else {
- newData.push(row);
- setQuotationBdcp(newData);
- setEditingKeyBdcp('');
- }
- } catch (errInfo) {
- console.log('Validate Failed:', errInfo);
- }
- };
-
-
- const handleDeleteBdcp = (key) => {
- const newData = [...quotationBdcp];
- const index = newData.findIndex((item) => key === item.key);
- newData.splice(index, 1);
- setQuotationBdcp(newData);
- };
-
- const componentsBdcp = {
- body: {
- cell: EditableCellBdcp,
- },
- };
-
-
- //Effect
- useEffect(() => {
- if (saveData) {
- }
- }, [saveData]);
-
- useEffect(() => {
- // const { errcode, result } = fetchJSON('http://127.0.0.1:4523/m1/2602949-1933890-default/Service_BaseInfoWeb/travel_agency_products');
- console.log("get请求")
- }, [])
-
- useEffect(() => {
- if (selectedNodeKey) {
- handleSaveForm();
- }
- }, [selectedNodeKey]);
-
-
- return (
-
- }>
-
-
-
-
-
- handleChange('title', e.target.value)}
- />
-
-
- handleChange('description', e.target.value)}
- />
-
-
-
-
-
- 供应商报价
-
-
-
-
-
-
-
- 绑定产品
-
-
-
-
-
-
-
-
-
-
-
-
- {datePickerVisible && (
- setDatePickerVisible(false)}
- onCancel={() => setDatePickerVisible(false)}
- >
-
-
- )}
-
- );
-}
-export default Index;
-
-
diff --git a/src/views/gysgl/components/date.jsx b/src/views/gysgl/components/date.jsx
deleted file mode 100644
index 51bc9ca..0000000
--- a/src/views/gysgl/components/date.jsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import React, { useState } from 'react';
-import { DatePicker, Input, Button } from 'antd';
-import dayjs from 'dayjs';
-
-const DateComponent = ({ onDateChange }) => {
- const dateFormat = 'YYYY/MM/DD';
- const { RangePicker } = DatePicker;
-
- const [selectedMonths, setSelectedMonths] = useState([]);
- const [selectedDays, setSelectedDays] = useState([]);
-
- const handleChange = (date, dateString) => {
- const dateFw = dateString[0] + "-" + dateString[1];
- onDateChange(dateFw);
- };
-
- const months = [
- 'January', 'February', 'March', 'April', 'May', 'June',
- 'July', 'August', 'September', 'October', 'November', 'December'
- ];
-
- const days = [
- 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'
- ];
-
- const handleMonthClick = (month) => {
- setSelectedMonths((prevSelectedMonths) => {
- if (prevSelectedMonths.includes(month)) {
- return prevSelectedMonths.filter((m) => m !== month);
- } else {
- return [...prevSelectedMonths, month];
- }
- });
- };
-
- const handleDayClick = (day) => {
- setSelectedDays((prevSelectedDays) => {
- if (prevSelectedDays.includes(day)) {
- return prevSelectedDays.filter((d) => d !== day);
- } else {
- return [...prevSelectedDays, day];
- }
- });
- };
-
- return (
-
-
Title
-
-
Data
-
-
Months
-
- {months.map((month, index) => (
-
- ))}
-
-
Weekdays
-
- {days.map((day, index) => (
-
- ))}
-
-
+ {children}
+
+ |
+ );
+ }
+
+ return (
+
+ {editing ? (
+
+ {inputNode}
+
+ ) : (
+ children
+ )}
+ |
+ );
+ };
+
+ const columns = [
+ { title: t('products:adultPrice'), dataIndex: 'adult_cost', width: '10%', editable: true },
+ { title: t('products:childrenPrice'), dataIndex: 'child_cost', width: '10%', editable: true },
+ { title: t('products:currency'), dataIndex: 'currency', width: '10%', editable: true },
+ { title: t('products:Types'), dataIndex: 'age_type', width: '10%', editable: true },
+ { title: t('products:number'), dataIndex: 'group_size', width: '10%', editable: true },
+ { title: t('products:validityPeriod'), dataIndex: 'validityPeriod', width: '30%', editable: true },
+ {
+ title: t('products:operation'),
+ dataIndex: 'operation',
+ render: (_, record) => {
+ const editable = isEditing(record);
+ return editable ? (
+
+ handleSave(record.key)} style={{ marginRight: 8 }}>{t('products:save')}
+ {t('products:cancel')}
+
+ ) : (
+
+ edit(record)} style={{ marginRight: 8 }}>{t('products:edit')}
+ handleDelete(record.key)}>
+ {t('products:delete')}
+
+
+ );
+ },
+ },
+ ];
+
+
+ const mergedColumns = columns.map((col) => {
+ if (!col.editable) {
+ return col;
+ }
+ return {
+ ...col,
+ onCell: (record) => ({
+ record,
+ inputType: col.dataIndex === 'age' ? 'number' : 'text',
+ dataIndex: col.dataIndex,
+ title: col.title,
+ editing: isEditing(record),
+ handleDateSelect: handleDateSelect,
+ }),
+ };
+ });
+
+ const handleTagClick = (tag) => {
+ setSelectedTag(tag);
+
+ };
+
+ const showModal = () => setIsModalVisible(true);
+
+ const handleOk = () => setIsModalVisible(false);
+
+ const handleCancel = () => setIsModalVisible(false);
+
+
+ const handleTagChange = (value) => {
+ if (!tags.includes(value)) {
+ setTags([...tags, value]);
+ setLanguageStatus([...languageStatus, { [value]: { title: "", description: "" } }]);
+ }
+ setSelectedTag(value);
+ setIsModalVisible(false);
+ };
+
+ const handleChange = (field, value) => {
+ const updatedLanguageStatus = languageStatus.map(lang => {
+ if (lang[selectedTag]) {
+ return { ...lang, [selectedTag]: { ...lang[selectedTag], [field]: value } };
+ }
+ return lang;
+ });
+ setLanguageStatus(updatedLanguageStatus);
+ };
+
+ const findLanguageDetails = (tag) => {
+ const lang = languageStatus.find(lang => lang[tag]);
+ return lang ? lang[tag] : { title: "", description: "" };
+ };
+
+
+ //树组件方法
+ const handleNodeSelect = async (_, { node }) => {
+
+ // 如果点击的是同一个节点，不做任何操作
+ if (selectedNodeKey === node.key) return;
+
+ // 保存当前表单数据
+ if (selectedNodeKey) {
+ await handleSaveForm();
+ }
+
+ // 更新选中的节点
+ setSelectedNodeKey(node.key);
+
+ // 加载新节点的表单数据
+ if (formState[node.key]) {
+ form.setFieldsValue(formState[node.key]);
+ setQuotation(formState[node.key].quotation || []);
+ setLanguageStatus(formState[node.key].lgc_details || languageStatus);
+ } else {
+ form.resetFields();
+ setQuotation(initialData);
+ setLanguageStatus([{ "中文": { title: "", description: "" } }, { "English": { title: "", description: "" } }]);
+ }
+ };
+
+ const handleSaveForm = async () => {
+ try {
+ const values = await form.validateFields();
+ const newFormState = {
+ ...formState,
+ [selectedNodeKey]: {
+ ...values,
+ quotation,
+ lgc_details: languageStatus,
+ },
+ };
+ setFormState(newFormState);
+ } catch (error) {
+ console.error('Validation failed:', error);
+ }
+ };
+
+
+ const onSave = (values) => {
+ const tempData = values;
+ tempData['quotation'] = quotation;
+ tempData['extras'] = bindingData;
+ tempData['lgc_details'] = languageStatus;
+ setSaveData(tempData);
+ console.log("保存的数据", tempData)
+ };
+
+
+ //绑定产品
+ const initBindingData = [
+ { key: '1', title: '15', value: "美元", age_type: 'aa' },
+ { key: '2', title: '15', value: "美元", age_type: 'aa' },
+ { key: '3', title: '15', value: "美元", age_type: 'aa' },
+ { key: '4', title: '15', value: "美元", age_type: 'aa' },
+ ]
+ const [bindingData, setBindingData] = useState(initBindingData);
+ const isEditingBinding = (record) => record.key === editingKeyBinding;
+ const [editingKeyBinding, setEditingKeyBinding] = useState('');
+
+ const editBinding = (record) => {
+ form.setFieldsValue({ ...record });
+ setEditingKeyBinding(record.key);
+ };
+ const cancelBinding = () => {
+ setEditingKeyBinding('');
+ };
+ const EditableCellBinding = ({
+ editing,
+ dataIndex,
+ title,
+ inputType,
+ record,
+ index,
+ children,
+ ...restProps
+ }) => {
+ const inputNode = inputType === 'number' ? : ;
return (
- <>
-
+
+ {editing ? (
+
+ {inputNode}
+
+ ) : (
+ children
+ )}
+ |
);
-});
-export default Detail;
+ };
+ const bindingColums = [
+ { title: t('products:Name'), dataIndex: 'title', width: '15%', editable: true },
+ { title: t('products:price'), dataIndex: 'value', width: '15%', editable: true },
+ { title: t('products:Types'), dataIndex: 'age_type', width: '40%', editable: true },
+ {
+ title: t('products:operation'),
+ dataIndex: 'operation',
+ render: (_, record) => {
+ const editable = isEditingBinding(record);
+ return editable ? (
+
+ handleSaveBinding(record.key)} style={{ marginRight: 8 }}>{t('products:save')}
+ {t('products:cancel')}
+
+ ) : (
+
+ editBinding(record)} style={{ marginRight: 8 }}>{t('products:edit')}
+ handleDeleteBinding(record.key)}>
+ {t('products:delete')}
+
+
+ );
+ },
+ },
+ ].map(col => {
+ if (!col.editable) {
+ return col;
+ }
+ return {
+ ...col,
+ onCell: record => ({
+ record,
+ inputType: col.dataIndex === 'value' ? 'number' : 'text',
+ dataIndex: col.dataIndex,
+ title: col.title,
+ editing: isEditingBinding(record),
+ }),
+ };
+ });
+
+
+
+ const handleAddBinding = () => {
+ const newData = {
+ key: `${bindingData.length + 1}`,
+ title: '',
+ value: '',
+ age_type: '',
+ };
+ setBindingData([...bindingData, newData]);
+ setEditingKeyBinding(''); // 添加这一行
+ };
+
+ const handleSaveBinding = async (key) => {
+ try {
+ const row = await form.validateFields();
+ const newData = [...bindingData];
+ const { value, title, age_type } = row
+ const index = newData.findIndex((item) => key === item.key);
+ if (index > -1) {
+ const item = newData[index];
+ newData.splice(index, 1, { ...item, value, title, age_type });
+
+ setBindingData(newData);
+ setEditingKeyBinding('');
+ } else {
+ newData.push(row);
+ setBindingData(newData);
+ setEditingKeyBinding('');
+ }
+ } catch (errInfo) {
+ console.log('Validate Failed:', errInfo);
+ }
+ };
+
+
+ const handleDeleteBinding = (key) => {
+ const newData = [...bindingData];
+ const index = newData.findIndex((item) => key === item.key);
+ newData.splice(index, 1);
+ setBindingData(newData);
+ };
+
+ const componentsBinding = {
+ body: {
+ cell: EditableCellBinding,
+ },
+ };
+
+ const treeData = [
+ {
+ title: '综费',
+ key: 'zf',
+ selectable: false,
+ children: [{ title: '北京怡然假日', key: 'bjyrjr' }]
+ },
+ {
+ title: '车费',
+ key: 'cf',
+ selectable: false,
+ children: [
+ { title: '北京', key: 'bj' },
+ { title: '天津', key: 'tj' },
+ { title: '北京-天津', key: 'bj-tj-3-5' }
+ ]
+ }
+ ]
+
+
+
+ //Effect
+ useEffect(() => {
+ if (saveData) {
+
+ }
+ }, [saveData]);
+
+ useEffect(() => {
+ // const { errcode, result } = fetchJSON('http://127.0.0.1:4523/m1/2602949-1933890-default/Service_BaseInfoWeb/travel_agency_products');
+ console.log("get请求")
+
+ }, [])
+
+ useEffect(() => {
+ if (selectedNodeKey) {
+ handleSaveForm();
+ }
+ }, [selectedNodeKey]);
+
+
+ return (
+
+ }>
+
+
+
+
+
+ handleChange('title', e.target.value)}
+ />
+
+
+ handleChange('description', e.target.value)}
+ />
+
+
+
+
+
+ {t('products:supplierQuotation')}
+
+
+
+
+
+
+
+ {t('products:bindingProducts')}
+
+
+
+
+
+
+
+
+
+
+
+
+ {datePickerVisible && (
+ setDatePickerVisible(false)}
+ >
+
+
+ )}
+
+ );
+}
+export default Index;
+
+