feat: 外联业绩×页面类型
Lei OT
3 months ago
parent
460dd47f1c
commit
ae07f7593b
@ -0,0 +1,23 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { Select } from 'antd';
|
||||||
|
import { observer } from 'mobx-react';
|
||||||
|
import { lineClass } from './../../libs/ht';
|
||||||
|
|
||||||
|
export const LineClassSelector = ({ value, onChange, ...props }) => {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<Select
|
||||||
|
style={{ width: '100%' }}
|
||||||
|
placeholder="选择来源类型"
|
||||||
|
value={value}
|
||||||
|
onChange={onChange}
|
||||||
|
allowClear
|
||||||
|
labelInValue
|
||||||
|
{...props}
|
||||||
|
options={lineClass}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default observer(LineClassSelector);
|
||||||
@ -0,0 +1,122 @@
|
|||||||
|
import { create } from 'zustand';
|
||||||
|
import { devtools } from 'zustand/middleware';
|
||||||
|
import { immer } from 'zustand/middleware/immer';
|
||||||
|
import { groupsMappedByCode } from '../libs/ht';
|
||||||
|
import { fetchJSON } from '@haina/utils-request';
|
||||||
|
import { HT_HOST } from '../config';
|
||||||
|
import { groupBy, isEmpty, } from '@haina/utils-commons';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 顾问业绩 (例会数据)
|
||||||
|
*/
|
||||||
|
|
||||||
|
const defaultParams = { OrderType: 227001, IsDYTJ: '', IncludeTickets: 1, Team: '', WebCodeFX: '', CusType: '', OldCus: 0, lineClass: '', IsDetail: -1 };
|
||||||
|
|
||||||
|
export const fetchMeetingDataSales = async (params) => {
|
||||||
|
const { errcode, errmsg, result } = await fetchJSON(HT_HOST + '/service-web/QueryData/WLCountForMeetingNew', {
|
||||||
|
...defaultParams,
|
||||||
|
...params,
|
||||||
|
WebCode: (params.WebCode || '').replace('all', ''),
|
||||||
|
OPI_SN: params.operator || '',
|
||||||
|
});
|
||||||
|
const ret =
|
||||||
|
errcode !== 0
|
||||||
|
? []
|
||||||
|
: (result || [])
|
||||||
|
// .filter((ele) =>
|
||||||
|
// Object.keys(ele)
|
||||||
|
// .filter((col) => !['OPI_SN', 'OPI_Name', 'COLI_LineClass', 'LineClass', 'vi'].includes(col))
|
||||||
|
// .some((col) => !isEmpty(ele[col])),
|
||||||
|
// )
|
||||||
|
.map((ele) => ({ ...ele, key: `${ele.OPI_SN}_${ele.COLI_LineClass || ''}_${ele.vi || ''}` }));
|
||||||
|
const byOPI = groupBy(structuredClone(ret), 'OPI_SN');
|
||||||
|
const OPIValue = Object.keys(byOPI).reduce((r, opisn) => {
|
||||||
|
byOPI[opisn].forEach((ele, xi) => {
|
||||||
|
ele.rowSpan = xi === 0 ? byOPI[opisn].length : 0;
|
||||||
|
});
|
||||||
|
return [...r, ...byOPI[opisn]];
|
||||||
|
}, []);
|
||||||
|
const byLineClass = groupBy(structuredClone(ret), 'LineClass');
|
||||||
|
const LineClassValue = Object.keys(byLineClass).reduce((r, gkey) => {
|
||||||
|
byLineClass[gkey].forEach((ele, xi) => {
|
||||||
|
ele.rowSpan = xi === 0 ? byLineClass[gkey].length : 0;
|
||||||
|
});
|
||||||
|
return [...r, ...byLineClass[gkey]];
|
||||||
|
}, []);
|
||||||
|
return { result: ret, OPIValue, LineClassValue };
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* --------------------------------------------------------------------------------------------------------
|
||||||
|
*/
|
||||||
|
const initialState = {
|
||||||
|
loading: false,
|
||||||
|
typeLoading: false,
|
||||||
|
searchValues: {
|
||||||
|
// DateType: { key: 'applyDate', label: '提交日期' },
|
||||||
|
WebCode: { key: 'all', label: '所有来源' },
|
||||||
|
IncludeTickets: { key: '1', label: '含门票' },
|
||||||
|
DepartmentList: groupsMappedByCode.GH, // { key: 'All', label: '所有来源' }, //
|
||||||
|
},
|
||||||
|
searchValuesToSub: {
|
||||||
|
// DateType: 'applyDate',
|
||||||
|
WebCode: 'all',
|
||||||
|
IncludeTickets: '1',
|
||||||
|
DepartmentList: -1, // -1: All
|
||||||
|
},
|
||||||
|
|
||||||
|
salesDataTotal: [],
|
||||||
|
salesData: [],
|
||||||
|
matrixData: {},
|
||||||
|
matrixtableMajorKey: 'opi',
|
||||||
|
matrixTableData: [],
|
||||||
|
|
||||||
|
// 二级页面
|
||||||
|
};
|
||||||
|
|
||||||
|
const useSalesInsightStore = create(
|
||||||
|
devtools(
|
||||||
|
immer((set, get) => ({
|
||||||
|
...initialState,
|
||||||
|
reset: () => set(initialState),
|
||||||
|
|
||||||
|
setLoading: (loading) => set({ loading }),
|
||||||
|
setTypeLoading: (typeLoading) => set({ typeLoading }),
|
||||||
|
|
||||||
|
setSearchValues: (obj, values) => set((state) => ({ searchValues: values, searchValuesToSub: obj })),
|
||||||
|
setSearchValuesToSub: (values) => set((state) => ({ searchValuesToSub: values })),
|
||||||
|
setActiveTab: (tab) => set({ activeTab: tab }),
|
||||||
|
|
||||||
|
|
||||||
|
// site effects
|
||||||
|
getMeetingDataSales: async (params) => {
|
||||||
|
const { setTypeLoading, } = get();
|
||||||
|
setTypeLoading(true);
|
||||||
|
try {
|
||||||
|
const res = await fetchMeetingDataSales(params);
|
||||||
|
if (params.IsDetail === 1) {
|
||||||
|
set({ matrixData: res, matrixTableData: res.OPIValue, matrixtableMajorKey: 'opi', salesData: res.result });
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
set({ salesDataTotal: res.result });
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error(error);
|
||||||
|
} finally {
|
||||||
|
setTypeLoading(false);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onMatrixChange: () => {
|
||||||
|
const { matrixtableMajorKey, matrixData } = get();
|
||||||
|
const newKey = matrixtableMajorKey === 'opi' ? 'lineclass' : 'opi';
|
||||||
|
const dataKey = matrixtableMajorKey === 'opi' ? 'LineClassValue' : 'OPIValue' ;
|
||||||
|
set({ matrixtableMajorKey: newKey, matrixTableData: matrixData?.[dataKey] });
|
||||||
|
},
|
||||||
|
|
||||||
|
// sub
|
||||||
|
})),
|
||||||
|
{ name: 'SalesInsight' }
|
||||||
|
)
|
||||||
|
);
|
||||||
|
export default useSalesInsightStore;
|
||||||
Loading…
Reference in New Issue