diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index bbb833c0..02624cf2 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -462,54 +462,68 @@
           <div style="display: flex; height: 20px"></div>
         </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 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" @click="showModal2">
+                                        <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="more">
+                                                <span style="color: rgba(0, 0, 0, 0.4500); cursor: pointer">. . .</span>
+                                                <div class="moreItems">
+                                                    <div class="sammo">编辑</div>
+                                                    <div class="sammo">删除</div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="leader">组长：小李</div>
+                                        <div class="grocenter">
+                                            <div class="leader1">进度</div>
+                                            <a-progress :percent="55" />
+                                        </div>
+                                        <div class="grofooter">
+                                            <div class="ftext">组员名单 ></div>
+                                            <div></div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="groupbox">
+
+                                </div>
+                            </div>
+                        </a-tab-pane>
+                    </a-tabs>
                 </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>...</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>
@@ -521,7 +535,7 @@
     <time-manage v-model:Tvisible="visible" />
     <!-- 面授管理抽屉 -->
     <face-manage v-model:Fvisible="FaceVisivle" />
-    <!-- 项目发布弹窗 -->
+<!-- 概览（无数据）-项目发布弹窗 -->
     <div>
       <a-modal
         v-model:visible="pubproject"
@@ -600,34 +614,139 @@
         </div>
       </a-modal>
     </div>
-    <!-- 项目发布弹窗 -->
-  </div>
+<!-- 概览（无数据）-项目发布弹窗 -->
+<!-- 学员-创建小组弹窗 -->
+<div>
+      <a-modal
+        v-model:visible="stugroup"
+        :title="null"
+        @ok="closeModal2"
+        :footer="null"
+        :closable="false"
+        wrapClassName="doublepro"
+        width="624px"
+        height="476px"
+        >
+        <div class="modalHeader" 
+              style="width: 100%;height: 68px;display: flex;align-items: center;justify-content: space-between;background:linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2000) 100%)"
+            >
+            <div class="headerLeft" style="margin-left: 32px">
+              <span class="headerLeftText" style="font-size: 16px">创建多层项目</span>
+            </div>
+            <div style="cursor: pointer;margin-right:32px" @click="closeModal2">
+              <img
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
+              />
+            </div>
+        </div>
+        <div class="modalMain">
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">项目名称:</div>
+            <div class="in">
+              <a-input
+                v-model:value="value"
+                show-count :maxlength="30"
+                placeholder="请输入项目名称"
+                style="border-radius: 8px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">分类:</div>
+            <div class="in">
+              <a-select
+                v-model:value="value"
+                placeholder="四个养成"
+                style="border-radius: 8px;height: 40px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">项目经理:</div>
+            <div class="in">
+              <a-input
+                v-model:value="value"
+                placeholder="请选择项目经理"
+                style="border-radius: 8px;height: 40px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">资源归属:</div>
+            <div class="in">
+              <a-input
+                v-model:value="value"
+                style="border-radius: 8px;height: 40px"
+              />
+            </div>
+          </div>
+          <div class="pubtn">
+                    <a-button class="pubtn1" @click="closeModal2">取消</a-button>
+                    <a-button class="pubtn2" @click="closeModal2">确定</a-button>
+          </div>
+        </div>
+      </a-modal>
+</div>
+<!-- 学员-创建小组弹窗 -->
+</div>
 </template>
   <script>
 import { reactive, toRefs } from "vue";
 import TimeManage from "../../components/drawers/TimeManage";
 import FaceManage from "../../components/drawers/FaceManage";
 export default {
-  name: "taskPage",
-  components: { TimeManage, FaceManage },
-  setup() {
-    const state = reactive({
-      visible: false, //时间管理
-      FaceVisivle: true, //面授管理
-      pubproject: false,
-      checked: false,
-      checked1: true,
-      checked2: false,
-      activeKey: "3",
-      activeKey1: "9",
-    });
-    const showModal = () => {
-      state.pubproject = true;
-    };
-    const closeModal = () => {
-      state.pubproject = false;
-    };
-    //新增
+    name:"taskPage",
+    components: { TimeManage, FaceManage },
+    setup(){
+        const state = reactive({
+            visible: false, //时间管理
+            FaceVisivle: false, //面授管理
+            pubproject: false,
+            stugroup: false,
+            checked: false,
+            checked1: true,
+            checked2: false,
+            activeKey: '3',
+            activeKey1: '9',
+        });
+        const showModal = () => {
+            state.pubproject = true;
+        };
+        const closeModal = () => {
+            state.pubproject = false;       
+        };
+        const showModal2 = () => {
+            state.stugroup = true;
+        };
+        const closeModal2 = () => {
+            state.stugroup = false;       
+        };
+        //新增
     const showTime = () => {
       console.log("点击管理");
       state.visible = true;
@@ -638,11 +757,13 @@ export default {
       // console.log("点击管理");
       state.FaceVisivle = true;
     };
-    return {
-      ...toRefs(state),
-      showModal,
-      closeModal,
-      showTime,
+        return {
+            ...toRefs(state),
+            showModal,
+            closeModal,
+            showModal2,
+            closeModal2,
+            showTime,
       showFace,
     };
   },
@@ -779,6 +900,88 @@ export default {
     }
   }
 }
+.doublepro {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0;
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .name {
+          width: 78%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
+
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
+          .in {
+            margin-left: 14px;
+            width: 81%;
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 30px;
+            }
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
+              .ant-select-selector {
+              border-radius: 8px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
+            }
+            }
+          }
+        
+      }
+      .pubtn {
+            display: flex;
+            justify-content: center;
+            margin-top: 25px;
+            //margin-bottom: 29px;
+            .pubtn1 {
+                width: 100px;
+                height: 40px;
+                margin-right: 16px;
+                margin-bottom: 29px;
+                border: 1px solid #409EFF;
+                border-radius: 4px;
+                color: rgba(78, 166, 255, 1);
+                font-size: 14px;
+                //line-height: 36px;
+                align-items: center;
+                background: rgba(255, 255, 255, 1)
+            }
+            .pubtn2 {
+                width: 100px;
+                height: 40px;
+                margin-bottom: 29px;
+                border: 1px solid #409EFF;
+                border-radius: 4px;
+                color: #FFFFFF;
+                font-size: 14px;
+                align-items: center;
+                //line-height: 36px;
+                background: #409EFF;
+            }
+        }
+      }
+    }
+  }
+}
 .taskpage {
   width: 100%;
   display: flex;
@@ -1291,58 +1494,62 @@ export default {
       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;
+            display: flex;
+            justify-content: space-between;
+            .groupleft {
+                display: flex;
+                align-items: center;
+                margin-left: 32px;
+                .groupname {
+                    height: 22px;
+                    width: 70px;
+                    color: #000000;
+                    font-size: 14px;
+                }
+                .ant-input {
+                    border-radius: 8px;
+                    width: 264px;
+                    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;
+                    }
+                }
+            }
         }
-        .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;
@@ -1382,26 +1589,117 @@ export default {
       }
     }
     .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.05);
-        margin-top: 16px;
-        margin-right: 20px;
-        .grouptitle {
-          display: flex;
-          justify-content: space-betwwen;
-          border-bottom: 1px solid rgba(232, 232, 232, 1);
-          .goodgruop {
-          }
+            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-between;
+                    margin-top: 5px;
+                    border-bottom: 1px solid rgba(232, 232, 232, 1);
+                    .goodgruop {
+                        color: rgba(0, 0, 0, 0.8500);
+                        font-size: 16px;
+                        line-height: 36px;
+                        font-weight: 600;
+                    } 
+                    .more {
+                        position: relative;
+                        //margin-right: 30px;
+                        height: 30px;
+                        display: flex;
+                        align-items: center;
+                        .moreItems {
+                        width: 76px;
+                        height: 80px;
+                        display: none;
+                        background: #ffffff;
+                        box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+                        // border-radius: 3px;
+                        border: 0px solid #dcdcdc;
+                        position: absolute;
+                        left: -48px;
+                        top: 30px;
+                        z-index: 100;
+                        cursor: pointer;
+                        .sammo {
+                            text-align: center;
+                            margin-top: 12px;
+                            cursor: pointer;
+                        }
+                        .sammo:hover {
+                            color: #4ea6ff;
+                        }
+                        }
+                        .moreItems:hover {
+                        display: block;
+                        }
+                    }
+                    @media screen and (max-width: 1240px) {
+                        .line {
+                        margin-right: 10px;
+                        }
+                        .img1 {
+                        margin-right: 15px;
+                        }
+                        .img2 {
+                        margin-right: 10px;
+                        }
+                        .return {
+                        margin-right: 10px;
+                        }
+                        .pub {
+                        margin-right: 10px;
+                        }
+                        .more {
+                        margin-right: 10px;
+                        }
+                    }
+                    .more:hover .moreArrow {
+                        background-image: url("../../assets/images/navtop/up.png");
+                    }
+                    .more:hover .moreItems {
+                        display: block;
+                    }                  
+                }
+                .leader {
+                    color: rgba(0, 0, 0, 1);
+                    font-size: 14px;
+                    margin-top: 16px;
+                    //margin-left: 24px;
+                }
+                .grocenter {
+                    display: flex;
+                    margin-top: 14px;
+                    .leader1 {
+                        color: rgba(0, 0, 0, 1);
+                        font-size: 14px;
+                        width: 51px;
+                    }
+                    .ant-progress-outer {
+                        width: 170px;
+                    }
+                }
+                .grofooter {
+                    display: flex;
+                    justify-content: space-between;
+                    cursor: pointer;
+                    margin-top: 30px;
+                    .ftext {
+                        color: rgba(56, 139, 225, 1);
+                        font-size: 14px;
+                    }
+                }
+            }
         }
-      }
-    }
   }
 }
 </style>