chore: 完善展示

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

@@ -2,7 +2,7 @@
  * @Author: XieZhiXiong
  * @Date: 2020-11-05 18:02:18
  * @LastEditors: XieZhiXiong
- * @LastEditTime: 2021-06-09 17:14:36
+ * @LastEditTime: 2021-08-10 14:54:52
  * @Description: 退款明细
  */
 import React, { useState } from 'react';
@@ -156,7 +156,7 @@ const ReturnDetailInfo: React.FC<ReturnDetailInfoProps> = ({
     {
       title: '商品名称',
       dataIndex: 'productName',
-      align: 'center',
+      ellipsis: true,
     },
     {
       title: '品类',

src/pages/afterService/returnApplication/components/DetailInfo/index.tsx

@@ -33,6 +33,7 @@ import AnchorPage from '@/layouts/AnchorPage';
 import StatusTag from '@/components/StatusTag';
 import { EditableColumns } from '@/components/PolymericTable/interface';
 import DescProgress from '@/components/DescProgress';
+import AuditProcess, { StepsItem } from '@/components/AuditProcess';
 import ReturnInfoDrawer, { OrderInfo } from '../../../components/ReturnInfoDrawer';
 import { OuterHistoryData, InnerHistoryData } from '../../../components/FlowRecords';
 import { 
@@ -40,7 +41,6 @@ import {
   RETURN_INNER_STATUS_BADGE_MAP, 
 } from '../../../constants';
 
-const OuterCirculation = React.lazy(() => import('../../../components/OuterCirculation'));
 const ProductList = React.lazy(() => import('../../../components/ProductList'));
 const ReturnAnalysis = React.lazy(() => import('../../../components/ReturnAnalysis'));
 const ReturnDetailInfo = React.lazy(() => import('../../../components/ReturnDetailInfo'));
@@ -518,19 +518,19 @@ const DetailInfo: React.FC<DetailInfoProps> = ({
           {/* 流转进度 */}
           <Col span={24}>
             <Suspense fallback={null}>
-              <OuterCirculation 
-                steps={
+              <AuditProcess
+                outerVerifyCurrent={findLastIndexFlowState(detailInfo?.outerTaskList)}
+                outerVerifySteps={(
                   detailInfo && detailInfo.outerTaskList ? 
                     detailInfo.outerTaskList.map(item => ({
-                      title: item.taskName, 
-                      description: item.roleName, 
-                      step: item.step, 
+                      ...item,
                       status: item.isExecute ? 'finish' : 'wait',
                     })) : 
                     []
-                } 
-                current={findLastIndexFlowState(detailInfo?.outerTaskList)}
+                )}
+                customTitleKey="taskName"
                 id="taskList"
+                ellipsis
               />
             </Suspense>
           </Col>