- {categoryList.slice(0, 7).map((categoryModuleItem, categoryModuleIndex) => {
- return (
-
-
- {categoryModuleItem.categoryName}
-
-
- {categoryModuleItem.count || 50}道题
-
-
- );
- })}
- {categoryList.length > 7 && (
-
setOpenMoreFlag(true)}>
- 更多
-
-
- )}
-
-
{categoryList?.length && renderFirstContainer()}
-
- {secondCategoryList?.length > 0 && renderSecondContainer()}
-
- {/* {!this.props.isHideSec && (
+
+ {categoryList.slice(0, 7).map((categoryModuleItem, categoryModuleIndex) => {
+ return (
+
+
{categoryModuleItem.categoryName}
+
{categoryModuleItem.count || 50}道题
+
+ )
+ })}
+ {categoryList.length > 7 && (
+
setOpenMoreFlag(true)}>
+ 更多
+
+
+ )}
+
+ )
+ }
+
+ /**
+ * 点击更多的分类项
+ * @param {*} id
+ * @returns
+ */
+ const onChangeCategoryMore = cur => () => {
+ setOpenMoreFlag(false)
+ setCurrentActive(cur)
+ let list = [...categoryList].reduce((pre, item) => {
+ if (item.id !== cur.id) {
+ pre.push(item)
+ } else {
+ pre.unshift(item)
+ }
+ return pre
+ }, [])
+ props.onChangeCategoryMore && props.onChangeCategoryMore(cur.id, list)
+ }
+
+ /**
+ * 更多分类
+ * @returns
+ */
+ const renderMoreBox = () => {
+ return (
+
+ {categoryList.slice(7).map((categoryModuleItem, categoryModuleIndex) => {
+ return (
+
+
{categoryModuleItem.categoryName}
+
+ {formatTotal(categoryModuleItem.subjectCount)}道题
+
+
+ )
+ })}
+
+ )
+ }
+
+ /**
+ * 选择标签-支持单选（多选）
+ * @param {*} categoryId 一级分类id
+ * @param {*} secondCategoryIndex 二级分类对象index
+ * @param {*} thirdCategoryIndex 三级标签index
+ * @param {*} active 三级标签当前的选中状态
+ * @returns
+ */
+ const onChangeLabel = (secondCategoryIndex, thirdCategoryIndex, active) => () => {
+ const { isMultipleChoice } = props
+ const list = _.cloneDeep(secondCategoryList)
+ if (isMultipleChoice) {
+ // 三级标签支持多选
+ _.set(list, [secondCategoryIndex, 'children', thirdCategoryIndex, 'active'], !active)
+ setSecondCategoryList(list)
+ } else {
+ // 三级标签支持单选
+ if (currentLabelIndex.length) {
+ _.set(list, [currentLabelIndex[0], 'children', currentLabelIndex[1], 'active'], false)
+ }
+ _.set(list, [secondCategoryIndex, 'children', thirdCategoryIndex, 'active'], !active)
+ setCurrentLabelIndex([secondCategoryIndex, thirdCategoryIndex])
+ setSecondCategoryList(list)
+ }
+ props.onChangeLabel(
+ _.get(list, [secondCategoryIndex, 'id']),
+ _.get(list, [secondCategoryIndex, 'children', thirdCategoryIndex, 'id'])
+ )
+ }
+
+ /**
+ * 展开/收起
+ * @param {*} secondCategoryIndex
+ * @returns
+ */
+ const onChangeOpenStatus = (secondCategoryIndex, isOpen) => () => {
+ const _list = _.cloneDeep(secondCategoryList)
+ _.set(_list, [secondCategoryIndex, 'isOpen'], !isOpen)
+ setSecondCategoryList(_list)
+ }
+
+ /**
+ * 展开/收起
+ */
+ const onChangePutAway = () => {
+ setIsPutAway(!isPutAway)
+ }
+
+ /**
+ * 二级分类模块
+ * @returns
+ */
+ const renderSecondContainer = () => {
+ return (
+
+
+ {secondCategoryList.map((secondCategoryItem, secondCategoryIndex) => {
+ return (
+
= categoryShowCount && isPutAway ? 'none' : 'flex'
+ }}
+ className='second-category-item'
+ key={`second_category_${secondCategoryItem.id}`}
+ >
+
+ {secondCategoryItem.categoryName}：
+
+ {secondCategoryItem?.children?.length > 0 && (
+
+
+ {secondCategoryItem.children.map((thirdCategoryItem, thirdCategoryIndex) => {
+ return (
+
+ {thirdCategoryItem.labelName}
+
+ )
+ })}
+
+ {secondCategoryItem.children.length > 5 ? (
+
+
+ {secondCategoryItem.isOpen ? '收起' : '展开'}
+
+
+ {secondCategoryItem.isOpen ? : }
+
+
+ ) : null}
+
+ )}
+
+ )
+ })}
+ {secondCategoryList?.length >= categoryShowCount && (
+
+ {isPutAway ? '展开' : '收起'}
+ {isPutAway ? (
+
+ ) : (
+
+ )}
+
+ )}
+
+ )
+ }
+
+ return (
+
+ {categoryList?.length && renderFirstContainer()}
+ {secondCategoryList?.length > 0 && renderSecondContainer()}
+ {/* {!this.props.isHideSec && (
{secondCategoryList?.length > 0 && this.renderSecondContainer()}
)} */}
- setOpenMoreFlag(false)}>
- {renderMoreBox()}
-
-
- )
+
setOpenMoreFlag(false)}
+ >
+ {renderMoreBox()}
+
+
-
-
LeNet-5 诞生
- 1998 年 11 月，早期经典卷积神经网络 LeNet-5 诞生。杨立昆、莱昂·伯托等发表经典论文“Gradient-Based Learning Applied to Document Recognition”，文章总结了应用于手写字符识别的各种模型并进行了比对，结果显示卷积神经网络表现超群。
-
-
-
-
-
-
-
-
-
-
-
+ return (
+
+
+
+ LeNet-5 诞生 1998 年 11 月，早期经典卷积神经网络 LeNet-5
+ 诞生。杨立昆、莱昂·伯托等发表经典论文“Gradient-Based Learning Applied to Document
+ Recognition”，文章总结了应用于手写字符识别的各种模型并进行了比对，结果显示卷积神经网络表现超群。
-
)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
}
-export default Login
\ No newline at end of file
+export default Login
diff --git a/src/views/question-bank/components/ranking-box/index.jsx b/src/views/question-bank/components/ranking-box/index.jsx
index 1094e54..a255149 100644
--- a/src/views/question-bank/components/ranking-box/index.jsx
+++ b/src/views/question-bank/components/ranking-box/index.jsx
@@ -1,20 +1,23 @@
-import React from 'react'
-import { Popover, Spin } from 'antd'
+import ClickImg from '@/imgs/clickImg.png'
+import Ranking1Img from '@/imgs/ranking1Img.png'
+import Ranking2Img from '@/imgs/ranking2Img.png'
+import Ranking3Img from '@/imgs/ranking3Img.png'
+import RankingImg from '@/imgs/rankingImg.png'
import { debounce } from '@utils'
-import { RankingTypeText, RankingTypeBtnText } from '../../constant'
+import { Popover, Spin, message } from 'antd'
+import React from 'react'
+import { RankingTypeBtnText, RankingTypeText } from '../../constant'
import './index.less'
-import { message } from 'antd'
-import { imgObject } from '@constants'
const rankingBackImg = {
- 0: imgObject.ranking1Img,
- 1: imgObject.ranking2Img,
- 2: imgObject.ranking3Img,
+ 0: Ranking1Img,
+ 1: Ranking2Img,
+ 2: Ranking3Img
}
export default function RankingBox(props) {
const { isLoading = false, currentActive, rankingType, contributionList } = props
- const onChangeRanking = (index) =>
+ const onChangeRanking = index =>
debounce(() => {
props.onHandleRanking && props.onHandleRanking(index)
})
@@ -36,17 +39,19 @@ export default function RankingBox(props) {
let rankingList = contributionList || []
return (
-
-
-
{RankingTypeText[rankingType]}
-
+
+
+
{RankingTypeText[rankingType]}
+
{tabList.length > 0 &&
tabList.map((item, index) => {
return (
{item.tab}
@@ -55,56 +60,52 @@ export default function RankingBox(props) {
+
{rankingList?.length > 0 &&
rankingList.map((item, index) => {
return (
-
-
+
+
{index > 2 && index + 1}
-
-
+
+
- }
+ title={
{item.name}
}
content={
-
+
{item.name}
{/*
{item.organizationFullName}
*/}
}
>
-
-
{item.name}
+
+
{item.name}
{/*
{item.organizationName}
*/}
-
🔥 {item.count}
+
🔥 {item.count}
)
})}
-
+
-
{RankingTypeBtnText[rankingType]}
+
{RankingTypeBtnText[rankingType]}
)
diff --git a/src/views/user-info/index.tsx b/src/views/user-info/index.tsx
index 92105c1..93473ce 100644
--- a/src/views/user-info/index.tsx
+++ b/src/views/user-info/index.tsx
@@ -1,10 +1,14 @@
import Head from '@/imgs/head.jpg'
import { LoadingOutlined, PlusOutlined } from '@ant-design/icons'
-import { Button, Card, Col, Form, Input, Radio, Row } from 'antd'
+import req from '@utils/request'
+import { Button, Card, Col, Form, Input, Radio, Row, message } from 'antd'
import { memo, useState } from 'react'
+import { useNavigate } from 'react-router-dom'
+
import './index.less'
const { TextArea } = Input
+const apiName = '/user/update'
const layout = {
labelCol: { span: 4 },
@@ -15,9 +19,43 @@ const UserInfo = () => {
const [form] = Form.useForm()
const [editFlag, setEditFlag] = useState(false)
const [loading, setLoading] = useState(false)
+ const navigate = useNavigate()
- const onFinish = values => {
- console.log(values)
+ const onFinish = () => {
+ setLoading(true)
+ const userInfoStorage = localStorage.getItem('userInfo')
+ const { loginId = '' } = userInfoStorage ? JSON.parse(userInfoStorage) : {}
+ const values = form.getFieldsValue()
+ if (!Object.values(values).filter(Boolean).length) {
+ setLoading(false)
+ return
+ }
+ const params = {
+ userName: loginId,
+ ...values
+ }
+ req(
+ {
+ method: 'post',
+ url: apiName,
+ data: { ...params }
+ },
+ '/auth'
+ )
+ .then(res => {
+ if (res.success) {
+ message.success('更新成功')
+ setTimeout(() => {
+ navigate('/question-bank')
+ }, 1000)
+ }
+ setLoading(false)
+ setEditFlag(false)
+ })
+ .catch(() => {
+ message.error('更新失败')
+ setLoading(false)
+ })
}
const uploadButton = (
@@ -50,10 +88,7 @@ const UserInfo = () => {
{editFlag ? (
-
+
男
女
@@ -65,6 +100,17 @@ const UserInfo = () => {
)}
+
+ {editFlag ? (
+
+
+
+ ) : (
+
+ <>暂无
+
+ )}
+
{editFlag ? (
{
{editFlag ? (
<>
-