From d742314d6d23f3a3855d18c344d4f6c901bae828 Mon Sep 17 00:00:00 2001
From: YCC <ycc@hainatravel.com>
Date: Tue, 19 Sep 2023 16:12:15 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=B9=B3=E5=9D=87?=
 =?UTF-8?q?=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Sale.jsx | 90 ++++++++++++++++++++++++++++++----------------
 1 file changed, 60 insertions(+), 30 deletions(-)

diff --git a/src/views/Sale.jsx b/src/views/Sale.jsx
index 7452982..a0b521c 100644
--- a/src/views/Sale.jsx
+++ b/src/views/Sale.jsx
@@ -53,56 +53,86 @@ const Sale = () => {
   // };
 
   const column_config_create = (tab_name) => {
-    let config_data = {
-      //seriesField: "OPI_Name",
-      label: {
-        position: 'top',
-      },
-      xAxis: {
-        label: {
-          autoHide: false,
-          autoRotate: true,
-        },
-      },
-      // legend: {
-      // 	itemValue: {
-      // 		formatter: (text, item) => {
-      // 			const items = ml_data.filter(d => d.groups === item.value); // 按分组筛选
-      // 			return items.length ? items.reduce((a, b) => a + b.COLI_ML, 0) : ""; // 计算总数
-      // 		},
-      // 	},
-      // },
-      // tooltip: {
-      //   customContent: (title, items) => {
-      //     const data = items[0].data || {};console.log(data);
-      //     return `<div>${title}</div>wwwwwww<div></div>`;
-      //   },
-      //   title: (title, datum) => {
-      //     return title; // + " " + comm.getWeek(datum.COLI_Date); // 显示周几
-      //   },
-      // },};
-    };
+    let average_value = 0; //平均线的值
+    let config_data = [];
     switch (tab_name) {
       case 'All':
         config_data.data = type_data.dataSource;
         config_data.xField = 'OPI_Name';
         config_data.yField = 'COLI_ML2';
+        average_value = Math.round(config_data.data.reduce((a, b) => a + b.COLI_ML2, 0) / config_data.data.length);
         break;
       case 'ResponseRateWhatsApp':
         config_data.data = type_data.dataSource;
         config_data.xField = 'OPI_Name';
         config_data.yField = 'COLI_ConfirmTimeAVG';
+        average_value = Math.round(config_data.data.reduce((a, b) => a + b.COLI_ConfirmTimeAVG, 0) / config_data.data.length);
         break;
       case 'ResponseRateByWL':
         config_data.data = type_data.dataSource;
         config_data.xField = 'OPI_Name';
         config_data.yField = 'PriceTime';
+        average_value = Math.round(config_data.data.reduce((a, b) => a + b.PriceTime, 0) / config_data.data.length);
         break;
       default:
         config_data.data = [];
         break;
     }
-    return config_data;
+    return {
+      ...config_data,
+      ...{
+        //seriesField: "OPI_Name",//分组
+        label: {
+          position: 'top',
+        },
+        xAxis: {
+          label: {
+            autoHide: false,
+            autoRotate: true,
+          },
+        },
+        // legend: {
+        // 	itemValue: {
+        // 		formatter: (text, item) => {
+        // 			const items = ml_data.filter(d => d.groups === item.value); // 按分组筛选
+        // 			return items.length ? items.reduce((a, b) => a + b.COLI_ML, 0) : ""; // 计算总数
+        // 		},
+        // 	},
+        // },
+        // tooltip: {
+        //   customContent: (title, items) => {
+        //     const data = items[0].data || {};console.log(data);
+        //     return `<div>${title}</div>wwwwwww<div></div>`;
+        //   },
+        //   title: (title, datum) => {
+        //     return title; // + " " + comm.getWeek(datum.COLI_Date); // 显示周几
+        //   },
+        // },};
+        annotations: average_value
+          ? [
+              {
+                type: 'text',
+                position: ['start', average_value],
+                content: average_value,
+                offsetX: -15,
+                style: {
+                  fill: '#F4664A',
+                  textBaseline: 'bottom',
+                },
+              },
+              {
+                type: 'line',
+                start: [-10, average_value],
+                end: ['max', average_value],
+                style: {
+                  stroke: '#F4664A',
+                  lineDash: [2, 2],
+                },
+              },
+            ]
+          : [],
+      },
+    };
   };
   const column_config = column_config_create(sale_store.active_tab_key);
 

From 2c7ae26e4a32dcf4ff6febff2f0d70effea47963 Mon Sep 17 00:00:00 2001
From: YCC <ycc@hainatravel.com>
Date: Thu, 28 Sep 2023 14:04:24 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86tab=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Sale.jsx | 122 ++++++++++++++++++++++-----------------------
 1 file changed, 61 insertions(+), 61 deletions(-)

diff --git a/src/views/Sale.jsx b/src/views/Sale.jsx
index a0b521c..26e7b83 100644
--- a/src/views/Sale.jsx
+++ b/src/views/Sale.jsx
@@ -176,6 +176,65 @@ const Sale = () => {
     ],
   };
 
+  const tab_items = [
+    {
+      key: 'All',
+      label: (
+        <span>
+          <ContainerOutlined /> 总览
+        </span>
+      ),
+    },
+    {
+      key: 'ResponseRateWhatsApp',
+      label: (
+        <span>
+          <UserSwitchOutlined /> 回复率
+        </span>
+      ),
+    },
+    {
+      key: 'ResponseRateByWL',
+      label: (
+        <span>
+          <UserSwitchOutlined /> 沟通数据
+        </span>
+      ),
+    },
+    {
+      key: 'Country',
+      label: (
+        <span>
+          <ContainerOutlined /> 国籍
+        </span>
+      ),
+    },
+    {
+      key: 'Product',
+      label: (
+        <span>
+          <ContainerOutlined /> 产品类型
+        </span>
+      ),
+    },
+    {
+      key: 'TravelMotivation',
+      label: (
+        <span>
+          <ContainerOutlined /> 出行目的
+        </span>
+      ),
+    },
+    {
+      key: 'GuestGroupType',
+      label: (
+        <span>
+          <ContainerOutlined /> 成员关系
+        </span>
+      ),
+    },
+  ];
+
   return (
     <div>
       <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
@@ -270,67 +329,8 @@ const Sale = () => {
               sale_store.onChange_Tabs(active_key);
               sale_store.get_department_order_ml_by_type(date_picker_store);
             }}
-          >
-            <Tabs.TabPane
-              tab={
-                <span>
-                  <ContainerOutlined /> 总览
-                </span>
-              }
-              key="All"
-            ></Tabs.TabPane>
-            <Tabs.TabPane
-              tab={
-                <span>
-                  <UserSwitchOutlined /> 回复率
-                </span>
-              }
-              key="ResponseRateWhatsApp"
-            ></Tabs.TabPane>
-            <Tabs.TabPane
-              tab={
-                <span>
-                  <UserSwitchOutlined /> 沟通数据
-                </span>
-              }
-              key="ResponseRateByWL"
-            ></Tabs.TabPane>
-            <Tabs.TabPane
-              tab={
-                <span>
-                  <ContainerOutlined /> 国籍
-                </span>
-              }
-              key="Country"
-            ></Tabs.TabPane>
-            <Tabs.TabPane
-              tab={
-                <span>
-                  <ContainerOutlined />
-                  产品类型
-                </span>
-              }
-              key="Product"
-            ></Tabs.TabPane>
-            <Tabs.TabPane
-              tab={
-                <span>
-                  <ContainerOutlined />
-                  出行目的
-                </span>
-              }
-              key="TravelMotivation"
-            ></Tabs.TabPane>
-            <Tabs.TabPane
-              tab={
-                <span>
-                  <ContainerOutlined />
-                  成员关系
-                </span>
-              }
-              key="GuestGroupType"
-            ></Tabs.TabPane>
-          </Tabs>
+            items={tab_items}
+          ></Tabs>
           <Row>
             <Col span={24}>
               <Table