From b1f7d5fc342ad816dcc28b34958f23badcf23407 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Mon, 17 Oct 2022 18:28:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=AD=A6=E5=91=98=E5=B0=8F=E7=BB=84?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectcenter/TaskPage.vue | 175 ++++++++++++++++++++++++++-
 1 file changed, 173 insertions(+), 2 deletions(-)

diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index dec6a136..c58e46a7 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -340,7 +340,55 @@
                 </div>
                 <div style="display: flex; height: 20px"></div>
             </a-tab-pane>
-            <a-tab-pane key="3" tab="学员">Content of Tab Pane 3</a-tab-pane>
+            <a-tab-pane key="3" tab="学员">
+                <div class="split"></div>
+                <div class="content3">
+                    <a-tabs v-model:activeKey="activeKey1">
+                        <a-tab-pane key="8" tab="学员管理">学员管理</a-tab-pane>
+                        <a-tab-pane key="9" tab="小组管理" force-render>
+                            <div class="group">
+                                <div class="groupleft">
+                                    <div class="groupname">小组名称：</div>
+                                    <a-input v-model:value="value" placeholder="请输入小组名称" />
+                                </div>
+                                <div class="groupright">
+                                    <div class="btn1">
+                                        <img src="../../assets/images/courseManage/add0.png"/>
+                                        <span class="btn1text">搜索</span>
+                                    </div>
+                                    <div class="btn2">
+                                        <img src="../../assets/images/courseManage/reset1.png"/>
+                                        <span class="btn2text">重置</span>
+                                    </div>
+                                </div>                                                  
+                            </div>
+                            <div class="second2">
+                                <div class="btn1">
+                                        <img src="../../assets/images/courseManage/search0.png"/>
+                                        <span class="btn1text">创建小组</span>
+                                    </div>
+                                    <div class="btn2">
+                                        <img src="../../assets/images/courseManage/reset1.png"/>
+                                        <span class="btn2text">随机分组</span>
+                                    </div>
+                            </div>
+                            <div class="groupmain">
+                                <div class="groupbox">
+                                    <div style="width: 90%">
+                                        <div class="grouptitle">
+                                            <div class="goodgruop">好好学习小组</div>
+                                            <div class="">...</div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="groupbox">
+
+                                </div>
+                            </div>
+                        </a-tab-pane>
+                    </a-tabs>
+                </div>
+            </a-tab-pane>
             <a-tab-pane key="4" tab="公告">Content of Tab Pane 3</a-tab-pane>
             <a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
             <a-tab-pane key="6" tab="排行榜">Content of Tab Pane 3</a-tab-pane>
@@ -414,7 +462,8 @@ export default {
             checked: false,
             checked1: true,
             checked2: false,
-            activeKey: '1',
+            activeKey: '3',
+            activeKey1: '9',
         });
         const showModal = () => {
             state.pubproject = true;
@@ -1059,5 +1108,127 @@ export default {
             }
         }
     }
+    .content3 {
+        margin-top: 20px;
+        .ant-tabs-tab-btn {
+            font-size: 18px;
+            font-weight: 700;
+        }
+        .group {
+            display: flex;
+            justify-content: space-between;
+            .groupleft {
+                display: flex;
+                align-items: center;
+                margin-left: 32px;
+                .groupname {
+                    color: #000000;
+                    font-size: 14px;
+                }
+                .ant-input {
+                    height: 40px;
+                }
+            }
+            .groupright {
+                display: flex;
+                .btn1 {
+                    width: 100px;
+                    height: 40px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    margin-right: 16px;
+                    border: 1px solid #409EFF;
+                    border-radius: 8px;
+                    background: #409EFF;
+                    cursor: pointer;
+                    .btn1text {
+                        color: #FFFFFF;
+                        margin-left: 5px;
+                        font-size: 14px;
+                    }
+                }
+                .btn2 {
+                    width: 100px;
+                    height: 40px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    margin-right: 32px;
+                    border: 1px solid #409EFF;
+                    border-radius: 8px;
+                    cursor: pointer;
+                    background: #FFFFFF;
+                    .btn2text {
+                        color: #409EFF;
+                        margin-left: 5px;
+                        font-size: 14px;
+                    }
+                }
+            }
+        }
+        .second2 {
+            display: flex;
+            margin: 30px 0 0 32px;
+            .btn1 {
+                    width: 130px;
+                    height: 40px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    margin-right: 16px;
+                    border: 1px solid #409EFF;
+                    border-radius: 8px;
+                    background: #409EFF;
+                    cursor: pointer;
+                    .btn1text {
+                        color: #FFFFFF;
+                        margin-left: 5px;
+                        font-size: 14px;
+                    }
+                }
+                .btn2 {
+                    width: 130px;
+                    height: 40px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    margin-right: 32px;
+                    border: 1px solid #409EFF;
+                    border-radius: 8px;
+                    cursor: pointer;
+                    background: #FFFFFF;
+                    .btn2text {
+                        color: #409EFF;
+                        margin-left: 5px;
+                        font-size: 14px;
+                    }
+                }
+        }
+        .groupmain {
+            display: flex;
+            margin-left: 32px;
+            .groupbox {
+                width: 264px;
+                height: 181px;
+                display: flex;
+                justify-content: center;
+                border: 1px solid #E9E9E9;
+                box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.0500);
+                margin-top: 16px;
+                margin-right: 20px;
+                .grouptitle {
+                    display: flex;
+                    justify-content: space-betwwen;
+                    border-bottom: 1px solid rgba(232, 232, 232, 1);
+                    .goodgruop {
+                        color: rgba(0, 0, 0, 0.8500);
+                        font-size: 16px;
+                        line-height: 36px;
+                    }
+                }
+            }
+        }
+    }
 }
 </style>
\ No newline at end of file