diff --git a/src/components/drawers/FaceManage.vue b/src/components/drawers/FaceManage.vue
new file mode 100644
index 00000000..28053dfa
--- /dev/null
+++ b/src/components/drawers/FaceManage.vue
@@ -0,0 +1,556 @@
+<template>
+  <a-drawer
+    :visible="Fvisible"
+    class="drawerStyle"
+    placement="right"
+    width="60%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">面授【管理】</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="endtime">起止时间：2022-07-21 14:00 ～ 2022-7-30 14:00</div>
+        <div class="search">
+          <div class="namecon" style="margin-right: 30px">
+            <div class="name">姓名：</div>
+            <a-input
+              v-model:value="name"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入姓名"
+            />
+          </div>
+          <div class="namecon" style="margin-right: 50px">
+            <div class="name">任务状态：</div>
+            <div class="select">
+              <a-select
+                v-model:value="projectName"
+                style="width: 270px"
+                placeholder="请选择"
+                :options="projectNameList"
+                @change="selectProjectName"
+                allowClear
+                showSearch
+              ></a-select>
+            </div>
+          </div>
+          <div class="btns">
+            <div class="btn btn1" style="margin-right: 20px">
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+        <div class="btnss" style="margin-top: 20px">
+          <div class="btn btn1" style="margin-right: 20px">
+            <div class="img1"></div>
+            <div class="wz">催促学习</div>
+          </div>
+          <div class="btn btn2">
+            <div class="wz">批量标注完成</div>
+          </div>
+          <div class="btn btn2">
+            <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="tab" style="margin-top: 20px; margin-bottom: 100px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tablecolumns"
+            :data-source="tabledata"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            :scroll="{ x: 900, y: 350 }"
+            @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>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "FaceManage",
+  props: {
+    Fvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      name: null,
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 100,
+      selectedRowKeys: [],
+      projectNameList: [
+        {
+          id: 1,
+          value: "项目一",
+          label: "项目一",
+        },
+        {
+          id: 2,
+          value: "项目二",
+          label: "项目二",
+        },
+        {
+          id: 3,
+          value: "项目三",
+          label: "项目三",
+        },
+        {
+          id: 4,
+          value: "项目四",
+          label: "项目四",
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "-",
+          state: "未完成",
+        },
+        {
+          key: 2,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "-",
+          state: "未完成",
+        },
+        {
+          key: 3,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "合格",
+          state: "完成",
+        },
+        {
+          key: 4,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "合格",
+          state: "完成",
+        },
+        {
+          key: 5,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "合格",
+          state: "完成",
+        },
+        {
+          key: 6,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "合格",
+          state: "完成",
+        },
+        {
+          key: 7,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "合格",
+          state: "完成",
+        },
+        {
+          key: 8,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "不合格",
+          state: "完成",
+        },
+        {
+          key: 9,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "不合格",
+          state: "完成",
+        },
+        {
+          key: 10,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          score: "不合格",
+          state: "完成",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "课程成绩",
+          dataIndex: "score",
+          key: "score",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "任务状态",
+          dataIndex: "state",
+          key: "state",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
+    });
+    const selectProjectName = (value, index) => {
+      console.log("value", value, index);
+    };
+    const closeDrawer = () => {
+      ctx.emit("update:Fvisible", false);
+    };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    return {
+      ...toRefs(state),
+      selectProjectName,
+      closeDrawer,
+      onSelectChange,
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+.drawerStyle {
+  .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 {
+      width: 100%;
+      height: 100%;
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .endtime {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333333;
+      }
+      .search {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 20px;
+
+        .namecon {
+          display: flex;
+          flex-wrap: nowrap;
+          margin-bottom: 10px;
+          // .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: #388be1;
+
+            color: #ffffff;
+          }
+          .btn2 {
+            background: #ffffff;
+
+            color: #388be1;
+            border: 1px solid #388be1;
+          }
+        }
+      }
+      .btnss {
+        display: flex;
+        flex-wrap: nowrap;
+
+        .btn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          border-radius: 8px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          .img1 {
+            width: 15px;
+            height: 17px;
+            background-image: url(../../assets/images/courseManage/search0.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;
+          }
+        }
+
+        .btn1 {
+          background: #388be1;
+
+          color: #ffffff;
+        }
+        .btn2 {
+          background: #ffffff;
+          margin-right: 20px;
+          color: #388be1;
+          border: 1px solid #388be1;
+        }
+      }
+      .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;
+          }
+        }
+      }
+      .tab {
+        .ant-table-thead > tr > th {
+          background-color: rgba(239, 244, 252, 1);
+        }
+
+        th.h {
+          background-color: #eff4fc !important;
+        }
+
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+          background: #f6f9fd;
+        }
+        .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/TimeManage.vue b/src/components/drawers/TimeManage.vue
new file mode 100644
index 00000000..8c6a31fa
--- /dev/null
+++ b/src/components/drawers/TimeManage.vue
@@ -0,0 +1,473 @@
+<template>
+  <a-drawer
+    :visible="Tvisible"
+    class="drawerStyle"
+    placement="right"
+    width="60%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">在线【时间管理】</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="endtime">起止时间：2022-07-21 14:00 ～ 2022-7-30 14:00</div>
+        <div class="search">
+          <div class="namecon" style="margin-right: 30px">
+            <div class="name">姓名：</div>
+            <a-input
+              v-model:value="name"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入姓名"
+            />
+          </div>
+          <div class="namecon" style="margin-right: 50px">
+            <div class="name">任务状态：</div>
+            <div class="select">
+              <a-select
+                v-model:value="projectName"
+                style="width: 270px"
+                placeholder="请选择"
+                :options="projectNameList"
+                @change="selectProjectName"
+                allowClear
+                showSearch
+              ></a-select>
+            </div>
+          </div>
+          <div class="btns">
+            <div class="btn btn1" style="margin-right: 20px">
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+        <div class="btnss" style="margin-top: 20px">
+          <div class="btn btn1" style="margin-right: 20px">
+            <div class="img1"></div>
+            <div class="wz">催促学习</div>
+          </div>
+          <div class="btn btn2">
+            <div class="img2"></div>
+            <div class="wz">导出数据</div>
+          </div>
+        </div>
+        <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tablecolumns"
+            :data-source="tabledata"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            :scroll="{ x: 900, y: 350 }"
+            @expand="expandTable"
+            :pagination="false"
+          />
+          <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>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "TimeManage",
+  props: {
+    Tvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      name: null,
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 100,
+      projectNameList: [
+        {
+          id: 1,
+          value: "项目一",
+          label: "项目一",
+        },
+        {
+          id: 2,
+          value: "项目二",
+          label: "项目二",
+        },
+        {
+          id: 3,
+          value: "项目三",
+          label: "项目三",
+        },
+        {
+          id: 4,
+          value: "项目四",
+          label: "项目四",
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "-",
+          state: "未完成",
+        },
+        {
+          key: 2,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 3,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 4,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 5,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 6,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 7,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 8,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 9,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 10,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "完成时间",
+          dataIndex: "time",
+          key: "time",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "任务状态",
+          dataIndex: "state",
+          key: "state",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
+    });
+    const selectProjectName = (value, index) => {
+      console.log("value", value, index);
+    };
+    const closeDrawer = () => {
+      ctx.emit("update:Tvisible", false);
+    };
+    return {
+      ...toRefs(state),
+      selectProjectName,
+      closeDrawer,
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+.drawerStyle {
+  .ant-drawer-content-wrapper {
+    // max-width: 1000px;
+    .ant-drawer-header {
+      display: none !important;
+    }
+    .ant-drawer-body {
+      padding: 0;
+    }
+  }
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      width: 100%;
+      height: 100%;
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .endtime {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333333;
+      }
+      .search {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 20px;
+
+        .namecon {
+          display: flex;
+          flex-wrap: nowrap;
+          margin-bottom: 10px;
+          // .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: #388be1;
+
+            color: #ffffff;
+          }
+          .btn2 {
+            background: #ffffff;
+
+            color: #388be1;
+            border: 1px solid #388be1;
+          }
+        }
+      }
+      .btnss {
+        display: flex;
+        flex-wrap: nowrap;
+
+        .btn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          border-radius: 8px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          .img1 {
+            width: 15px;
+            height: 17px;
+            background-image: url(../../assets/images/courseManage/search0.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;
+          }
+        }
+
+        .btn1 {
+          background: #388be1;
+
+          color: #ffffff;
+        }
+        .btn2 {
+          background: #ffffff;
+
+          color: #388be1;
+          border: 1px solid #388be1;
+        }
+      }
+      .tab {
+        th.h {
+          background-color: #eff4fc !important;
+        }
+
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+          background: #f6f9fd;
+        }
+        .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/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 650997b4..c55c4d9a 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -354,12 +354,6 @@ export default {
           width: 100,
           align: "center",
           className: "h",
-          // ellipsis: true,
-          // scopedSlots: { customRender: "action" }, //引入的插槽
-          // customRender: (text, record) => {
-          //   console.log(text, record);
-          //   return <span>{text.text}</span>;
-          // },
         },
         {
           title: "路径图名称",
@@ -411,38 +405,6 @@ export default {
           key: "opacation",
           width: 200,
           align: "center",
-          // scopedSlots: { customRender: "action" }, //引入的插槽
-          // customRender: (text) => {
-          //   console.log(text);
-          //   return (
-          //     <div class="opa">
-          //       <div class="opacation">
-          //         <span class={text.record.haspub ? "activecls" : "errorCls"}>
-          //           发布
-          //         </span>
-          //         <span style={{ "margin-left": "25px" }}>编辑</span>
-          //         <router-link to="/leveladd">
-          //           <span style={{ "margin-left": "25px" }}>关卡</span>
-          //         </router-link>
-
-          //         <div style={{ "margin-left": "25px" }} class="more">
-          //           <span>授权</span>
-          //           <div class="moreArrow"></div>
-          //           <div class="moreItems"></div>
-          //         </div>
-
-          //         <div
-          //           style={{ "margin-left": "21px", "margin-right": "30px" }}
-          //           class="more"
-          //         >
-          //           <span>更多</span>
-          //           <div class="moreArrow"></div>
-          //           <div class="moreItems"></div>
-          //         </div>
-          //       </div>
-          //     </div>
-          //   );
-          // },
         },
       ];
       return columns;
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index c58e46a7..46e1a5c1 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -190,7 +190,7 @@
                     </div>
                     <div class="operations">
                        
-                        <div class="operation">管理</div>
+                        <div class="operation" style="cursor: pointer" @click="showTime">管理</div>
                         
                     </div>
                 </div>
@@ -246,7 +246,7 @@
                     </div>
                     <div class="operations">
                         <div class="operation">学员</div>
-                        <div class="operation">管理</div>
+                        <div class="operation" style="cursor: pointer" @click="showFace">管理</div>
                         <div class="operation">二维码</div>
                     </div>
                 </div>
@@ -377,7 +377,7 @@
                                     <div style="width: 90%">
                                         <div class="grouptitle">
                                             <div class="goodgruop">好好学习小组</div>
-                                            <div class="">...</div>
+                                            <div>...</div>
                                         </div>
                                     </div>
                                 </div>
@@ -395,6 +395,10 @@
             <a-tab-pane key="7" tab="设置">Content of Tab Pane 3</a-tab-pane>
         </a-tabs>
     </div>
+        <!-- 时间管理抽屉 -->
+    <time-manage v-model:Tvisible="visible" />
+    <!-- 面授管理抽屉 -->
+    <face-manage v-model:Fvisible="FaceVisivle" />
 <!-- 项目发布弹窗 -->
     <div>
         <a-modal
@@ -454,10 +458,15 @@
 </template>
 <script>
 import { reactive, toRefs } from "vue";
+import TimeManage from "../../components/drawers/TimeManage";
+import FaceManage from "../../components/drawers/FaceManage";
 export default {
     name:"taskPage",
+    components: { TimeManage, FaceManage },
     setup(){
         const state = reactive({
+            visible: false, //时间管理
+      FaceVisivle: true, //面授管理
             pubproject: false,
             checked: false,
             checked1: true,
@@ -471,10 +480,23 @@ export default {
         const closeModal = () => {
             state.pubproject = false;       
         };
+        //新增
+    const showTime = () => {
+      console.log("点击管理");
+      state.visible = true;
+    };
+//新增
+    const showFace = () => {
+      //面授管理的抽屉
+      // console.log("点击管理");
+      state.FaceVisivle = true;
+    };
         return {
             ...toRefs(state),
             showModal,
             closeModal,
+            showTime,
+      showFace,
         };
     },
 }
@@ -1222,9 +1244,7 @@ export default {
                     justify-content: space-betwwen;
                     border-bottom: 1px solid rgba(232, 232, 232, 1);
                     .goodgruop {
-                        color: rgba(0, 0, 0, 0.8500);
-                        font-size: 16px;
-                        line-height: 36px;
+                        
                     }
                 }
             }