diff --git a/src/assets/images/basicinfo/call.png b/src/assets/images/basicinfo/call.png
new file mode 100644
index 00000000..5b2e4051
Binary files /dev/null and b/src/assets/images/basicinfo/call.png differ
diff --git a/src/assets/images/basicinfo/check.png b/src/assets/images/basicinfo/check.png
new file mode 100644
index 00000000..cc8fce54
Binary files /dev/null and b/src/assets/images/basicinfo/check.png differ
diff --git a/src/assets/images/basicinfo/download.png b/src/assets/images/basicinfo/download.png
new file mode 100644
index 00000000..2efba862
Binary files /dev/null and b/src/assets/images/basicinfo/download.png differ
diff --git a/src/assets/images/basicinfo/edit.png b/src/assets/images/basicinfo/edit.png
new file mode 100644
index 00000000..1bbecc7f
Binary files /dev/null and b/src/assets/images/basicinfo/edit.png differ
diff --git a/src/assets/images/basicinfo/in.png b/src/assets/images/basicinfo/in.png
new file mode 100644
index 00000000..413c902b
Binary files /dev/null and b/src/assets/images/basicinfo/in.png differ
diff --git a/src/assets/images/basicinfo/see.png b/src/assets/images/basicinfo/see.png
new file mode 100644
index 00000000..9dd65373
Binary files /dev/null and b/src/assets/images/basicinfo/see.png differ
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index 077d0f97..46152dc0 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -373,113 +373,4 @@ textarea {
   }
 }
 
-//弹窗--------------------------------------------------------
-
-
-//面授管理弹窗
-.FacMa {
-  .ant-modal {
-    width: 424px;
-    height: 258px;
-
-    .ant-modal-content {
-      width: 424px;
-      height: 258px;
-
-      .ant-modal-body {
-        width: 424px;
-        height: 258px;
-        padding: 0px;
-
-        .head {
-          width: 424px;
-          height: 68px;
-          // position: absolute;
-          // left: 0;
-          // top: 0;
-          background: linear-gradient(180deg,
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%);
-          display: flex;
-
-          justify-content: center;
-
-          .inhead {
-            width: 90%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            .left {
-              display: flex;
-              align-items: center;
-
-              .gan {
-                width: 16px;
-                height: 16px;
-                background-image: url(../../assets/images/taskpage/gan.png);
-              }
-
-              .tis {
-                margin-left: 5px;
-                width: 32px;
-                font-size: 16px;
-                font-weight: 600;
-                color: #333333;
-              }
-            }
-
-            .right {
-              width: 22px;
-              height: 22px;
-              background-image: url(../../assets/images/basicinfo/close.png);
-              background-size: 100% 100%;
-              cursor: pointer;
-            }
-          }
-        }
-
-        .main {
-          margin-top: 20px;
-          width: 100%;
-          display: flex;
-          justify-content: center;
-          font-size: 14px;
-          font-weight: 400;
-          color: #333333;
-        }
-
-        .butn {
-          width: 100%;
-          display: flex;
-          margin-top: 60px;
-          justify-content: center;
-
-          .btn {
-            width: 100px;
-            height: 40px;
-            border-radius: 4px;
-            cursor: pointer;
-          }
-
-          .btn1 {
-            color: #387df7;
-
-            background: #ffffff;
-            border: 1px solid #387df7;
-          }
-
-          .btn2 {
-            background: #388be1;
-            color: #fff;
-            border: 0;
-            margin-left: 10px;
-          }
-        }
-      }
-    }
-  }
-}
-
-//面授管理弹窗
\ No newline at end of file
+//弹窗--------------------------------------------------------
\ No newline at end of file
diff --git a/src/components/drawers/FaceManage.vue b/src/components/drawers/FaceManage.vue
index 2cb8c875..f422311b 100644
--- a/src/components/drawers/FaceManage.vue
+++ b/src/components/drawers/FaceManage.vue
@@ -8,7 +8,7 @@
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">面授【管理】</div>
+        <div class="headerTitle">【面授】管理</div>
         <img
           style="width: 29px; height: 29px; cursor: pointer"
           src="../../assets/images/basicinfo/close.png"
@@ -372,7 +372,115 @@ export default {
 //   }
 
 // }
+//面授管理弹窗
+.FacMa {
+  .ant-modal {
+    width: 424px;
+    height: 258px;
 
+    .ant-modal-content {
+      width: 424px;
+      height: 258px;
+
+      .ant-modal-body {
+        width: 424px;
+        height: 258px;
+        padding: 0px;
+
+        .head {
+          width: 424px;
+          height: 68px;
+          // position: absolute;
+          // left: 0;
+          // top: 0;
+          background: linear-gradient(
+            180deg,
+            rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%
+          );
+          display: flex;
+
+          justify-content: center;
+
+          .inhead {
+            width: 90%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .left {
+              display: flex;
+              align-items: center;
+
+              .gan {
+                width: 16px;
+                height: 16px;
+                background-image: url(../../assets/images/taskpage/gan.png);
+              }
+
+              .tis {
+                margin-left: 5px;
+                width: 32px;
+                font-size: 16px;
+                font-weight: 600;
+                color: #333333;
+              }
+            }
+
+            .right {
+              width: 22px;
+              height: 22px;
+              background-image: url(../../assets/images/basicinfo/close.png);
+              background-size: 100% 100%;
+              cursor: pointer;
+            }
+          }
+        }
+
+        .main {
+          margin-top: 20px;
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          font-size: 14px;
+          font-weight: 400;
+          color: #333333;
+        }
+
+        .butn {
+          width: 100%;
+          display: flex;
+          margin-top: 60px;
+          justify-content: center;
+
+          .btn {
+            width: 100px;
+            height: 40px;
+            border-radius: 4px;
+            cursor: pointer;
+          }
+
+          .btn1 {
+            color: #387df7;
+
+            background: #ffffff;
+            border: 1px solid #387df7;
+          }
+
+          .btn2 {
+            background: #388be1;
+            color: #fff;
+            border: 0;
+            margin-left: 10px;
+          }
+        }
+      }
+    }
+  }
+}
+
+//面授管理弹窗
 .FaceManage {
   .drawerMain {
     min-width: 600px;
diff --git a/src/components/drawers/FaceStu.vue b/src/components/drawers/FaceStu.vue
index a83b60ef..c630893c 100644
--- a/src/components/drawers/FaceStu.vue
+++ b/src/components/drawers/FaceStu.vue
@@ -567,9 +567,9 @@ export default {
           justify-content: center;
           align-items: center;
           .img1 {
-            width: 15px;
-            height: 17px;
-            background-image: url(../../assets/images/courseManage/search0.png);
+            width: 19px;
+            height: 19px;
+            background-image: url(../../assets/images/basicinfo/in.png);
             background-size: 100% 100%;
             margin-right: 7px;
           }
diff --git a/src/components/drawers/MemberList.vue b/src/components/drawers/MemberList.vue
new file mode 100644
index 00000000..68e68420
--- /dev/null
+++ b/src/components/drawers/MemberList.vue
@@ -0,0 +1,604 @@
+<template>
+  <a-drawer
+    :visible="Lvisible"
+    class="drawerStyle MemberList"
+    placement="right"
+    width="70%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">组员名单</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="search">
+          <div class="namecon" style="margin-right: 30px">
+            <div class="name">组员名称：</div>
+            <a-input
+              v-model:value="name"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入姓名"
+            />
+          </div>
+          
+          <div class="btns">
+            <div class="btn btn1" style="margin-right: 20px">
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+        <div class="btnss" style="margin-top: 20px">
+          <div class="btn btn1" @click="showStuAdd" style="margin-right: 20px">
+            <div class="img1"></div>
+            <div class="wz">添加组员</div>
+          </div>
+          <div class="btn btn2" @click="showModal">
+            <div class="img3"></div>
+            <div class="wz">批量删除</div>
+          </div>
+          <div class="btn btn2">
+            <div class="img2"></div>
+            <div class="wz">导出信息</div>
+          </div>
+        </div>
+        <div class="line">
+          <div class="inline">
+            <div class="left">
+              <div class="img"></div>
+              <div class="text" style="margin-left: 10px">已选择</div>
+              <div class="text2">2</div>
+              <div class="text">项</div>
+              <div class="text3">列表选项总计：</div>
+              <div class="text4">9条</div>
+            </div>
+            <div class="right">清空</div>
+          </div>
+        </div>
+        <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+                    :columns="tablecolumns"
+                    :data-source="tabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 900, y: 560 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+          />
+          <div class="pa">
+            <a-pagination
+              showSizeChanger="true"
+              showQuickJumper="true"
+              hideOnSinglePage="true"
+              :pageSize="pageSize"
+              :current="currentPage"
+              :total="tableDataTotal"
+              class="pagination"
+            />
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+
+      <a-modal
+        :closable="closable"
+        v-model:visible="showmodal"
+        centered="true"
+        :footer="null"
+        wrapClassName="FacMa"
+       >
+        <div class="head">
+          <div class="inhead">
+            <div class="left">
+              <img src="../../assets/images/coursewareManage/notice.png"/>
+              <div class="tis">提示</div>
+            </div>
+            <div class="right" @click="closeModal"></div>
+          </div>
+        </div>
+        <div class="main">请确认是否批量删除组员</div>
+        <div class="butn">
+          <button class="btn btn1" @click="closeModal">取消</button>
+          <button class="btn btn2" @click="closeModal">确定</button>
+        </div>
+      </a-modal>
+    </div>
+  </a-drawer>
+  <stu-add v-model:Stuvisible="Stuvisible" />
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+import StuAdd from "./StuAdd.vue";
+export default {
+  name: "MemberList",
+  components: { StuAdd },
+  props: {
+    Lvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      Stuvisible: false,
+      name: null,
+      showmodal: false,
+      closable: false, //modal右上角的关闭按钮
+      checked: false,
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 100,
+      selectedRowKeys: [],
+      tabledata: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产品部",
+          gangw: "产品经理",
+          progress: "20%",
+          operations: "删除",
+        },
+        {
+          key: 2,
+          name: "小李",
+          bum: "产品部",
+          gangw: "产品经理",
+          progress: "20%",
+          operations: "删除",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产品部",
+          gangw: "产品经理",
+          progress: "20%",
+          operations: "删除",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产品部",
+          gangw: "产品经理",
+          progress: "20%",
+          operations: "删除",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产品部",
+          gangw: "产品经理",
+          progress: "20%",
+          operations: "删除",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产品部",
+          gangw: "产品经理",
+          progress: "20%",
+          operations: "删除",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产品部",
+          gangw: "产品经理",
+          progress: "20%",
+          operations: "删除",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产品部",
+          gangw: "产品经理",
+          progress: "20%",
+          operations: "删除",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产品部",
+          gangw: "产品经理",
+          progress: "20%",
+          operations: "删除",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 40,
+          align: "left",
+          className: "h head",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 60,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 60,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "进度",
+          dataIndex: "progress",
+          key: "progress",
+          width: 60,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          dataIndex: "operations",
+          key: "operations",
+          width: 60,
+          align: "center",
+          className: "operation",
+        },
+      ],
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:Lvisible", false);
+    };
+    const showModal = () => {
+      state.showmodal = true;
+    };
+    const closeModal = () => {
+      state.showmodal = false;
+    };
+    const showStuAdd = () => {
+      state.Stuvisible = true;
+    };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      
+    };
+
+    return {
+      ...toRefs(state),
+      closeDrawer,
+      onSelectChange,
+      showModal,
+      closeModal,
+      showStuAdd,
+    };
+  },
+};
+</script>
+
+<style  lang="scss" >
+.MemberList {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+
+    .main {
+      width: 100%;
+      height: 100%;
+
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .endtime {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333333;
+      }
+
+      .search {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        margin-top: 20px;
+
+        .namecon {
+          display: flex;
+          flex-wrap: nowrap;
+          margin-bottom: 10px;
+
+          .name {
+            margin-top: 8px;
+          }
+
+          // .name {
+          //   margin-top: 8px;
+
+          //   color: rgba(0, 0, 0, 0.85);
+          //   font-size: 14px;
+          //   font-weight: 400;
+          // }
+        }
+
+        .btns {
+          display: flex;
+          flex-wrap: nowrap;
+
+          .btn {
+            cursor: pointer;
+            width: 100px;
+            height: 40px;
+            border-radius: 8px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            .img1 {
+              width: 15px;
+              height: 17px;
+              background-image: url(../../assets/images/courseManage/search0.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+
+            .img2 {
+              width: 16px;
+              height: 18px;
+              background-image: url(../../assets/images/courseManage/reset1.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+          }
+
+          .btn1 {
+            background: #409EFF;
+
+            color: #ffffff;
+          }
+
+          .btn2 {
+            background: #ffffff;
+
+            color: #409EFF;
+            border: 1px solid #409EFF;
+          }
+        }
+      }
+
+      .btnss {
+        display: flex;
+        flex-wrap: nowrap;
+
+        .btn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          border-radius: 8px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+
+          .img1 {
+            width: 15px;
+            height: 17px;
+            background-image: url(../../assets/images/courseManage/add0.png);
+            background-size: 100% 100%;
+            margin-right: 7px;
+          }
+
+          .img2 {
+            width: 17px;
+            height: 16px;
+            background-image: url(../../assets/images/coursewareManage/export.png);
+            background-size: 100% 100%;
+            margin-right: 7px;
+          }
+
+          .img3 {
+            width: 17px;
+            height: 16px;
+            background-image: url(../../assets/images/projectadd/delete.png);
+            background-size: 100% 100%;
+            margin-right: 7px;
+          }
+        }
+
+        .btn1 {
+          background: #409EFF;
+
+          color: #ffffff;
+        }
+
+        .btn2 {
+          background: #ffffff;
+          margin-right: 20px;
+          color:#409EFF;
+          border: 1px solid #409EFF;
+        }
+      }
+
+      .line {
+        width: 100%;
+        height: 40px;
+        background-color: #e9f6fe;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-top: 20px;
+        border: 1px solid #c3e6fc;
+
+        .inline {
+          width: 95%;
+          height: 100%;
+          display: flex;
+          justify-content: space-between;
+
+          // background-color: #bfa;
+          .left {
+            height: 100%;
+            display: flex;
+            align-items: center;
+
+            .img {
+              width: 14px;
+              height: 15px;
+              background-image: url(../../assets/images/leveladd/gan.png);
+              background-size: 100% 100%;
+            }
+
+            .text {
+              color: #999ba3;
+            }
+
+            .text2 {
+              color: #4ea6ff;
+              margin-left: 5px;
+              margin-right: 5px;
+            }
+
+            .text3 {
+              color: #999ba3;
+              margin-left: 20px;
+            }
+          }
+
+          .right {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            cursor: pointer;
+          }
+        }
+      }
+
+      .tableBox {
+        .ant-table-selection-column {
+          padding: 0px !important;
+          // padding-left: 45px !important;
+        }
+
+        .ant-table-thead > tr > th {
+          background-color: rgba(239, 244, 252, 1) !important;
+          color: rgba(0, 0, 0, 0.8500);
+        }
+
+        .ant-table-cell {
+          color: rgba(0, 0, 0, 0.6500);
+        }
+
+        .ant-table-selection-column {
+          padding: 0 !important;
+        }
+
+        th.h {
+          background-color: #eff4fc !important;
+        }
+
+        .head {
+          padding-left: 0px !important;
+        }
+
+        .operation {
+          color: rgba(56, 125, 247, 1);
+          cursor: pointer;
+        }
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+            
+          background: #f6f9fd;
+        }
+        .ant-table-tbody > tr > td {
+            border-bottom: 1px solid rgba(240, 244, 254, 1);
+        }
+        .pa {
+          // left: 0;
+          margin-top: 15px;
+          width: 100%;
+          // height: 20px;
+          // background-color: red;
+          display: flex;
+          justify-content: center;
+          // position: absolute;
+          // bottom: 20px;
+        }
+      }
+    }
+
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/StuAdd.vue b/src/components/drawers/StuAdd.vue
new file mode 100644
index 00000000..6efcfdb0
--- /dev/null
+++ b/src/components/drawers/StuAdd.vue
@@ -0,0 +1,498 @@
+<template>
+  <a-drawer
+    :visible="Stuvisible"
+    class="drawerStyle stuadd"
+    placement="right"
+    width="60%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">添加学员</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="left">
+          <div class="tabs">
+            <a-tabs v-model:activeKey="activeKey">
+              <a-tab-pane key="1" tab="快速选人">
+                <div class="tab1">
+                  <div class="nameinp">
+                    <div class="namee">姓名：</div>
+                    <a-input
+                        v-model:value="name"
+                        style="width: 270px; height: 40px; border-radius: 8px"
+                        placeholder="请输入姓名"
+                    />
+                  </div>
+                  <div class="btns">
+                    <div class="btn1">
+                      <div class="img1"><img src="../../assets/images/courseManage/search0.png"/></div>
+                      <div class="wz">搜索</div>
+                    </div>
+                    <div class="btn2">
+                      <div class="img2"><img src="../../assets/images/courseManage/reset1.png"/></div>
+                      <div class="wz">重置</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="line">
+                  <div class="inline">
+                    <div class="left1">
+                      <div class="img"></div>
+                      <div class="text" style="margin-left: 10px">已选择</div>
+                      <div class="text2">2</div>
+                      <div class="text">项</div>
+                      <div class="text3">列表选项总计：</div>
+                      <div class="text4">9条</div>
+                    </div>
+                    <div class="right1">清空</div>
+                  </div>
+                </div>
+                <div class="tabb" style="margin-top: 16px">
+                  <a-table
+                    style="border: 1px solid #f2f6fe"
+                    :columns="tablecolumns"
+                    :data-source="tabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 590, y: 560 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+                  />
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize"
+                      :current="currentPage"
+                      :total="tableDataTotal"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="2" tab="添加组织" force-render>Content of Tab Pane 2</a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">Content of Tab Pane 3</a-tab-pane>
+            </a-tabs>
+          </div>
+        </div>
+        <div class="right">
+          <div class="onerow">
+            <div class="already">已选</div>
+            <div class="clbox">
+              <div class="colose"></div>
+              <span class="allclear">全部清除</span>
+            </div>
+          </div>
+          <div class="selecteds">
+            <div class="chose">李明</div>
+            <div class="chose">李大明</div>
+            <div class="chose">李二明</div>
+            <div class="chose">李明</div>
+            <div class="chose">李大明</div>
+            <div class="chose">李二明</div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+  
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "StuAdd",
+  props: {
+    Stuvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 50,
+      tabledata: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+      ],
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:Stuvisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+.stuadd {
+  .ant-drawer-content-wrapper {
+    // max-width: 1000px;
+    .ant-drawer-header {
+      display: none !important;
+    }
+    .ant-drawer-body {
+      padding: 0;
+    }
+  }
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+        display: flex;
+        .left {
+          width: 65%;
+          border-right: 1px solid rgba(233, 233, 233, 1);
+          .tabs {
+            margin-right: 33px;
+            .tab1 {
+              display: flex;
+              flex-wrap: wrap;
+              justify-content: space-between;
+              .nameinp {
+                display: flex;
+                align-items: center;
+                margin-top: 10px;
+                .namee {
+                  color: rgba(0, 0, 0, 0.8500);
+                  font-size: 14px;
+                }
+              }
+              .btns {
+                display: flex;
+                margin-top: 10px;
+                .btn1 {
+                  width: 100px;
+                  height: 40px;
+                  margin-right: 16px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  color: #FFFFFF;
+                  font-size: 14px;
+                  background: #409EFF;
+                  border-radius: 8px;
+                  border: 1px solid #409EFF;
+                  cursor: pointer;
+                  .wz {
+                    margin-left: 10px;
+                  }
+                }
+                .btn2 {
+                  width: 100px;
+                  height: 40px;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  color: #409EFF;
+                  font-size: 14px;
+                  background: #FFFFFF;
+                  border-radius: 8px;
+                  cursor: pointer;
+                  border: 1px solid #409EFF;
+                  .wz {
+                    margin-left: 10px;
+                  }
+                }
+              }
+            }
+            .line {
+              width: 100%;
+              height: 40px;
+              background-color: #e9f6fe;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              margin-top: 20px;
+              border: 1px solid #c3e6fc;
+
+              .inline {
+                width: 95%;
+                height: 100%;
+                display: flex;
+                justify-content: space-between;
+
+                // background-color: #bfa;
+                .left1 {
+                  height: 100%;
+                  display: flex;
+                  align-items: center;
+
+                  .img {
+                    width: 14px;
+                    height: 15px;
+                    background-image: url(../../assets/images/leveladd/gan.png);
+                    background-size: 100% 100%;
+                  }
+
+                  .text {
+                    color: #999ba3;
+                  }
+
+                  .text2 {
+                    color: #4ea6ff;
+                    margin-left: 5px;
+                    margin-right: 5px;
+                  }
+
+                  .text3 {
+                    color: #999ba3;
+                    margin-left: 20px;
+                  }
+                }
+
+                .right1 {
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: #387df7;
+                  height: 100%;
+                  display: flex;
+                  align-items: center;
+                  cursor: pointer;
+                }
+              }
+            }
+            .tabb {
+              .ant-table-thead > tr > th {
+                background-color: rgba(240, 246, 252, 1);
+                color: rgba(0, 0, 0, 0.85);
+              }
+              .ant-table-tbody > tr > td {
+                border-bottom: 1px solid #f0f6fc;
+                color: rgba(0, 0, 0, 0.65);
+              }
+              th.h {
+                background-color: #eff4fc !important;
+              }
+
+              .ant-table-tbody
+                > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+                > td {
+                background: rgba(250, 250, 250, 1);
+              }
+              .pa {
+                // left: 0;
+                margin-top: 15px;
+                width: 100%;
+                // height: 20px;
+                // background-color: red;
+                display: flex;
+                justify-content: center;
+                // position: absolute;
+                // bottom: 20px;
+              }
+            }
+          }
+        }
+        .right {
+          width: 35%;
+          .onerow {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            .already {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+              margin-left: 32px;
+            }
+            .clbox {
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              cursor: pointer;
+              width: 104px;
+              height: 32px;
+              border-radius: 4px;
+              background: #409EFF;
+              .colose {
+                width: 16px;
+                height: 16px;
+                border-radius: 8px;
+                background: #FFFFFF;
+                position: relative;
+              }
+              .allclear {
+                color: rgba(255, 255, 255, 1);
+                font-size: 14px;
+              }
+            }
+          }
+          .selecteds {
+            display: flex;
+            flex-wrap: wrap;
+            margin-left: 32px;
+            .chose {
+              width: 64px;
+              height: 24px;
+              margin-top: 25px;
+              margin-right: 25px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              border-radius: 2px;
+              border: 1px solid rgba(56, 139, 225, 1);
+              color: rgba(56, 139, 225, 1);
+              font-size: 12px;
+            }
+          }
+        }
+    }
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/TestManage.vue b/src/components/drawers/TestManage.vue
new file mode 100644
index 00000000..be8c80a3
--- /dev/null
+++ b/src/components/drawers/TestManage.vue
@@ -0,0 +1,493 @@
+<template>
+  <a-drawer
+    :visible="TMvisible"
+    class="drawerStyle TestManage"
+    placement="right"
+    width="60%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">【考试】管理</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="endtime">起止时间：2022-07-21 14:00 ～ 2022-7-30 14:00</div>
+        <div class="search">
+          <div class="sealeft">
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">姓名：</div>
+              <a-input
+                v-model:value="name"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入姓名"
+              />
+            </div>
+            <div class="namecon" style="margin-right: 50px">
+              <div class="name">任务状态：</div>
+              <div class="select">
+                <a-select
+                  v-model:value="projectName"
+                  style="width: 160px"
+                  placeholder="请选择"
+                  :options="projectNameList"
+                  @change="selectProjectName"
+                  allowClear
+                  showSearch
+                ></a-select>
+              </div>
+            </div>
+          </div>
+          <div class="btns">
+            <div class="btn btn1" style="margin-right: 20px">
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+        <div class="btnss" style="margin-top: 20px">
+          <div class="btn btn1" style="margin-right: 20px; cursor: pointer">
+            <div class="img2"></div>
+            <div class="wz">催促考试</div>
+          </div>
+          <div class="btn btn2">
+            <div class="img1"></div>
+            <div class="wz">导出数据</div>
+          </div>
+        </div>
+        <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tablecolumns"
+            :data-source="tabledata"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            :scroll="{ x: 900, y: 500 }"
+            @expand="expandTable"
+            :pagination="false"
+          />
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "TestManage",
+  props: {
+    TMvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      name: null,
+      projectNameList: [
+        {
+          id: 1,
+          value: "项目一",
+          label: "项目一",
+        },
+        {
+          id: 2,
+          value: "项目二",
+          label: "项目二",
+        },
+        {
+          id: 3,
+          value: "项目三",
+          label: "项目三",
+        },
+        {
+          id: 4,
+          value: "项目四",
+          label: "项目四",
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "-",
+          score: "-",
+          time: "-",
+          state: "未完成",
+        },
+        {
+          key: 2,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "1",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 3,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 4,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 5,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 6,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 7,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 8,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 9,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 10,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "考试次数",
+          dataIndex: "comp",
+          key: "comp",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "成绩",
+          dataIndex: "score",
+          key: "score",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "完成时间",
+          dataIndex: "time",
+          key: "time",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "任务状态",
+          dataIndex: "state",
+          key: "state",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
+    });
+    const selectProjectName = (value, index) => {
+      console.log("value", value, index);
+    };
+    const closeDrawer = () => {
+      ctx.emit("update:TMvisible", false);
+    };
+
+    return {
+      ...toRefs(state),
+      selectProjectName,
+      closeDrawer,
+    };
+  },
+};
+</script>
+
+<style  lang="scss" >
+// .drawerStyle {
+//   .ant-drawer-content-wrapper {
+//     // max-width: 1000px;
+//     .ant-drawer-header {
+//       display: none !important;
+//     }
+//     .ant-drawer-body {
+//       padding: 0;
+//     }
+//   }
+
+// }
+//作业管理弹窗
+
+//作业管理弹窗
+.TestManage {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      width: 100%;
+      height: 100%;
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .endtime {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333333;
+      }
+      .search {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 20px;
+        justify-content: space-between;
+
+        .sealeft {
+          display: flex;
+          .namecon {
+            display: flex;
+            flex-wrap: nowrap;
+            margin-bottom: 10px;
+            .name {
+              margin-top: 8px;
+            }
+          }
+        }
+        .btns {
+          display: flex;
+          flex-wrap: nowrap;
+
+          .btn {
+            cursor: pointer;
+            width: 100px;
+            height: 40px;
+            border-radius: 8px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .img1 {
+              width: 15px;
+              height: 17px;
+              background-image: url(../../assets/images/courseManage/search0.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+            .img2 {
+              width: 16px;
+              height: 18px;
+              background-image: url(../../assets/images/courseManage/reset1.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+          }
+
+          .btn1 {
+            background: #388be1;
+
+            color: #ffffff;
+          }
+          .btn2 {
+            background: #ffffff;
+
+            color: #388be1;
+            border: 1px solid #388be1;
+          }
+        }
+      }
+      .btnss {
+        display: flex;
+        flex-wrap: nowrap;
+
+        .btn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          border-radius: 8px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          .img1 {
+            width: 17px;
+            height: 16px;
+            background-image: url(../../assets/images/coursewareManage/export.png);
+            background-size: 100% 100%;
+            margin-right: 7px;
+          }
+          .img2 {
+            width: 18px;
+            height: 18px;
+            background-image: url(../../assets/images/basicinfo/call.png);
+            background-size: 100% 100%;
+            margin-right: 7px;
+          }
+        }
+
+        .btn1 {
+          background: #388be1;
+
+          color: #ffffff;
+        }
+        .btn2 {
+          background: #ffffff;
+
+          color: #388be1;
+          border: 1px solid #388be1;
+        }
+      }
+      .tab {
+        th.h {
+          background-color: #eff4fc !important;
+        }
+
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+          background: #f6f9fd;
+        }
+      }
+    }
+
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/TimeManage.vue b/src/components/drawers/TimeManage.vue
index 976b3522..bd9d59d3 100644
--- a/src/components/drawers/TimeManage.vue
+++ b/src/components/drawers/TimeManage.vue
@@ -391,9 +391,9 @@ export default {
           justify-content: center;
           align-items: center;
           .img1 {
-            width: 15px;
-            height: 17px;
-            background-image: url(../../assets/images/courseManage/search0.png);
+            width: 18px;
+            height: 18px;
+            background-image: url(../../assets/images/basicinfo/call.png);
             background-size: 100% 100%;
             margin-right: 7px;
           }
diff --git a/src/components/drawers/WorkDetail.vue b/src/components/drawers/WorkDetail.vue
new file mode 100644
index 00000000..d1f5268f
--- /dev/null
+++ b/src/components/drawers/WorkDetail.vue
@@ -0,0 +1,212 @@
+<template>
+  <a-drawer
+    :visible="WDvisible"
+    class="drawerStyle WorkDetail"
+    placement="right"
+    width="50%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">作业详情</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="isGood">
+          <div class="cj">作业名称：</div>
+          <div class="ch">管理者进阶作业</div>
+        </div>
+        <div class="score">
+          <div class="sleft">
+            <div class="cj">作业要求：</div>
+            <div class="ch">写一篇观后感，字数600字</div>
+          </div>
+        </div>
+        <div class="workInfo">
+          <div class="infotit">作业信息：</div>
+          <div class="workImgCon">
+            <div class="img">
+              <div class="see"></div>
+              <div class="download"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "WorkDetail",
+  props: {
+    WDvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 100,
+    });
+
+    const closeDrawer = () => {
+      ctx.emit("update:WDvisible", false);
+    };
+    return {
+      ...toRefs(state),
+      closeDrawer,
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+// .drawerStyle {
+//   .ant-drawer-content-wrapper {
+//     // max-width: 1000px;
+//     .ant-drawer-header {
+//       display: none !important;
+//     }
+//     .ant-drawer-body {
+//       padding: 0;
+//     }
+//   }
+
+// }
+.WorkDetail {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      width: 100%;
+      height: 100%;
+
+      .cj {
+        font-size: 16px;
+        font-weight: 400;
+        color: rgba(0, 0, 0, 0.85);
+      }
+      .ch {
+        font-size: 16px;
+        font-weight: 400;
+        color: rgba(153, 153, 153, 0.85);
+        margin-left: 12px;
+      }
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .isGood {
+        display: flex;
+        align-items: center;
+      }
+      .score {
+        display: flex;
+        margin-top: 30px;
+        .sleft {
+          display: flex;
+          align-items: center;
+        }
+      }
+      .workInfo {
+        margin-top: 30px;
+        .infotit {
+          font-size: 16px;
+          font-weight: 400;
+          color: rgba(0, 0, 0, 0.85);
+        }
+        .workImgCon {
+          display: flex;
+          flex-wrap: wrap;
+          margin-top: 16px;
+          .img {
+            width: 240px;
+            height: 240px;
+            background-size: 100%;
+            background-image: url(../../assets/px.jpg);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            .see {
+              width: 50px;
+              height: 50px;
+              background-image: url(../../assets/images/basicinfo/see.png);
+              background-size: 100% 100%;
+              cursor: pointer;
+            }
+            .download {
+              width: 50px;
+              height: 50px;
+              background-image: url(../../assets/images/basicinfo/download.png);
+              background-size: 100% 100%;
+              margin-left: 40px;
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
+
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/WorkManage.vue b/src/components/drawers/WorkManage.vue
index e5bd668e..8c173560 100644
--- a/src/components/drawers/WorkManage.vue
+++ b/src/components/drawers/WorkManage.vue
@@ -83,21 +83,41 @@
         <button class="btn1">取消</button>
         <button class="btn2">确定</button>
       </div>
-      <div class="modal">
-        <a-modal v-model:visible="visible" :closable="close" :footer="null">
-          <p>Some contents...</p>
-          <p>Some contents...</p>
-          <p>Some contents...</p>
-        </a-modal>
-      </div>
+
+      <a-modal
+        v-model:visible="visible"
+        :closable="close"
+        :footer="null"
+        wrapClassName="WorkManage"
+      >
+        <div class="header">
+          <div class="inheader">
+            <div class="left">提示</div>
+            <div class="right" @click="closeModal"></div>
+          </div>
+        </div>
+        <div class="main">
+          <div class="check"></div>
+          <div class="text">作业导出完成，请在下载中心查看</div>
+          <div class="btn">
+            <button class="btn1 sabtn" @click="closeModal">取消</button>
+            <button class="btn2 sabtn">查看</button>
+          </div>
+        </div>
+      </a-modal>
+
+      <!-- 作业详情抽屉 -->
+      <work-detail v-model:WDvisible="WDvisible" />
     </div>
   </a-drawer>
 </template>
 
 <script>
 import { toRefs, reactive } from "vue";
+import WorkDetail from "../drawers/WorkDetail.vue";
 export default {
   name: "WorkManage",
+  components: { WorkDetail },
   props: {
     Wvisible: {
       type: Boolean,
@@ -110,6 +130,7 @@ export default {
       name: null,
       visible: false, //导出数据弹窗
       close: false, //导出弹窗的关闭按钮
+      WDvisible: false, //作业详情
       projectNameList: [
         {
           id: 1,
@@ -285,7 +306,14 @@ export default {
             return (
               <div class="opa">
                 <div class="opacation">
-                  <span style="color:#4EA6FF;cursor:pointer">查看</span>
+                  <span
+                    style="color:#4EA6FF;cursor:pointer"
+                    onClick={() => {
+                      showWorkDetail();
+                    }}
+                  >
+                    查看
+                  </span>
                 </div>
               </div>
             );
@@ -305,12 +333,16 @@ export default {
     const closeModal = () => {
       state.visible = false;
     };
+    const showWorkDetail = () => {
+      state.WDvisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
       closeDrawer,
       showModal,
       closeModal,
+      showWorkDetail,
     };
   },
 };
@@ -329,21 +361,109 @@ export default {
 //   }
 
 // }
+//作业管理弹窗
 .WorkManage {
-  .modal {
-    .ant-modal {
-      width: 473px !important;
-      height: 308px !important;
-      .ant-modal-content {
-        width: 473px !important;
-        height: 308px !important;
-        .ant-modal-body {
-          width: 473px !important;
-          height: 308px !important;
+  .ant-modal {
+    width: 473px;
+    height: 308px;
+
+    .ant-modal-content {
+      width: 473px;
+      height: 308px;
+
+      .ant-modal-body {
+        width: 473px;
+        height: 308px;
+        padding: 0px;
+
+        .header {
+          width: 473px;
+          height: 68px;
+          background: linear-gradient(
+            180deg,
+            rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%
+          );
+          display: flex;
+          justify-content: center;
+
+          .inheader {
+            width: 90%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .left {
+              font-size: 16px;
+              font-weight: 600;
+              color: #333333;
+            }
+
+            .right {
+              width: 22px;
+              height: 22px;
+              background-image: url(../../assets/images/basicinfo/close.png);
+              background-size: 100% 100%;
+              cursor: pointer;
+            }
+          }
+        }
+
+        .main {
+          // background-color: red;
+          width: 100%;
+          // height: 100%;
+          margin-top: 32px;
+          display: flex;
+          flex-direction: column;
+          // justify-content: center;
+          align-items: center;
+
+          .check {
+            width: 40px;
+            height: 40px;
+            background-image: url(../../assets/images/basicinfo/check.png);
+            background-size: 100%;
+          }
+
+          .text {
+            margin-top: 16px;
+            font-size: 14px;
+            font-weight: 500;
+            color: rgba(0, 0, 0, 0.85);
+          }
+
+          .btn {
+            display: flex;
+            margin-top: 40px;
+
+            .sabtn {
+              width: 100px;
+              height: 40px;
+              border-radius: 4px;
+              cursor: pointer;
+            }
+
+            .btn1 {
+              border: 1px solid #387df7;
+              background-color: #fff;
+              color: #387df7;
+            }
+
+            .btn2 {
+              background-color: #388be1;
+              color: #fff;
+              border: 0;
+              margin-left: 16px;
+            }
+          }
         }
       }
     }
   }
+}
+//作业管理弹窗
+.WorkManage {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index c55c4d9a..158e78c1 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -177,7 +177,7 @@
   </div>
 </template>
 <script>
-import { reactive, toRefs, onMounted, ref } from "vue";
+import { reactive, toRefs, onMounted } from "vue";
 
 export default {
   name: "learningPath",
@@ -340,7 +340,7 @@ export default {
       tableDataTotal: 100,
       pageSize: 10,
       value1: "",
-      value2: ref(),
+      value2: "",
       valueE: "",
       valueEE: "",
       valuei: "",
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 0d6a0e4a..0179b6c1 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -75,7 +75,11 @@
               <div
                 class="taskbox"
                 style="
-                  background: linear-gradient(180deg,rgba(221, 234, 255, 1),rgba(240, 248, 254, 1));
+                  background: linear-gradient(
+                    180deg,
+                    rgba(221, 234, 255, 1),
+                    rgba(240, 248, 254, 1)
+                  );
                 "
               >
                 <div class="leftt">
@@ -96,7 +100,11 @@
                 class="taskbox"
                 @click="showModal"
                 style="
-                  background: linear-gradient( 180deg,rgba(229, 246, 236, 1),rgba(238, 249, 243, 1));
+                  background: linear-gradient(
+                    180deg,
+                    rgba(229, 246, 236, 1),
+                    rgba(238, 249, 243, 1)
+                  );
                 "
               >
                 <div class="leftt">
@@ -442,7 +450,9 @@
               </div>
             </div>
             <div class="operations">
-              <div class="operation">管理</div>
+              <div class="operation" style="cursor: pointer" @click="showTest">
+                管理
+              </div>
             </div>
           </div>
           <div class="stage" style="margin-top: 0">
@@ -633,7 +643,7 @@
                         <div class="leader1">进度</div>
                         <a-progress :percent="55" />
                       </div>
-                      <div class="grofooter">
+                      <div class="grofooter" @click="showMemberList">
                         <div class="ftext">组员名单 ></div>
                         <div class="peoples">
                           <div class="people1">
@@ -680,7 +690,7 @@
                         <div class="leader1">进度</div>
                         <a-progress :percent="55" />
                       </div>
-                      <div class="grofooter">
+                      <div class="grofooter" @click="showMemberList">
                         <div class="ftext">组员名单 ></div>
                         <div class="peoples">
                           <div class="people1">
@@ -727,7 +737,7 @@
                         <div class="leader1">进度</div>
                         <a-progress :percent="55" />
                       </div>
-                      <div class="grofooter">
+                      <div class="grofooter" @click="showMemberList">
                         <div class="ftext">组员名单 ></div>
                         <div class="peoples">
                           <div class="people1">
@@ -774,7 +784,7 @@
                         <div class="leader1">进度</div>
                         <a-progress :percent="55" />
                       </div>
-                      <div class="grofooter">
+                      <div class="grofooter" @click="showMemberList">
                         <div class="ftext">组员名单 ></div>
                         <div class="peoples">
                           <div class="people1">
@@ -806,14 +816,200 @@
             </a-tabs>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="4" tab="公告">Content of Tab Pane 3</a-tab-pane>
+        <a-tab-pane key="4" tab="公告">
+          <div class="noticeTitle">
+            <h3>公告</h3>
+            <a-divider style="margin-top: -5px"></a-divider>
+            <a-switch
+              v-model:checked="noticeChecked"
+              style="size: small"
+            /><span style="margin-left: 13px">开启</span>
+            <p style="margin-top: 35px">公告内容</p>
+            <a-textarea
+              v-model:value="noticeContent"
+              show-count
+              :maxlength="150"
+              style="margin-top: -10px; height: 110px"
+            />
+            <div class="publish">
+              <div class="iconPub"></div>
+              <div class="btnText">发布</div>
+            </div>
+          </div>
+        </a-tab-pane>
         <a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
         <a-tab-pane key="6" tab="排行榜">
-					<div class="rankingList">
-						<div class="rankingListHeader"></div>
-					</div>
-				</a-tab-pane>
-        <a-tab-pane key="7" tab="设置">Content of Tab Pane 3</a-tab-pane>
+          <div class="content6">
+            <div class="title">排行榜</div>
+            <div class="line"></div>
+            <div class="search">
+              <div class="left">
+                <div class="name">
+                  <div class="text">姓名：</div>
+                  <a-input
+                    v-model:value="valueName"
+                    placeholder="请输入姓名"
+                    style="
+                      width: 264px;
+                      height: 40px;
+                      border-radius: 8px;
+                      margin-left: 5px;
+                    "
+                  />
+                </div>
+                <div class="time">
+                  <div class="text">选择时间：</div>
+                  <a-range-picker
+                    v-model:value="valueDate"
+                    style="border-radius: 8px; height: 40px; margin-left: 5px"
+                    :placeholder="['      开始时间', '        结束时间']"
+                  />
+                </div>
+              </div>
+              <div class="right">
+                <div class="btn btn1">
+                  <div class="img1"></div>
+                  <div class="te">搜索</div>
+                </div>
+                <div class="btn btn2">
+                  <div class="img2"></div>
+                  <div class="te">重置</div>
+                </div>
+              </div>
+            </div>
+            <div class="main">
+              <div class="rank">
+                <div class="rankhead">
+                  <div class="inhead">
+                    <div class="left">进度排行 Top10</div>
+                    <div class="right">
+                      <a-select
+                        v-model:value="valuestu1"
+                        style="width: 80px; margin-right: 16px"
+                        :options="rankjindu"
+                      ></a-select>
+                      <a-select
+                        v-model:value="valuestu2"
+                        style="width: 112px"
+                        :options="rankjieduan"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="rank">
+                <div class="rankhead">
+                  <div class="inhead">
+                    <div class="left">学分排行 Top10</div>
+                    <div class="right">
+                      <a-select
+                        v-model:value="valuestu3"
+                        style="width: 80px"
+                        :options="rankxuefen"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="rank">
+                <div class="rankhead">
+                  <div class="inhead">
+                    <div class="left">学识排行 Top10</div>
+                    <div class="right">
+                      <a-select
+                        v-model:value="valuestu4"
+                        style="width: 80px"
+                        :options="rankxueshi"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="7" tab="设置">
+          <div class="content7">
+            <div class="set_tit">
+              <span>基本信息</span>
+            </div>
+            <hr color="#E8E8E8" />
+            <div class="set_body">
+              <div class="edit">
+                <div class="img"></div>
+                <div class="ed">编辑</div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目名称：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">管理者进阶 - 管理者腾飞班</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>封面图：</span></div>
+                <div class="setc_main">
+                  <img src="@/assets/images/projectadd/picture.png" alt="" />
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目时间：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999"
+                    >2022-7-16 12:30 ～ 2022-7-30 12:30</span
+                  >
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目经理：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">张雪</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>资源归属：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目说明：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>同步学习记录：</span></div>
+                <div class="setc_main" @click="changecheck2">
+                  <a-radio v-model:checked="checkedd"
+                    ><span style="color: #333333"
+                      >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+                    ></a-radio
+                  >
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目级别：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>培训体系：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>是否BOEU实施：</span></div>
+                <div class="setc_main" @click="changecheck3">
+                  <a-radio v-model:checked="checkedd2"
+                    ><span style="color: #333333">BOEU实施</span></a-radio
+                  >
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-tab-pane>
       </a-tabs>
     </div>
     <!-- 时间管理抽屉 -->
@@ -822,12 +1018,17 @@
     <face-manage v-model:Fvisible="FaceVisivle" />
     <!-- 学员（小组管理）创建小组抽屉 -->
     <subset-manage v-model:Svisible="subsetVisivle" />
+    <!-- 组员名单抽屉 -->
+    <member-list v-model:Lvisible="Lvisible" />
     <!-- 面授学员抽屉 -->
     <face-stu v-model:FSvisible="FSvisible" />
     <!-- 活动考勤抽屉 -->
     <active-attendance v-model:AAvisible="AAvisible" />
     <!-- 作业管理抽屉 -->
     <work-manage v-model:Wvisible="Wvisible" />
+    <!-- 考试管理抽屉 -->
+    <test-manage v-model:TMvisible="TMvisible" />
+
     <!-- 概览（无数据）-项目发布弹窗 -->
     <div>
       <a-modal
@@ -848,7 +1049,11 @@
             display: flex;
             align-items: center;
             justify-content: space-between;
-            background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2) 100%);
+            background: linear-gradient(
+              0deg,
+              rgba(78, 166, 255, 0) 0%,
+              rgba(78, 166, 255, 0.2) 100%
+            );
           "
         >
           <div class="headerLeft" style="margin-left: 32px">
@@ -924,7 +1129,11 @@
             display: flex;
             align-items: center;
             justify-content: space-between;
-            background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%, rgba(78, 166, 255, 0.2) 100% );
+            background: linear-gradient(
+              0deg,
+              rgba(78, 166, 255, 0) 0%,
+              rgba(78, 166, 255, 0.2) 100%
+            );
           "
         >
           <div class="headerLeft" style="margin-left: 32px">
@@ -985,18 +1194,22 @@ import { reactive, toRefs } from "vue";
 import TimeManage from "../../components/drawers/TimeManage";
 import FaceManage from "../../components/drawers/FaceManage";
 import SubsetManage from "../../components/drawers/SubsetManage";
+import MemberList from "../../components/drawers/MemberList";
 import ActiveAttendance from "../../components/drawers/ActiveAttendance";
-import WorkManage from "../../components/drawers/WorkManage.vue";
+import WorkManage from "../../components/drawers/WorkManage";
 import FaceStu from "../../components/drawers/FaceStu";
+import TestManage from "../../components/drawers/TestManage";
 export default {
   name: "taskPage",
   components: {
     TimeManage,
     FaceManage,
     SubsetManage,
+    MemberList,
     FaceStu,
     ActiveAttendance,
     WorkManage,
+    TestManage,
   },
   setup() {
     const state = reactive({
@@ -1141,19 +1354,39 @@ export default {
           className: "h",
         },
       ],
+      //进度排行学员
+      rankjindu: [{ value: "学员", label: "学员" }],
+      valuestu1: "学员",
+      //进度排行阶段
+      rankjieduan: [{ value: "第一阶段", label: "第一阶段" }],
+      valuestu2: "第一阶段",
+      //学分排行
+      rankxuefen: [{ value: "学员", label: "学员" }],
+      valuestu3: "学员",
+      //学识排行
+      rankxueshi: [{ value: "学员", label: "学员" }],
+      valuestu4: "学员",
       visible: false, //时间管理
       FaceVisivle: false, //面授管理
       subsetVisivle: false, //随机小组
+      Lvisible: false, //组员名单
       FSvisible: false, //面授学员
       AAvisible: false, //活动考勤
       Wvisible: false, //作业管理
+      TMvisible: false, //考试管理
       pubproject: false,
       stugroup: false,
       checked: false,
       checked1: true,
       checked2: false,
+      checkedd: false, //设置按钮1
+      checkedd2: false, //设置按钮2
       activeKey: "3",
       activeKey1: "8",
+      valueName: "", //排行榜输入姓名
+      valueDate: "", //排行榜输入日期
+      noticeChecked: true,
+      noticeContent: "请输入要发布的公告",
     });
     const showModal = () => {
       state.pubproject = true;
@@ -1187,6 +1420,10 @@ export default {
     const showFS = () => {
       state.FSvisible = true;
     };
+    //面授学员的弹窗
+    const showMemberList = () => {
+      state.Lvisible = true;
+    };
     //活动考勤的抽屉
     const showAA = () => {
       state.AAvisible = true;
@@ -1195,6 +1432,17 @@ export default {
     const showWork = () => {
       state.Wvisible = true;
     };
+    //考试管理的抽屉
+    const showTest = () => {
+      state.TMvisible = true;
+    };
+
+    const changecheck2 = () => {
+      state.checkedd = !state.checkedd;
+    };
+    const changecheck3 = () => {
+      state.checkedd2 = !state.checkedd2;
+    };
     return {
       ...toRefs(state),
       showModal,
@@ -1204,14 +1452,24 @@ export default {
       showTime,
       showFace,
       showSubset,
+      showMemberList,
       showFS,
       showAA,
       showWork,
+      showTest,
+      changecheck2,
+      changecheck3,
     };
   },
 };
 </script>
 <style lang="scss">
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: table;
+  clear: both;
+}
 .pubproject {
   .ant-modal {
     .ant-modal-body {
@@ -1855,9 +2113,7 @@ export default {
         //height: 71px;
         margin-left: 12px;
         margin-right: 50px;
-        .icon {
-          //position: absolute;
-        }
+
         .iconame {
           //position: absolute;
           color: #4f5156;
@@ -1927,6 +2183,42 @@ export default {
         }
       }
     }
+    .noticeTitle {
+      margin-left: 38px;
+      margin-right: 38px;
+      padding-top: 20px;
+      .publish {
+        width: 100px;
+        // padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: rgb(64, 158, 255);
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        float: right;
+        margin-top: 60px;
+        margin-bottom: 60px;
+        margin-right: 20px;
+        cursor: pointer;
+        .iconPub {
+          width: 15px;
+          height: 15px;
+          background-image: url(@/assets/images/taskpage/pub.png);
+          background-size: 100% 100%;
+          color: rgb(255, 255, 255);
+        }
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgb(255, 255, 255);
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+    }
   }
   .content3 {
     margin-top: 20px;
@@ -2244,6 +2536,188 @@ export default {
       }
     }
   }
+  .content6 {
+    width: 100%;
+    height: 100%;
+    background-color: #bfa;
+    .title {
+      font-size: 18px;
+      font-weight: 500;
+      color: #333333;
+      margin-left: 34px;
+    }
+    .line {
+      width: 100%;
+      height: 1px;
+      margin-top: 10px;
+      background: #e8e8e8;
+    }
+    .search {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      margin: 30px 34px 0 34px;
+      .left {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        margin-right: 10px;
+        .text {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgba(0, 0, 0, 0.85);
+          white-space: nowrap;
+        }
+        .name {
+          display: flex;
+          align-items: center;
+          margin-bottom: 10px;
+          margin-right: 56px;
+        }
+        .time {
+          display: flex;
+          align-items: center;
+          // margin-left: 56px;
+          margin-bottom: 10px;
+        }
+      }
+      .right {
+        display: flex;
+        .btn {
+          display: flex;
+          width: 100px;
+          height: 40px;
+
+          border-radius: 8px;
+          justify-content: center;
+          align-items: center;
+          margin-bottom: 10px;
+          .img1 {
+            width: 15px;
+            height: 17px;
+            background-image: url(../../assets/images/coursewareManage/search0.png);
+            background-size: 100%;
+            margin-right: 5px;
+          }
+          .img2 {
+            width: 16px;
+            height: 18px;
+            background-image: url(../../assets/images/coursewareManage/reset1.png);
+            background-size: 100%;
+            margin-right: 5px;
+          }
+        }
+        .btn1 {
+          background: #388be1;
+          color: #fff;
+          margin-right: 16px;
+        }
+        .btn2 {
+          border: 1px solid #388be1;
+          background: #ffffff;
+          color: #388be1;
+        }
+      }
+    }
+    .main {
+      margin-top: 10px;
+      display: flex;
+      flex-wrap: wrap;
+      margin-left: 34px;
+      margin-bottom: 20px;
+      .rank {
+        width: 422px;
+        height: 506px;
+        margin-right: 80px;
+        background: #ffffff;
+        border-radius: 2px;
+        border: 1px solid rgba(125, 125, 125, 0.39);
+        .rankhead {
+          height: 75px;
+          width: 100%;
+          border-bottom: 1px solid #e9e9e9;
+          // background-color: #bfa;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          .inhead {
+            width: 374px;
+            // background-color: lightblue;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-top: 10px;
+            .left {
+              font-size: 16px;
+              font-weight: 500;
+              color: rgba(0, 0, 0, 0.85);
+            }
+            .right {
+              .ant-select {
+                .ant-select-selector {
+                  border-radius: 4px !important;
+
+                  border: 1px solid #388be1;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .content7 {
+    .set_tit {
+      margin-left: 34px;
+      font-size: 18px;
+      font-weight: 500;
+      color: #232425;
+    }
+    .set_body {
+      margin-left: 34px;
+      margin-right: 34px;
+      position: relative;
+      .edit {
+        position: absolute;
+        width: 100px;
+        height: 40px;
+        background: #388be1;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        right: 0;
+        cursor: pointer;
+        .img {
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/edit.png);
+          background-size: 100%;
+          margin-right: 7px;
+        }
+        .ed {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+        }
+      }
+      .set_content {
+        margin: 32px auto;
+        display: flex;
+        // justify-content: end;
+        .setc_name {
+          width: 150px;
+          display: flex;
+          justify-content: end;
+        }
+        .setc_main {
+          flex: 1;
+          margin-left: 12px;
+        }
+      }
+    }
+  }
 }
 </style>
   
\ No newline at end of file