From de66a23d059d274988a824b13fda187a897f4d44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=8B=E6=B0=B4=E6=B5=AE=E5=B0=98?=
 <18510549872@163.comm>
Date: Tue, 16 Apr 2024 23:26:25 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E5=9C=88=E5=AD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/top-menu/index.jsx             |  2 +-
 src/router/index.tsx                          |  4 ++
 src/views/chicken-circle/index.less           |  0
 src/views/chicken-circle/index.tsx            | 20 ++++++++++
 .../components/paper-end/index.jsx            | 37 ++++++++++++-------
 .../components/ranking-box/index.jsx          | 13 ++++---
 6 files changed, 57 insertions(+), 19 deletions(-)
 create mode 100644 src/views/chicken-circle/index.less
 create mode 100644 src/views/chicken-circle/index.tsx

diff --git a/src/components/top-menu/index.jsx b/src/components/top-menu/index.jsx
index d59cf11..e69d4b3 100644
--- a/src/components/top-menu/index.jsx
+++ b/src/components/top-menu/index.jsx
@@ -20,7 +20,7 @@ const MENULIST = [
     key: 'practiceQuestions',
     title: '鸡圈',
     route: '/jichi-club',
-    finished: false
+    finished: true
   },
   {
     key: 'interList',
diff --git a/src/router/index.tsx b/src/router/index.tsx
index adc0553..b2950de 100644
--- a/src/router/index.tsx
+++ b/src/router/index.tsx
@@ -50,6 +50,10 @@ const router = createBrowserRouter([
       {
         path: 'practise-analytic/:id',
         Component: lazy(() => import('@views/practise/practise-analytic'))
+      },
+      {
+        path: 'jichi-club',
+        Component: lazy(() => import('@views/chicken-circle'))
       }
     ]
   }
diff --git a/src/views/chicken-circle/index.less b/src/views/chicken-circle/index.less
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/chicken-circle/index.tsx b/src/views/chicken-circle/index.tsx
new file mode 100644
index 0000000..f76e5b7
--- /dev/null
+++ b/src/views/chicken-circle/index.tsx
@@ -0,0 +1,20 @@
+import { Input } from 'antd'
+
+const { TextArea } = Input
+const Circle = () => {
+  return (
+    <div className='circle-box'>
+      <div className='top-input-box'>
+        <TextArea
+          showCount
+          maxLength={100}
+          // onChange={onChange}
+          placeholder='disable resize'
+          style={{ height: 120, resize: 'none', outline: 'none' }}
+        />
+      </div>
+    </div>
+  )
+}
+
+export default Circle
diff --git a/src/views/practise/practise-questions/components/paper-end/index.jsx b/src/views/practise/practise-questions/components/paper-end/index.jsx
index 62b8c99..7321ffe 100644
--- a/src/views/practise/practise-questions/components/paper-end/index.jsx
+++ b/src/views/practise/practise-questions/components/paper-end/index.jsx
@@ -7,15 +7,15 @@ import './index.less'
 
 const tabList = [
   {
-    key: '1',
+    key: '0',
     tab: '默认'
   },
   {
-    key: '2',
+    key: '1',
     tab: '最新'
   },
   {
-    key: '3',
+    key: '2',
     tab: '最热'
   }
 ]
@@ -26,7 +26,7 @@ const PaperView = props => {
 
   const [spinning, setSpinning] = useState(false)
   const [paperList, setPaperList] = useState([])
-  const [orderType, setOrderType] = useState('1')
+  const [orderType, setOrderType] = useState('0')
   const [pageInfo, setPageInfo] = useState({
     total: 0,
     pageIndex: 1
@@ -107,15 +107,26 @@ const PaperView = props => {
                       onClick={() => handleJump(item.setId)}
                       key={`paperList_${index}`}
                     >
-                      <h1 className='paper-box-cardlist-body-item-title'>{item.setName}</h1>
-                      <div className='paper-box-cardlist-body-item-hot'>
-                        热度指数：{item.setHeat}
-                      </div>
-                      <div className='paper-box-cardlist-body-item-describe'>
-                        <Tooltip placement='topLeft' title={item.setDesc}>
-                          <span className='hide-3-line'>{item.setDesc}</span>
-                        </Tooltip>
-                      </div>
+                      <h1 className='paper-box-cardlist-body-item-title'>
+                        {item.setName || item.title}
+                      </h1>
+                      {type === 'unfinish' ? (
+                        <div className='paper-box-cardlist-body-item-hot'>
+                          <div>上次练习时间</div>
+                          {item.practiceTime}
+                        </div>
+                      ) : (
+                        <>
+                          <div className='paper-box-cardlist-body-item-hot'>
+                            热度指数：{item.setHeat}
+                          </div>
+                          <div className='paper-box-cardlist-body-item-describe'>
+                            <Tooltip placement='topLeft' title={item.setDesc}>
+                              <span className='hide-3-line'>{item.setDesc}</span>
+                            </Tooltip>
+                          </div>
+                        </>
+                      )}
                     </div>
                   )
                 })
diff --git a/src/views/question-bank/components/ranking-box/index.jsx b/src/views/question-bank/components/ranking-box/index.jsx
index 3f972ee..0c9f1cd 100644
--- a/src/views/question-bank/components/ranking-box/index.jsx
+++ b/src/views/question-bank/components/ranking-box/index.jsx
@@ -63,7 +63,7 @@ export default function RankingBox(props) {
           {rankingList?.length > 0 &&
             rankingList.map((item, index) => {
               return (
-                <div className='ranking-item' key={item.id}>
+                <div className='ranking-item' key={index}>
                   <div className='ranking-left'>
                     <div
                       className='ranking-icon'
@@ -74,24 +74,27 @@ export default function RankingBox(props) {
                       {index > 2 && index + 1}
                     </div>
                     <div className='ranking-head-img'>
-                      <img src={item.createUserAvatar} className='ranking-head-icon' />
+                      <img
+                        src={item.createUserAvatar || item.avatar}
+                        className='ranking-head-icon'
+                      />
                     </div>
                     <Popover
                       title={<div>{item.createUser}</div>}
                       content={
                         <div className='tooltip-info'>
-                          <div>{item.createUser}</div>
+                          <div>{item.createUser || item.name}</div>
                           {/* <div>{item.organizationFullName}</div> */}
                         </div>
                       }
                     >
                       <div className='ranking-info'>
-                        <div className='ranking-name'>{item.createUser}</div>
+                        <div className='ranking-name'>{item.createUser || item.name}</div>
                         {/* <div className="ranking-department">{item.organizationName}</div> */}
                       </div>
                     </Popover>
                   </div>
-                  <div className='ranking-right'>🔥 {item.subjectCount}</div>
+                  <div className='ranking-right'>🔥 {item.subjectCount || item.count}</div>
                 </div>
               )
             })}