diff --git a/src/components/drawers/AddCase.vue b/src/components/drawers/AddCase.vue
new file mode 100644
index 00000000..339358e1
--- /dev/null
+++ b/src/components/drawers/AddCase.vue
@@ -0,0 +1,357 @@
+<template>
+    <a-drawer
+      :visible="addcaseVisible"
+      class="drawerStyle addcaseDrawer"
+      width="80%"
+      title="添加在线"
+      placement="right"
+      @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="contentMain">
+          <div class="main_items">
+            <div class="mi_ipts">
+              <div class="mii_ipt">
+                <div class="ipt_name">案例标题：</div>
+                <div class="fi_input">
+                  <a-input
+                    v-model:value="value"
+                    style="width: 240px; height: 40px; border-radius: 8px"
+                    placeholder="请输入项目名称"
+                  />
+                </div>
+              </div>
+            </div>
+            <div class="mi_btns">
+              <div class="btn btn1">
+                <div class="search"></div>
+                <div class="btnText">搜索</div>
+              </div>
+              <div class="btn btn2">
+                <div class="search"></div>
+                <div class="btnText">重置</div>
+              </div>
+            </div>
+          </div>
+  
+          <div class="main_table">
+            <a-table
+              class="ant-table-striped"
+              :row-class-name="
+                (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
+              "
+              :row-selection="rowSelection"
+              :columns="columns1"
+              :data-source="tableData1"
+              :loading="tableDataTotal === -1 ? true : false"
+              :pagination="{
+                showSizeChanger: true,
+                showQuickJumper: true,
+                hideOnSinglePage: true,
+                pageSizeOptions: [],
+                pageSize: pageSize,
+                current: currentPage,
+                total: tableDataTotal,
+                onChange: (page, pageSize) => {
+                  currentPage = page;
+                  // console.log('page', page)
+                  // 加翻页查找代码
+                  // 	this.setState({
+                  // 		currentPage: page,
+                  // 	}, () => {
+                  // 		this.getMilitaryDeployment()
+                  // 	})
+                },
+              }"
+            />
+          </div>
+        </div>
+        <div class="main_btns">
+          <button class="btn1">取消</button>
+          <button class="btn2">确定</button>
+        </div>
+      </div>
+    </a-drawer>
+  </template>
+  <script>
+  import { reactive, toRefs, ref } from "vue";
+  const columns1 = [
+    {
+      title: "案例标题",
+      width: "35%",
+      dataIndex: "title",
+      key: "num",
+      align: "center",
+    ellipsis: true,
+    },
+    {
+      title: "作者",
+      width: "25%",
+      dataIndex: "name",
+      key: "name",
+      align: "center",
+    },
+    {
+      title: "导入时间",
+      width: "40%",
+      dataIndex: "time",
+      key: "time",
+      align: "center",
+    },
+  ];
+  const rowSelection = ref({
+    checkStrictly: false,
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log(
+        `selectedRowKeys: ${selectedRowKeys}`,
+        "selectedRows: ",
+        selectedRows
+      );
+    },
+    onSelect: (record, selected, selectedRows) => {
+      console.log(record, selected, selectedRows);
+    },
+    onSelectAll: (selected, selectedRows, changeRows) => {
+      console.log(selected, selectedRows, changeRows);
+    },
+  });
+  export default {
+    name: "AddCase",
+    props: {
+      addcaseVisible: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    setup(props, ctx) {
+      const state = reactive({
+        tableData1: [
+          {
+            key: "1",
+            title: "基于BOE显示PNL工厂的工序平1111111111111111111122222333335555",
+            name: "李玉冰",
+            time: "2022-10-31  23:12:00",
+          },
+          {
+            key: "2",
+            title: "OEM 企业一线用工之路探索",
+            name: "李玉冰",
+            time: "2022-10-31  23:12:00",
+          },
+          {
+            key: "3",
+            title: " 销售数字化转型的痛苦与探索",
+            name: "李玉冰",
+            time: "2022-10-31  23:12:00",
+          },
+          {
+            key: "4",
+            title: "疫情突发，技能人才招聘的相关…",
+            name: "李玉冰",
+            time: "2022-10-31  23:12:00",
+          },
+          {
+            key: "5",
+            title: "设计效率提升之工具化",
+            name: "李玉冰",
+            time: "2022-10-31  23:12:00",
+          },
+          {
+            key: "6",
+            title: "疫情突发，技能人才招聘的相关…",
+            name: "李玉冰",
+            time: "2022-10-31  23:12:00",
+          },
+          {
+            key: "7",
+            title: "基于BOE显示PNL工厂的工序平…",
+            name: "李玉冰",
+            time: "2022-10-31  23:12:00",
+          },
+          {
+            key: "8",
+            title: "基于BOE显示PNL工厂的工序平…",
+            name: "李玉冰",
+            time: "2022-10-31  23:12:00",
+          },
+          {
+            key: "9",
+            title: "基于BOE显示PNL工厂的工序平…",
+            name: "李玉冰",
+            time: "2022-10-31  23:12:00",
+          },
+        ],
+        currentPage: 1,
+        tableDataTotal: 100,
+        pageSize: 10,
+        value:'',
+      });
+      const closeDrawer = () => {
+        ctx.emit("update:addcaseVisible", false);
+      };
+      const afterVisibleChange = (bool) => {
+        console.log("state", bool);
+      };
+      const showDrawerSelFacet = () => {
+        state.addcasevisible = true;
+      };
+      return {
+        ...toRefs(state),
+        showDrawerSelFacet,
+        afterVisibleChange,
+        closeDrawer,
+        columns1,
+        rowSelection,
+        // change,
+      };
+    },
+  };
+  </script>
+  <style lang="scss">
+  .ant-table-striped :deep(.table-striped) td {
+    background-color: #fafafa !important;
+  }
+  
+  .addcaseDrawer {
+    .drawerMain {
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+          margin-left: 24px;
+        }
+      }
+      .contentMain {
+        .main_items {
+          display: flex;
+          justify-content: space-between;
+          margin-bottom: 12px;
+          flex-wrap: wrap;
+          .mi_ipts {
+            display: flex;
+            margin-bottom: 20px;
+            .mii_ipt {
+              display: flex;
+              align-items: center;
+              margin-right: 24px;
+              .ipt_name {
+                white-space: nowrap;
+              }
+            }
+          }
+          .mi_btns {
+            display: flex;
+            margin-left: 38px;
+            margin-bottom: 20px;
+            cursor: pointer;
+            .btn {
+              padding: 0px 26px 0px 26px;
+              height: 38px;
+              border-radius: 8px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-left: 14px;
+              flex-shrink: 0;
+              .search {
+                background-size: 100%;
+              }
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 36px;
+                margin-left: 5px;
+              }
+            }
+            .btn1 {
+              background: rgb(64, 158, 255);
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/search0.png");
+              }
+              .btnText {
+                color: rgb(255, 255, 255);
+              }
+            }
+            .btn2 {
+              background: rgb(255, 255, 255);
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/reset1.png");
+              }
+              .btnText {
+                color: rgb(64, 158, 255);
+              }
+            }
+            .btn1:hover {
+              background: rgb(255, 255, 255);
+              .search {
+                background-image: url("@/assets/images/courseManage/search1.png");
+              }
+              .btnText {
+                color: #388be1;
+              }
+            }
+            .btn2:hover {
+              background: rgba(64, 158, 255, 1);
+              .search {
+                background-image: url("@/assets/images/courseManage/reset0.png");
+              }
+              .btnText {
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+  
+      .main_btns {
+        height: 72px;
+        width: 100%;
+        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/AddFaceteach.vue b/src/components/drawers/AddFaceteach.vue
index a7aeb56c..82581356 100644
--- a/src/components/drawers/AddFaceteach.vue
+++ b/src/components/drawers/AddFaceteach.vue
@@ -1,7 +1,7 @@
 <template>
   <a-drawer
     :visible="addfaceteachVisible"
-    class="drawerStyle"
+    class="drawerStyle addfaceteachDrawer"
     width="80%"
     title="添加面授"
     placement="right"
@@ -30,7 +30,7 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="value2"
+                v-model:value="inputV1"
                 style="width: 384px; height: 32px"
                 placeholder="请输入小组名称"
               />
@@ -46,9 +46,14 @@
               </div>
               <span style="margin-right: 3px">选择课程：</span>
             </div>
-            <div class="btnbox">
+            <div class="btnbox" @click="showDrawerSelFacet">
               <button class="xkbtn">选择课程</button>
             </div>
+            <!-- 选择面授侧弹窗 -->
+            <div>
+              <sel-facet v-model:selfacetVisible="selfacetvisible" />
+            </div>
+            <!-- 选择面授侧弹窗 -->
           </div>
           <div class="main_item2">
             <div class="signbox">
@@ -56,7 +61,7 @@
             </div>
             <div class="textarea">
               <a-textarea
-                v-model:value="textareavalue"
+                v-model:value="textV1"
                 placeholder="请输入说明"
                 allow-clear
               />
@@ -74,7 +79,7 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="value2"
+                v-model:value="inputV2"
                 style="width: 384px; height: 32px"
                 placeholder="请输入授课教师"
               />
@@ -108,7 +113,7 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="value2"
+                v-model:value="inputV3"
                 style="width: 384px; height: 32px"
               />
               <span style="margin-left: 5px">分钟</span>
@@ -126,7 +131,7 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="value2"
+                v-model:value="inputV4"
                 style="width: 384px; height: 32px"
                 placeholder="请输入上课地址"
               />
@@ -141,12 +146,12 @@
               <div class="setbox">
                 <div class="timerbox">
                   <span>开始前：</span>
-                  <a-input style="width: 88px; height: 32px"></a-input>
+                  <a-input style="width: 88px; height: 32px" :v-model:value="inputV5"></a-input>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
                 <div class="timerbox">
                   <span>开始后：</span>
-                  <a-input style="width: 88px; height: 32px"></a-input>
+                  <a-input style="width: 88px; height: 32px" :v-model:value="inputV6"></a-input>
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
               </div>
@@ -154,7 +159,7 @@
               <div class="setbox">
                 <div class="timerbox">
                   <span>结束前：</span>
-                  <a-input style="width: 88px; height: 32px"></a-input>
+                  <a-input style="width: 88px; height: 32px" :v-model:value="inputV7"></a-input>
                   <span style="color: #999999; margin-left: 8px"
                     >分钟（提前签退则记为早退）</span
                   >
@@ -167,8 +172,12 @@
               <span style="margin-right: 3px">完成标准设置：</span>
             </div>
             <div class="btnbox">
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
+              <a-radio-group v-model:value="radioV1">
+                <a-radio v-model:checked="checked" :value="1">仅签到</a-radio>
+                <a-radio v-model:checked="checked" :value="2"
+                  >签到、签退全部完成</a-radio
+                >
+              </a-radio-group>
             </div>
           </div>
           <div class="main_item">
@@ -176,7 +185,9 @@
               <span style="margin-right: 3px">其他设置：</span>
             </div>
             <div class="btnbox">
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
+              <a-checkbox v-model:checked="checked"
+                >学员请假后记为任务完成</a-checkbox
+              >
             </div>
           </div>
           <div class="main_item2">
@@ -184,8 +195,12 @@
               <span style="margin-right: 3px">现场参与：</span>
             </div>
             <div class="btnbox2">
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
-              <a-checkbox v-model:checked="checked">Checkbox</a-checkbox>
+              <a-radio-group v-model:value="radioV2">
+                <a-radio v-model:checked="checked" :value="1">允许项目内人员临时到场参加</a-radio>
+                <a-radio v-model:checked="checked" :value="2"
+                  >允许项目外人员临时到场参加</a-radio
+                >
+              </a-radio-group>
             </div>
           </div>
           <div class="main_item2">
@@ -198,7 +213,42 @@
             </div>
           </div>
         </div>
-        <div class="main_right"></div>
+        <div class="main_right">
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">配置作业：</span>
+            </div>
+            <div class="btnbox" @click="showDrawerAddHomework">
+              <button class="xkbtn">配置</button>
+            </div>
+            <!-- 添加作业侧弹窗 -->
+            <div>
+              <add-homework v-model:addhomeworkVisible="addhomeworkvisible" />
+            </div>
+            <!-- 添加作业侧弹窗 -->
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">配置考试：</span>
+            </div>
+            <div class="btnbox" @click="showDrawerAddTest">
+              <button class="xkbtn">配置</button>
+            </div>
+            <!-- 添加考试侧弹窗 -->
+            <div>
+              <add-test v-model:addtestVisible="addtestvisible" />
+            </div>
+            <!-- 添加考试侧弹窗 -->
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">附件：</span>
+            </div>
+            <div class="btnbox">
+              <button class="xkbtn">上传附件</button>
+            </div>
+          </div>
+        </div>
       </div>
       <div class="main_btns">
         <button class="btn1">取消</button>
@@ -209,6 +259,9 @@
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
+import SelFacet from "../../components/drawers/SelFacet.vue";
+import AddHomework from "../../components/drawers/AddHomework.vue";
+import AddTest from "../../components/drawers/AddTest.vue";
 const options1 = ref([
   {
     value: "value1",
@@ -277,6 +330,11 @@ const rowSelection = ref({
 });
 export default {
   name: "AddFaceteach",
+  components: {
+    SelFacet,
+    AddHomework,
+    AddTest,
+  },
   props: {
     addfaceteachVisible: {
       type: Boolean,
@@ -371,6 +429,19 @@ export default {
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
+      selfacetvisible: false,
+      addhomeworkvisible: false,
+      addtestvisible: false,
+      inputV1: "",
+      inputV2: "",
+      inputV3: "",
+      inputV4: "",
+      inputV5: "",
+      inputV6: "",
+      inputV7: "",
+      testV1: "",
+      radioV1: "",
+      radioV2: "",
     });
     const closeDrawer = () => {
       ctx.emit("update:addfaceteachVisible", false);
@@ -378,13 +449,21 @@ export default {
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
-    // const showDrawerFaceteach = () => {
-    //   state.addfaceteachvisible = true;
-    // };
+    const showDrawerSelFacet = () => {
+      state.selfacetvisible = true;
+    };
+    const showDrawerAddHomework = () => {
+      state.addhomeworkvisible = true;
+    };
+    const showDrawerAddTest = () => {
+      state.addtestvisible = true;
+    };
     return {
       ...toRefs(state),
+      showDrawerSelFacet,
+      showDrawerAddHomework,
+      showDrawerAddTest,
       afterVisibleChange,
-      // showDrawerFaceteach,
       closeDrawer,
       options1,
       columns1,
@@ -394,11 +473,11 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
-.drawerStyle {
+.addfaceteachDrawer {
   .drawerMain {
     .header {
       height: 73px;
@@ -418,7 +497,9 @@ export default {
       display: flex;
       justify-content: space-between;
       .main_left {
-        margin-right: 30px;
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
         .main_item {
           display: flex;
           align-items: center;
@@ -476,7 +557,7 @@ export default {
               }
             }
           }
-          .btnbox2{
+          .btnbox2 {
             display: flex;
             flex-direction: column;
             justify-content: flex-start;
@@ -487,15 +568,42 @@ export default {
               background: #388be1;
               border-radius: 8px;
               border: 0;
-              margin-right:  16px 8px 32px 0;
+              margin-right: 16px 8px 32px 0;
               color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
             }
           }
         }
       }
       .main_right {
         width: 337px;
-        border-left: 1px solid #e8e8e8;
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+          }
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
       }
     }
     .main_btns {
diff --git a/src/components/drawers/AddGroup.vue b/src/components/drawers/AddGroup.vue
new file mode 100644
index 00000000..d81ea841
--- /dev/null
+++ b/src/components/drawers/AddGroup.vue
@@ -0,0 +1,218 @@
+<template>
+  <a-drawer
+    :visible="Avisible"
+    class="drawerStyle addgroup"
+    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="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; margin-left: 15px"
+                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>
+      <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: "AddGroup",
+  props: {
+    Avisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({});
+    const closeDrawer = () => {
+      ctx.emit("update:Avisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+.addgroup {
+  .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;
+        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: 384px;
+              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;
+          }
+        }
+      }
+    .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/AddHomework.vue b/src/components/drawers/AddHomework.vue
new file mode 100644
index 00000000..300b05a2
--- /dev/null
+++ b/src/components/drawers/AddHomework.vue
@@ -0,0 +1,420 @@
+<template>
+  <a-drawer
+    :visible="addhomeworkVisible"
+    class="drawerStyle addhomeworkDrawer"
+    width="80%"
+    title="添加面授"
+    placement="right"
+    @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="contentMain">
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">作业名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="value2"
+                style="width: 384px; height: 32px"
+                placeholder="请输入作业名称"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">作业要求：</span>
+            </div>
+            <div class="textarea">
+              <a-textarea
+                v-model:value="textareavalue"
+                placeholder="请输入作业名称"
+                allow-clear
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">提交时间：</span>
+            </div>
+            <div class="btnbox">
+              <a-range-picker
+                :placeholder="['      开始时间', '        结束时间']"
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/enclosure.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">附件：</span>
+            </div>
+            <div class="btnbox">
+              <button class="xkbtn">上传附件</button>
+            </div>
+          </div>
+          <div class="main_item" style="margin-top:-25px;">
+            <div class="signbox">
+            </div>
+            <div class="btnbox">
+              <span style="color:#999999;">支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script>
+import { reactive, toRefs, ref } from "vue";
+const options1 = ref([
+  {
+    value: "value1",
+    label: "请选择状态",
+  },
+]);
+const columns1 = [
+  {
+    title: "课程编号",
+    width: "20%",
+    dataIndex: "num",
+    key: "num",
+    align: "center",
+  },
+  {
+    title: "名称",
+    width: "20%",
+    dataIndex: "name",
+    key: "name",
+    align: "center",
+  },
+  {
+    title: "内容分类",
+    width: "13%",
+    dataIndex: "content",
+    key: "content",
+    align: "center",
+  },
+  {
+    title: "授课教师",
+    width: "13%",
+    dataIndex: "teacher",
+    key: "teacher",
+    align: "center",
+  },
+  {
+    title: "创建人",
+    width: "13%",
+    dataIndex: "creator",
+    key: "creator",
+    align: "center",
+  },
+  {
+    title: "完成时间",
+    width: "20%",
+    dataIndex: "time",
+    key: "time",
+    align: "center",
+  },
+];
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys, selectedRows) => {
+    console.log(
+      `selectedRowKeys: ${selectedRowKeys}`,
+      "selectedRows: ",
+      selectedRows
+    );
+  },
+  onSelect: (record, selected, selectedRows) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+export default {
+  name: "AddHomework",
+  // components: {
+  // },
+  props: {
+    addhomeworkVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      tableData1: [
+        {
+          key: "1",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "通用力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "2",
+          num: "JDF2022071100001",
+          name: "管理能力课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "3",
+          num: "JDF2022071100001",
+          name: "快速换模SMED",
+          content: "通用力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "4",
+          num: "JDF2022071100001",
+          name: "巧妙对话人见人夸",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "5",
+          num: "JDF2022071100001",
+          name: "管理能力课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "6",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "7",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "8",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "9",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+      ],
+      currentPage: 1,
+      tableDataTotal: 100,
+      pageSize: 10,
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:addhomeworkVisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      options1,
+      columns1,
+      rowSelection,
+      // change,
+    };
+  },
+};
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.addhomeworkDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+      .main_left {
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
+        .main_item2 {
+          display: flex;
+          align-items: flex-start;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .kqszbox {
+            .qdqtbox {
+              margin-left: 56px;
+            }
+            .setbox {
+              display: flex;
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 24px;
+              .timerbox {
+                margin-top: 6px;
+                margin-right: 32px;
+                display: flex;
+                align-items: center;
+                flex-wrap: nowrap;
+              }
+            }
+          }
+          .btnbox2 {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 16px 8px 32px 0;
+              color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
+            }
+          }
+        }
+      }
+    }
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      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>
diff --git a/src/components/drawers/AddOnline.vue b/src/components/drawers/AddOnline.vue
index 04fd69e1..040b47c6 100644
--- a/src/components/drawers/AddOnline.vue
+++ b/src/components/drawers/AddOnline.vue
@@ -1,7 +1,7 @@
 <template>
   <a-drawer
     :visible="addonlineVisible"
-    class="drawerStyle"
+    class="drawerStyle addonlineDrawer"
     width="80%"
     title="添加在线"
     placement="right"
@@ -294,165 +294,165 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
-.drawerStyle {
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
-    .contentMain {
-      .main_items {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 12px;
-        flex-wrap: wrap;
-        .mi_ipts {
-          display: flex;
-          margin-bottom: 20px;
-          .mii_ipt {
-            display: flex;
-            align-items: center;
-            margin-right: 24px;
-            .ipt_name {
-              white-space: nowrap;
-            }
-          }
-        }
-        .mi_btns {
-          display: flex;
-          margin-left: 38px;
-          margin-bottom: 20px;
-          cursor: pointer;
-          .btn {
-            padding: 0px 26px 0px 26px;
-            height: 38px;
-            border-radius: 8px;
-            border: 1px solid rgba(64, 158, 255, 1);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-left: 14px;
-            flex-shrink: 0;
-            .search {
-              background-size: 100%;
-            }
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 36px;
-              margin-left: 5px;
-            }
-          }
-          .btn1 {
-            background: rgb(64, 158, 255);
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/search0.png");
-            }
-            .btnText {
-              color: rgb(255, 255, 255);
-            }
-          }
-          .btn2 {
-            background: rgb(255, 255, 255);
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/reset1.png");
-            }
-            .btnText {
-              color: rgb(64, 158, 255);
-            }
-          }
-          .btn1:hover {
-            background: rgb(255, 255, 255);
-            .search {
-              background-image: url("@/assets/images/courseManage/search1.png");
-            }
-            .btnText {
-              color: #388be1;
-            }
-          }
-          .btn2:hover {
-            background: rgba(64, 158, 255, 1);
-            .search {
-              background-image: url("@/assets/images/courseManage/reset0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
-        }
-      }
-      .main_notice {
+.addonlineDrawer {
+    .drawerMain {
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
         display: flex;
         justify-content: space-between;
         align-items: center;
-        margin-bottom: 32px;
-        height: 40px;
-        background-color: #e9f6fe;
-        .mntc_left {
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+          margin-left: 24px;
+        }
+      }
+      .contentMain {
+        .main_items {
           display: flex;
-          align-items: center;
-          .notice_icon {
-            width: 14px;
-            height: 14px;
-            margin-right: 9px;
-            margin-left: 9px;
-            background-image: url(@/assets/images/coursewareManage/gan.png);
-            background-size: 100% 100%;
+          justify-content: space-between;
+          margin-bottom: 12px;
+          flex-wrap: wrap;
+          .mi_ipts {
+            display: flex;
+            margin-bottom: 20px;
+            .mii_ipt {
+              display: flex;
+              align-items: center;
+              margin-right: 24px;
+              .ipt_name {
+                white-space: nowrap;
+              }
+            }
+          }
+          .mi_btns {
+            display: flex;
+            margin-left: 38px;
+            margin-bottom: 20px;
+            cursor: pointer;
+            .btn {
+              padding: 0px 26px 0px 26px;
+              height: 38px;
+              border-radius: 8px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-left: 14px;
+              flex-shrink: 0;
+              .search {
+                background-size: 100%;
+              }
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 36px;
+                margin-left: 5px;
+              }
+            }
+            .btn1 {
+              background: rgb(64, 158, 255);
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/search0.png");
+              }
+              .btnText {
+                color: rgb(255, 255, 255);
+              }
+            }
+            .btn2 {
+              background: rgb(255, 255, 255);
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/reset1.png");
+              }
+              .btnText {
+                color: rgb(64, 158, 255);
+              }
+            }
+            .btn1:hover {
+              background: rgb(255, 255, 255);
+              .search {
+                background-image: url("@/assets/images/courseManage/search1.png");
+              }
+              .btnText {
+                color: #388be1;
+              }
+            }
+            .btn2:hover {
+              background: rgba(64, 158, 255, 1);
+              .search {
+                background-image: url("@/assets/images/courseManage/reset0.png");
+              }
+              .btnText {
+                color: #ffffff;
+              }
+            }
           }
         }
-        .mntc_right {
+        .main_notice {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 32px;
+          height: 40px;
+          background-color: #e9f6fe;
+          .mntc_left {
+            display: flex;
+            align-items: center;
+            .notice_icon {
+              width: 14px;
+              height: 14px;
+              margin-right: 9px;
+              margin-left: 9px;
+              background-image: url(@/assets/images/coursewareManage/gan.png);
+              background-size: 100% 100%;
+            }
+          }
+          .mntc_right {
+            cursor: pointer;
+          }
+        }
+      }
+
+      .main_btns {
+        height: 72px;
+        width: 100%;
+        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;
+        }
       }
     }
-
-    .main_btns {
-      height: 72px;
-      width: 100%;
-      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/AddTest.vue b/src/components/drawers/AddTest.vue
new file mode 100644
index 00000000..eeaef62e
--- /dev/null
+++ b/src/components/drawers/AddTest.vue
@@ -0,0 +1,537 @@
+<template>
+  <a-drawer
+    :visible="addtestVisible"
+    class="drawerStyle addtestDrawer"
+    width="80%"
+    title="添加面授"
+    placement="right"
+    @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="contentMain">
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">考试名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV1"
+                style="width: 424px; height: 32px"
+                placeholder="请输入考试名称"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">考试说明：</span>
+            </div>
+            <div class="textarea">
+              <a-textarea
+                v-model:value="textV1"
+                placeholder="请输入考试说明"
+                allow-clear
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">选择考试：</span>
+            </div>
+            <div class="btnbox">
+              <a-select
+                dropdownClassName="dropdown-style"
+                style="width: 424px"
+                placeholder="请输入考试名称"
+                :options="options1"
+                allowClear
+                showSearch
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">考试时间：</span>
+            </div>
+            <div class="btnbox">
+              <a-range-picker
+                style="width: 424px"
+                :placeholder="['      开始时间', '        结束时间']"
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">考试时长：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV2"
+                style="width: 388px; height: 32px"
+              />
+              <span style="margin-left: 5px">分钟</span>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">考试限制：</span>
+            </div>
+            <div class="btnbox">
+              <span style="margin-right: 8px">允许重复考试</span>
+              <a-input
+                v-model:value="inputV3"
+                style="width: 88px; height: 32px"
+              />
+              <span style="margin-left: 8px">次</span>
+              <span style="margin-left: 24px; color: #999999"
+                >-1表示无限制</span
+              >
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">显示答案：</span>
+            </div>
+            <div class="btnbox">
+              <a-radio-group v-model:value="radioV1">
+                <a-radio v-model:checked="checked" :value="1">允许查看</a-radio>
+                <a-radio v-model:checked="checked" :value="2"
+                  >不允许查看</a-radio
+                >
+              </a-radio-group>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">显示解析：</span>
+            </div>
+            <div class="btnbox">
+              <a-radio-group v-model:value="radioV2">
+                <a-radio v-model:checked="checked" :value="1">允许查看</a-radio>
+                <a-radio v-model:checked="checked" :value="2"
+                  >不允许查看</a-radio
+                >
+              </a-radio-group>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">评分模式：</span>
+            </div>
+            <div class="btnbox">
+              <div class="btnbox">
+                <a-radio-group v-model:value="radioV3">
+                  <a-radio v-model:checked="checked" :value="1"
+                    >最高一次</a-radio
+                  >
+                  <a-radio v-model:checked="checked" :value="2"
+                    >最后一次</a-radio
+                  >
+                </a-radio-group>
+              </div>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">及格线：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="value2"
+                style="width: 88px; height: 32px"
+              />
+              <span style="margin-left: 8px">分</span>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">试题排列：</span>
+            </div>
+            <div class="btnbox">
+              <a-radio-group v-model:value="radioV4">
+                <a-radio v-model:checked="checked" :value="1">试题乱序</a-radio>
+                <a-radio v-model:checked="checked" :value="2">试题排序</a-radio>
+                <a-radio v-model:checked="checked" :value="3">全部乱序</a-radio>
+              </a-radio-group>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+  <script>
+import { reactive, toRefs, ref } from "vue";
+const options1 = ref([
+  {
+    value: "value1",
+    label: "请选择状态",
+  },
+]);
+const columns1 = [
+  {
+    title: "课程编号",
+    width: "20%",
+    dataIndex: "num",
+    key: "num",
+    align: "center",
+  },
+  {
+    title: "名称",
+    width: "20%",
+    dataIndex: "name",
+    key: "name",
+    align: "center",
+  },
+  {
+    title: "内容分类",
+    width: "13%",
+    dataIndex: "content",
+    key: "content",
+    align: "center",
+  },
+  {
+    title: "授课教师",
+    width: "13%",
+    dataIndex: "teacher",
+    key: "teacher",
+    align: "center",
+  },
+  {
+    title: "创建人",
+    width: "13%",
+    dataIndex: "creator",
+    key: "creator",
+    align: "center",
+  },
+  {
+    title: "完成时间",
+    width: "20%",
+    dataIndex: "time",
+    key: "time",
+    align: "center",
+  },
+];
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys, selectedRows) => {
+    console.log(
+      `selectedRowKeys: ${selectedRowKeys}`,
+      "selectedRows: ",
+      selectedRows
+    );
+  },
+  onSelect: (record, selected, selectedRows) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+export default {
+  name: "AddTest",
+  // components: {
+  // },
+  props: {
+    addtestVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      tableData1: [
+        {
+          key: "1",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "通用力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "2",
+          num: "JDF2022071100001",
+          name: "管理能力课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "3",
+          num: "JDF2022071100001",
+          name: "快速换模SMED",
+          content: "通用力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "4",
+          num: "JDF2022071100001",
+          name: "巧妙对话人见人夸",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "5",
+          num: "JDF2022071100001",
+          name: "管理能力课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "6",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "7",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "8",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "9",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+      ],
+      currentPage: 1,
+      tableDataTotal: 100,
+      pageSize: 10,
+      inputV1: "",
+      inputV2: "",
+      inputV3: "",
+      testV1: "",
+      radioV1: "",
+      radioV2: "",
+      radioV3: "",
+      radioV4: "",
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:addtestVisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      options1,
+      columns1,
+      rowSelection,
+      // change,
+    };
+  },
+};
+</script>
+  <style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.addtestDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+      .main_left {
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
+        .main_item2 {
+          display: flex;
+          align-items: flex-start;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .kqszbox {
+            .qdqtbox {
+              margin-left: 56px;
+            }
+            .setbox {
+              display: flex;
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 24px;
+              .timerbox {
+                margin-top: 6px;
+                margin-right: 32px;
+                display: flex;
+                align-items: center;
+                flex-wrap: nowrap;
+              }
+            }
+          }
+          .btnbox2 {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 16px 8px 32px 0;
+              color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
+            }
+          }
+        }
+      }
+    }
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      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/EditOnline.vue b/src/components/drawers/EditOnline.vue
index 320cf968..38e68e6c 100644
--- a/src/components/drawers/EditOnline.vue
+++ b/src/components/drawers/EditOnline.vue
@@ -1,7 +1,7 @@
 <template>
   <a-drawer
     :visible="editonlineVisible"
-    class="drawerStyle"
+    class="drawerStyle editonlineDrawer"
     width="80%"
     title="添加在线"
     placement="right"
@@ -291,169 +291,169 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
-.drawerStyle {
-  .drawerMain {
-    .header {
-      height: 73px;
-      border-bottom: 1px solid #e8e8e8;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .headerTitle {
-        font-size: 18px;
-        font-weight: 600;
-        color: #333333;
-        line-height: 25px;
-        margin-left: 24px;
-      }
-    }
-    .contentMain {
-      .main_item {
-        display: flex;
-        align-items: center;
-        margin-bottom: 32px;
-        .signbox {
-          display: flex;
-          align-items: center;
-          .sign {
-            margin-right: 5px;
-          }
-        }
-        .btnbox {
-          display: flex;
-          align-items: center;
-          .xkbtn {
-            cursor: pointer;
-            width: 130px;
-            height: 40px;
-            background: #388be1;
-            border-radius: 8px;
-            border: 0;
-            margin-right: 8px;
-            color: #fff;
-          }
-        }
-      }
-      .main_items {
+.editonlineDrawer {
+    .drawerMain {
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
         display: flex;
         justify-content: space-between;
-        flex-wrap: wrap;
-        margin-bottom: 12px;
-        .mi_ipts {
+        align-items: center;
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+          margin-left: 24px;
+        }
+      }
+      .contentMain {
+        .main_item {
           display: flex;
-          margin-bottom: 20px;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            display: flex;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .btnbox {
+            display: flex;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
+        .main_items {
+          display: flex;
+          justify-content: space-between;
           flex-wrap: wrap;
-          .mii_ipt {
+          margin-bottom: 12px;
+          .mi_ipts {
             display: flex;
-            align-items: center;
-            margin-right: 24px;
-            margin-bottom: 10px;
-            .ipt_name {
-              white-space: nowrap;
+            margin-bottom: 20px;
+            flex-wrap: wrap;
+            .mii_ipt {
+              display: flex;
+              align-items: center;
+              margin-right: 24px;
+              margin-bottom: 10px;
+              .ipt_name {
+                white-space: nowrap;
+              }
+            }
+          }
+          .mi_btns {
+            display: flex;
+            margin-left: 38px;
+            margin-bottom: 20px;
+            cursor: pointer;
+            .btn {
+              padding: 0px 26px 0px 26px;
+              height: 38px;
+              border-radius: 8px;
+              border: 1px solid rgba(64, 158, 255, 1);
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-left: 14px;
+              flex-shrink: 0;
+              .search {
+                background-size: 100%;
+              }
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 36px;
+                margin-left: 5px;
+              }
+            }
+            .btn1 {
+              background: rgb(64, 158, 255);
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/search0.png");
+              }
+              .btnText {
+                color: rgb(255, 255, 255);
+              }
+            }
+            .btn2 {
+              background: rgb(255, 255, 255);
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("@/assets/images/coursewareManage/reset1.png");
+              }
+              .btnText {
+                color: rgb(64, 158, 255);
+              }
+            }
+            .btn1:hover {
+              background: rgb(255, 255, 255);
+              .search {
+                background-image: url("@/assets/images/courseManage/search1.png");
+              }
+              .btnText {
+                color: #388be1;
+              }
+            }
+            .btn2:hover {
+              background: rgba(64, 158, 255, 1);
+              .search {
+                background-image: url("@/assets/images/courseManage/reset0.png");
+              }
+              .btnText {
+                color: #ffffff;
+              }
             }
           }
         }
-        .mi_btns {
-          display: flex;
-          margin-left: 38px;
-          margin-bottom: 20px;
+      }
+      .main_btns {
+        height: 72px;
+        width: 100%;
+        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;
-          .btn {
-            padding: 0px 26px 0px 26px;
-            height: 38px;
-            border-radius: 8px;
-            border: 1px solid rgba(64, 158, 255, 1);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-left: 14px;
-            flex-shrink: 0;
-            .search {
-              background-size: 100%;
-            }
-            .btnText {
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 36px;
-              margin-left: 5px;
-            }
-          }
-          .btn1 {
-            background: rgb(64, 158, 255);
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/search0.png");
-            }
-            .btnText {
-              color: rgb(255, 255, 255);
-            }
-          }
-          .btn2 {
-            background: rgb(255, 255, 255);
-            .search {
-              width: 15px;
-              height: 17px;
-              background-image: url("@/assets/images/coursewareManage/reset1.png");
-            }
-            .btnText {
-              color: rgb(64, 158, 255);
-            }
-          }
-          .btn1:hover {
-            background: rgb(255, 255, 255);
-            .search {
-              background-image: url("@/assets/images/courseManage/search1.png");
-            }
-            .btnText {
-              color: #388be1;
-            }
-          }
-          .btn2:hover {
-            background: rgba(64, 158, 255, 1);
-            .search {
-              background-image: url("@/assets/images/courseManage/reset0.png");
-            }
-            .btnText {
-              color: #ffffff;
-            }
-          }
+        }
+        .btn2 {
+          cursor: pointer;
+          width: 100px;
+          height: 40px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          border: 0;
+          margin-left: 15px;
+          color: #fff;
         }
       }
     }
-    .main_btns {
-      height: 72px;
-      width: 100%;
-      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/MemberList.vue b/src/components/drawers/MemberList.vue
new file mode 100644
index 00000000..2b0f9d6f
--- /dev/null
+++ b/src/components/drawers/MemberList.vue
@@ -0,0 +1,596 @@
+<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" 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>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "MemberList",
+  props: {
+    Lvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      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 onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      
+    };
+
+    return {
+      ...toRefs(state),
+      closeDrawer,
+      onSelectChange,
+      showModal,
+      closeModal,
+    };
+  },
+};
+</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/SelFacet.vue b/src/components/drawers/SelFacet.vue
new file mode 100644
index 00000000..d6d6799f
--- /dev/null
+++ b/src/components/drawers/SelFacet.vue
@@ -0,0 +1,424 @@
+<template>
+  <a-drawer
+    :visible="selfacetVisible"
+    class="drawerStyle selfacetDrawer"
+    width="80%"
+    title="添加在线"
+    placement="right"
+    @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="contentMain">
+        <div class="main_items">
+          <div class="mi_ipts">
+            <div class="mii_ipt">
+              <div class="ipt_name">课程编号：</div>
+              <div class="fi_input">
+                <a-input
+                  v-model:value="value"
+                  style="width: 240px; height: 40px; border-radius: 8px"
+                  placeholder="请输入项目名称"
+                />
+              </div>
+            </div>
+            <div class="mii_ipt">
+              <div class="ipt_name">内容分类：</div>
+              <div class="select">
+                <a-select
+                  dropdownClassName="dropdown-style"
+                  style="width: 240px"
+                  placeholder="请选择"
+                  :options="options1"
+                  allowClear
+                  showSearch
+                />
+              </div>
+            </div>
+          </div>
+          <div class="mi_btns">
+            <div class="btn btn1">
+              <div class="search"></div>
+              <div class="btnText">搜索</div>
+            </div>
+            <div class="btn btn2">
+              <div class="search"></div>
+              <div class="btnText">重置</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="main_table">
+          <a-table
+            class="ant-table-striped"
+            :row-class-name="
+              (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
+            "
+            :row-selection="rowSelection"
+            :columns="columns1"
+            :data-source="tableData1"
+            :loading="tableDataTotal === -1 ? true : false"
+            :pagination="{
+              showSizeChanger: true,
+              showQuickJumper: true,
+              hideOnSinglePage: true,
+              pageSizeOptions: [],
+              pageSize: pageSize,
+              current: currentPage,
+              total: tableDataTotal,
+              onChange: (page, pageSize) => {
+                currentPage = page;
+                // console.log('page', page)
+                // 加翻页查找代码
+                // 	this.setState({
+                // 		currentPage: page,
+                // 	}, () => {
+                // 		this.getMilitaryDeployment()
+                // 	})
+              },
+            }"
+          />
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script>
+import { reactive, toRefs, ref } from "vue";
+const options1 = ref([
+  {
+    value: "value1",
+    label: "请选择状态",
+  },
+]);
+const columns1 = [
+  {
+    title: "课程编号",
+    width: "20%",
+    dataIndex: "num",
+    key: "num",
+    align: "center",
+  },
+  {
+    title: "名称",
+    width: "20%",
+    dataIndex: "name",
+    key: "name",
+    align: "center",
+  },
+  {
+    title: "内容分类",
+    width: "13%",
+    dataIndex: "content",
+    key: "content",
+    align: "center",
+  },
+  {
+    title: "授课教师",
+    width: "13%",
+    dataIndex: "teacher",
+    key: "teacher",
+    align: "center",
+  },
+  {
+    title: "创建人",
+    width: "13%",
+    dataIndex: "creator",
+    key: "creator",
+    align: "center",
+  },
+  {
+    title: "完成时间",
+    width: "20%",
+    dataIndex: "time",
+    key: "time",
+    align: "center",
+  },
+];
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys, selectedRows) => {
+    console.log(
+      `selectedRowKeys: ${selectedRowKeys}`,
+      "selectedRows: ",
+      selectedRows
+    );
+  },
+  onSelect: (record, selected, selectedRows) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+export default {
+  name: "SelFacet",
+  props: {
+    selfacetVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      tableData1: [
+        {
+          key: "1",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "通用力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "2",
+          num: "JDF2022071100001",
+          name: "管理能力课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "3",
+          num: "JDF2022071100001",
+          name: "快速换模SMED",
+          content: "通用力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "4",
+          num: "JDF2022071100001",
+          name: "巧妙对话人见人夸",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "5",
+          num: "JDF2022071100001",
+          name: "管理能力课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "6",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "7",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "8",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "9",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+      ],
+      currentPage: 1,
+      tableDataTotal: 100,
+      pageSize: 10,
+      value:'',
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:selfacetVisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    const showDrawerSelFacet = () => {
+      state.selfacetvisible = true;
+    };
+    return {
+      ...toRefs(state),
+      showDrawerSelFacet,
+      afterVisibleChange,
+      closeDrawer,
+      options1,
+      columns1,
+      rowSelection,
+      // change,
+    };
+  },
+};
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.selfacetDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+      .main_items {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 12px;
+        flex-wrap: wrap;
+        .mi_ipts {
+          display: flex;
+          margin-bottom: 20px;
+          .mii_ipt {
+            display: flex;
+            align-items: center;
+            margin-right: 24px;
+            .ipt_name {
+              white-space: nowrap;
+            }
+          }
+        }
+        .mi_btns {
+          display: flex;
+          margin-left: 38px;
+          margin-bottom: 20px;
+          cursor: pointer;
+          .btn {
+            padding: 0px 26px 0px 26px;
+            height: 38px;
+            border-radius: 8px;
+            border: 1px solid rgba(64, 158, 255, 1);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-left: 14px;
+            flex-shrink: 0;
+            .search {
+              background-size: 100%;
+            }
+            .btnText {
+              font-size: 14px;
+              font-weight: 400;
+              line-height: 36px;
+              margin-left: 5px;
+            }
+          }
+          .btn1 {
+            background: rgb(64, 158, 255);
+            .search {
+              width: 15px;
+              height: 17px;
+              background-image: url("@/assets/images/coursewareManage/search0.png");
+            }
+            .btnText {
+              color: rgb(255, 255, 255);
+            }
+          }
+          .btn2 {
+            background: rgb(255, 255, 255);
+            .search {
+              width: 15px;
+              height: 17px;
+              background-image: url("@/assets/images/coursewareManage/reset1.png");
+            }
+            .btnText {
+              color: rgb(64, 158, 255);
+            }
+          }
+          .btn1:hover {
+            background: rgb(255, 255, 255);
+            .search {
+              background-image: url("@/assets/images/courseManage/search1.png");
+            }
+            .btnText {
+              color: #388be1;
+            }
+          }
+          .btn2:hover {
+            background: rgba(64, 158, 255, 1);
+            .search {
+              background-image: url("@/assets/images/courseManage/reset0.png");
+            }
+            .btnText {
+              color: #ffffff;
+            }
+          }
+        }
+      }
+    }
+
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      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/SubsetManage.vue b/src/components/drawers/SubsetManage.vue
index ac14c695..2c851a2b 100644
--- a/src/components/drawers/SubsetManage.vue
+++ b/src/components/drawers/SubsetManage.vue
@@ -1,9 +1,9 @@
 <template>
   <a-drawer
     :visible="Svisible"
-    class="drawerStyle"
+    class="drawerStyle subset"
     placement="right"
-    width="40%"
+    width="70%"
     @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain">
@@ -16,30 +16,95 @@
         />
       </div>
       <div class="main">
-        
+        <div class="groupl">小组：</div>
+        <div>
+          <div class="groupin">         
+          <a-input
+                v-model:value="value"
+                placeholder="好好学习小组"
+                style="border-radius: 8px; height: 40px"
+          />
+          <div class="delete">删除</div>
+        </div>
+        <div class="groupin">          
+          <a-input
+                v-model:value="value"
+                placeholder="全能小组"
+                style="border-radius: 8px; height: 40px"
+          />
+          <div class="delete">删除</div>
+        </div>
+        <div class="groupin">
+
+          <a-input
+                v-model:value="value"
+                placeholder="宇宙第一最强小组"
+                style="border-radius: 8px; height: 40px"
+          />
+          <div class="delete">删除</div>
+        </div>
+        </div>       
       </div>
+      <div class="addgroup" @click="showAddGroup">
+        <img src="../../assets/images/courseManage/add0.png"/>
+        <span class="grot">创建小组</span>
+      </div>
+      <div class="zhu">注：随机分组不对小组长生效</div>
       <div class="btnn">
         <button class="btn1">取消</button>
         <button class="btn2">确定</button>
       </div>
     </div>
   </a-drawer>
+  <!-- 创建小组抽屉 -->
+  <add-group v-model:Avisible="Avisible" />
 </template>
 
 <script>
+import { reactive, toRefs } from "vue";
+import AddGroup from "./AddGroup.vue";
 export default {
   name: "SubsetManage",
+  components: { AddGroup },
   props: {
     Svisible: {
       type: Boolean,
       default: false,
     },
   },
+  setup(props, ctx) {
+    const state = reactive({
+      Avisible: false,
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:Svisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    const showDrawer = () => {
+      state.Svisible = true;
+    };
+
+    const showAddGroup = () => {
+      state.Avisible = true;
+    };
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      showDrawer,
+      closeDrawer,
+      showAddGroup,
+      // change,
+    };
+  },
 };
 </script>
 
 <style scoped lang="scss" >
-.drawerStyle {
+.subset {
   .ant-drawer-content-wrapper {
     // max-width: 1000px;
     .ant-drawer-header {
@@ -71,7 +136,55 @@ export default {
         // margin-left: 24px;
       }
     }
-
+    .main {
+      display: flex;
+      .groupin {
+        display: flex;
+        align-items: center;  
+        margin-top: 32px;
+        .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 384px;
+              height: 40px;
+        }
+        .delete {
+          color: rgba(56, 125, 247, 1);
+          font-size: 14px;
+          margin-left: 10px;
+          cursor: pointer;
+        }     
+      }
+      .groupl {
+          color: rgba(0, 0, 0, 0.8500);
+          font-size: 16px;
+          margin-top: 36px;
+      }
+    }
+    .addgroup {
+        width: 130px;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        //margin-right: 16px;
+        margin-top: 32px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        background: #409eff;
+        cursor: pointer;
+        .grot {
+          color: #ffffff;
+          margin-left: 5px;
+          font-size: 14px;
+          
+        }
+      }
+    .zhu {
+      margin-top: 24px;
+      color: rgba(153, 153, 153, 1);
+      font-size: 14px;
+    }
     .btnn {
       height: 72px;
       width: 100%;
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 1b16db1f..a3fb7a8b 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -69,8 +69,8 @@
         </div>
       </div>
       <div class="mid">
-        <div class="item">
-          <div class="itcon" @click="showDrawerOnline">
+        <div class="item" @click="showDrawerOnline">
+          <div class="itcon" >
             <div class="img">
               <img src="../../assets/images/leveladd/zai.png" />
             </div>
@@ -83,8 +83,8 @@
           <!-- 添加在线侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
-          <div class="itcon" @click="showDrawerFaceteach">
+        <div class="item" @click="showDrawerFaceteach">
+          <div class="itcon" >
             <div class="img">
               <img src="../../assets/images/leveladd/mian.png" />
             </div>
@@ -97,13 +97,18 @@
           <!-- 添加面授侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddCase">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/an.png" />
             </div>
             <div class="text">案例</div>
           </div>
+          <!-- 添加案例侧弹窗 -->
+          <div>
+            <add-case v-model:addcaseVisible="addcasevisible" />
+          </div>
+          <!-- 添加案例侧弹窗 -->
           <div class="lin"></div>
         </div>
         <div class="item">
@@ -363,6 +368,7 @@ import { reactive, toRefs, onMounted, onUnmounted } from "vue";
 import AddOnline from "../../components/drawers/AddOnline.vue";
 import EditOnline from "../../components/drawers/EditOnline.vue";
 import AddFaceteach from "../../components/drawers/AddFaceteach.vue";
+import AddCase from "../../components/drawers/AddCase.vue";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -407,6 +413,7 @@ export default {
     AddOnline,
     EditOnline,
     AddFaceteach,
+    AddCase,
   },
   setup() {
     const state = reactive({
@@ -646,6 +653,7 @@ export default {
       pageSize: 10,
       addonlinevisible: false,
       addfaceteachvisible: false,
+      addcasevisible:false,
       editonlinevisible: false,
       stage: false,
       selectedRowKeys: [],
@@ -812,6 +820,9 @@ export default {
     const showDrawerFaceteach = () => {
       state.addfaceteachvisible = true;
     };
+    const showDrawerAddCase = () => {
+      state.addcasevisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -825,6 +836,7 @@ export default {
       onSelectChange,
       showDrawerOnline,
       showDrawerFaceteach,
+      showDrawerAddCase,
     };
   },
 };
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 1af68e80..a62701ca 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -75,11 +75,7 @@
               <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">
@@ -100,11 +96,7 @@
                 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">
@@ -641,7 +633,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">
@@ -688,7 +680,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">
@@ -735,7 +727,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">
@@ -782,7 +774,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">
@@ -838,6 +830,8 @@
     <face-manage v-model:Fvisible="FaceVisivle" />
     <!-- 学员（小组管理）创建小组抽屉 -->
     <subset-manage v-model:Svisible="subsetVisivle" />
+    <!-- 组员名单抽屉 -->
+    <member-list v-model:Lvisible="Lvisible" />
     <!-- 面授学员抽屉 -->
     <face-stu v-model:FSvisible="FSvisible" />
     <!-- 活动考勤抽屉 -->
@@ -864,11 +858,7 @@
             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">
@@ -944,11 +934,7 @@
             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">
@@ -1009,6 +995,7 @@ 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 FaceStu from "../../components/drawers/FaceStu";
@@ -1018,6 +1005,7 @@ export default {
     TimeManage,
     FaceManage,
     SubsetManage,
+    MemberList,
     FaceStu,
     ActiveAttendance,
     WorkManage,
@@ -1168,6 +1156,7 @@ export default {
       visible: false, //时间管理
       FaceVisivle: false, //面授管理
       subsetVisivle: false, //随机小组
+      Lvisible: false, //组员名单
       FSvisible: false, //面授学员
       AAvisible: false, //活动考勤
       Wvisible: false, //作业管理
@@ -1213,6 +1202,10 @@ export default {
     const showFS = () => {
       state.FSvisible = true;
     };
+    //面授学员的弹窗
+    const showMemberList = () => {
+      state.Lvisible = true;
+    };
     //活动考勤的抽屉
     const showAA = () => {
       state.AAvisible = true;
@@ -1232,6 +1225,7 @@ export default {
       showTime,
       showFace,
       showSubset,
+      showMemberList,
       showFS,
       showAA,
       showWork,