|
@@ -1,6 +1,7 @@
|
|
|
import ProTable from '@ant-design/pro-table'
|
|
import ProTable from '@ant-design/pro-table'
|
|
|
-import { Select, Space, Tag } from 'antd'
|
|
|
|
|
|
|
+import { Select } from 'antd'
|
|
|
import { Trophy } from '@icon-park/react'
|
|
import { Trophy } from '@icon-park/react'
|
|
|
|
|
+import Iconfont from '@/components/SvgIcon'
|
|
|
import React, { useState, useMemo } from 'react'
|
|
import React, { useState, useMemo } from 'react'
|
|
|
|
|
|
|
|
const { Option } = Select
|
|
const { Option } = Select
|
|
@@ -13,9 +14,19 @@ const opMap = {
|
|
|
business: '新增商机',
|
|
business: '新增商机',
|
|
|
businessService: '商机服务'
|
|
businessService: '商机服务'
|
|
|
}
|
|
}
|
|
|
|
|
+const colorMap = {
|
|
|
|
|
+ 1: {
|
|
|
|
|
+ color: '#fbbf24'
|
|
|
|
|
+ },
|
|
|
|
|
+ 2: {
|
|
|
|
|
+ color: '#22c55e'
|
|
|
|
|
+ },
|
|
|
|
|
+ 3: {
|
|
|
|
|
+ color: '#333'
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
const LeaderBoard = ({ dataList = [] }) => {
|
|
const LeaderBoard = ({ dataList = [] }) => {
|
|
|
const [activeOp, setActiveOp] = useState('customer')
|
|
const [activeOp, setActiveOp] = useState('customer')
|
|
|
-
|
|
|
|
|
const columns = useMemo(() => {
|
|
const columns = useMemo(() => {
|
|
|
const oColumns = [
|
|
const oColumns = [
|
|
|
{
|
|
{
|
|
@@ -24,16 +35,16 @@ const LeaderBoard = ({ dataList = [] }) => {
|
|
|
valueType: 'indexBorder',
|
|
valueType: 'indexBorder',
|
|
|
align: 'center',
|
|
align: 'center',
|
|
|
width: '30%',
|
|
width: '30%',
|
|
|
- render: (_, record) => (
|
|
|
|
|
- <Space>
|
|
|
|
|
- {record.rank.map(({ name, color }) => (
|
|
|
|
|
- <Tag color={color} key={name}>
|
|
|
|
|
- <Trophy />
|
|
|
|
|
- {name}
|
|
|
|
|
- </Tag>
|
|
|
|
|
- ))}
|
|
|
|
|
- </Space>
|
|
|
|
|
- )
|
|
|
|
|
|
|
+ render: (_, record) => {
|
|
|
|
|
+ if (record.rank === 1) {
|
|
|
|
|
+ return <Iconfont type="icon-trophy" style={{ color: '#fbbf24' }} />
|
|
|
|
|
+ // <Trophy fill={colorMap[1].color} />
|
|
|
|
|
+ }
|
|
|
|
|
+ if (record.rank === 2) {
|
|
|
|
|
+ return <Trophy fill={colorMap[2].color} />
|
|
|
|
|
+ }
|
|
|
|
|
+ return <Trophy fill={colorMap[3].color} />
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title: '姓名',
|
|
title: '姓名',
|