perf: 老客户. 明细; -->zustand
Lei OT
3 months ago
parent
d9fccc5433
commit
259afa80f1
@ -0,0 +1,171 @@
|
|||||||
|
import { create } from 'zustand';
|
||||||
|
import { devtools } from 'zustand/middleware';
|
||||||
|
import { immer } from 'zustand/middleware/immer';
|
||||||
|
import { fetchJSON } from '@haina/utils-request';
|
||||||
|
import { HT_HOST } from '../config';
|
||||||
|
import { formatDate, isEmpty, sortBy } from '@haina/utils-commons';
|
||||||
|
import { groupsMappedByKey, sitesMappedByCode, pivotBy } from './../libs/ht';
|
||||||
|
|
||||||
|
const defaultParams = {};
|
||||||
|
|
||||||
|
export const fetchRegularCustomer = async (params) => {
|
||||||
|
const _params = {
|
||||||
|
Website: params.WebCode || '', // CHT,AH,JH,GH,ZWQD,GH_ZWQD_HW,GHKYZG,GHKYHW,HTravel
|
||||||
|
DEI_SNList: params.DepartmentList || '', // 1,2,28,7
|
||||||
|
ApplydateCheck: params.DateType === 'applyDate' ? 1 : 0, //
|
||||||
|
EntrancedateCheck: params.DateType === 'startDate' ? 1 : 0, //
|
||||||
|
ConfirmDateCheck: params.DateType === 'confirmDate' ? 1 : 0, //
|
||||||
|
ApplydateStart: params.Date1 || '',
|
||||||
|
ApplydateEnd: params.Date2 || '',
|
||||||
|
EntrancedateStart: params.Date1 || '',
|
||||||
|
EntrancedateEnd: params.Date2 || '',
|
||||||
|
ConfirmdateStart: params.Date1 || '',
|
||||||
|
ConfirmdateEnd: params.Date2 || '',
|
||||||
|
IsDetail: '', //
|
||||||
|
IncludeTickets: '', //
|
||||||
|
...params,
|
||||||
|
};
|
||||||
|
const { WebCode, DepartmentList, DateType, Date1, Date2, ...readyParams } = _params;
|
||||||
|
const [result1, result2] = await Promise.all([
|
||||||
|
fetchJSON(HT_HOST + '/service-tourdesign/RegularCusOrder', { ...defaultParams, ...readyParams }),
|
||||||
|
...(params.DateDiff1 && params.IsDetail === 0
|
||||||
|
? [
|
||||||
|
fetchJSON(HT_HOST + '/service-tourdesign/RegularCusOrder', {
|
||||||
|
...defaultParams,
|
||||||
|
...readyParams,
|
||||||
|
ApplydateStart: params.DateDiff1 || '',
|
||||||
|
ApplydateEnd: params.DateDiff2 || '',
|
||||||
|
EntrancedateStart: params.DateDiff1 || '',
|
||||||
|
EntrancedateEnd: params.DateDiff2 || '',
|
||||||
|
ConfirmdateStart: params.DateDiff1 || '',
|
||||||
|
ConfirmdateEnd: params.DateDiff2 || '',
|
||||||
|
}),
|
||||||
|
]
|
||||||
|
: []),
|
||||||
|
]);
|
||||||
|
if (params.IsDetail === 1) {
|
||||||
|
return { result1, result2 };
|
||||||
|
}
|
||||||
|
const ret = {};
|
||||||
|
const result1Mapped = result1.reduce((r, v) => ({ ...r, [v.ItemName]: v }), {});
|
||||||
|
const allKeys = [...new Set([...result1.map((e) => e.ItemName), ...result2.map((e) => e.ItemName)])];
|
||||||
|
const result2Mapped = result2.reduce((r, v) => ({ ...r, [v.ItemName]: v }), {});
|
||||||
|
const x = {};
|
||||||
|
allKeys.forEach((key) => {
|
||||||
|
x[key] = { ...(result1Mapped?.[key] || { ItemName: key }), diff: result2Mapped[key] || {} };
|
||||||
|
});
|
||||||
|
ret.result1 = Object.values(x);
|
||||||
|
console.log(ret);
|
||||||
|
return { result1: ret.result1 }; // { result1, result2 };
|
||||||
|
};
|
||||||
|
|
||||||
|
// 老客户: 日期对应的数据字段
|
||||||
|
const dateTypeDataHelper = {
|
||||||
|
applyDate: 'SumOrder',
|
||||||
|
startDate: 'ConfirmOrder',
|
||||||
|
confirmDate: 'ConfirmOrder',
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 构建 老客户系列数据
|
||||||
|
* * 用明细数据计算
|
||||||
|
* @param {[]} details
|
||||||
|
* @param {string} pivotByOrder
|
||||||
|
* @param {string} pivotByDate
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
const buildSeriesDataFromDetails = (details, pivotByOrder, pivotByDate) => {
|
||||||
|
const dataDetail = (details || []).map((ele) => ({
|
||||||
|
...ele,
|
||||||
|
key: ele.COLI_ID,
|
||||||
|
orderState: ele.OrderState,
|
||||||
|
applyDate: formatDate(new Date(ele.COLI_ApplyDate)),
|
||||||
|
startDate: ele.COLI_OrderStartDate,
|
||||||
|
confirmDate: formatDate(new Date(ele.COLI_ConfirmDate)),
|
||||||
|
}));
|
||||||
|
const { data: IsOldData } = pivotBy(
|
||||||
|
dataDetail.filter((ele) => ele.COLI_IsOld === '是'),
|
||||||
|
[['COLI_IsOld'], [], pivotByDate]
|
||||||
|
);
|
||||||
|
const { data: isCusCommendData } = pivotBy(
|
||||||
|
dataDetail.filter((ele) => ele.COLI_IsCusCommend === '是'),
|
||||||
|
[['COLI_IsCusCommend'], [], pivotByDate]
|
||||||
|
);
|
||||||
|
// console.log('IsOldData====', IsOldData, '\nisCusCommend', isCusCommendData);
|
||||||
|
// 合并成两个系列
|
||||||
|
const seriesData = []
|
||||||
|
.concat(
|
||||||
|
IsOldData.map((ele) => ({ ...ele, _ylabel: '老客户' })),
|
||||||
|
isCusCommendData.map((ele) => ({ ...ele, _ylabel: '老客户推荐' }))
|
||||||
|
)
|
||||||
|
.sort(sortBy(pivotByDate));
|
||||||
|
return seriesData;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* --------------------------------------------------------------------------------------------------------
|
||||||
|
*/
|
||||||
|
const initialState = {
|
||||||
|
loading: false,
|
||||||
|
loading2: false,
|
||||||
|
searchValues: {
|
||||||
|
DepartmentList: ['1', '2', '28', '7'].map((kk) => groupsMappedByKey[kk]),
|
||||||
|
WebCode: ['CHT', 'AH', 'JH', 'GH', 'ZWQD', 'GH_ZWQD_HW', 'GHKYZG', 'GHKYHW', 'HTravel'].map((kk) => sitesMappedByCode[kk]),
|
||||||
|
DateType: { key: 'applyDate', label: '提交日期' },
|
||||||
|
IncludeTickets: { key: '0', label: '不含门票' },
|
||||||
|
},
|
||||||
|
searchValuesToSub: {},
|
||||||
|
|
||||||
|
regular: { data: [], details: [], total_data_tips: '', pivotData: [], pivotY: 'SumOrder', pivotX: '' },
|
||||||
|
};
|
||||||
|
|
||||||
|
const useCustomerRelationsStore = create(
|
||||||
|
devtools(
|
||||||
|
immer((set, get) => ({
|
||||||
|
...initialState,
|
||||||
|
reset: () => set(initialState),
|
||||||
|
|
||||||
|
setLoading: (loading) => set({ loading }),
|
||||||
|
setLoading2: (loading2) => set({ loading2 }),
|
||||||
|
setSearchValues: (obj, values) => set((state) => ({ searchValues: values, searchValuesToSub: obj })),
|
||||||
|
setSearchValuesToSub: (values) => set((state) => ({ searchValuesToSub: values })),
|
||||||
|
|
||||||
|
// 获取数据 ---------------------------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
// 老客户
|
||||||
|
getRegularCustomer: async (params) => {
|
||||||
|
const { setLoading, setLoading2 } = get();
|
||||||
|
const { IsDetail } = params;
|
||||||
|
setLoading(true);
|
||||||
|
setLoading2(IsDetail === 1);
|
||||||
|
const pivotByOrder = dateTypeDataHelper[params.DateType];
|
||||||
|
const pivotByDate = params.DateType;
|
||||||
|
try {
|
||||||
|
const {result1, result2} = await fetchRegularCustomer(params);
|
||||||
|
set((state) => {
|
||||||
|
if (IsDetail === 1) {
|
||||||
|
state.regular.details = result1;
|
||||||
|
|
||||||
|
const dump_l = (result1 || []).filter((ele) => ele.COLI_IsOld !== '' && ele.COLI_IsCusCommend !== '').length;
|
||||||
|
state.regular.total_data_tips = dump_l > 0 ? `包含 ${dump_l} 条同时勾选的数据` : '';
|
||||||
|
/** 使用明细数据画图 */
|
||||||
|
const seriesData = buildSeriesDataFromDetails(result1, pivotByOrder, pivotByDate);
|
||||||
|
state.regular.pivotData = seriesData;
|
||||||
|
state.regular.pivotX = pivotByDate;
|
||||||
|
state.regular.pivotY = pivotByOrder;
|
||||||
|
} else {
|
||||||
|
state.regular.data = result1;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
IsDetail === 1 && setLoading2(false);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})),
|
||||||
|
{ name: 'CustomerRelations' }
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
export default useCustomerRelationsStore;
|
||||||
Loading…
Reference in New Issue