feat: 商城首页代办事项接口对接

src/pages/lxMall/components/QuickNav/index.tsx

 import React, { useState, useEffect } from 'react'
 import cx from 'classnames'
-import editIcon from './edit_icon.png'
 import { inject, observer } from 'mobx-react'
-import { Link } from 'umi'
+import { PublicApi } from '@/services/api'
+import { GetReportMallGetMemberMallBacklogResponse } from '@/services/ReportApi'
 import styles from './index.less'
 
 interface QuickNavPropsType {
@@ -15,6 +15,7 @@ const QuickNav: React.FC<QuickNavPropsType> = (props) => {
   const { userInfo } = props.UserStore
   const [tabType, setTabType] = useState<number>(1) // 1; 卖家服务；2：买家服务
   const [consumerNav, setConsumerNav] = useState<any>()
+  const [memberMallBacklog, setMemberMallBacklog] = useState<GetReportMallGetMemberMallBacklogResponse>()
 
   const handleChangeTabType = (type: number) => {
     if (tabType !== type) {
@@ -22,12 +23,27 @@ const QuickNav: React.FC<QuickNavPropsType> = (props) => {
     }
   }
 
+  const fetchMemberMallBacklog = () => {
+    const param: any = {
+      isPurchase: userInfo.memberRoleType === 2 ? 1 : 0
+    }
+    PublicApi.getReportMallGetMemberMallBacklog(param).then(res => {
+      if(res.code === 1000) {
+        setMemberMallBacklog(res.data)
+      }
+    })
+  }
+
   useEffect(() => {
     if (userInfo) {
-      getNavList()
+      fetchMemberMallBacklog()
     }
   }, [])
 
+  useEffect(() => {
+    getNavList()
+  }, [memberMallBacklog])
+
   // 卖家服务快捷导航
   const sell_quick_nav_list = [
     {
@@ -117,19 +133,19 @@ const QuickNav: React.FC<QuickNavPropsType> = (props) => {
     if (userInfo.memberRoleType === 1) {
       component = <div className={styles.navList}>
         <div className={styles.navList_item}>
-          <div className={styles.navList_item_count}>0</div>
+          <div className={styles.navList_item_count}>{memberMallBacklog?.saleToBeValify || 0}</div>
           <div className={styles.navList_item_text}><a href={'/memberCenter/tranactionAbility/saleOrder/readyApprovedOrder'}>待审核</a></div>
         </div>
         <div className={styles.navList_item}>
-          <div className={styles.navList_item_count}>0</div>
+          <div className={styles.navList_item_count}>{memberMallBacklog?.saleToBeConfirm || 0}</div>
           <div className={styles.navList_item_text}><a href={'/memberCenter/tranactionAbility/saleOrder/readyConfirmOrder'}>待确认</a></div>
         </div>
         <div className={styles.navList_item}>
-          <div className={styles.navList_item_count}>0</div>
+          <div className={styles.navList_item_count}>{memberMallBacklog?.saleToBeDelivery || 0}</div>
           <div className={styles.navList_item_text}><a href={'/memberCenter/tranactionAbility/saleOrder/addSaleDelevedOrder'}>待发货</a></div>
         </div>
         <div className={styles.navList_item}>
-          <div className={styles.navList_item_count}>0</div>
+          <div className={styles.navList_item_count}>{memberMallBacklog?.saleToBeArchive || 0}</div>
           <div className={styles.navList_item_text}><a href={'/memberCenter/tranactionAbility/saleOrder/readyReturnDocument'}>待归档</a></div>
         </div>
       </div>
@@ -137,19 +153,19 @@ const QuickNav: React.FC<QuickNavPropsType> = (props) => {
       component = <div className={styles.navList}>
         <div className={styles.navList_item}>
 
-          <div className={styles.navList_item_count}>0</div>
+          <div className={styles.navList_item_count}>{memberMallBacklog?.purchaseToBeValify || 0}</div>
           <div className={styles.navList_item_text}><a href={'/memberCenter/tranactionAbility/purchaseOrder/firstApprovedOrder'}>待审核</a></div>
         </div>
         <div className={styles.navList_item}>
-          <div className={styles.navList_item_count}>0</div>
+          <div className={styles.navList_item_count}>{memberMallBacklog?.purchaseToBePay || 0}</div>
           <div className={styles.navList_item_text}><a href={'/memberCenter/tranactionAbility/purchaseOrder/readyPayOrder'}>待支付</a></div>
         </div>
         <div className={styles.navList_item}>
-          <div className={styles.navList_item_count}>0</div>
+          <div className={styles.navList_item_count}>{memberMallBacklog?.purchaseToBeReceive || 0}</div>
           <div className={styles.navList_item_text}><a href={'/memberCenter/tranactionAbility/purchaseOrder/readyReceiveOrder'}>待收货</a></div>
         </div>
         <div className={styles.navList_item}>
-          <div className={styles.navList_item_count}>0</div>
+          <div className={styles.navList_item_count}>{memberMallBacklog?.purchaseToBeArchive || 0}</div>
           <div className={styles.navList_item_text}><a href={'/memberCenter/tranactionAbility/purchaseOrder/readyFileOrder'}>待归档</a></div>
         </div>
       </div>