@@ -97,7 +132,50 @@ const Header = () => {
-
+ {
+ return (
+
{'/question-bank' == pathname && (
{
/>
)}
- {/*
{text}
+ },
+ {
+ title: '知识点',
+ dataIndex: 'knowledge',
+ key: 'knowledge'
+ },
+ {
+ title: '来自',
+ dataIndex: 'from',
+ key: 'from'
+ },
+ {
+ title: () => 只看已完成的 ,
+ key: 'tags',
+ dataIndex: 'tags',
+ render: () =>
+ }
+ ]
+
+ data = [
+ {
+ key: '1',
+ question: '在哈希法存储中，冲突指的是 （ ）',
+ knowledge: '哈希',
+ from: '考卷1'
+ // tags: ['nice', 'developer'],
+ },
+ {
+ key: '2',
+ question: '在深度为5的满二叉树中，结点的个数为多少个？',
+ knowledge: '树',
+ from: '考卷2'
+ // tags: ['loser'],
+ }
+ ]
+
+ onTabChange = key => {
+ console.log('----', key)
+ this.setState({
+ currentKey: key
+ })
+ }
+ onLookChange = () => {
+ this.setState({
+ lookFinish: true
+ })
+ }
+ onLookErrorChange = key => {
+ console.log('----', key)
+ }
+ handleNext() {
+ console.log('再做一次')
+ }
+ handleLook() {
+ console.log('查看详情')
+ }
+ onChangePagination = pageIndex => {
+ this.pageIndex = pageIndex
+ }
+ render() {
+ const { currentKey, total } = this.state
+ return (
+ aU9V#%Th@TGBJ=zhNy=+
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
literal 0
HcmV?d00001
diff --git a/src/views/personal-center/index.jsx b/src/views/personal-center/index.jsx
new file mode 100644
index 0000000..954675a
--- /dev/null
+++ b/src/views/personal-center/index.jsx
@@ -0,0 +1,160 @@
+import { IdcardOutlined, LikeTwoTone, MailOutlined, StarTwoTone } from '@ant-design/icons'
+import { Menu } from 'antd'
+import React, { Component } from 'react'
+// import JDreq from '@common/JDreq'
+import PubSub from 'pubsub-js'
+// import headLog from './headLog.png'
+import CollectionBag from './components/collection-bag'
+import GoodBag from './components/good-bag'
+import './index.less'
+
+export default class PersonalCenter extends Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ currentKeyMap: 0, //选中的menu
+ userName: '', //姓名
+ intervieweEamil: '', //邮箱
+ headImg: '', //头像
+ department: '', //部门
+ practiceAmount: 0, //练题数
+ inputAmount: 0, //录题数
+ goodAmount: 0, //点赞数
+ collectionAmount: 0, //收藏数
+ subMenuList: []
+ }
+ }
+ personList = {
+ // 0: '刷题',
+ 0: '收藏',
+ 1: '点赞'
+ }
+ componentDidMount() {
+ // JDreq({
+ // method: 'post',
+ // url: 'admin/person/home/getPersonInfo'
+ // }).then(res => {
+ // this.setState(
+ // {
+ // userName: res.data?.name ?? '',
+ // intervieweEamil: res.data?.email ?? '',
+ // headImg: res.data?.headImg ?? '',
+ // department: res.data?.departmentName ?? '',
+ // goodAmount: res.data?.thumpCount ?? 0,
+ // collectionAmount: res.data?.collectCount ?? 0,
+ // practiceAmount: res.data?.practiceCount ?? 0,
+ // inputAmount: res.data?.subjectCount ?? 0
+ // },
+ // () => {
+ // window.localStorage.setItem('interviewName', res.data?.name ?? 'XXX')
+ // window.localStorage.setItem('interviewEamil', res.data?.email ?? 'XXX')
+ // }
+ // )
+ // })
+ PubSub.subscribe('handleToRender', () => {
+ this.setState({})
+ })
+ }
+ /**
+ * 切换菜单
+ * @param {*} e
+ */
+ handleClick = e => {
+ console.log('--------', e)
+ //截取_后的字符
+ let index = e.keyPath[0].lastIndexOf('_')
+ let index2 = e.keyPath[0].substring(index + 1, e.keyPath[0].length)
+ //
+ console.log('index2>>>>', index2)
+ this.setState({
+ currentKeyMap: Number(index2)
+ })
+ }
+ render() {
+ let {
+ headImg,
+ userName,
+ intervieweEamil,
+ department,
+ goodAmount,
+ collectionAmount,
+ practiceAmount,
+ inputAmount
+ } = this.state
+ const { currentKeyMap } = this.state
+ return (
+
+
+ {discoverItems.map(item => {
+ return (
+
+
+ )
+ }}
+ >
+
+ goPath(item)}>
+ {item.key === 'wechat' ? (
+ <>
+ {
+ return (
+
+
+ ) : (
+ <>
+
+ )
+ })}
+
+ 
+
+ )
+ }}
+ >
+ {item.title}
+ {item.subTitle}
+ {item.title}
+ {item.subTitle}
+
+ )}
+ */}
- {/*
*/}
+ {
+ this.onTabChange(key, 'key')
+ }}
+ >
+ {currentKey === 'tab1' && (
+
+
+ )
+ }
+}
diff --git a/src/views/personal-center/components/brush-question/index.less b/src/views/personal-center/components/brush-question/index.less
new file mode 100644
index 0000000..054c27e
--- /dev/null
+++ b/src/views/personal-center/components/brush-question/index.less
@@ -0,0 +1,97 @@
+.brush-question-component {
+ .brush-question-component-tab1-head {
+ display: flex;
+ justify-content: space-between;
+ padding: 0 0 20px 0;
+ .brush-question-component-tab1-head-title {
+ display: flex;
+ color: #333;
+ font-size: 16px;
+ font-weight: 400;
+ .brush-question-component-tab1-head-title-icon {
+ margin-right: 8px;
+ }
+ }
+ .brush-question-component-tab1-head-filter {
+ font-weight: 400;
+ }
+ }
+ .brush-question-component-tab1-body {
+ padding: 0 50px;
+ // display: flex;
+ // flex-wrap: wrap;
+
+ .brush-question-component-tab1-body-item {
+ border-radius: 2px;
+ box-shadow: 0 6px 20px 0 #bababa;
+ cursor: pointer;
+ display: block;
+ height: 230px;
+ margin-bottom: 17px;
+ margin-right: 17px;
+ width: 216px;
+ transition: all 0.5s;
+ &:hover {
+ transform: scale(1.04);
+ }
+ &:hover .brush-question-component-tab1-body-item-footer {
+ display: flex;
+ }
+ .brush-question-component-tab1-body-label {
+ width: 76px;
+ height: 20px;
+ background-image: linear-gradient(136deg, #ffe324, #e7920f 100%, #ffb533 0);
+ box-shadow: 2px 0 2px 0 rgb(175, 130, 6);
+ position: relative;
+ top: -3%;
+ left: -8px;
+ text-align: center;
+ }
+ .brush-question-component-tab1-body-item-title {
+ background-color: rgb(234, 235, 236);
+ color: #333;
+ font-size: 14px;
+ font-weight: 700;
+ height: 80px;
+ // line-height: 50px;
+ overflow: auto;
+ padding: 20px 10px 0;
+ text-align: center;
+ }
+ .brush-question-component-tab1-body-item-content {
+ display: flex;
+ margin: 10px;
+ color: #000000a6;
+ .brush-question-component-tab1-body-item-content-icon {
+ margin-right: 5px;
+ }
+ }
+ .brush-question-component-tab1-body-item-footer {
+ display: none;
+ margin-top: 40px;
+
+ .brush-question-component-tab1-body-item-footer-button {
+ flex: 1;
+ text-align: center;
+ &:hover {
+ color: #3c6eee;
+ }
+ }
+ }
+ }
+ }
+ .brush-question-component-tab2-head {
+ display: flex;
+ justify-content: space-between;
+ padding: 0 0 20px 0;
+ .brush-question-component-tab2-head-title {
+ display: flex;
+ color: #333;
+ font-size: 16px;
+ font-weight: 400;
+ .brush-question-component-tab2-head-title-icon {
+ margin-right: 8px;
+ }
+ }
+ }
+}
diff --git a/src/views/personal-center/components/collection-bag/index.jsx b/src/views/personal-center/components/collection-bag/index.jsx
new file mode 100644
index 0000000..0788853
--- /dev/null
+++ b/src/views/personal-center/components/collection-bag/index.jsx
@@ -0,0 +1,145 @@
+import { Card, Pagination, Spin } from 'antd'
+import React, { Component } from 'react'
+import { collectTabType } from '../../constant'
+import CollectionQuestion from '../collection-question'
+import EmptyBox from '../empty-box'
+import './index.less'
+const tabList = [
+ {
+ key: 'testQuestions',
+ tab: '收藏的试题'
+ }
+ // {
+ // key: 'posts',
+ // tab: '收藏的帖子',
+ // },
+]
+
+export default class CollectionBag extends Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ currentKey: collectTabType.testQuestions, // 选中的tab 默认选中第一个
+ collectionList: [],
+ isShowSpin: true,
+ isShowSkeleton: true
+ }
+ }
+
+ total = 0 // 总题数
+ pageIndex = 1
+ pageSize = 10
+
+ componentDidMount() {
+ this.getCollectionList()
+ }
+
+ /**
+ * 切换tab
+ * @param {*} key
+ */
+ onTabChange = key => {
+ this.setState(
+ {
+ currentKey: key
+ },
+ () => {
+ this.pageIndex = 1
+ this.getCollectionList()
+ }
+ )
+ }
+
+ /**
+ * 获取一级分类数据
+ */
+ getCollectionList() {
+ // JDreq({
+ // method: 'post',
+ // data: {
+ // pageInfo: {
+ // pageIndex: this.pageIndex,
+ // pageSize: this.pageSize,
+ // },
+ // },
+ // url: apiName.getCollectionList,
+ // })
+ // .then((res) => {
+ // if (res.data && res.data.pageList?.length > 0) {
+ // this.total = res.data.pageInfo.total
+ // this.setState({
+ // collectionList: res.data.pageList,
+ // isShowSpin: false,
+ // isShowSkeleton: false,
+ // })
+ // } else {
+ // this.total = 0
+ // this.setState({
+ // collectionList: [],
+ // isShowSpin: false,
+ // })
+ // }
+ // })
+ // .catch((err) => console.log(err))
+ }
+
+ /**
+ * 分页
+ * @param {*} pageIndex
+ */
+ onChangePagination = pageIndex => {
+ this.pageIndex = pageIndex
+ this.getCollectionList()
+ }
+
+ render() {
+ const { currentKey, collectionList, isShowSpin } = this.state
+ return (
+
+
+ )}
+ {currentKey === 'tab2' && (
+
+
+
+
+
+
+ 练习的试卷（21）
+
+ 只看已完成的
+
+
+
+
+
+
+
+
+
+
+ 专项练习
+
+ 计算机专业技能-网络基础专项练习
+
+
+
+
+
+ 完成时间：2021-12-13
+
+
+
+
+ 得分：0
+
+
+
+ 再做一次
+
+
+ 查看详情
+
+
+
+
+
+ 专项练习
+
+ 计算机专业技能-网络基础专项练习
+
+
+
+
+
+ 完成时间：2021-12-13
+
+
+
+
+ 得分：0
+
+
+
+ 再做一次
+
+
+ 查看详情
+
+
+
+
+
+ 专项练习
+
+ 计算机专业技能-网络基础专项练习
+
+
+
+
+
+ 完成时间：2021-12-13
+
+
+
+
+ 得分：0
+
+
+
+ 再做一次
+
+
+ 查看详情
+
+
+
+
+
+ 专项练习
+
+ 计算机专业技能-网络基础专项练习
+
+
+
+
+
+ 完成时间：2021-12-13
+
+
+
+
+ 得分：0
+
+
+
+ 再做一次
+
+
+ 查看详情
+
+
+
+
+
+ 专项练习
+
+ 计算机专业技能-网络基础专项练习
+
+
+
+
+
+ 完成时间：2021-12-13
+
+
+
+
+ 得分：0
+
+
+
+ 再做一次
+
+
+ 查看详情
+
+
+
+
+
+ 专项练习
+
+ 计算机专业技能-网络基础专项练习
+
+
+
+
+
+ 完成时间：2021-12-13
+
+
+
+
+ 得分：0
+
+
+
+ 再做一次
+
+
+ 查看详情
+
+
+
+
+
+ 专项练习
+
+ 计算机专业技能-网络基础专项练习
+
+
+
+
+
+ 完成时间：2021-12-13
+
+
+
+
+ 得分：0
+
+
+
+ 再做一次
+
+
+ 查看详情
+
+
+
+
+
+ 专项练习
+
+ 计算机专业技能-网络基础专项练习
+
+
+
+
+
+ 完成时间：2021-12-13
+
+
+
+
+ 得分：0
+
+
+
+ 再做一次
+
+
+ 查看详情
+
+
+ {total > 8 && (
+
+
+
+ )}
+
+
+
+
+
+
+ 历史错题总数（21）
+
+
+
+
+
+
+
+ {
+ this.onTabChange(key)
+ }}
+ >
+
+ {collectionList?.length > 0 ? this.renderContent(currentKey) :
+
+
+ )
+ }
+
+ /**
+ * 渲染内容
+ * @param {*} type
+ * @returns
+ */
+ renderContent = type => {
+ const { collectionList } = this.state
+ switch (type) {
+ // 收藏的试题
+ case collectTabType.testQuestions:
+ return (
+
+
+ )
+ }
+ }
+}
diff --git a/src/views/personal-center/components/collection-bag/index.less b/src/views/personal-center/components/collection-bag/index.less
new file mode 100644
index 0000000..bd2f029
--- /dev/null
+++ b/src/views/personal-center/components/collection-bag/index.less
@@ -0,0 +1,16 @@
+.collection-bag-component {
+ .collection-bag-component-tab1-head {
+ display: flex;
+ justify-content: space-between;
+ padding: 0 0 20px 0;
+ .collection-bag-component-tab1-head-title {
+ display: flex;
+ color: #333;
+ font-size: 16px;
+ font-weight: 400;
+ .collection-bag-component-tab1-head-title-icon {
+ margin-right: 8px;
+ }
+ }
+ }
+}
diff --git a/src/views/personal-center/components/collection-question/index.jsx b/src/views/personal-center/components/collection-question/index.jsx
new file mode 100644
index 0000000..6c206e9
--- /dev/null
+++ b/src/views/personal-center/components/collection-question/index.jsx
@@ -0,0 +1,103 @@
+import { SnippetsTwoTone } from '@ant-design/icons'
+import { debounce, splicingQuery } from '@utils'
+import React, { Component } from 'react'
+
+import './index.less'
+
+class CollectionQuestion extends Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ isModalVisible: false //对话框默认不可见
+ }
+ }
+
+ handleCancelCollection = () => {
+ console.log('取消收藏')
+ this.setState({
+ isModalVisible: true
+ })
+ }
+
+ handleCancel = () => {
+ // console.log('点了取消');
+ this.setState({
+ isModalVisible: false
+ })
+ }
+
+ handleOk = () => {
+ console.log('点了确认')
+ this.setState({
+ isModalVisible: false
+ })
+ }
+ handleJump = id =>
+ debounce(() => {
+ this.props.history.push(
+ splicingQuery('good-collection-question', {
+ subjectType: 4,
+ subjectId: id
+ })
+ )
+ })
+
+ render() {
+ const { collectionList, collectionTotal } = this.props
+ const { isModalVisible } = this.state
+ return (
+
+
+ )
+ }
+}
+
+export default CollectionQuestion
diff --git a/src/views/personal-center/components/collection-question/index.less b/src/views/personal-center/components/collection-question/index.less
new file mode 100644
index 0000000..012dfe5
--- /dev/null
+++ b/src/views/personal-center/components/collection-question/index.less
@@ -0,0 +1,44 @@
+.collection-bag-component-tab1-body {
+ padding: 0 20px 20px 20px;
+ .collection-bag-component-tab1-head-title {
+ display: flex;
+ color: #333;
+ font-size: 16px;
+ font-weight: 400;
+ .collection-bag-component-tab1-head-title-icon {
+ margin-right: 8px;
+ }
+ }
+ .collection-bag-component-tab1-body-item {
+ margin: 10px 0;
+ overflow: auto;
+ position: relative;
+ clear: both;
+ // height: 60px;
+ border-bottom: 1px solid #e5e5e5;
+
+ .collection-bag-component-tab1-body-item-question {
+ font-size: 14px;
+ line-height: 1.8;
+ .collection-bag-component-tab1-body-item-question-content {
+ width: 600px;
+ cursor: pointer;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ overflow: hidden;
+ &:hover {
+ color: #3c6eee;
+ }
+ }
+ }
+ .collection-bag-component-tab1-body-item-foot {
+ margin-top: 10px;
+ float: right;
+ .collection-bag-component-tab1-body-item-foot-button {
+ cursor: pointer;
+ color: #3c6eee;
+ }
+ }
+ }
+}
diff --git a/src/views/personal-center/components/empty-box/index.jsx b/src/views/personal-center/components/empty-box/index.jsx
new file mode 100644
index 0000000..0980c6c
--- /dev/null
+++ b/src/views/personal-center/components/empty-box/index.jsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import './index.less'
+export default function EmptyBox() {
+ return (
+
+
+ {collectionList.map(item => {
+ return (
+
+
+ 收藏的题目({collectionTotal})
+
+
+ )
+ })}
+
+
+ {item.subjectName}
+
+
+ {/*
+
+ 取消收藏
+
+
+
+
*/}
+ + 确认取消收藏吗？ +
+
+ 
+ 这里什么也没有哦～
+
+ )
+}
diff --git a/src/views/personal-center/components/empty-box/index.less b/src/views/personal-center/components/empty-box/index.less
new file mode 100644
index 0000000..06e6958
--- /dev/null
+++ b/src/views/personal-center/components/empty-box/index.less
@@ -0,0 +1,17 @@
+.empty-box {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 100px 0;
+ .empty-inco {
+ width: 100px;
+ height: 100px;
+ }
+ .empty-text {
+ margin-top: 20px;
+ color: #b2bac2;
+ font-weight: 500;
+ font-size: 14px;
+ }
+}
diff --git a/src/views/personal-center/components/good-bag/index.jsx b/src/views/personal-center/components/good-bag/index.jsx
new file mode 100644
index 0000000..666c996
--- /dev/null
+++ b/src/views/personal-center/components/good-bag/index.jsx
@@ -0,0 +1,139 @@
+import { Card, Pagination, Spin } from 'antd'
+import React, { Component } from 'react'
+import { goodTabType } from '../../constant'
+import EmptyBox from '../empty-box'
+import GoodQuestion from '../good-question'
+import './index.less'
+const tabList = [
+ {
+ key: 'testQuestions',
+ tab: '点赞的试题'
+ }
+ // {
+ // key: 'posts',
+ // tab: '点赞的帖子',
+ // },
+]
+
+export default class GoodBag extends Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ currentKey: goodTabType.testQuestions, // 选中的tab 默认选中第一个
+ goodList: [],
+ isShowSpin: true
+ }
+ }
+
+ total = 0 // 总题数
+ pageIndex = 1
+ pageSize = 10
+
+ componentDidMount() {
+ this.getGoodList()
+ }
+
+ /**
+ * 切换tab
+ * @param {*} key
+ */
+ onTabChange = key => {
+ this.setState(
+ {
+ currentKey: key
+ },
+ () => {
+ this.pageIndex = 1
+ this.getGoodList()
+ }
+ )
+ }
+
+ /**
+ * 获取一级分类数据
+ */
+ getGoodList() {
+ // JDreq({
+ // method: 'post',
+ // data: {
+ // pageInfo: {
+ // pageIndex: this.pageIndex,
+ // pageSize: this.pageSize,
+ // },
+ // },
+ // url: apiName.getGoodList,
+ // })
+ // .then((res) => {
+ // if (res.data && res.data.pageList?.length > 0) {
+ // this.total = res.data.pageInfo.total
+ // this.setState({
+ // goodList: res.data.pageList,
+ // isShowSpin: false,
+ // })
+ // } else {
+ // this.total = 0
+ // this.setState({
+ // goodList: [],
+ // isShowSpin: false,
+ // })
+ // }
+ // })
+ // .catch((err) => console.log(err))
+ }
+
+ /**
+ * 分页
+ * @param {*} pageIndex
+ */
+ onChangePagination = pageIndex => {
+ this.pageIndex = pageIndex
+ this.getGoodList()
+ }
+
+ render() {
+ const { currentKey, goodList, isShowSpin } = this.state
+ return (
+
+ 这里什么也没有哦～
+
+ {
+ this.onTabChange(key)
+ }}
+ >
+
+ {goodList?.length > 0 ? this.renderContent(currentKey) :
+
+
+ )
+ }
+
+ /**
+ * 渲染内容
+ * @param {*} type
+ * @returns
+ */
+ renderContent = type => {
+ const { goodList } = this.state
+ switch (type) {
+ // 收藏的试题
+ case goodTabType.testQuestions:
+ return
+
+ )
+ }
+}
+
+export default GoodQuestion
diff --git a/src/views/personal-center/components/good-question/index.less b/src/views/personal-center/components/good-question/index.less
new file mode 100644
index 0000000..06dc739
--- /dev/null
+++ b/src/views/personal-center/components/good-question/index.less
@@ -0,0 +1,44 @@
+.good-bag-component-tab1-body {
+ padding: 0 20px 20px 20px;
+ .good-bag-component-tab1-head-title {
+ display: flex;
+ color: #333;
+ font-size: 16px;
+ font-weight: 400;
+ .good-bag-component-tab1-head-title-icon {
+ margin-right: 8px;
+ }
+ }
+ .good-bag-component-tab1-body-item {
+ margin: 10px 0;
+ overflow: auto;
+ position: relative;
+ clear: both;
+ // height: 60px;
+ border-bottom: 1px solid #e5e5e5;
+
+ .good-bag-component-tab1-body-item-question {
+ font-size: 14px;
+ line-height: 1.8;
+ .good-bag-component-tab1-body-item-question-content {
+ width: 600px;
+ cursor: pointer;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ overflow: hidden;
+ &:hover {
+ color: #3c6eee;
+ }
+ }
+ }
+ .good-bag-component-tab1-body-item-foot {
+ margin-top: 10px;
+ float: right;
+ .good-bag-component-tab1-body-item-foot-button {
+ cursor: pointer;
+ color: #3c6eee;
+ }
+ }
+ }
+}
diff --git a/src/views/personal-center/constant.js b/src/views/personal-center/constant.js
new file mode 100644
index 0000000..ec45fd9
--- /dev/null
+++ b/src/views/personal-center/constant.js
@@ -0,0 +1,19 @@
+export const apiName = {
+ /**
+ * 获取收藏数据
+ */
+ getCollectionList: '/admin/question/collect/list',
+ getGoodList: 'admin/question/thump/list',
+}
+
+// 收藏-tab类型
+export const collectTabType = {
+ testQuestions: 'testQuestions', //试题
+ posts: 'posts', //帖子
+}
+
+// 点赞-tab类型
+export const goodTabType = {
+ testQuestions: 'testQuestions', //试题
+ posts: 'posts', //帖子
+}
diff --git a/src/views/personal-center/headLog.png b/src/views/personal-center/headLog.png
new file mode 100644
index 0000000000000000000000000000000000000000..dcd7ead02d80413cd9ba2237060d473bfc0bae8d
GIT binary patch
literal 20433
zcmcG$RZtyH@GgiG^xzy^g9UeYcXxMp4I13toj|al!Cej-++7du?sD_n+S>g;?ACp{
z4_!Uo(@!&1Gu>Z*Gf~QlQYeV{h!7AEC^FLGs{i!*fAR$m0s_+B;1l
+
+ {goodList.map(item => {
+ return (
+
+
+ 点赞的题目（{goodTotal}）
+
+
+ )
+ })}
+
+
+ {item.subjectName}
+
+
+ {/*
+
+ 取消点赞
+
+
+
+
*/}
+ + 确认取消点赞吗？ +
+
+
+ )
+ }
+}
diff --git a/src/views/personal-center/index.less b/src/views/personal-center/index.less
new file mode 100644
index 0000000..9c0577e
--- /dev/null
+++ b/src/views/personal-center/index.less
@@ -0,0 +1,68 @@
+.personal-center-box {
+ margin: 0 auto;
+ width: 1439px;
+ // padding: 20px 50px;
+ border-radius: 5px;
+ overflow: auto;
+ .personal-center-introduction {
+ background-color: #fff;
+ border-radius: 3px;
+ height: 100px;
+ margin-bottom: 10px;
+ display: flex;
+ justify-content: space-between;
+ .personal-center-introduction-detail {
+ margin-left: 50px;
+ padding-top: 20px;
+ display: flex;
+ .personal-center-introduction-detail-headImg {
+ margin-right: 20px;
+ align-items: center;
+ }
+ .personal-center-introduction-detail-text {
+ .personal-center-introduction-detail-name {
+ color: #3c6eee;
+ font-weight: 570;
+ }
+ .personal-center-introduction-detail-information {
+ margin: 15px 0;
+ .personal-center-introduction-detail-information-content {
+ margin-right: 15px;
+ }
+ }
+ }
+ }
+ .personal-center-introduction-result {
+ margin-right: 50px;
+ padding-top: 30px;
+ display: flex;
+ .personal-center-introduction-result-item {
+ text-align: center;
+ padding-right: 10px;
+ .personal-center-introduction-result-item-number {
+ font-weight: 570;
+ color: #3c6eee;
+ }
+ }
+ }
+ }
+ .personal-center-content {
+ display: flex;
+ align-items: flex-start;
+ .personal-center-content-left {
+ background-color: #fff;
+ overflow-y: auto;
+ border-radius: 3px;
+ width: 300px;
+ height: 720px;
+ }
+ .personal-center-content-right {
+ background-color: #fff;
+ flex-direction: column;
+ overflow: auto;
+ border-radius: 4px;
+ margin: 0 0 0 10px;
+ width: 100%;
+ }
+ }
+}
diff --git a/src/views/personal-center/mock.js b/src/views/personal-center/mock.js
new file mode 100644
index 0000000..fffe02a
--- /dev/null
+++ b/src/views/personal-center/mock.js
@@ -0,0 +1,58 @@
+export const getCollectionList = {
+ pageInfo: {
+ pageSize: 10,
+ totalPage: 2,
+ pageIndex: 1,
+ total: 12,
+ firstPage: true,
+ lastPage: false,
+ startRecord: 0,
+ endRecord: 10,
+ },
+ pageList: [
+ {
+ id: 1717,
+ subjectName: '说说 React组件开发中关于作用域的常见问题。',
+ },
+ {
+ id: 1710,
+ subjectName: '概述一下 React中的事件处理逻辑。',
+ },
+ {
+ id: 1706,
+ subjectName: 'React中Diff算法的原理是什么？',
+ },
+ {
+ id: 1698,
+ subjectName: 'shouldComponentUpdate有什么用？为什么它很重要？',
+ },
+ {
+ id: 1695,
+ subjectName: '在哪个生命周期中你会发出Ajax请求？为什么？',
+ },
+ {
+ id: 1692,
+ subjectName: '类组件和函数组件之间的区别是什么？',
+ },
+ {
+ id: 1691,
+ subjectName: '详细解释 React 组件的生命周期方法？',
+ },
+ {
+ id: 1689,
+ subjectName: '什么是 Props?',
+ },
+ {
+ id: 1579,
+ subjectName: '横竖屏切换的Activity 生命周期变化？',
+ },
+ {
+ id: 1578,
+ subjectName: '谈下MVC ，MVP，MVVM',
+ },
+ {
+ id: 1532,
+ subjectName: 'get 和post 请求在缓存方面的区别是什么？',
+ },
+ ],
+}
diff --git a/src/views/question-bank/components/contribution-list/index.jsx b/src/views/question-bank/components/contribution-list/index.jsx
index 1e513ce..3355ace 100644
--- a/src/views/question-bank/components/contribution-list/index.jsx
+++ b/src/views/question-bank/components/contribution-list/index.jsx
@@ -67,12 +67,12 @@ const ContributionList = props => {
).then(res => {
if (res.success && res.data) {
if (res.data.includes('subject:add')) {
- navigate('/upload-questions')
+ window.open('/upload-question')
} else {
- message.info('敬请期待')
+ message.info('暂无权限')
}
} else {
- message.info('敬请期待')
+ message.info('暂无权限')
}
})
}
diff --git a/src/views/upload-questions/components/brief-questions/index.less b/src/views/upload-questions/components/brief-questions/index.less
index 56be9d8..8ded137 100644
--- a/src/views/upload-questions/components/brief-questions/index.less
+++ b/src/views/upload-questions/components/brief-questions/index.less
@@ -1,58 +1,58 @@
.brief-questions-container {
- width: 1000px;
+ // width: 1000px;
+ display: flex;
+ align-items: center;
+ padding: 0 24px;
+ padding-top: 36px;
+ .brief-questions-title {
display: flex;
align-items: center;
- padding: 0 24px;
- padding-top: 36px;
- .brief-questions-title {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- width: 140px;
- line-height: 40px;
- font-size: 16px;
- color: rgba(51, 51, 51, 1);
- &:before {
- display: inline-block;
- margin-right: 4px;
- margin-top: 1px;
- color: #f5222d;
- font-size: 16px;
- content: '*';
- }
+ justify-content: flex-end;
+ width: 140px;
+ line-height: 40px;
+ font-size: 16px;
+ color: rgba(51, 51, 51, 1);
+ &:before {
+ display: inline-block;
+ margin-right: 4px;
+ margin-top: 1px;
+ color: #f5222d;
+ font-size: 16px;
+ content: '*';
}
- .brief-questions-main {
- width: 100%;
- // 题目输入框
- .brief-questions-input {
- height: 48px;
- }
+ }
+ .brief-questions-main {
+ width: 100%;
+ // 题目输入框
+ .brief-questions-input {
+ height: 48px;
}
+ }
}
.brief-questions-btns-container {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ margin: 20px auto;
+ width: 952px;
+ .brief-questions-btn {
display: flex;
- justify-content: flex-end;
align-items: center;
- margin: 20px auto;
- width: 952px;
- .brief-questions-btn {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 150px;
- height: 40px;
- font-size: 16px;
- cursor: pointer;
- border: 1px solid #d9d9d9;
- border-radius: 10px;
- }
- .brief-questions-submit {
- margin-left: 40px;
- background-color: #4390f7;
- color: #fff;
- border: 1px solid #4390f7;
- }
- .brief-questions-disabled-submit {
- opacity: 0.5;
- }
+ justify-content: center;
+ width: 150px;
+ height: 40px;
+ font-size: 16px;
+ cursor: pointer;
+ border: 1px solid #d9d9d9;
+ border-radius: 10px;
+ }
+ .brief-questions-submit {
+ margin-left: 40px;
+ background-color: #4390f7;
+ color: #fff;
+ border: 1px solid #4390f7;
+ }
+ .brief-questions-disabled-submit {
+ opacity: 0.5;
+ }
}
diff --git a/src/views/upload-questions/components/upload-left-layout/index.less b/src/views/upload-questions/components/upload-left-layout/index.less
index 082e544..206c7cc 100644
--- a/src/views/upload-questions/components/upload-left-layout/index.less
+++ b/src/views/upload-questions/components/upload-left-layout/index.less
@@ -18,8 +18,6 @@
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(208, 212, 222, 1);
border-radius: 12px;
- &:hover {
- }
}
.upload-left-layout-item-active {
color: rgba(60, 110, 238, 1);
diff --git a/src/views/upload-questions/index.less b/src/views/upload-questions/index.less
index 9a944e5..e3af76d 100644
--- a/src/views/upload-questions/index.less
+++ b/src/views/upload-questions/index.less
@@ -1,20 +1,20 @@
.upload-questions-box {
- position: relative;
- margin: 0 auto;
- width: 1439px;
- overflow-y: auto;
- border-radius: 5px;
- height: calc(100vh - 90px);
- .ant-card-head {
- position: sticky;
- top: 0;
- left: 0;
- right: 0;
- padding: 0 48px;
- z-index: 10;
- background-color: #fff;
- }
- .ant-card-body {
- display: flex;
- }
+ position: relative;
+ margin: 0 auto;
+ width: 1439px;
+ overflow-y: auto;
+ border-radius: 5px;
+ height: calc(100vh - 100px);
+ .ant-card-head {
+ position: sticky;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 0 48px;
+ z-index: 10;
+ background-color: #fff;
+ }
+ .ant-card-body {
+ display: flex;
+ }
}
diff --git a/src/views/upload-questions/index.tsx b/src/views/upload-questions/index.tsx
index 52f87ca..5090e98 100644
--- a/src/views/upload-questions/index.tsx
+++ b/src/views/upload-questions/index.tsx
@@ -1,49 +1,66 @@
-import React, { Component } from 'react';
-import { Card } from 'antd';
-import SingleBox from './pages/single-box';
-import BatchleBox from './pages/batch-box';
-import './index.less';
+import req from '@utils/request'
+import { Card, message } from 'antd'
+import { useEffect, useState } from 'react'
+import { useNavigate } from 'react-router-dom'
+import BatchleBox from './pages/batch-box'
+import SingleBox from './pages/single-box'
+
+import './index.less'
const tabList = [
- {
- key: 'singleBox',
- tab: '单题录入',
- },
- // {
- // key: 'batchBox',
- // tab: '批量导入',
- // },
-];
-export default class UploadQuestions extends Component {
- constructor(props) {
- super(props);
- this.state = { currentKey: 'singleBox' };
- }
+ {
+ key: 'singleBox',
+ tab: '单题录入'
+ }
+]
+const UploadQuestions = () => {
+ const [currentKey, setCurrentKey] = useState('singleBox')
+ const navigate = useNavigate()
- contentList = {
- singleBox:
+
+
+
+
+ 
+
+
+
+ {userName}
+
+
+
+
+
+
+
+
+ {practiceAmount}
+
+ 练题
+
+
+ {inputAmount}
+ 录题
+
+
+ {goodAmount}
+ 点赞
+
+
+
+ {collectionAmount}
+
+ 收藏
+
+
+
+
+
+
+ {/* {currentKeyMap === 0 &&
+
- {
- this.onTabChange(key, 'key');
- }}>
- {this.contentList[currentKey]}
-
-
- );
+ useEffect(() => {
+ const userInfoStorage = localStorage.getItem('userInfo')
+ if (!userInfoStorage) {
+ return message.info('请登录')
}
+ const { loginId } = JSON.parse(userInfoStorage)
+ req(
+ {
+ method: 'get',
+ url: '/permission/getPermission',
+ params: {
+ userName: loginId
+ }
+ },
+ '/auth'
+ ).then(res => {
+ if (res.success && res.data) {
+ if (!res.data.includes('subject:add')) {
+ message.info('暂无权限')
+ navigate('/question-bank')
+ }
+ }
+ })
+ }, [])
+
+ const contentList = {
+ singleBox:
+ {
+ setCurrentKey(key)
+ }}
+ >
+ {contentList[currentKey]}
+
+
+ )
}
+
+export default UploadQuestions
diff --git a/src/views/upload-questions/pages/single-box/index.jsx b/src/views/upload-questions/pages/single-box/index.jsx
index 6d1e360..c755dd3 100644
--- a/src/views/upload-questions/pages/single-box/index.jsx
+++ b/src/views/upload-questions/pages/single-box/index.jsx
@@ -1,64 +1,65 @@
-import React, { Component } from 'react';
-import UploadLeftLayout from '../../components/upload-left-layout';
-import BriefQuestions from '../../components/brief-questions';
-import SingleQuestions from '../../components/single-questions';
-import MultipleQuestions from '../../components/multiple-questions';
-import JudgeQuestions from '../../components/judge-questions';
-import { uploadLayout } from '../../constant';
-import './index.less';
+import React, { Component } from 'react'
+import BriefQuestions from '../../components/brief-questions'
+import JudgeQuestions from '../../components/judge-questions'
+import MultipleQuestions from '../../components/multiple-questions'
+import SingleQuestions from '../../components/single-questions'
+import UploadLeftLayout from '../../components/upload-left-layout'
+import { uploadLayout } from '../../constant'
+
+import './index.less'
export default class SingleBox extends Component {
- constructor(props) {
- super(props);
- this.state = {
- layoutList: uploadLayout,
- currentIndex: 0,
- };
+ constructor(props) {
+ super(props)
+ this.state = {
+ layoutList: uploadLayout,
+ currentIndex: 0
}
- /**
- * 切换题型
- * @param {*} id
- */
- onChangeQuestionsType = (layoutIndex) => {
- let { layoutList, currentIndex } = this.state;
- if (currentIndex === layoutIndex) {
- return;
- }
- let list = layoutList.map((item, index) => {
- let flag = false;
- if (layoutIndex === index) {
- flag = true;
- }
- return {
- ...item,
- active: flag,
- };
- });
- this.setState({
- layoutList: list,
- currentIndex: layoutIndex,
- });
- };
-
- render() {
- const { currentIndex, layoutList } = this.state;
- return (
-
-
- );
+ }
+ /**
+ * 切换题型
+ * @param {*} id
+ */
+ onChangeQuestionsType = layoutIndex => {
+ let { layoutList, currentIndex } = this.state
+ if (currentIndex === layoutIndex) {
+ return
}
+ let list = layoutList.map((item, index) => {
+ let flag = false
+ if (layoutIndex === index) {
+ flag = true
+ }
+ return {
+ ...item,
+ active: flag
+ }
+ })
+ this.setState({
+ layoutList: list,
+ currentIndex: layoutIndex
+ })
+ }
- changeReander = (i) => {
- switch (i) {
- case 0:
- return {this.changeReander(currentIndex)}
-
+
+ )
+ }
+
+ changeReander = i => {
+ switch (i) {
+ case 0:
+ return {this.changeReander(currentIndex)}
+