零售任务分配入口列表二级表头

Shinner
1 parent a60f9f4a
Showing 1 changed file with 107 additions and 57 deletions
src/pages/order3/SaleTask/index.tsx
@@ -23,8 +23,7 @@ import SeriesTaskPreview from &quot;./components/SeriesTaskPreview&quot;;
 import ApproveModal from "@/pages/order3/Common/ApproveModal";
 import SaleTaskAutoAssign from "./components/SaleTaskAutoAssign";
 import SaleTaskBatchSet from "./components/SaleTaskBatchSet";
-
-const { Column } = Table;
+import { ColumnsType } from "antd/es/table";
  
 export default () => (
   <Provider>
@@ -231,6 +230,107 @@ function SaleTaskList() {
     setParams({}, true);
   };
  
+  const columns: ColumnsType<API.ShopTaskItem> = [
+    {
+      title: "门店",
+      dataIndex: "shopName",
+    },
+    {
+      title: "零售任务(台)",
+      width: 100,
+      children: [
+        {
+          title: "合计",
+          dataIndex: "taskCount",
+          key: "taskCount",
+        },
+        {
+          title: "新能源车",
+          dataIndex: "newEnergyTaskCount",
+          key: "newEnergyTaskCount",
+        },
+        {
+          title: "传统燃油车",
+          dataIndex: "fuelVehicleTaskCount",
+          key: "fuelVehicleTaskCount",
+        },
+        {
+          title: "毛利任务(元)",
+          children: [
+            {
+              title: "单车",
+              dataIndex: "vehicleGrossProfitTask",
+              key: "vehicleGrossProfitTask",
+            },
+            {
+              title: "合计",
+              dataIndex: "grossProfitTaskTotal",
+              key: "grossProfitTaskTotal",
+              render: (text: string, record: API.ShopTaskItem) => {
+                return (
+                  record.taskCount * record.vehicleGrossProfitTask
+                ).toFixed(2);
+              },
+            },
+          ],
+        },
+      ],
+    },
+    {
+      title: "其中（台）",
+      children: [
+        {
+          title: "线索到店零售",
+          dataIndex: "clueDealTaskCount",
+          key: "clueDealTaskCount",
+        },
+        {
+          title: "首客试驾成交",
+          dataIndex: "testDriveTaskCount",
+          key: "testDriveTaskCount",
+        },
+        {
+          title: "攻坚车",
+          dataIndex: "tackCarTaskCount",
+          key: "tackCarTaskCount",
+        },
+        {
+          title: "车系",
+          dataIndex: "seriesTaskCount",
+          key: "seriesTaskCount",
+        },
+      ],
+    },
+    {
+      title: "销顾任务",
+      render: (text: string, record: API.ShopTaskItem) => {
+        return (
+          <a
+            onClick={() => {
+              goToAdviserPage(record);
+            }}
+          >
+            查看
+          </a>
+        );
+      },
+    },
+    {
+      title: "操作",
+      render: (text: string, record: API.ShopTaskItem) => {
+        return (
+          <a
+            onClick={() => {
+              goToEditPage(record);
+            }}
+          >
+            {isReadOnly ? "查看" : "编辑"}
+          </a>
+        );
+      },
+    },
+  ];
+
   return (
     <PageHeaderWrapper title="零售任务分配">
       <Card>
@@ -274,7 +374,9 @@ function SaleTaskList() {
         </Row>
         <Table
           rowKey="id"
+          bordered
           loading={loading}
+          columns={columns}
           dataSource={data.shopTaskList}
           pagination={false}
           scroll={{ y: 450 }}
@@ -301,10 +403,8 @@ function SaleTaskList() {
                   <Table.Summary.Cell index={4}>
                     {data.fuelVehicleTaskCount}
                   </Table.Summary.Cell>
-                  <Table.Summary.Cell index={5} />
-                  <Table.Summary.Cell index={6}>
-                    {data.vehicleGrossProfitTask}
-                  </Table.Summary.Cell>
+                  <Table.Summary.Cell index={5}>-</Table.Summary.Cell>
+                  <Table.Summary.Cell index={6}>-</Table.Summary.Cell>
                   <Table.Summary.Cell index={7}>
                     {data.clueDealTaskCount}
                   </Table.Summary.Cell>
@@ -323,57 +423,7 @@ function SaleTaskList() {
               </Table.Summary>
             );
           }}
-        >
-          <Column title="门店" dataIndex="shopName" />
-          <Column title="零售任务(台)" dataIndex="taskCount" />
-          <Column title="新能源车任务(台)" dataIndex="newEnergyTaskCount" />
-          <Column title="传统燃油车任务(台)" dataIndex="fuelVehicleTaskCount" />
-          <Column title="单车毛利任务(元)" dataIndex="vehicleGrossProfitTask" />
-          <Column
-            title="合计(元)"
-            dataIndex="total"
-            render={(text: string, record: API.ShopTaskItem) => {
-              return (record.taskCount * record.vehicleGrossProfitTask).toFixed(
-                2
-              );
-            }}
-          />
-          <Column title="线索到店零售台数(台)" dataIndex="clueDealTaskCount" />
-          <Column
-            title="首客试驾成交任务数(台)"
-            dataIndex="testDriveTaskCount"
-          />
-          <Column title="攻坚车任务数(台)" dataIndex="tackCarTaskCount" />
-          <Column title="车系任务数(台)" dataIndex="seriesTaskCount" />
-          <Column
-            title="销顾任务"
-            render={(text: string, record: API.ShopTaskItem) => {
-              return (
-                <a
-                  onClick={() => {
-                    goToAdviserPage(record);
-                  }}
-                >
-                  查看
-                </a>
-              );
-            }}
-          />
-          <Column
-            title="操作"
-            render={(text: string, record: API.ShopTaskItem) => {
-              return (
-                <a
-                  onClick={() => {
-                    goToEditPage(record);
-                  }}
-                >
-                  {isReadOnly ? "查看" : "编辑"}
-                </a>
-              );
-            }}
-          />
-        </Table>
+        />
         {data.revoke ? (
           <Row align="middle" justify="center" style={{ marginTop: 50 }}>
             <Button onClick={cancelSaleTask}>撤销</Button>