-
-
-
+
+
+
{title}
+
+ {/*
*/}
+ {/*
*/}
+
+ {/*
*/}
+
+ {/* todo: export */}
+
);
};
-const TypesTabs = () => {
+const PriceTable = ({dataSource,refresh}) => {
+ const { t } = useTranslation('products');
+ const [loading, activeAgency, ] = useProductsStore((state) => [state.loading, state.activeAgency, ]);
+ const { message, notification } = App.useApp();
+ const stateMapVal = useProductsAuditStatesMapVal();
+
+ const handleAuditPriceItem = (state, row) => {
+ postProductsQuoteAudit(state, {id: row.id, travel_agency_id: activeAgency.travel_agency_id})
+ .then((json) => {
+ if (json.errcode === 0) {
+ message.success(json.errmsg);
+ if (typeof refresh === 'function') {
+ refresh();
+ }
+ }
+ })
+ .catch((ex) => {
+ notification.error({
+ message: 'Notification',
+ description: ex.message,
+ placement: 'top',
+ duration: 4,
+ });
+ });
+ };
+
+ const columns = [
+ { key: 'title', dataIndex: ['info', 'title'], title: t('Title'), onCell: (r, index) => ({ rowSpan: r.rowSpan }) },
+ { key: 'adult', title: t('AgeType.Adult'), render: (_, { value, currency, unit_name }) => `${value} ${currency} / ${unit_name}` },
+ { key: 'child', title: t('AgeType.Child'), render: (_, { value, currency, unit_name }) => `${value} ${currency} / ${unit_name}` },
+ // {key: 'price', title: t('Currency'), },
+ // {key: 'currency', title: t('Currency'), },
+ // {key: 'unit', title: t('Unit'), },
+ {
+ key: 'groupSize',
+ dataIndex: ['group_size_min'],
+ title: t('GroupSize'),
+ render: (_, { group_size_min, group_size_max }) => `${group_size_min} - ${group_size_max}`,
+ },
+ {
+ key: 'useDates',
+ dataIndex: ['use_dates_start'],
+ title: t('UseDates'),
+ render: (_, { use_dates_start, use_dates_end }) => `${use_dates_start} ~ ${use_dates_end}`,
+ },
+ { key: 'weekdays', dataIndex: ['weekdays'], title: t('Weekdays') },
+ {
+ key: 'state',
+ title: t('State'),
+ render: (_, r) => {
+ return stateMapVal[`${r.audit_state_id}`]?.label;
+ },
+ },
+ {
+ title: '价格审核',
+ key: 'action',
+ render: (_, r) => r.audit_state_id <= 0 ?(
+
+
+
+
+ ) : null,
+ },
+ ];
+ return
r.id} />;
+}
+
+/**
+ *
+ */
+const TypesPanels = (props) => {
+ const [loading, agencyProducts, ] = useProductsStore((state) => [state.loading, state.agencyProducts]);
+ // console.log(agencyProducts);
const productsTypes = useProductsTypes();
+ const [activeKey, setActiveKey] = useState([]);
+ const [showTypes, setShowTypes] = useState([]);
+ useEffect(() => {
+ // 只显示有产品的类型; 展开产品的价格表, 合并名称列
+ const hasDataTypes = Object.keys(agencyProducts);
+ const _show = productsTypes
+ .filter((kk) => hasDataTypes.includes(kk.value))
+ .map((ele) => ({
+ ...ele,
+ children: (
+ r.concat(c.quotation.map((q, i) => ({ ...q, info: c.info, rowSpan: i === 0 ? c.quotation.length : 0 }))), [])}
+ refresh={props.refresh}
+ />
+ ),
+ }));
+ setShowTypes(_show);
+
+ setActiveKey(isEmpty(_show) ? [] : [_show[0].key]);
+
+ return () => {};
+ }, [productsTypes, agencyProducts]);
+
+ const onCollapseChange = (_activeKey) => {
+ setActiveKey(_activeKey)
+ }
return (
-
+
)
}
const Audit = ({ ...props }) => {
+ const { travel_agency_id, use_year, audit_state } = useParams();
+ const [activeAgency, getAgencyProducts] = useProductsStore((state) => [state.activeAgency, state.getAgencyProducts]);
+
+ const handleGetAgencyProducts = () => {
+ getAgencyProducts({ travel_agency_id, use_year, audit_state });
+ }
+
+ useEffect(() => {
+ handleGetAgencyProducts();
+
+ return () => {};
+ }, [travel_agency_id])
+
return (
<>
- }>
-
+ }>
+
+
);
diff --git a/src/views/products/Index.jsx b/src/views/products/Index.jsx
index b793b2f..d1b1495 100644
--- a/src/views/products/Index.jsx
+++ b/src/views/products/Index.jsx
@@ -1,22 +1,32 @@
-import { useEffect, useState } from 'react';
+import { useEffect } from 'react';
import { Link } from 'react-router-dom';
-import { Row, Col, Space, Typography, Table, Button } from 'antd';
-import useProductsStore from '@/stores/Products/Index';
-import { usingStorage } from '@/hooks/usingStorage';
+import { Row, Col, Space, Table } from 'antd';
import SearchForm from '@/components/SearchForm';
import dayjs from 'dayjs';
import { useTranslation } from 'react-i18next';
-import { useProductsTypes } from '@/hooks/useProductsSets';
+import useProductsStore from '@/stores/Products/Index';
+import useFormStore from '@/stores/Form';
+import { objectMapper } from '@/utils/commons';
function Index() {
const { t } = useTranslation();
- const { userId } = usingStorage();
- const [loading, productsList] = useProductsStore((state) => [state.loading, state.productsList]);
+ const [loading, agencyList, searchAgency] = useProductsStore((state) => [state.loading, state.agencyList, state.searchAgency]);
+ const [searchValues, setSearchValues] = useProductsStore((state) => [state.searchValues, state.setSearchValues]);
+ const formValuesToSub = useFormStore(state => state.formValuesToSub);
+
+ const handleSearchAgency = (formVal = undefined) => {
+ const { starttime, endtime, ...param } = formVal || formValuesToSub;
+ const searchParam = objectMapper(param, { agency: 'travel_agency_ids', startdate: 'edit_date1', enddate: 'edit_date2' });
+ setSearchValues(searchParam);
+ searchAgency(searchParam);
+ }
- const [noticeList, setNoticeList] = useState([]);
- useEffect(() => {}, []);
+ useEffect(() => {
+ // handleSearchAgency();
+ }, []);
+
+ const showTotal = (total) => t('Table.Total', { total });
- const showTotal = (total) => `Total ${total} items`;
const columns = [
{ title: t('products:Vendor'), key: 'vendor', dataIndex: 'travel_agency_name' },
{ title: t('products:CreatedBy'), key: 'created_by', dataIndex: 'created_by' },
@@ -29,8 +39,8 @@ function Index() {
key: 'action',
render: (_, r) => (
- {t('Edit')}
- {t('Audit')}
+ {t('Edit')}
+ {t('Audit')}
),
},
@@ -38,23 +48,37 @@ function Index() {
return (
{
+ handleSearchAgency(formVal);
}}
/>
-
+