完善UI

src/pages/afterService/components/ExchangeDeliverInfo/index.less

 .detailedWrap {
   padding: 25px 24px 9px;
-  margin-bottom: 16px;
+  margin: 16px 0;
   background-color: #F7F8FA;
 }
\ No newline at end of file

src/pages/afterService/components/ExchangeDeliverInfo/index.tsx

@@ -2,11 +2,11 @@
  * @Author: XieZhiXiong
  * @Date: 2020-11-05 15:18:15
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2020-11-12 11:28:37
+ * @LastEditTime: 2020-11-18 14:13:36
  * @Description: 换货发货统计、换货发货明细
  */
 import React from 'react';
-import { Tabs, Button, Row, Col, Descriptions, Badge } from 'antd';
+import { Tabs, Button, Row, Col, Descriptions, Badge, Radio } from 'antd';
 import { CaretRightOutlined, CaretDownOutlined, RightOutlined } from '@ant-design/icons';
 import MellowCard from '@/components/MellowCard';
 import { EditableColumns } from '@/components/PolymericTable/interface';
@@ -157,6 +157,16 @@ const ExchangeDeliverInfo: React.FC<ExchangeDeliverInfoProps> = ({
     },
   ];
 
+  const options = [
+    { label: '第 1 批次', value: 1 }, 
+    { label: '第 2 批次', value: 2 }, 
+    { label: '第 3 批次', value: 3 }, 
+  ];
+
+  const handleBatchChange = value => {
+
+  };
+
   return (
     <MellowCard>
       <Tabs defaultActiveKey="2">
@@ -176,6 +186,13 @@ const ExchangeDeliverInfo: React.FC<ExchangeDeliverInfoProps> = ({
           tab="换货发货明细" 
           key="2"
         >
+          <Radio.Group
+            options={options}
+            defaultValue={1}
+            onChange={handleBatchChange}
+            optionType="button"
+          />
+
           <div className={styles.detailedWrap}>
             <Row align="middle">
               <Col span={16}>

src/pages/afterService/components/ExchangeReceivedInfo/index.less

 .detailedWrap {
   padding: 25px 24px 9px;
-  margin-bottom: 16px;
+  margin: 16px 0;
   background-color: #F7F8FA;
 }
\ No newline at end of file

src/pages/afterService/components/ExchangeReceivedInfo/index.tsx

@@ -2,11 +2,11 @@
  * @Author: XieZhiXiong
  * @Date: 2020-11-05 15:18:15
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2020-11-12 13:43:52
+ * @LastEditTime: 2020-11-18 14:12:52
  * @Description: 退货收货统计、退货发货明细
  */
 import React from 'react';
-import { Tabs, Button, Row, Col, Descriptions, Badge } from 'antd';
+import { Tabs, Button, Row, Col, Descriptions, Badge, Radio } from 'antd';
 import { CaretRightOutlined, CaretDownOutlined, RightOutlined } from '@ant-design/icons';
 import MellowCard from '@/components/MellowCard';
 import { EditableColumns } from '@/components/PolymericTable/interface';
@@ -157,6 +157,16 @@ const ExchangeReceivedInfo: React.FC<ExchangeReceivedInfoProps> = ({
     },
   ];
 
+  const options = [
+    { label: '第 1 批次', value: 1 }, 
+    { label: '第 2 批次', value: 2 }, 
+    { label: '第 3 批次', value: 3 }, 
+  ];
+
+  const handleBatchChange = value => {
+
+  };
+
   return (
     <MellowCard>
       <Tabs defaultActiveKey="2">
@@ -176,6 +186,13 @@ const ExchangeReceivedInfo: React.FC<ExchangeReceivedInfoProps> = ({
           tab="退货收货明细" 
           key="2"
         >
+          <Radio.Group
+            options={options}
+            defaultValue={1}
+            onChange={handleBatchChange}
+            optionType="button"
+          />
+
           <div className={styles.detailedWrap}>
             <Row align="middle">
               <Col span={16}>