Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
J
jinfa-platform
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
黄庭坚
jinfa-platform
Commits
a93fb0e0
Commit
a93fb0e0
authored
Jan 18, 2021
by
GuanHua
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat: 商城首页代办事项接口对接
parent
3f33a36f
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
27 additions
and
11 deletions
+27
-11
index.tsx
src/pages/lxMall/components/QuickNav/index.tsx
+27
-11
No files found.
src/pages/lxMall/components/QuickNav/index.tsx
View file @
a93fb0e0
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
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment