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