From 7c184c7ac2dd3b55acc6d2b98c04e94c964b048f Mon Sep 17 00:00:00 2001
From: wyx <you@example.com>
Date: Tue, 3 Jan 2023 16:27:36 +0800
Subject: [PATCH 1/2] =?UTF-8?q?style:=E5=A2=9E=E5=8A=A0=E5=AD=A6=E4=B9=A0?=
 =?UTF-8?q?=E8=B7=AF=E5=BE=84=E5=9B=BE=E5=90=84=E4=BB=BB=E5=8A=A1=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E7=95=8C=E9=9D=A2=E5=8F=8A=E5=8F=82=E6=95=B0=E4=BC=A0?=
 =?UTF-8?q?=E9=80=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../drawers/router/RouterCommonManage.vue     | 534 +++++++++++++
 .../drawers/router/RouterEvaluationManage.vue | 593 +++++++++++++++
 .../router/RouterExaminationManage.vue        | 614 +++++++++++++++
 .../drawers/router/RouterFaceTeachManage.vue  | 711 ++++++++++++++++++
 .../drawers/router/RouterHomeworkManage.vue   | 689 +++++++++++++++++
 src/views/learningpath/LevelAdd.vue           | 115 ++-
 6 files changed, 3250 insertions(+), 6 deletions(-)
 create mode 100644 src/components/drawers/router/RouterCommonManage.vue
 create mode 100644 src/components/drawers/router/RouterEvaluationManage.vue
 create mode 100644 src/components/drawers/router/RouterExaminationManage.vue
 create mode 100644 src/components/drawers/router/RouterFaceTeachManage.vue
 create mode 100644 src/components/drawers/router/RouterHomeworkManage.vue

diff --git a/src/components/drawers/router/RouterCommonManage.vue b/src/components/drawers/router/RouterCommonManage.vue
new file mode 100644
index 00000000..7be31cf4
--- /dev/null
+++ b/src/components/drawers/router/RouterCommonManage.vue
@@ -0,0 +1,534 @@
+<template>
+  <a-drawer
+    :visible="CommonModelVisible"
+    class="drawerStyle ProjectOnlineManage"
+    placement="right"
+    width="60%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">
+          【{{
+            datasource.type === 1
+              ? "在线"
+              : datasource.type === 3
+              ? "案例"
+              : datasource.type === 6
+              ? "直播"
+              : datasource.type === 7
+              ? "外链"
+              : datasource.type === 8
+              ? "讨论"
+              : datasource.type === 9
+              ? "活动"
+              : datasource.type === 11
+              ? "评估"
+              : "-"
+          }}】{{ title }}
+        </div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="endtime">起止时间：2022-07-21 14:00 ～ 2022-7-30 14:00</div>
+        <div class="search">
+          <div class="sealeft">
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">姓名：</div>
+              <a-input
+                v-model:value="name"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入姓名"
+              />
+            </div>
+            <div class="namecon" style="margin-right: 50px">
+              <div class="name">任务状态：</div>
+              <div class="select">
+                <a-select
+                  v-model:value="projectName"
+                  style="width: 270px"
+                  placeholder="请选择"
+                  :options="projectNameList"
+                  @change="selectProjectName"
+                  allowClear
+                  showSearch
+                ></a-select>
+              </div>
+            </div>
+          </div>
+          <div class="btns">
+            <div
+              class="btn btn1"
+              style="margin-right: 20px"
+              @click="searchTaskList"
+            >
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2" @click="resetTaskList">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+        <div class="btnss" style="margin-top: 20px">
+          <div class="btn btn1" @click="godie" 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="tableDataFunc()"
+            :data-source="tabledata"
+            :loading="tableDataTotal === -1 ? true : false"
+            :scroll="{ x: 900 }"
+            :pagination="false"
+          />
+          <div class="tableBox">
+            <div class="pa">
+              <a-pagination
+                :showSizeChanger="false"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                @change="onChange"
+                v-if="tableDataTotal > 10"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive, onMounted, onUnmounted } from "vue";
+import { message } from "ant-design-vue";
+// import * as api from "../../../api/index";
+export default {
+  name: "RouterCommonManage",
+
+  props: {
+    CommonModelVisible: {
+      type: Boolean,
+      default: false,
+    },
+    title: {
+      type: String,
+      default: "",
+    },
+    projectTaskId: {
+      type: Number,
+      default: null,
+    },
+    itemsType: {
+      type: Number,
+      default: null,
+    },
+    datasource: {
+      type: Object,
+      default: function () {
+        return {};
+      },
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      visible: props.CommonModelVisible,
+      name: "",
+      pageNo: 1,
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 0,
+      projectName: null,
+      projectNameList: [
+        {
+          id: 1,
+          value: "-1",
+          label: "未开始",
+        },
+        {
+          id: 2,
+          value: "0",
+          label: "未完成",
+        },
+        {
+          id: 3,
+          value: "1",
+          label: "已完成",
+        },
+      ],
+      tabledata: [
+        {
+          workNum: "123",
+          userName: "li",
+          deptName: "开发",
+          jobName: "前端开发",
+          time: "2022-07-22 14:00:30",
+          status: "已完成",
+        },
+      ],
+    });
+    const tableDataFunc = () => {
+      if (
+        props.itemsType == 1 ||
+        props.itemsType == 3 ||
+        props.itemsType == 6 ||
+        props.itemsType == 7 ||
+        props.itemsType == 8 ||
+        props.itemsType == 9 ||
+        props.itemsType == 11
+      ) {
+        const columns = [
+          {
+            title: "工号",
+            dataIndex: "workNum",
+            key: "workNum",
+            width: 50,
+            align: "center",
+            className: "h head",
+          },
+          {
+            title: "姓名",
+            dataIndex: "userName",
+            key: "userName",
+            width: 50,
+            align: "center",
+            className: "h head",
+          },
+          {
+            title: "所在部门",
+            dataIndex: "deptName",
+            key: "deptName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "所在岗位",
+            dataIndex: "jobName",
+            key: "jobName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "学员关卡",
+            dataIndex: "level",
+            key: "level",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "完成时间",
+            dataIndex: "time",
+            key: "time",
+            width: 100,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "任务状态",
+            dataIndex: "status",
+            key: "status",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+        ];
+        return columns;
+      }
+    };
+
+    const closeDrawer = () => {
+      ctx.emit("update:CommonModelVisible", false);
+      state.currentPage = 1;
+      state.name = "";
+      state.projectName = "";
+      state.tabledata = [];
+    };
+    const afterVisibleChange = (bol) => {
+      if (bol == true) {
+        // getManageList();
+      }
+    };
+    const selectProjectName = (value) => {
+      state.projectName = value;
+    };
+    //催促
+    const godie = () => {
+      message.destroy();
+      message.success("催促" + props.title + "成功");
+    };
+    const onChange = (pageNumber) => {
+      console.log("Page: ", pageNumber);
+    };
+
+    return {
+      ...toRefs(state),
+      selectProjectName,
+      closeDrawer,
+      afterVisibleChange,
+      tableDataFunc,
+      godie,
+      onMounted,
+      onUnmounted,
+      onChange,
+    };
+  },
+};
+</script>
+
+<style lang="scss">
+// .drawerStyle {
+//   .ant-drawer-content-wrapper {
+//     // max-width: 1000px;
+//     .ant-drawer-header {
+//       display: none !important;
+//     }
+//     .ant-drawer-body {
+//       padding: 0;
+//     }
+//   }
+// }
+.ProjectOnlineManage {
+  // overflow-x: auto;
+  .drawerMain {
+    min-width: 550px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+    .noticebox {
+      width: 240px;
+      height: 64px;
+      background: rgba(255, 255, 255, 1);
+      border-radius: 4px;
+      position: absolute;
+      top: 161px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .notext {
+        color: rgba(51, 51, 51, 1);
+        font-size: 14px;
+        font-weight: 500;
+        margin-left: 20px;
+      }
+    }
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      flex-shrink: 0;
+      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;
+      padding-right: 10px;
+      .endtime {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333333;
+      }
+      .search {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 20px;
+        justify-content: space-between;
+
+        .sealeft {
+          display: flex;
+          flex-wrap: wrap;
+          .namecon {
+            display: flex;
+            flex-wrap: nowrap;
+            margin-bottom: 10px;
+            .name {
+              margin-top: 8px;
+              white-space: nowrap;
+            }
+          }
+        }
+        .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: #4ea6ff;
+
+            color: #ffffff;
+          }
+          .btn2 {
+            background: #ffffff;
+
+            color: #4ea6ff;
+            border: 1px solid #4ea6ff;
+          }
+        }
+      }
+      .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: 18px;
+            height: 18px;
+            background-image: url(../../../assets/images/basicinfo/call.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: #4ea6ff;
+
+          color: #ffffff;
+        }
+        .btn2 {
+          background: #ffffff;
+
+          color: #4ea6ff;
+          border: 1px solid #4ea6ff;
+        }
+      }
+      .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;
+        }
+        .tableBox {
+          .pa {
+            // left: 0;
+            margin-top: 15px;
+            width: 100%;
+            // height: 20px;
+            // background-color: red;
+            display: flex;
+            justify-content: center;
+            // position: absolute;
+            // bottom: 20px;
+            .ant-pagination-prev,
+            .ant-pagination-next,
+            .ant-pagination-item,
+            .ant-pagination-options {
+              margin-bottom: 10px;
+            }
+          }
+        }
+      }
+    }
+
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      background-color: #fff;
+      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/router/RouterEvaluationManage.vue b/src/components/drawers/router/RouterEvaluationManage.vue
new file mode 100644
index 00000000..c832e94e
--- /dev/null
+++ b/src/components/drawers/router/RouterEvaluationManage.vue
@@ -0,0 +1,593 @@
+  <template>
+    <a-drawer
+      :visible="EvaluationModelVisible"
+      class="drawerStyle ProjectEvalManage"
+      placement="right"
+      width="60%"
+      @after-visible-change="afterVisibleChange"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">【测评】{{ title }}</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"
+                @click="searchTaskList"
+              >
+                <div class="img1"></div>
+                <div class="wz">搜索</div>
+              </div>
+              <div class="btn btn2" @click="resetTaskList">
+                <div class="img2"></div>
+                <div class="wz">重置</div>
+              </div>
+            </div>
+          </div>
+          <div class="btnss" style="margin-top: 20px">
+            <div class="btn btn1" @click="godie" 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="line">
+            <div class="inline">
+              <div class="left">
+                <div class="img"></div>
+                <div class="text" style="margin-left: 10px">已选择</div>
+                <div class="text2">{{ selectedRowKeys.length }}</div>
+                <div class="text">项</div>
+                <div class="text3">列表选项总计：</div>
+                <div class="text4">{{ tableDataTotal }}条</div>
+              </div>
+              <div class="right" @click="clearLine">清空</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"
+              :scroll="{ x: 900 }"
+              :pagination="false"
+              :row-selection="{
+                selectedRowKeys: selectedRowKeys,
+                onChange: onSelectChange,
+              }"
+            />
+  
+            <div class="pa">
+              <a-pagination
+                :showSizeChanger="false"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                v-if="tableDataTotal > 10"
+              />
+            </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";
+  import { message } from "ant-design-vue";
+  
+  // import * as api from "../../../api/index";
+  export default {
+    name: "RouterCommonManage",
+  
+    props: {
+      EvaluationModelVisible: {
+        type: Boolean,
+        default: false,
+      },
+      title: {
+        type: String,
+        default: "",
+      },
+      projectTaskId: {
+        type: Number,
+        default: null,
+      },
+      datasource: {
+        type: Object,
+        default: function () {
+          return {};
+        },
+      },
+    },
+  
+    setup(props, ctx) {
+      const state = reactive({
+        name: "",
+  
+        open: false,
+        projectName: null,
+        projectNameList: [
+          {
+            id: 1,
+            value: "-1",
+            label: "未开始",
+          },
+          {
+            id: 2,
+            value: "0",
+            label: "未完成",
+          },
+          {
+            id: 3,
+            value: "1",
+            label: "已完成",
+          },
+        ],
+        selectedRowKeys: [],
+  
+        pageNo: 1,
+        pageSize: 10,
+        currentPage: 1,
+        tableDataTotal: 1,
+        tabledata: [
+          {
+            workNum: "123",
+            userName: "li",
+            deptName: "开发",
+            jobName: "前端开发",
+            submitTime: "2022-07-22 14:00:30",
+            status: "已完成",
+            PDFstatus: "未生成",
+          },
+        ],
+        tablecolumns: [
+          {
+            title: "工号",
+            dataIndex: "workNum",
+            key: "workNum",
+            width: 50,
+            align: "left",
+            className: "h head",
+          },
+          {
+            title: "姓名",
+            dataIndex: "userName",
+            key: "userName",
+            width: 50,
+            align: "left",
+            className: "h head",
+          },
+          {
+            title: "所在部门",
+            dataIndex: "deptName",
+            key: "userName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "所在岗位",
+            dataIndex: "jobName",
+            key: "jobName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "学员关卡",
+            dataIndex: "level",
+            key: "level",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "提交时间",
+            dataIndex: "submitTime",
+            key: "submitTime",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+  
+          {
+            title: "任务状态",
+            dataIndex: "status",
+            key: "status",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "PDF状态",
+            dataIndex: "PDFstatus",
+            key: "PDFstatus",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+        ],
+      });
+  
+      const closeDrawer = () => {
+        ctx.emit("update:EvaluationModelVisible", false);
+        state.name = "";
+        state.projectName = "";
+        state.selectedRowKeys = [];
+        state.currentPage = 1;
+      };
+      const afterVisibleChange = (bol) => {
+        if (bol == true) {
+          // getManageList();
+        }
+      };
+      const selectProjectName = (value) => {
+        state.projectName = value;
+      };
+      const onSelectChange = (selectedRowKeys) => {
+        if (selectedRowKeys.length > 2) {
+          return;
+        }
+        state.selectedRowKeys = selectedRowKeys;
+      };
+  
+      //催促学员学习
+      const godie = () => {
+        message.destroy();
+        message.success("催促" + props.title + "成功");
+      };
+      //表头清空
+      const clearLine = () => {
+        state.selectedRowKeys = [];
+      };
+  
+      return {
+        ...toRefs(state),
+        selectProjectName,
+        closeDrawer,
+        afterVisibleChange,
+        onSelectChange,
+        godie,
+        clearLine,
+      };
+    },
+  };
+  </script>
+  
+  <style lang="scss">
+  .ProjectEvalManage {
+    .drawerMain {
+      min-width: 550px;
+      margin: 0px 32px 0px 32px;
+      overflow-x: auto;
+      display: flex;
+      flex-direction: column;
+  
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 20px;
+  
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+        }
+      }
+  
+      .main {
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        padding-right: 10px;
+        .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;
+            }
+          }
+  
+          .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: #4ea6ff;
+  
+              color: #ffffff;
+            }
+  
+            .btn2 {
+              background: #ffffff;
+  
+              color: #4ea6ff;
+              border: 1px solid #4ea6ff;
+            }
+          }
+        }
+  
+        .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/basicinfo/call.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: #4ea6ff;
+  
+            color: #ffffff;
+          }
+  
+          .btn2 {
+            background: #ffffff;
+            margin-right: 20px;
+            color: #4ea6ff;
+            border: 1px solid #4ea6ff;
+          }
+        }
+  
+        .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;
+  
+            .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;
+          }
+          .ant-pagination-item,
+          .ant-pagination-prev,
+          .ant-pagination-next,
+          .ant-pagination-options {
+            margin-bottom: 10px;
+          }
+          .ant-table-thead > tr > th {
+            background-color: rgba(239, 244, 252, 1) !important;
+          }
+          .ant-table-selection-column {
+            padding: 0 !important;
+          }
+  
+          th.h {
+            background-color: #eff4fc !important;
+          }
+  
+          .head {
+            padding-left: 0px !important;
+          }
+  
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
+            background: #f6f9fd;
+          }
+  
+          .studentopea1 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+          .studentopea2 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            padding-left: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+  
+          .pa {
+            margin-top: 15px;
+            width: 100%;
+            display: flex;
+            justify-content: center;
+          }
+        }
+      }
+  
+      .btnn {
+        height: 72px;
+        width: 100%;
+        position: absolute;
+        background-color: #fff;
+        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/router/RouterExaminationManage.vue b/src/components/drawers/router/RouterExaminationManage.vue
new file mode 100644
index 00000000..f5476fb0
--- /dev/null
+++ b/src/components/drawers/router/RouterExaminationManage.vue
@@ -0,0 +1,614 @@
+  <template>
+    <a-drawer
+      :visible="ExaminationModelVisible"
+      class="drawerStyle ProjectExamManage"
+      placement="right"
+      width="60%"
+      @after-visible-change="afterVisibleChange"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">【考试】{{ title }}</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"
+                @click="searchTaskList"
+              >
+                <div class="img1"></div>
+                <div class="wz">搜索</div>
+              </div>
+              <div class="btn btn2" @click="resetTaskList">
+                <div class="img2"></div>
+                <div class="wz">重置</div>
+              </div>
+            </div>
+          </div>
+          <div class="btnss" style="margin-top: 20px">
+            <div class="btn btn1" @click="godie" 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 class="btn btn2" @click="showEScoreModal">
+              <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">{{ selectedRowKeys.length }}</div>
+                <div class="text">项</div>
+                <div class="text3">列表选项总计：</div>
+                <div class="text4">{{ tableDataTotal }}条</div>
+              </div>
+              <div class="right" @click="clearLine">清空</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"
+              :scroll="{ x: 900 }"
+              :pagination="false"
+              :row-selection="{
+                selectedRowKeys: selectedRowKeys,
+                onChange: onSelectChange,
+              }"
+            />
+  
+            <div class="pa">
+              <a-pagination
+                :showSizeChanger="false"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                v-if="tableDataTotal > 10"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="btnn">
+          <button class="btn1">取消</button>
+          <button class="btn2">确定</button>
+        </div>
+      </div>
+      <!-- 导出成绩抽屉 -->
+      <EScore v-model:eScorevisible="eScorevisible" />
+    </a-drawer>
+  </template>
+  
+  <script>
+  import { toRefs, reactive } from "vue";
+  import { message } from "ant-design-vue";
+  import EScore from "../ExportScore.vue";
+  // import * as api from "../../../api/index";
+  export default {
+    name: "RouterExaminationManage",
+    components: {
+      EScore,
+    },
+    props: {
+      ExaminationModelVisible: {
+        type: Boolean,
+        default: false,
+      },
+      title: {
+        type: String,
+        default: "",
+      },
+      projectTaskId: {
+        type: Number,
+        default: null,
+      },
+      datasource: {
+        type: Object,
+        default: function () {
+          return {};
+        },
+      },
+    },
+  
+    setup(props, ctx) {
+      const state = reactive({
+        name: "",
+  
+        open: false,
+        projectName: null,
+        projectNameList: [
+          {
+            id: 1,
+            value: "-1",
+            label: "未开始",
+          },
+          {
+            id: 2,
+            value: "0",
+            label: "未通过",
+          },
+          {
+            id: 3,
+            value: "1",
+            label: "已通过",
+          },
+        ],
+        selectedRowKeys: [],
+        eScorevisible: false, //导入成绩抽屉
+        pageNo: 1,
+        pageSize: 10,
+        currentPage: 1,
+        tableDataTotal: 1,
+        tabledata: [
+          {
+            workNum: "123",
+            userName: "li",
+            deptName: "开发",
+            jobName: "前端开发",
+            score: 89,
+            examNum: 1,
+            comptime: "2022-07-22 14:00:30",
+            status: "已完成",
+          },
+        ],
+        tablecolumns: [
+          {
+            title: "工号",
+            dataIndex: "workNum",
+            key: "workNum",
+            width: 50,
+            align: "left",
+            className: "h head",
+          },
+          {
+            title: "姓名",
+            dataIndex: "userName",
+            key: "userName",
+            width: 50,
+            align: "left",
+            className: "h head",
+          },
+          {
+            title: "所在部门",
+            dataIndex: "deptName",
+            key: "userName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "所在岗位",
+            dataIndex: "jobName",
+            key: "jobName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "学员关卡",
+            dataIndex: "level",
+            key: "level",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "考试次数",
+            dataIndex: "examNum",
+            key: "examNum",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "成绩",
+            dataIndex: "score",
+            key: "score",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+  
+          {
+            title: "完成时间",
+            dataIndex: "comptime",
+            key: "comptime",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "任务状态",
+            dataIndex: "status",
+            key: "status",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+        ],
+      });
+  
+      const closeDrawer = () => {
+        ctx.emit("update:ExaminationModelVisible", false);
+        state.name = "";
+        state.projectName = "";
+        state.selectedRowKeys = [];
+        state.currentPage = 1;
+      };
+      const afterVisibleChange = (bol) => {
+        if (bol == true) {
+          // getManageList();
+        }
+      };
+      const selectProjectName = (value) => {
+        state.projectName = value;
+      };
+      const onSelectChange = (selectedRowKeys) => {
+        if (selectedRowKeys.length > 2) {
+          return;
+        }
+        state.selectedRowKeys = selectedRowKeys;
+      };
+  
+      //催促学员学习
+      const godie = () => {
+        message.destroy();
+        message.success("催促" + props.title + "成功");
+      };
+      //导入成绩
+      const showEScoreModal = () => {
+        state.eScorevisible = true;
+      };
+      //表头清空
+      const clearLine = () => {
+        state.selectedRowKeys = [];
+      };
+  
+      return {
+        ...toRefs(state),
+        selectProjectName,
+        closeDrawer,
+        afterVisibleChange,
+        onSelectChange,
+        godie,
+        clearLine,
+        showEScoreModal,
+      };
+    },
+  };
+  </script>
+  
+  <style lang="scss">
+  .ProjectExamManage {
+    .drawerMain {
+      min-width: 550px;
+      margin: 0px 32px 0px 32px;
+      overflow-x: auto;
+      display: flex;
+      flex-direction: column;
+  
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 20px;
+  
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+        }
+      }
+  
+      .main {
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        padding-right: 10px;
+        .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;
+            }
+          }
+  
+          .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: #4ea6ff;
+  
+              color: #ffffff;
+            }
+  
+            .btn2 {
+              background: #ffffff;
+  
+              color: #4ea6ff;
+              border: 1px solid #4ea6ff;
+            }
+          }
+        }
+  
+        .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/basicinfo/call.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: #4ea6ff;
+  
+            color: #ffffff;
+          }
+  
+          .btn2 {
+            background: #ffffff;
+            margin-right: 20px;
+            color: #4ea6ff;
+            border: 1px solid #4ea6ff;
+          }
+        }
+  
+        .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;
+  
+            .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;
+          }
+          .ant-pagination-item,
+          .ant-pagination-prev,
+          .ant-pagination-next,
+          .ant-pagination-options {
+            margin-bottom: 10px;
+          }
+          .ant-table-thead > tr > th {
+            background-color: rgba(239, 244, 252, 1) !important;
+          }
+          .ant-table-selection-column {
+            padding: 0 !important;
+          }
+  
+          th.h {
+            background-color: #eff4fc !important;
+          }
+  
+          .head {
+            padding-left: 0px !important;
+          }
+  
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
+            background: #f6f9fd;
+          }
+  
+          .studentopea1 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+          .studentopea2 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            padding-left: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+  
+          .pa {
+            margin-top: 15px;
+            width: 100%;
+            display: flex;
+            justify-content: center;
+          }
+        }
+      }
+  
+      .btnn {
+        height: 72px;
+        width: 100%;
+        position: absolute;
+        background-color: #fff;
+        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/router/RouterFaceTeachManage.vue b/src/components/drawers/router/RouterFaceTeachManage.vue
new file mode 100644
index 00000000..065c7f61
--- /dev/null
+++ b/src/components/drawers/router/RouterFaceTeachManage.vue
@@ -0,0 +1,711 @@
+  <template>
+    <a-drawer
+      :visible="FaceTeachModelVisible"
+      class="drawerStyle ProjectFaceTaskManage"
+      placement="right"
+      width="60%"
+      @after-visible-change="afterVisibleChange"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">【面授】{{ title }}</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"
+                @click="searchTaskList"
+              >
+                <div class="img1"></div>
+                <div class="wz">搜索</div>
+              </div>
+              <div class="btn btn2" @click="resetTaskList">
+                <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" @click="godie">
+              <div class="img1"></div>
+              <div class="wz">催促学习</div>
+            </div>
+            <div class="btn btn2" @click="allStuOver">
+              <div class="wz">批量标注完成</div>
+            </div>
+            <div class="btn btn2">
+              <div class="wz" @click="showEntryScore">批量录入成绩</div>
+            </div>
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">导出数据</div>
+            </div>
+            <div class="btn btn2">
+              <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">{{ selectedRowKeys.length }}</div>
+                <div class="text">项</div>
+                <div class="text3">列表选项总计：</div>
+                <div class="text4">{{ tableDataTotal }}条</div>
+              </div>
+              <div class="right" @click="clearLine">清空</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"
+              :scroll="{ x: 900 }"
+              :pagination="false"
+              :row-selection="{
+                selectedRowKeys: selectedRowKeys,
+                onChange: onSelectChange,
+              }"
+            />
+  
+            <div class="pa">
+              <a-pagination
+                :showSizeChanger="false"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                v-if="tableDataTotal > 10"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="btnn">
+          <button class="btn1">取消</button>
+          <button class="btn2">确定</button>
+        </div>
+      </div>
+    </a-drawer>
+    <!-- 批量标注完成 -->
+    <ASOver v-model:ASOvervisible="ASOvervisible" />
+    <!-- 录入成绩抽屉 -->
+    <entry-scores v-model:Evisible="Evisible" />
+    <!-- 查看作业抽屉 -->
+    <CKWork v-model:CWvisible="CWvisible" />
+    <!-- 查看答卷抽屉 -->
+    <CQue v-model:CQvisible="CQvisible" />
+  </template>
+  
+  <script>
+  import { toRefs, reactive } from "vue";
+  import { message } from "ant-design-vue";
+  import ASOver from "../AllStuOver.vue";
+  import CKWork from "../CheckWork.vue";
+  import CQue from "../CheckQue.vue";
+  import EntryScores from "../EntryScores.vue";
+  // import * as api from "../../../api/index";
+  export default {
+    name: "RouterFaceTeachManage",
+    components: {
+      EntryScores,
+      CKWork,
+      CQue,
+      ASOver,
+    },
+    props: {
+      FaceTeachModelVisible: {
+        type: Boolean,
+        default: false,
+      },
+      title: {
+        type: String,
+        default: "",
+      },
+      projectTaskId: {
+        type: Number,
+        default: null,
+      },
+      datasource: {
+        type: Object,
+        default: function () {
+          return {};
+        },
+      },
+    },
+  
+    setup(props, ctx) {
+      const state = reactive({
+        Evisible: false, //录入成绩抽屉
+        CWvisible: false, //查看作业抽屉
+        CQvisible: false, //查看答卷抽屉
+        ASOvervisible: false, //批量标注完成弹窗
+        name: "",
+  
+        open: false,
+        projectName: null,
+        projectNameList: [
+          {
+            id: 1,
+            value: "-1",
+            label: "未开始",
+          },
+          {
+            id: 2,
+            value: "0",
+            label: "未完成",
+          },
+          {
+            id: 3,
+            value: "1",
+            label: "已完成",
+          },
+        ],
+        selectedRowKeys: [],
+  
+        pageNo: 1,
+        pageSize: 10,
+        currentPage: 1,
+        tableDataTotal: 1,
+        tabledata: [
+          {
+            workNum: "123",
+            userName: "li",
+            deptName: "开发",
+            jobName: "前端开发",
+            score: 89,
+            exam: 98,
+            testscore: 80,
+            status: "已完成",
+          },
+        ],
+        tablecolumns: [
+          {
+            title: "工号",
+            dataIndex: "workNum",
+            key: "workNum",
+            width: 50,
+            align: "left",
+            className: "h head",
+          },
+          {
+            title: "姓名",
+            dataIndex: "userName",
+            key: "userName",
+            width: 50,
+            align: "left",
+            className: "h head",
+          },
+          {
+            title: "所在部门",
+            dataIndex: "deptName",
+            key: "userName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "所在岗位",
+            dataIndex: "jobName",
+            key: "jobName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "学员关卡",
+            dataIndex: "level",
+            key: "level",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "作业成绩",
+            dataIndex: "score",
+            key: "score",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "考试成绩",
+            dataIndex: "exam",
+            key: "exam",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "评分",
+            dataIndex: "testscore",
+            key: "testscore",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "任务状态",
+            dataIndex: "status",
+            key: "status",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "操作",
+            dataIndex: "operation",
+            key: "operation",
+            width: 100,
+            align: "center",
+            className: "h",
+          },
+        ],
+      });
+      //面授直播管理列表操作
+      const ListOpera = () => {
+        let arr = state.tabledata;
+        arr.map((value) => {
+          if (value.status == "已完成") {
+            value.operation = (
+              <div
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                }}
+              >
+                <a-button
+                  type="link"
+                  class="operation"
+                  style="cursor:pointer;margin-right:10px;"
+                  onClick={() => {
+                    state.CWvisible = true;
+                  }}
+                >
+                  查看作业
+                </a-button>
+                <a-button
+                  type="link"
+                  class="operation"
+                  style="cursor:pointer;margin-right:10px;"
+                  onClick={() => {
+                    state.CQvisible = true;
+                  }}
+                >
+                  查看答卷
+                </a-button>
+              </div>
+            );
+          } else {
+            value.operation = (
+              <div
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                }}
+              >
+                <a-button
+                  type="link"
+                  class="operation"
+                  style="cursor:pointer;margin-right:10px;"
+                  disabled
+                >
+                  查看作业
+                </a-button>
+                <a-button
+                  type="link"
+                  class="operation"
+                  style="cursor:pointer;margin-right:10px;"
+                  disabled
+                >
+                  查看答卷
+                </a-button>
+              </div>
+            );
+          }
+        });
+      };
+      ListOpera();
+      const closeDrawer = () => {
+        ctx.emit("update:FaceTeachModelVisible", false);
+        state.name = "";
+        state.projectName = "";
+        state.selectedRowKeys = [];
+        state.currentPage = 1;
+      };
+      const afterVisibleChange = (bol) => {
+        if (bol == true) {
+          // getManageList();
+        }
+      };
+      const selectProjectName = (value) => {
+        state.projectName = value;
+      };
+      const onSelectChange = (selectedRowKeys) => {
+        if (selectedRowKeys.length > 2) {
+          return;
+        }
+        state.selectedRowKeys = selectedRowKeys;
+      };
+  
+      const allStuOver = () => {
+        state.ASOvervisible = true;
+      };
+      const showEntryScore = () => {
+        state.Evisible = true;
+      };
+      //催促学员学习
+      const godie = () => {
+        message.destroy();
+        message.success("催促" + props.title + "成功");
+      };
+      //表头清空
+      const clearLine = () => {
+        state.selectedRowKeys = [];
+      };
+  
+      return {
+        ...toRefs(state),
+        selectProjectName,
+        closeDrawer,
+        afterVisibleChange,
+        onSelectChange,
+        allStuOver,
+        showEntryScore,
+        godie,
+        clearLine,
+      };
+    },
+  };
+  </script>
+  
+  <style lang="scss">
+  .ProjectFaceTaskManage {
+    .drawerMain {
+      min-width: 550px;
+      margin: 0px 32px 0px 32px;
+      overflow-x: auto;
+      display: flex;
+      flex-direction: column;
+  
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 20px;
+  
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+        }
+      }
+  
+      .main {
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        padding-right: 10px;
+        .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;
+            }
+          }
+  
+          .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: #4ea6ff;
+  
+              color: #ffffff;
+            }
+  
+            .btn2 {
+              background: #ffffff;
+  
+              color: #4ea6ff;
+              border: 1px solid #4ea6ff;
+            }
+          }
+        }
+  
+        .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/basicinfo/call.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: #4ea6ff;
+  
+            color: #ffffff;
+          }
+  
+          .btn2 {
+            background: #ffffff;
+            margin-right: 20px;
+            color: #4ea6ff;
+            border: 1px solid #4ea6ff;
+          }
+        }
+  
+        .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;
+  
+            .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;
+          }
+          .ant-pagination-item,
+          .ant-pagination-prev,
+          .ant-pagination-next,
+          .ant-pagination-options {
+            margin-bottom: 10px;
+          }
+          .ant-table-thead > tr > th {
+            background-color: rgba(239, 244, 252, 1) !important;
+          }
+          .ant-table-selection-column {
+            padding: 0 !important;
+          }
+  
+          th.h {
+            background-color: #eff4fc !important;
+          }
+  
+          .head {
+            padding-left: 0px !important;
+          }
+  
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
+            background: #f6f9fd;
+          }
+  
+          .studentopea1 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+          .studentopea2 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            padding-left: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+  
+          .pa {
+            margin-top: 15px;
+            width: 100%;
+            display: flex;
+            justify-content: center;
+          }
+        }
+      }
+  
+      .btnn {
+        height: 72px;
+        width: 100%;
+        position: absolute;
+        background-color: #fff;
+        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/router/RouterHomeworkManage.vue b/src/components/drawers/router/RouterHomeworkManage.vue
new file mode 100644
index 00000000..01ff3963
--- /dev/null
+++ b/src/components/drawers/router/RouterHomeworkManage.vue
@@ -0,0 +1,689 @@
+  <template>
+    <a-drawer
+      :visible="HomeworkModelVisible"
+      class="drawerStyle ProjectHomeWorkManage"
+      placement="right"
+      width="60%"
+      @after-visible-change="afterVisibleChange"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">【作业】{{ title }}</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"
+                @click="searchTaskList"
+              >
+                <div class="img1"></div>
+                <div class="wz">搜索</div>
+              </div>
+              <div class="btn btn2" @click="resetTaskList">
+                <div class="img2"></div>
+                <div class="wz">重置</div>
+              </div>
+            </div>
+          </div>
+          <div class="btnss" style="margin-top: 20px">
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">导出数据</div>
+            </div>
+            <div class="btn btn2">
+              <div class="wz">导出作业</div>
+            </div>
+            <div class="btn btn2">
+              <div class="wz" @click="showEntryScore">导入成绩</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">{{ selectedRowKeys.length }}</div>
+                <div class="text">项</div>
+                <div class="text3">列表选项总计：</div>
+                <div class="text4">{{ tableDataTotal }}条</div>
+              </div>
+              <div class="right" @click="clearLine">清空</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"
+              :scroll="{ x: 900 }"
+              :pagination="false"
+              :row-selection="{
+                selectedRowKeys: selectedRowKeys,
+                onChange: onSelectChange,
+              }"
+            />
+  
+            <div class="pa">
+              <a-pagination
+                :showSizeChanger="false"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                v-if="tableDataTotal > 10"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="btnn">
+          <button class="btn1">取消</button>
+          <button class="btn2">确定</button>
+        </div>
+      </div>
+    </a-drawer>
+    <!-- 批量标注完成 -->
+    <ASOver v-model:ASOvervisible="ASOvervisible" />
+    <!-- 录入成绩抽屉 -->
+    <EScore v-model:eScorevisible="Evisible" />
+    <!-- 查看作业抽屉 -->
+    <CKWork v-model:CWvisible="CWvisible" />
+    <!-- 查看答卷抽屉 -->
+    <CQue v-model:CQvisible="CQvisible" />
+  </template>
+  
+  <script>
+  import { toRefs, reactive } from "vue";
+  import { message } from "ant-design-vue";
+  import ASOver from "../AllStuOver.vue";
+  import CKWork from "../CheckWork.vue";
+  import CQue from "../CheckQue.vue";
+  // import EntryScores from "../EntryScores.vue";
+  import EScore from "../ExportScore.vue";
+  // import * as api from "../../../api/index";
+  export default {
+    name: "RouterCommonManage",
+    components: {
+      // EntryScores,
+      CKWork,
+      CQue,
+      ASOver,
+      EScore,
+    },
+    props: {
+      HomeworkModelVisible: {
+        type: Boolean,
+        default: false,
+      },
+      title: {
+        type: String,
+        default: "",
+      },
+      projectTaskId: {
+        type: Number,
+        default: null,
+      },
+      datasource: {
+        type: Object,
+        default: function () {
+          return {};
+        },
+      },
+    },
+  
+    setup(props, ctx) {
+      const state = reactive({
+        Evisible: false, //录入成绩抽屉
+        CWvisible: false, //查看作业抽屉
+        CQvisible: false, //查看答卷抽屉
+        ASOvervisible: false, //批量标注完成弹窗
+        name: "",
+  
+        open: false,
+        projectName: null,
+        projectNameList: [
+          {
+            id: 1,
+            value: "-1",
+            label: "未开始",
+          },
+          {
+            id: 2,
+            value: "0",
+            label: "未完成",
+          },
+          {
+            id: 3,
+            value: "1",
+            label: "已完成",
+          },
+        ],
+        selectedRowKeys: [],
+  
+        pageNo: 1,
+        pageSize: 10,
+        currentPage: 1,
+        tableDataTotal: 1,
+        tabledata: [
+          {
+            workNum: "123",
+            userName: "li",
+            deptName: "开发",
+            jobName: "前端开发",
+            score: 89,
+            group: "-",
+            comptime: "2022-07-22 14:00:30",
+            status: "已完成",
+          },
+        ],
+        tablecolumns: [
+          {
+            title: "工号",
+            dataIndex: "workNum",
+            key: "workNum",
+            width: 50,
+            align: "left",
+            className: "h head",
+          },
+          {
+            title: "姓名",
+            dataIndex: "userName",
+            key: "userName",
+            width: 50,
+            align: "left",
+            className: "h head",
+          },
+          {
+            title: "所在部门",
+            dataIndex: "deptName",
+            key: "userName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "所在岗位",
+            dataIndex: "jobName",
+            key: "jobName",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "学员关卡",
+            dataIndex: "level",
+            key: "level",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "所属小组",
+            dataIndex: "group",
+            key: "group",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "成绩",
+            dataIndex: "score",
+            key: "score",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+  
+          {
+            title: "完成时间",
+            dataIndex: "comptime",
+            key: "comptime",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "任务状态",
+            dataIndex: "status",
+            key: "status",
+            width: 60,
+            align: "center",
+            className: "h",
+          },
+          {
+            title: "操作",
+            dataIndex: "operation",
+            key: "operation",
+            width: 100,
+            align: "center",
+            className: "h",
+          },
+        ],
+      });
+      //面授直播管理列表操作
+      const ListOpera = () => {
+        let arr = state.tabledata;
+        arr.map((value) => {
+          if (value.status == "已完成") {
+            value.operation = (
+              <div
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                }}
+              >
+                <a-button
+                  type="link"
+                  class="operation"
+                  style="cursor:pointer;margin-right:10px;"
+                  onClick={() => {
+                    state.CWvisible = true;
+                  }}
+                >
+                  查看
+                </a-button>
+              </div>
+            );
+          } else {
+            value.operation = (
+              <div
+                style={{
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                }}
+              >
+                <a-button
+                  type="link"
+                  class="operation"
+                  style="cursor:pointer;margin-right:10px;"
+                  disabled
+                >
+                  -
+                </a-button>
+              </div>
+            );
+          }
+        });
+      };
+      ListOpera();
+      const closeDrawer = () => {
+        ctx.emit("update:HomeworkModelVisible", false);
+        state.name = "";
+        state.projectName = "";
+        state.selectedRowKeys = [];
+        state.currentPage = 1;
+      };
+      const afterVisibleChange = (bol) => {
+        if (bol == true) {
+          // getManageList();
+        }
+      };
+      const selectProjectName = (value) => {
+        state.projectName = value;
+      };
+      const onSelectChange = (selectedRowKeys) => {
+        if (selectedRowKeys.length > 2) {
+          return;
+        }
+        state.selectedRowKeys = selectedRowKeys;
+      };
+  
+      const allStuOver = () => {
+        state.ASOvervisible = true;
+      };
+      const showEntryScore = () => {
+        state.Evisible = true;
+      };
+      //催促学员学习
+      const godie = () => {
+        message.destroy();
+        message.success("催促" + props.title + "成功");
+      };
+      //表头清空
+      const clearLine = () => {
+        state.selectedRowKeys = [];
+      };
+  
+      return {
+        ...toRefs(state),
+        selectProjectName,
+        closeDrawer,
+        afterVisibleChange,
+        onSelectChange,
+        allStuOver,
+        showEntryScore,
+        godie,
+        clearLine,
+      };
+    },
+  };
+  </script>
+  
+  <style lang="scss">
+  .ProjectHomeWorkManage {
+    .drawerMain {
+      min-width: 550px;
+      margin: 0px 32px 0px 32px;
+      overflow-x: auto;
+      display: flex;
+      flex-direction: column;
+  
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 20px;
+  
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+        }
+      }
+  
+      .main {
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        padding-right: 10px;
+        .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;
+            }
+          }
+  
+          .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: #4ea6ff;
+  
+              color: #ffffff;
+            }
+  
+            .btn2 {
+              background: #ffffff;
+  
+              color: #4ea6ff;
+              border: 1px solid #4ea6ff;
+            }
+          }
+        }
+  
+        .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/basicinfo/call.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: #4ea6ff;
+  
+            color: #ffffff;
+          }
+  
+          .btn2 {
+            background: #ffffff;
+            margin-right: 20px;
+            color: #4ea6ff;
+            border: 1px solid #4ea6ff;
+          }
+        }
+  
+        .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;
+  
+            .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;
+          }
+          .ant-pagination-item,
+          .ant-pagination-prev,
+          .ant-pagination-next,
+          .ant-pagination-options {
+            margin-bottom: 10px;
+          }
+          .ant-table-thead > tr > th {
+            background-color: rgba(239, 244, 252, 1) !important;
+          }
+          .ant-table-selection-column {
+            padding: 0 !important;
+          }
+  
+          th.h {
+            background-color: #eff4fc !important;
+          }
+  
+          .head {
+            padding-left: 0px !important;
+          }
+  
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
+            background: #f6f9fd;
+          }
+  
+          .studentopea1 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+          .studentopea2 {
+            font-size: 14px;
+            font-weight: 400;
+            color: #387df7;
+            line-height: 22px;
+            padding-right: 8px;
+            padding-left: 8px;
+            border-right: 1px solid #e9e9e9;
+            cursor: pointer;
+          }
+  
+          .pa {
+            margin-top: 15px;
+            width: 100%;
+            display: flex;
+            justify-content: center;
+          }
+        }
+      }
+  
+      .btnn {
+        height: 72px;
+        width: 100%;
+        position: absolute;
+        background-color: #fff;
+        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/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 7db10a31..3f985844 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -440,6 +440,8 @@
                         />
                         <span class="progresstext" style="margin-left: 10px"
                           >{{
+                            item.totalStuNum == 0 ? 0 :
+                            item.finishStuNum == 0 ? 0 :
                             parseInt(
                               (item.finishStuNum / item.totalStuNum) * 100
                             )
@@ -490,13 +492,15 @@
                           item.type === 11 ||
                           item.type === 12 ||
                           item.type === 9
-                            ? showTime(item.type, item.name)
-                            : item.type === 5 || item.type === 10
-                            ? showTest(item.type, item.name)
+                            ? commonModel(item)
                             : item.type === 2
-                            ? showFace(item.type)
+                            ? faceTeachModel(item)
                             : item.type === 4
-                            ? showWork(item.type)
+                            ? evaluationModel(item)
+                            : item.type === 5
+                            ? examinationModel(item)
+                            : item.type === 10
+                            ? homeworkModel(item)
                             : null
                         "
                       >
@@ -1096,6 +1100,26 @@
       type="课程二维码"
     />
     <!-- 二维码弹窗 -->
+    
+    <!-- 面授管理抽屉 开始 -->
+    <router-face-teach-manage v-model:FaceTeachModelVisible="faceTeachModelVisible" :title="faceTeachModelVisibleTitle" :datasource="faceData" />
+    <!-- 面授管理抽屉 结束-->
+    
+    <!-- 考试管理抽屉 开始-->
+    <router-examination-manage v-model:ExaminationModelVisible="examinationModelVisible" :title="examinationModelVisibleTitle" :datasource="examinationData" />
+    <!-- 考试管理抽屉 结束-->
+
+    <!-- 测评管理抽屉 开始-->
+    <router-evaluation-manage v-model:EvaluationModelVisible="evaluationModelVisible" :title="evaluationModelVisibleTitle" :datasource="evaluationData"  />
+    <!-- 测评管理抽屉 结束-->
+
+    <!-- 作业管理抽屉 开始-->
+    <router-homework-manage v-model:HomeworkModelVisible="homeworkModelVisible" :title="homeworkModelVisibleTitle" :datasource="homeworkData"  />
+    <!-- 作业管理抽屉 结束-->
+
+    <!-- 公共管理抽屉 开始-->
+    <router-common-manage v-model:CommonModelVisible="commonModelVisible" :title="commonModelVisibleTitle" :datasource="commonData" />
+    <!-- 公共管理抽屉 结束-->
   </div>
 </template>
 <script>
@@ -1126,6 +1150,13 @@ import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
 import TableStudent from "@/components/student/TableStudent";
 // import * as student from "@/api/student";
 import { getStuPage } from "@/api/index1";
+
+import RouterFaceTeachManage from "../../components/drawers/router/RouterFaceTeachManage";
+import RouterExaminationManage from "../../components/drawers/router/RouterExaminationManage";
+import RouterEvaluationManage from "../../components/drawers/router/RouterEvaluationManage";
+import RouterHomeworkManage from "../../components/drawers/router/RouterHomeworkManage";
+import RouterCommonManage from "../../components/drawers/router/RouterCommonManage";
+     
 export default {
   name: "LevelAdd",
   components: {
@@ -1142,6 +1173,12 @@ export default {
     SeeStu,
     TwoDimensionalCode,
     TableStudent,
+
+    RouterFaceTeachManage,
+    RouterExaminationManage,
+    RouterEvaluationManage,
+    RouterHomeworkManage,
+    RouterCommonManage
   },
   setup() {
     const router = useRouter();
@@ -1307,6 +1344,24 @@ export default {
       previewEndNum: 0,
       studyStartNum: 0,
       studyEndNum: 0,
+
+      faceTeachModelVisible: false,
+      examinationModelVisible: false, 
+      evaluationModelVisible: false, 
+      homeworkModelVisible: false, 
+      commonModelVisible: false,
+      faceTeachModelVisibleTitle: '',
+      examinationModelVisibleTitle: '',
+      evaluationModelVisibleTitle: '',
+      homeworkModelVisibleTitle: '',
+      commonModelVisibleTitle: '',
+
+      faceData: '',
+      examinationData: '',
+      evaluationData: '',
+      homeworkData: '',
+      commonData: ''
+
     });
 
     const levelList = reactive({
@@ -1525,7 +1580,7 @@ export default {
     };
     // 时间管理
     const showTime = (course) => {
-      console.log("点击管理");
+      console.log("点击管理", course);
       state.visible = true;
       state.showTimeText = "【" + course + "】" + "管理";
       // console.log("state.showTimeText", state.showTimeText);
@@ -1571,6 +1626,48 @@ export default {
         getStudent();
       }
     };
+    
+    // 面授课点击管理弹框
+    const faceTeachModel = (data) => {
+      console.log(data)
+      state.faceTeachModelVisible = true;
+      state.faceTeachModelVisibleTitle = data.name;
+      state.faceData = data; 
+      // 面授课弹框名称 RouterFaceTeachManage
+    }
+    // 考试点击管理弹框
+    const examinationModel = (data) => {
+      console.log(data)
+      state.examinationModelVisible = true;
+      state.examinationModelVisibleTitle = data.name;
+      state.examinationData = data;
+      // 考试弹框名称 RouterExaminationManage
+    }
+    // 测评点击管理弹框
+    const evaluationModel = (data) => {
+      console.log(data)
+      state.evaluationModelVisible = true;
+      state.evaluationModelVisibleTitle = data.name;
+      state.evaluationData = data;
+      // 测评弹框名称 RouterEvaluationManage
+    } 
+    // 作业点击管理弹框
+    const homeworkModel = (data) => {
+      console.log(data)
+      state.homeworkModelVisible = true;
+      state.homeworkModelVisibleTitle = data.name;
+      state.homeworkData = data;
+      // 作业弹框名称 RouterHomeworkManage
+    }
+    // 在线、案例、外链、评估、直播、活动点击管理弹框
+    const commonModel = (data) => {
+      console.log(data)
+      state.commonModelVisible = true;
+      state.commonModelVisibleTitle = data.name;
+      state.commonData = data;
+      // 公共模块弹框名称 RouterCommonManage
+    }
+
     //学员管理------------------------------------------------
     //获取学员列表
     const getStudent = () => {
@@ -2259,6 +2356,12 @@ export default {
       showCodeModel2,
       editLearnInfo,
       pubIcon,
+
+      faceTeachModel,
+      examinationModel,
+      evaluationModel,
+      homeworkModel,
+      commonModel
     };
   },
 };

From 84c53c6bc08d87a7648c4cd22b5f5ece93d81755 Mon Sep 17 00:00:00 2001
From: wyx <you@example.com>
Date: Tue, 3 Jan 2023 16:45:47 +0800
Subject: [PATCH 2/2] =?UTF-8?q?style:=E6=89=93=E5=BC=80=E9=9D=A2=E6=8E=88?=
 =?UTF-8?q?=E8=AF=BE=E5=88=97=E8=A1=A8/=E8=AF=84=E4=BC=B0=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E7=AE=A1=E7=90=86=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 8 ++++----
 src/views/research/ResearchManage.vue        | 3 +--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index ee92e8d5..bba45e57 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -436,7 +436,7 @@
                   查看
                 </div>
                 <!-- 2022-12-11注释 后面放开 -->
-                <!--
+                
               <div class="jc"
                 @click="
                   () => {
@@ -456,7 +456,7 @@
                 style="display: inline-block; margin-left: 20px"
               >
                 管理
-              </div>-->
+              </div>
                 <div class="jc" @click="
 									() => {
 										handleCopy(record, String(record.courseform));
@@ -556,7 +556,7 @@
 								" style="display: inline-block; margin-left: 20px">
                   编辑
                 </div>
-                <!-- 2022-12-10注释 后面放开
+                <!-- 2022-12-10注释 后面放开 -->
 
               <div class="jc"
                 @click="
@@ -577,7 +577,7 @@
                 style="display: inline-block; margin-left: 20px"
               >
                 管理
-              </div> -->
+              </div>
                 <div class="jc" @click="
 									() => {
 										handleCopy(record, String(record.courseform));
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index e6a7a73a..20ead7d9 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -459,7 +459,6 @@ export default {
             <div class="operation">
               {value.state === "2" ? (
                 <div class="fb">
-                  {/** 
                   <div class="jc"
                     onClick={() => {
                       handleToManagepage(value, "/managepage");
@@ -467,7 +466,7 @@ export default {
                   >
                     管理
                   </div>
-              */}
+             
                   <div
                     class="jc"
                     onClick={() => {