From a9c21a54e604b5f494b388b65c1e44598029c6c4 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Mon, 6 Nov 2023 17:34:01 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/charts/Customer_care_inchina.jsx   |  2 +-
 src/charts/Customer_care_potential.jsx |  2 +-
 src/charts/Customer_care_regular.jsx   |  2 +-
 src/stores/CustomerServices.js         |  7 +++++--
 src/views/AgentGroupCount.jsx          |  4 ++--
 src/views/AgentGroupList.jsx           |  4 ++--
 src/views/DestinationGroupCount.jsx    |  4 ++--
 src/views/DestinationGroupList.jsx     |  4 ++--
 src/views/Orders.jsx                   | 10 +++++++---
 src/views/Sale.jsx                     |  9 ++++++---
 10 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/src/charts/Customer_care_inchina.jsx b/src/charts/Customer_care_inchina.jsx
index 0a7ba91..2240454 100644
--- a/src/charts/Customer_care_inchina.jsx
+++ b/src/charts/Customer_care_inchina.jsx
@@ -86,7 +86,7 @@ const Customer_care_inchina = () => {
                             const wb = utils.table_to_book(document.getElementById("table_to_xlsx").getElementsByTagName('table')[0]);
                             writeFileXLSX(wb, "在华客人.xlsx");
                         }}>导出excel</a></Divider>
-                    <Table id="table_to_xlsx" pagination={false} loading={inchina_data.loading} dataSource={inchina_data.data_detail} columns={
+                    <Table id="table_to_xlsx" pagination={false} loading={inchina_data.loading} dataSource={inchina_data.data_detail} scroll={{x: 1200 }} columns={
                         [
                             {
                                 title: '订单号',
diff --git a/src/charts/Customer_care_potential.jsx b/src/charts/Customer_care_potential.jsx
index 1b3747d..48955a8 100644
--- a/src/charts/Customer_care_potential.jsx
+++ b/src/charts/Customer_care_potential.jsx
@@ -81,7 +81,7 @@ const Customer_care_potential = () => {
                             const wb = utils.table_to_book(document.getElementById("table_to_xlsx").getElementsByTagName('table')[0]);
                             writeFileXLSX(wb, "潜力客户.xlsx");
                         }}>导出excel</a></Divider>
-                    <Table id="table_to_xlsx" pagination={false} loading={potential_data.loading} dataSource={potential_data.data_detail} columns={
+                    <Table id="table_to_xlsx" pagination={false} loading={potential_data.loading} dataSource={potential_data.data_detail} scroll={{x: 1200 }} columns={
                         [
                             {
                                 title: '订单号',
diff --git a/src/charts/Customer_care_regular.jsx b/src/charts/Customer_care_regular.jsx
index 5d35eec..2f11da0 100644
--- a/src/charts/Customer_care_regular.jsx
+++ b/src/charts/Customer_care_regular.jsx
@@ -86,7 +86,7 @@ const Customer_care_regular = () => {
                             const wb = utils.table_to_book(document.getElementById("table_to_xlsx").getElementsByTagName('table')[0]);
                             writeFileXLSX(wb, "老客户.xlsx");
                         }}>导出excel</a></Divider>
-                    <Table id="table_to_xlsx" pagination={false} loading={regular_data.loading} dataSource={regular_data.data_detail} columns={
+                    <Table id="table_to_xlsx" pagination={false} loading={regular_data.loading} dataSource={regular_data.data_detail} scroll={{x: 1200 }} columns={
                         [
                             {
                                 title: '订单号',
diff --git a/src/stores/CustomerServices.js b/src/stores/CustomerServices.js
index dba1f48..59e6e57 100644
--- a/src/stores/CustomerServices.js
+++ b/src/stores/CustomerServices.js
@@ -297,8 +297,10 @@ class CustomerServices {
                 {
                   title: '城市',
                   dataIndex: 'COLD_ServiceCityName',
+                  fix: 'left',
                   children: [{
                       dataIndex: 'COLD_ServiceCityName',
+                      fix: 'left',
                       render: (text, record) => <NavLink to={`/destination/${record.COLD_ServiceCity}/group/list`}>{record.COLD_ServiceCityName}</NavLink>
                     }
                   ]
@@ -492,7 +494,7 @@ class CustomerServices {
     inProgress;
 
     agentList = [];
-    
+
     groupList = [];
 
     groupListColumns = [];
@@ -518,6 +520,7 @@ class CustomerServices {
       {
         title: '地接社名称',
         dataIndex: 'VendorName',
+        fix: 'left',
         render: (text, record) => {
           if (record.EOI_ObjSN === -1) {
             return text;
@@ -569,4 +572,4 @@ class CustomerServices {
     ];
 }
 
-export default CustomerServices;
\ No newline at end of file
+export default CustomerServices;
diff --git a/src/views/AgentGroupCount.jsx b/src/views/AgentGroupCount.jsx
index e3ceefd..5a75d0f 100644
--- a/src/views/AgentGroupCount.jsx
+++ b/src/views/AgentGroupCount.jsx
@@ -136,7 +136,7 @@ const AgentGroupCount = () => {
         <Row>
           <Col span={24}>
             <Typography.Title level={3}>地接社团信息</Typography.Title>
-            <Table
+            <Table sticky
               id="agentGroupList"
               dataSource={agentGroupList}
               columns={agentGroupListColumns}
@@ -144,7 +144,7 @@ const AgentGroupCount = () => {
               rowKey={(record) => record.key}
               loading={inProgress}
               pagination={false}
-              scroll={{ x: '100%' }}
+              scroll={{ x: 1000 }}
             />
             <Divider orientation="right" plain>
               <a
diff --git a/src/views/AgentGroupList.jsx b/src/views/AgentGroupList.jsx
index 4e6364d..db1ad79 100644
--- a/src/views/AgentGroupList.jsx
+++ b/src/views/AgentGroupList.jsx
@@ -81,14 +81,14 @@ const AgentGroupList = () => {
         <Row>
           <Col span={24}>
             <Typography.Title level={3}>{customerServicesStore.agentCompany}</Typography.Title>
-            <Table
+            <Table sticky
               dataSource={groupList}
               columns={groupListColumns}
               size="small"
               rowKey={(record) => record.key}
               loading={inProgress}
               pagination={false}
-              scroll={{ x: "100%" }}
+              scroll={{ x: 1000 }}
               expandable={{
                 expandedRowRender: (record) => (
 
diff --git a/src/views/DestinationGroupCount.jsx b/src/views/DestinationGroupCount.jsx
index decc96b..3890d24 100644
--- a/src/views/DestinationGroupCount.jsx
+++ b/src/views/DestinationGroupCount.jsx
@@ -103,7 +103,7 @@ const DestinationGroupCount = () => {
         <Row>
           <Col span={24}>
             <Typography.Title level={3}>目的地团信息</Typography.Title>
-            <Table
+            <Table sticky
               id="destinationGroupCount"
               dataSource={destinationGroupCount}
               columns={destinationGroupCountColumns}
@@ -111,7 +111,7 @@ const DestinationGroupCount = () => {
               rowKey={(record) => record.key}
               loading={inProgress}
               pagination={false}
-              scroll={{ x: "100%" }}
+              scroll={{ x: 1000 }}
             />
             <Divider orientation="right" plain>
               <a
diff --git a/src/views/DestinationGroupList.jsx b/src/views/DestinationGroupList.jsx
index b3905cc..0408a97 100644
--- a/src/views/DestinationGroupList.jsx
+++ b/src/views/DestinationGroupList.jsx
@@ -82,14 +82,14 @@ const DestinationGroupList = () => {
         </Row>
         <Row>
           <Col span={24}>
-            <Table
+            <Table sticky
               dataSource={destinationGroupList}
               columns={destinationGroupListColumns}
               size="small"
               rowKey={(record) => record.key}
               loading={inProgress}
               pagination={false}
-              scroll={{ x: "100%" }}
+              scroll={{ x: 600 }}
               expandable={{
                 expandedRowRender: (record) => (
 
diff --git a/src/views/Orders.jsx b/src/views/Orders.jsx
index 2b87f7e..d6c20e4 100644
--- a/src/views/Orders.jsx
+++ b/src/views/Orders.jsx
@@ -29,6 +29,7 @@ class Orders extends Component {
 				result.columns = [
 					{
 						title: "",
+            fixed: 'left',
 						children: [
 							{
 								title: (
@@ -42,6 +43,7 @@ class Orders extends Component {
 									</span>
 								),
 								dataIndex: "OrderType",
+                fixed: 'left',
 								render: (text, record) => <NavLink to={`/orders_sub/${orders_store.active_tab_key}/${record.OrderTypeSN}/${record.OrderType}`}>{text}</NavLink>,
 							},
 						],
@@ -164,6 +166,7 @@ class Orders extends Component {
 				result.columns = [
 					{
 						title: "",
+            fixed: 'left',
 						children: [
 							{
 								title: (
@@ -173,7 +176,8 @@ class Orders extends Component {
 										</div>
 									</span>
 								),
-								dataIndex: "OrderType",
+                fixed: 'left',
+                dataIndex: "OrderType",
 								render: (text, record) => <NavLink to={`/orders_sub/${orders_store.active_tab_key}/${record.OrderTypeSN}/${record.OrderType}`}>{text}</NavLink>,
 							},
 						],
@@ -313,11 +317,11 @@ class Orders extends Component {
       columns: table_data.columns,
       size: 'small',
       pagination: false,
-      scroll: { x: '100%' },
+      scroll: { x: (100*(table_data.columns.length)) },
       loading: orders_store.loading,
     };
 
-		return (
+    return (
       <div>
         <Row gutter={16} style={{ margin: '-16px -8px', position: 'relative', top: 0, zIndex: 10 }}>
           <Col className="gutter-row" span={24}>
diff --git a/src/views/Sale.jsx b/src/views/Sale.jsx
index 1780d3c..29f9fbc 100644
--- a/src/views/Sale.jsx
+++ b/src/views/Sale.jsx
@@ -199,6 +199,9 @@ const Sale = () => {
       ),
     },
   ];
+  const tableColumns = type_data.columns.map((ele, i) =>
+    i === 0 ? { ...ele, fix: 'left', children: (ele?.children || []).map((ele_child, i_child) => (i_child === 0 ? { ...ele_child, fix: 'left' } : { ...ele_child })) } : { ...ele }
+  );
 
   return (
     <div>
@@ -277,15 +280,15 @@ const Sale = () => {
           ></Tabs>
           <Row>
             <Col span={24}>
-              <Table
+              <Table sticky
                 id="table_to_xlsx_sale"
                 dataSource={type_data.dataSource}
-                columns={type_data.columns}
+                columns={tableColumns}
                 size="small"
                 rowKey={(record) => record.key}
                 loading={sale_store.loading_table}
                 pagination={false}
-                scroll={{ x: '100%' }}
+                scroll={{ x: (100*(tableColumns.length)) }}
               />
               <Divider orientation="right" plain>
                 <a