对接首页，对接加工模块，加密修改密码模块

package.json

@@ -50,7 +50,7 @@
     "god": "^0.2.1",
     "immutability-helper": "^3.1.1",
     "lingxi-design": "^1.0.8",
-    "lingxi-design-ui": "^1.1.14",
+    "lingxi-design-ui": "^1.1.15",
     "lingxi-editor-core": "^1.0.6",
     "lingxi-web": "^1.0.6",
     "lint-staged": "^10.0.7",

src/pages/accountSetting/components/VerifyPanel/Panel/EmailVerifyPanel.tsx

@@ -7,6 +7,7 @@ import EditDataComponent from '../../EditDataComponent';
 import { PublicApi } from '@/services/api';
 import GetCaptchaCode from '../../GetCaptchaCode';
 import { history } from 'umi';
+import { encryptedByAES } from '@/utils/cryptoAes';
 
 const layout = {
   labelCol: { span: 3 },
@@ -33,7 +34,7 @@ const EmailVerifyPanel = (props) => {
     const service = UPDATE_SERVICE[pageType];
     let params = {};
     if(pageType == 'loginPwd') {
-      params['password'] = values.password
+      params['password'] = encryptedByAES(values.password);
     } else if(pageType == 'email') {
       params = {
         ...params,

src/pages/accountSetting/components/VerifyPanel/Panel/PaycodeVerifyPanel.tsx

@@ -5,6 +5,7 @@ import SafeVerification from '../../SafeVerification';
 import EditDataComponent from '../../EditDataComponent';
 import { PublicApi } from '@/services/api';
 import { history } from 'umi'
+import { encryptedByAES } from '@/utils/cryptoAes'
 
 const layout = {
   labelCol: { span: 3 },
@@ -36,7 +37,7 @@ const PaycodeVerifyPanel: React.FC<IProps> = (props) => {
     const service = UPDATE_SERVICE[pageType];
     let params = {};
     if(pageType == 'loginPwd') {
-      params['password'] = values.password
+      params['password'] = encryptedByAES(values.password);
     } else if(pageType == 'email') {
       params = {
         ...params,

src/pages/accountSetting/components/VerifyPanel/Panel/PhoneVerifyPanel.tsx

@@ -7,6 +7,7 @@ import EditDataComponent from '../../EditDataComponent';
 import GetCaptchaCode from '../../GetCaptchaCode';
 import { PublicApi } from '@/services/api';
 import { history } from 'umi';
+import { encryptedByAES } from '@/utils/cryptoAes'
 
 const layout = {
   labelCol: { span: 3 },
@@ -38,7 +39,7 @@ const PhoneVerifyPanel: React.FC<IProps> = (props) => {
     const service = UPDATE_SERVICE[pageType];
     let params = {};
     if(pageType == 'loginPwd') {
-      params['password'] = values.password
+      params['password'] = encryptedByAES(values.password)
     } else if(pageType == 'email') {
       params = {
         ...params,
@@ -55,11 +56,9 @@ const PhoneVerifyPanel: React.FC<IProps> = (props) => {
     }
     service(params).then((data) => {
       if(data.code == 1000) {
-        console.log("success")
         history.push('/memberCenter/systemSetting/accountSetting')
       }
     })
-    console.log(params);
   }
 
   // 获取旧手机验证码
@@ -83,7 +82,6 @@ const PhoneVerifyPanel: React.FC<IProps> = (props) => {
     }
     const service = SERVICE_CHECK[props.pageType];
     service({smsCode: captcha}, { ctlType: 'none' }).then((data) => {
-      console.log(data);
       if(data.code == 1000) {
         message.success("验证成功")
         setVisible(true);

src/pages/accountSetting/editAccount.tsx

@@ -26,7 +26,6 @@ const EditAccount = (props) => {
   const pathnameSplit = props.location.pathname.split("/")
   const length = pathnameSplit.length;
   const type = pathnameSplit[length - 1] || "loginPwd";
-  console.log(type);
   // const { type = 'loginPwd' } = props.location.query
   const [account, setAccount] = useState<accountProps>({})
 

src/pages/handling/assign/detail/index.tsx

@@ -2,7 +2,7 @@ import React, {useState, useEffect, useCallback} from 'react';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { history } from 'umi';
 import AvatarWrap from '@/components/AvatarWrap';
-import { PageHeader, Descriptions, Card, Tabs, Row, Col, Button, Select } from 'antd';
+import { PageHeader, Descriptions, Card, Tabs, Row, Col, Button } from 'antd';
 import Circulation from '../../components/Circulation';
 import WrapTable from '../../components/WrapTable';
 import OtherRequirement from '../../components/OtherRequirement';
@@ -15,33 +15,46 @@ import moment from 'moment';
 import { columns, innerWorkFlowRecordColumn,  outerWorkflowRecordsColumn, receiveColumns } from './columns';
 import ExamineModal from '../../components/ExamineModal';
 import { FormOutlined } from '@ant-design/icons'
+import { 
+  ASSIGN_QUERY_DETAIL, 
+  ASSIGN_TO_BE_ADD_QUERY_DETAIL, 
+  ASSIGN_PENDING_FIRST_DETAIL, 
+  ASSIGN_PENDING_SECOND_DETAIL, 
+  ASSIGN_PENDING_SUBMIT_DETAIL, 
+  ASSIGN_PENDING_RECEIVE_DETAIL,
+  CONFIRM_QUERY_DETAIL,
+  CONFIRM_PENDING_SUBMIT_DETAIL,
+  CONFIRM_PENDING_FIRST_DETAIL,
+  CONFIRM_PENDING_SECOND_DETAIL,
+  CONFIRM_PENDING_CONFIRM_DETAIL
+} from '../../common';
 
 
 // 下面的地址需要抽离出来, 还有以下的相同的path 
 const SERVICE_MAP = {
-  '/memberCenter/handling/assign/query/detail': PublicApi.getEnhanceSupplierAllDetails,
-  '/memberCenter/handling/assign/tobeAddQuery/detail': PublicApi.getEnhanceSupplierToBeAddDetails,
-  '/memberCenter/handling/assign/pendingFirst/detail': PublicApi.getEnhanceSupplierToBeFirstExamDetails,
-  '/memberCenter/handling/assign/pendingSecond/detail': PublicApi.getEnhanceSupplierToBeSecondExamDetails,
-  '/memberCenter/handling/assign/pendingSubmit/detail': PublicApi.getEnhanceSupplierToBeSubmitDetails,
-  '/memberCenter/handling/assign/pendingReceive/detail': PublicApi.getEnhanceSupplierToBeReceiveDetails,
-  '/memberCenter/handling/confirm/query/detail': PublicApi.getEnhanceProcessAllDetails,
-  '/memberCenter/handling/confirm/pendingSubmit/detail': PublicApi.getEnhanceProcessToBeSubmitExamDetails,
-  '/memberCenter/handling/confirm/pendingFirst/detail': PublicApi.getEnhanceProcessToBeFirstExamDetails,
-  '/memberCenter/handling/confirm/pendingSecond/detail': PublicApi.getEnhanceProcessToBeSecondExamDetails,
-  '/memberCenter/handling/confirm/pendingConfirm/detail': PublicApi.getEnhanceProcessToBeConfirmDetails
+  [`${ASSIGN_QUERY_DETAIL}`]: PublicApi.getEnhanceSupplierAllDetails,
+  [`${ASSIGN_TO_BE_ADD_QUERY_DETAIL}`]: PublicApi.getEnhanceSupplierToBeAddDetails,
+  [`${ASSIGN_PENDING_FIRST_DETAIL}`]: PublicApi.getEnhanceSupplierToBeFirstExamDetails,
+  [`${ASSIGN_PENDING_SECOND_DETAIL}`]: PublicApi.getEnhanceSupplierToBeSecondExamDetails,
+  [`${ASSIGN_PENDING_SUBMIT_DETAIL}`]: PublicApi.getEnhanceSupplierToBeSubmitDetails,
+  [`${ASSIGN_PENDING_RECEIVE_DETAIL}`]: PublicApi.getEnhanceSupplierToBeReceiveDetails,
+  [`${CONFIRM_QUERY_DETAIL}`]: PublicApi.getEnhanceProcessAllDetails,
+  [`${CONFIRM_PENDING_SUBMIT_DETAIL}`]: PublicApi.getEnhanceProcessToBeSubmitExamDetails,
+  [`${CONFIRM_PENDING_FIRST_DETAIL}`]: PublicApi.getEnhanceProcessToBeFirstExamDetails,
+  [`${CONFIRM_PENDING_SECOND_DETAIL}`]: PublicApi.getEnhanceProcessToBeSecondExamDetails,
+  [`${CONFIRM_PENDING_CONFIRM_DETAIL}`]: PublicApi.getEnhanceProcessToBeConfirmDetails
 }
 
 /**
  * 审核链接
  */
 const EXAM_SERVICE = {
-  '/memberCenter/handling/assign/pendingFirst/detail': PublicApi.postEnhanceSupplierToBeFirstExamExam,
-  '/memberCenter/handling/assign/pendingSecond/detail': PublicApi.postEnhanceSupplierToBeSecondExamExam,
-  '/memberCenter/handling/confirm/pendingSubmit/detail': PublicApi.postEnhanceProcessToBeSubmitExamExam,
-  '/memberCenter/handling/confirm/pendingFirst/detail': PublicApi.postEnhanceProcessToBeFirstExamExam,
-  '/memberCenter/handling/confirm/pendingSecond/detail': PublicApi.postEnhanceProcessToBeSecondExamExam,
-  '/memberCenter/handling/confirm/pendingConfirm/detail': PublicApi.postEnhanceProcessToBeConfirmExam
+  [`${ASSIGN_QUERY_DETAIL}`]: PublicApi.postEnhanceSupplierToBeFirstExamExam,
+  [`${ASSIGN_PENDING_SECOND_DETAIL}`]: PublicApi.postEnhanceSupplierToBeSecondExamExam,
+  [`${CONFIRM_PENDING_SUBMIT_DETAIL}`]: PublicApi.postEnhanceProcessToBeSubmitExamExam,
+  [`${CONFIRM_PENDING_FIRST_DETAIL}`]: PublicApi.postEnhanceProcessToBeFirstExamExam,
+  [`${CONFIRM_PENDING_SECOND_DETAIL}`]: PublicApi.postEnhanceProcessToBeSecondExamExam,
+  [`${CONFIRM_PENDING_CONFIRM_DETAIL}`]: PublicApi.postEnhanceProcessToBeConfirmExam
 }
 
 const { TabPane } = Tabs;
@@ -52,7 +65,7 @@ const Detail: React.FC<{}> = () => {
   const [loading, setLoading] = useState<boolean>(false);
   const [deliverAddressOption, setDeliverAddressOption] = useState([]);
   const [activeAddress, setActiveAddress] = useState<string | null>(null)
-  const isSetDeliverAddress = pathname == '/memberCenter/handling/confirm/pendingSubmit/detail';
+  const isSetDeliverAddress = pathname == `${CONFIRM_PENDING_SUBMIT_DETAIL}`;
   useEffect(() => {
     if(id) {
       const service = SERVICE_MAP[pathname];
@@ -150,13 +163,13 @@ const Detail: React.FC<{}> = () => {
     )
     const SubmitBtn = <Button loading={loading} icon={<FormOutlined />} onClick={submit} type="primary"> 提交通知单</Button>
     const COMPONENT_MAP = {
-      '/memberCenter/handling/assign/pendingSubmit/detail': SubmitBtn,
-      '/memberCenter/handling/assign/pendingFirst/detail': ExamineComponent,
-      '/memberCenter/handling/assign/pendingSecond/detail': ExamineComponent,
-      '/memberCenter/handling/confirm/pendingSubmit/detail': ExamineComponent,
-      '/memberCenter/handling/confirm/pendingFirst/detail': ExamineComponent,
-      '/memberCenter/handling/confirm/pendingSecond/detail': ExamineComponent,
-      '/memberCenter/handling/confirm/pendingConfirm/detail': ExamineComponent
+      [`${ASSIGN_PENDING_SUBMIT_DETAIL}`]: SubmitBtn,
+      [`${ASSIGN_PENDING_FIRST_DETAIL}`]: ExamineComponent,
+      [`${ASSIGN_PENDING_SECOND_DETAIL}`]: ExamineComponent,
+      [`${CONFIRM_PENDING_SUBMIT_DETAIL}`]: ExamineComponent,
+      [`${CONFIRM_PENDING_FIRST_DETAIL}`]: ExamineComponent,
+      [`${CONFIRM_PENDING_SECOND_DETAIL}`]: ExamineComponent,
+      [`${CONFIRM_PENDING_CONFIRM_DETAIL}`]: ExamineComponent
     }
     return  (COMPONENT_MAP[pathname] || null)
   }

src/pages/handling/common/index.tsx

@@ -20,3 +20,168 @@ export const docTime = [{label: '单据时间（全部）', value: 0}].concat(co
  * 下单时间
  */
 export const orderTime = [{label: '单据时间（全部）', value: 0}].concat(commonTimeList);
+
+
+
+
+export const ASSIGN_QUERY = '/memberCenter/handling/assign/query';
+export const ASSIGN_TO_BE_ADD_QUERY = '/memberCenter/handling/assign/tobeAddQuery';
+export const ASSIGN_PENDING_FIRST = '/memberCenter/handling/assign/pendingFirst';
+export const ASSIGN_PENDING_SECOND = '/memberCenter/handling/assign/pendingSecond';
+export const ASSIGN_PENDING_SUBMIT = '/memberCenter/handling/assign/pendingSubmit';
+export const ASSIGN_PENDING_RECEIVE = '/memberCenter/handling/assign/pendingReceive';
+
+/**
+ * 确认生产通知单
+ */
+export const CONFIRM_QUERY = '/memberCenter/handling/confirm/query';
+export const CONFIRM_PENDING_SUBMIT = '/memberCenter/handling/confirm/pendingSubmit';
+export const CONFIRM_PENDING_FIRST = '/memberCenter/handling/confirm/pendingFirst';
+export const CONFIRM_PENDING_SECOND = '/memberCenter/handling/confirm/pendingSecond';
+export const CONFIRM_PENDING_CONFIRM = '/memberCenter/handling/confirm/pendingConfirm';
+
+/**
+ * 以下是以下detail 的路径
+ */
+
+const DETAIL = '/detail'
+export const ASSIGN_QUERY_DETAIL = ASSIGN_QUERY + DETAIL;
+export const ASSIGN_TO_BE_ADD_QUERY_DETAIL = ASSIGN_TO_BE_ADD_QUERY + DETAIL;
+export const ASSIGN_PENDING_FIRST_DETAIL = ASSIGN_PENDING_FIRST + DETAIL;
+export const ASSIGN_PENDING_SECOND_DETAIL = ASSIGN_PENDING_SECOND + DETAIL;
+export const ASSIGN_PENDING_SUBMIT_DETAIL = ASSIGN_PENDING_SUBMIT + DETAIL;
+export const ASSIGN_PENDING_RECEIVE_DETAIL = ASSIGN_PENDING_RECEIVE + DETAIL;
+
+export const CONFIRM_QUERY_DETAIL = CONFIRM_QUERY + DETAIL
+export const CONFIRM_PENDING_SUBMIT_DETAIL = CONFIRM_PENDING_SUBMIT + DETAIL;
+export const CONFIRM_PENDING_FIRST_DETAIL = CONFIRM_PENDING_FIRST + DETAIL;
+export const CONFIRM_PENDING_SECOND_DETAIL = CONFIRM_PENDING_SECOND + DETAIL;
+export const CONFIRM_PENDING_CONFIRM_DETAIL = CONFIRM_PENDING_CONFIRM + DETAIL;
+
+
+
+/**
+ * 指派生产通知单-生产通知单查询页
+ */
+
+export const QUERY_SEARCH_NAME = "noticeNo";
+
+/**
+ * 指派生产通知单-待新增生产通知单列表页 
+ */
+
+export const TO_BE_ADD_QUERY_SEARCH_NAME = "noticeNo";
+
+/**
+ * 指派生产通知单-待审核生产通知单（一级）
+ * 指派生产通知单-待审核生产通知单（二级）
+ */
+export const PENDING_FIRST_AND_SECOND_NOTICE = "noticeNo";
+
+
+/**
+ * 指派生产通知单-待提交生产通知单
+ */
+export const PENDING_TO_SUBMIT = "noticeNo";
+
+/**
+ * 指派生产通知单-待新增加工入库单
+ */
+
+export const PENDING_ADD_PROCESS = "summary"
+
+/**
+ * 指派生产通知单-待收货生产通知单
+ */
+
+export const PENDING_RECEIVE_SCHEMA = "noticeNo"
+
+
+/**
+ * 下面设置各个 path 常量
+ */
+
+export const QUERY_PATH = '/query';
+const QUERY_TITLE = '生产通知单查询';
+
+/**
+ * 待新增生产通知单
+ */
+export const TO_BE_ADD_QUERY_PATH = '/tobeAddQuery';
+const TO_BE_ADD_QUERY_TITLE = '待新增生产通知单';
+
+/**
+ * 带审核生产通知单（一级）
+ */
+export const PENDING_FIRST = '/pendingFirst';
+const PENDING_FIRST_TITLE = '待审核通知单（一级）';
+
+/**
+ * 待审核通知单（二级）
+ */
+export const PENDING_SECOND = '/pendingSecond';
+const PENDING_SECOND_TITLE = '待审核通知单（二级）';
+
+/**
+ * 待审核生产通知单
+ */
+export const PENDING_SUBMIT = '/pendingSubmit';
+const PENDING_SUBMIT_TITLE = '待提交生产通知单';
+
+/**
+ * 待收货生产通知单
+ */
+export const PENDING_RECEIVE = '/pendingReceive';
+const PENDING_RECEIVE_TITLE = '待收货生产通知单';
+
+export const TITLE_MAPS = {
+  [QUERY_PATH]: QUERY_TITLE,
+  [TO_BE_ADD_QUERY_PATH]: TO_BE_ADD_QUERY_TITLE,
+  [PENDING_FIRST]: PENDING_FIRST_TITLE,
+  [PENDING_SECOND]: PENDING_SECOND_TITLE,
+  [PENDING_SUBMIT]: PENDING_SUBMIT_TITLE,
+  [PENDING_RECEIVE]: PENDING_RECEIVE_TITLE
+}
+
+
+export const INNER_STATUS_BADGE_COLOR = {
+  "1": "default",
+  "2": "warning",
+  "3": "processing",
+  "4": "success",
+  "5": "error",
+  "9": "error"
+}
+
+/**
+ * 指派生产通知单-> 列表页 -> 内部状态： 只有四种装填：待审核， 待提交审核通知单- 审核不通过， 审核通过
+ */
+// supplierInnerStatus
+export const SUPPLIER_INNER_STATUS_COLOR = {
+  "1": "default",
+  "2": "warning",
+  "3": "processing",
+  "5": "success",
+  "9": "error",
+}
+
+
+// 根据 lastTypeParams, 获取对应的高级筛选 name
+export const FILTER_NAMES = {
+  [QUERY_PATH]: QUERY_SEARCH_NAME,
+  [TO_BE_ADD_QUERY_PATH]: TO_BE_ADD_QUERY_SEARCH_NAME,
+  [PENDING_FIRST]: PENDING_FIRST_AND_SECOND_NOTICE,
+  [PENDING_SECOND]: PENDING_FIRST_AND_SECOND_NOTICE,
+  [PENDING_SUBMIT]: PENDING_TO_SUBMIT,
+  [PENDING_RECEIVE]: PENDING_RECEIVE_SCHEMA,
+  "/pendingAddProcessing": PENDING_ADD_PROCESS,
+}
+
+export const DETAIL_PATH = {
+  [QUERY_PATH]: ASSIGN_QUERY_DETAIL,
+  [TO_BE_ADD_QUERY_PATH]: ASSIGN_TO_BE_ADD_QUERY_DETAIL,
+  [PENDING_FIRST]: CONFIRM_PENDING_FIRST_DETAIL,
+  [PENDING_SECOND]: ASSIGN_PENDING_SECOND_DETAIL,
+  [PENDING_SUBMIT]: ASSIGN_PENDING_SUBMIT,
+  [PENDING_RECEIVE]: ASSIGN_PENDING_RECEIVE_DETAIL,
+}
\ No newline at end of file

src/pages/handling/components/Query/index.tsx

@@ -5,7 +5,7 @@
 
 import React, { useRef, useState } from 'react';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { Card, Space, Button, Menu, Dropdown, Badge } from 'antd';
+import { Card, Space, Button, Menu, Dropdown, Badge, Spin } from 'antd';
 import NiceForm from '@/components/NiceForm';
 import { StandardTable } from 'god';
 import { PublicApi } from '@/services/api';
@@ -28,10 +28,10 @@ import {
   PENDING_SUBMIT,
   PENDING_RECEIVE, //以上代表路径
   TITLE_MAPS,
-  INNER_STATUS_BADGE_COLOR,
+  SUPPLIER_INNER_STATUS_COLOR,
   FILTER_NAMES,
   DETAIL_PATH
-} from './contants';
+} from '../../common';
 import { timeRange } from '@/utils';
 import { useRowSelectionTable } from '@/hooks/useRowSelectionTable';
 import moment from 'moment';
@@ -123,7 +123,7 @@ const Query: React.FC<{}> = (props) => {
       dataIndex: 'innerStatusName',
       render: (text, record: any) => {
         return (
-          <Badge status={INNER_STATUS_BADGE_COLOR[record.supplierInnerStatus]} text={text}></Badge>
+          <Badge status={SUPPLIER_INNER_STATUS_COLOR[record.supplierInnerStatus]} text={text}></Badge>
         )
       }
     }
@@ -135,10 +135,10 @@ const Query: React.FC<{}> = (props) => {
       render: (text, record: any) => {
         const url = DETAIL_PATH[lastTypeParams]
         const actionMap = {
-          [TO_BE_ADD_QUERY_PATH]: (<a onClick={() => handleUpdateOrDelete('review', {id: record.id})}>{"提交审核"}</a>),
+          [TO_BE_ADD_QUERY_PATH]: (<Spin spinning={submitLoading}><a  onClick={() => handleUpdateOrDelete('review', {id: record.id})}>{"提交审核"}</a></Spin>),
           [PENDING_FIRST]: <Link to={`${url}?id=${record.id}`}>审核</Link>,
           [PENDING_SECOND]: <Link to={`${url}?id=${record.id}`}>审核</Link>,
-          [PENDING_SUBMIT]: (<a onClick={() => handleUpdateOrDelete('review', {id: record.id})}>{"提交通知单"}</a>),
+          [PENDING_SUBMIT]: (<Spin spinning={submitLoading}><a onClick={() => handleUpdateOrDelete('review', {id: record.id})}>{"提交通知单"}</a></Spin>),
           [PENDING_RECEIVE]: <Link to={`${url}?id=${record.id}`}>收货</Link>
         } 
         return (

src/pages/home/components/Centers/AfterSoldCenter.tsx

-import React from 'react';
+import React, { useCallback }  from 'react';
 import AbilityContainer from './Container';
-import { Row, Col } from 'antd';
+import { Row, Col, Skeleton } from 'antd';
 import styles from './center.less'
 import create_shop from '@/assets/imgs/create_shop.png';
+import { PublicApi } from '@/services/api';
+import { Link } from 'umi'
 
 interface Iprops {};
 
+const KEY_TITLE = {
+  repairApplyList: '售后维修申请',
+  repairHandleList: '售后维修处理',
+  replaceApplyList: '售后换货申请',
+  replaceHandleList: '售后换货处理',
+  returnApplyList: '售后退货申请',
+  returnHandleList: '售后退货处理'
+}
+
 const SettlementAbility: React.FC<Iprops> = () => {
-  const data = [
-    {
-      id: 1,
-      list: [1,2,3,4]
-    },
-    {
-      id: 2,
-      list: [1,2,3,4]
-    },
-    {
-      id: 3,
-      list: [1,2,3,4,5]
-    },
-  ]
+  const request = useCallback(async () => {
+    const res = await PublicApi.getReportMemberHomeGetAfterSaleTally();
+    return res;
+  }, [])
+  
   return (
     <AbilityContainer 
       title="售后中心" 
@@ -28,30 +30,43 @@ const SettlementAbility: React.FC<Iprops> = () => {
       extra={
         <a>进入售后中心</a>
       }
+      request={request}
     >
-      <div>
-        {
-          data.map((record) => {
-            return (
-              <Row key={record.id} className={styles.row}>
-                <Col span={4} className={styles.rowTitle}>平台代收账款结算</Col>
-                <Col span={20} className={styles.colRow}>
-                  {
-                    record.list.map((item) => {
-                      return (
-                        <Col span={4} key={item} className={styles.col}>
-                          <div className={styles.colTitle}>待提交审核咨询单</div>
-                          <div className={styles.colValue}>5</div>
-                        </Col>    
-                      )
-                    })
-                  }
-                </Col>
-              </Row>
-            )
-          })
+      {
+        ({loading, requestData}) => {
+          return (
+            <>
+              {
+                loading
+                ? <Skeleton active />
+                : Object.keys(requestData).map((record) => {
+                  return (
+                    <Row key={record} className={styles.row}>
+                      <Col span={4} className={styles.rowTitle}>{KEY_TITLE[record]}</Col>
+                      <Col span={20} className={styles.colRow}>
+                        {
+                          requestData[record].map((item, key) => {
+                            return (
+                              <Col span={4} key={key} className={styles.col}>
+                                <div className={styles.colTitle}>{item.name}</div>
+                                {
+                                        item.link 
+                                        ? <Link to={item.link} className={styles.colValue}>{item.count}</Link>
+                                        : <div className={styles.colValue}>{item.count}</div>
+                                      }
+                              </Col>    
+                            )
+                          })
+                        }
+                      </Col>
+                    </Row>
+                  )
+                })
+              }
+            </>
+          )
         }
-      </div>
+      }
     </AbilityContainer>
   )
 }

src/pages/home/components/Centers/TradeCenter.tsx

@@ -3,7 +3,7 @@ import AbilityContainer from './Container';
 import { Row, Col, Skeleton } from 'antd';
 import styles from './center.less'
 import { PublicApi } from '@/services/api';
-
+import { Link } from 'umi'
 interface Iprops {};
 const KEY_TITLE = {
   'commodityInquiryList': '商品询价',
@@ -51,7 +51,11 @@ const TradeCenter: React.FC<Iprops> = () => {
                               return (
                                 <Col span={4} key={key} className={styles.col}>
                                   <div className={styles.colTitle}>{item.name}</div>
-                                  <div className={styles.colValue}>{item.count}</div>
+                                  {
+                                        item.link 
+                                        ? <Link to={item.link} className={styles.colValue}>{item.count}</Link>
+                                        : <div className={styles.colValue}>{item.count}</div>
+                                      }
                                 </Col>    
                               )
                             })

src/pages/home/components/Centers/center.less

@@ -26,6 +26,7 @@
       font-size: 24px;
       margin-top: 16px;
       color: #303133;
+      display: block;
     
       &:hover {
         text-decoration: underline;

src/pages/home/components/UserCenter/index.tsx

@@ -16,6 +16,7 @@ const WEEKDAYS = ["天", "一","二", "三", "四", "五","六"];
 const LEVEL_IMAGE = [level1, level2, level3, level4];
 const EDIT_USER_URL = '/memberCenter/memberAbility/query';
 const USER_CENTER_URL = '/memberCenter/memberAbility/manage/maintain'
+const STATUS_COLOR = ["default", "processing", "error", "success"]
 
 const UserCenter: React.FC<Iprops> = () => {
   const today = moment();
@@ -55,14 +56,16 @@ const UserCenter: React.FC<Iprops> = () => {
                   {
                     userAuth.roles.map((item, key) => {
                       return (
-                        <StatusTag type="success" key={key} title={item.memberRoleName} />
+                        <div style={{marginRight: '8px'}}>
+                          <StatusTag type="success" key={key} title={item.memberRoleName} />
+                        </div>
                       )
                     })
                   }
                 </div>
               </div>
               <div className={styles.status}>
-                <Badge status={"error"} text={userAuth.validateStatusDesc}></Badge>
+                <Badge status={STATUS_COLOR[userAuth.validateStatus]} text={userAuth.validateStatusDesc}></Badge>
               </div>
             </div>
           </Col>