From b797a2d93af3dc45606409364b7bac4f87aa5ce2 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Fri, 1 Sep 2023 16:00:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=95=B0=E6=8D=AE=E5=88=97=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DateFieldRadio.jsx | 23 +++++++++++++++++++++++
 src/libs/ht.js                    | 23 +++++++++++++++++++++++
 2 files changed, 46 insertions(+)
 create mode 100644 src/components/DateFieldRadio.jsx

diff --git a/src/components/DateFieldRadio.jsx b/src/components/DateFieldRadio.jsx
new file mode 100644
index 0000000..b14047f
--- /dev/null
+++ b/src/components/DateFieldRadio.jsx
@@ -0,0 +1,23 @@
+import { observer } from 'mobx-react';
+import { Radio, Select } from 'antd';
+import { dataFieldOptions } from './../libs/ht';
+
+export default observer((props) => {
+  const { visible, dataRaw, dataMapper, fieldMapper, onChange, ...extProps } = props;
+  const handleChange = (value) => {
+    console.log('handleChange', value);
+    if (typeof onChange === 'function') {
+      onChange(value);
+    }
+  };
+  const defaultVal = dataFieldOptions[0].value;
+
+  const Component = () =>
+    dataFieldOptions.length < 5 ? (
+      <Radio.Group options={dataFieldOptions} optionType="button" onChange={(e) => handleChange(e.target.value)} defaultValue={defaultVal} {...extProps} />
+    ) : (
+      <Select showSearch options={dataFieldOptions} onChange={handleChange} defaultValue={defaultVal} {...extProps} />
+    );
+
+  return <>{visible !== false ? <Component /> : null}</>;
+});
diff --git a/src/libs/ht.js b/src/libs/ht.js
index d133d26..dd6d8a5 100644
--- a/src/libs/ht.js
+++ b/src/libs/ht.js
@@ -65,3 +65,26 @@ export const dateTypes = [
   { key: 'ConfirmDate', label: '确认日期' },
   { key: 'startDate', label: '走团日期' },
 ];
+
+/**
+ * 结果字段
+ */
+export const dataFieldOptions = [
+  { label: '毛利', value: 'SumML', formatter: (v) => `${v / 1000} K` },
+  { label: '订单数', value: 'OrderCount', formatter: (v) => v },
+  { label: '成交数', value: 'CJCount', formatter: (v) => v },
+  // { label: '成交人数', value: 'CJPersonNum', formatter: (v) => v },
+  { label: '成交率', value: 'CJrate', formatter: (v) => v },
+  // todo: more...
+];
+/**
+ * 结果字段alias
+ */
+export const dataFieldAlias = dataFieldOptions.reduce(
+  (a, c) => ({
+    ...a,
+    [c.value]: { alias: c.label, formatter: (v) => c.formatter(v) },
+    [`${c.value}KPI`]: { alias: `${c.label}目标`, formatter: (v) => c.formatter(v) },
+  }),
+  {}
+);