perf: 销售进度: 表格优化

src/charts/Customer_care_regular.jsx

@@ -86,6 +86,12 @@ const Customer_care_regular = () => {
                   </>
                 ),
               },
+              {
+                title: '订单数占比',
+                dataIndex: 'OrderRate',
+                key: 'OrderRate',
+                render: (text) => typeof text === 'number'?<span>{parseFloat((text * 100).toFixed(2))}%</span>:text,
+              },
               {
                 title: '成行数',
                 dataIndex: 'SUCOrderNum',
@@ -102,6 +108,12 @@ const Customer_care_regular = () => {
                 dataIndex: 'ML',
                 key: 'ML',
               },
+              {
+                title: '毛利占比',
+                dataIndex: 'OrderMLRate',
+                key: 'OrderMLRate',
+                render: (text) => typeof text === 'number'?<span>{parseFloat((text * 100).toFixed(2))}%</span>:text,
+              },
               {
                 title: '人数（含成人+儿童）',
                 dataIndex: 'PersonNum',

src/stores/CustomerStore.js

@@ -2,7 +2,7 @@ import {makeAutoObservable, runInAction} from "mobx";
 import { fetchJSON } from '../utils/request';
 import * as config from "../config";
 import { groupsMappedByKey, sitesMappedByCode, pivotBy } from './../libs/ht';
-import { sortBy, show_vs_tag, formatPercent, groupBy, isEmpty, uniqWith } from "../utils/commons";
+import { sortBy, show_vs_tag, formatPercent, groupBy, isEmpty, uniqWith, formatPercentToFloat } from "../utils/commons";
 import moment from 'moment';
 
 /**
@@ -241,10 +241,14 @@ class CustomerStore {
                                             item1.OrderNum-item2.OrderNum,item1.OrderNum,item2.OrderNum),
                                             SUCOrderNum: show_vs_tag(formatPercent((item1.SUCOrderNum-item2.SUCOrderNum)/(item2.SUCOrderNum===0?1:item2.SUCOrderNum)),
                                             item1.SUCOrderNum-item2.SUCOrderNum,item1.SUCOrderNum,item2.SUCOrderNum),
+                                            OrderRate: show_vs_tag(formatPercent((item1.OrderRate-item2.OrderRate)/item2.OrderRate),
+                                            formatPercentToFloat(item1.OrderRate-item2.OrderRate),formatPercentToFloat(item1.OrderRate),formatPercentToFloat(item2.OrderRate)),
                                             SUCRate: show_vs_tag(formatPercent((item1.SUCRate-item2.SUCRate)/(item2.SUCRate===0?1:item2.SUCRate)),
                                             formatPercent(item1.SUCRate-item2.SUCRate),formatPercent(item1.SUCRate),formatPercent(item2.SUCRate)),
                                             ML: show_vs_tag(formatPercent((item1.ML-item2.ML)/(item2.ML===0?1:item2.ML)),
                                             (item1.ML-item2.ML).toFixed(2),item1.ML,item2.ML),
+                                            OrderMLRate: show_vs_tag(formatPercent((item1.OrderMLRate-item2.OrderMLRate)/item2.OrderMLRate),
+                                            formatPercentToFloat(item1.OrderMLRate-item2.OrderMLRate),formatPercentToFloat(item1.OrderMLRate),formatPercentToFloat(item2.OrderMLRate)),
                                             PersonNum: show_vs_tag(formatPercent((item1.PersonNum-item2.PersonNum)/(item2.PersonNum===0?1:item2.PersonNum)),
                                             item1.PersonNum-item2.PersonNum,item1.PersonNum,item2.PersonNum),
                                         });

src/utils/commons.js

@@ -72,6 +72,10 @@ export function formatPercent(number) {
 	return Math.round(number * 100) + "%";
 }
 
+export function formatPercentToFloat(number) {
+	return parseFloat((number * 100).toFixed(2)) + "%";
+}
+
 export function percentToDecimal(number) {
 	return parseFloat(number) / 100;
 }

src/views/Sale_KPI.jsx

@@ -241,7 +241,7 @@ const Sale_KPI = () => {
               <TableExportBtn label={'sales kpi'} {...{ columns: columnsForExport, dataSource: dataForExport }} />
             </Divider>
             <Table
-              sticky
+              sticky={{ offsetHeader: 64 }}
               key={`salesTradeTable`}
               loading={loading}
               columns={columns}