diff --git a/src/api/apis.js b/src/api/apis.js
index 443a84ae..2686d436 100644
--- a/src/api/apis.js
+++ b/src/api/apis.js
@@ -1,10 +1,25 @@
-export const STUDENT_LIST = '/admin/student/getStudent';
-export const ONLINE_COURSE_PAGE = '/onlineClasses/queryOnlineList';
-export const ASSESSMENT_PAGE = '/assessment/queryAssessmentDetailList post';
-export const PROJECT_AUDIT_PAGE = '/admin/project/auditedlistV2 post';
-export const ROUTER_DETAIL_MODIFY = '/admin/router/routerInfoTemp post';
-export const PROJECT_DETAIL_MODIFY = '/admin/project/projectInfoTemp post';
-export const PROJECT_TEMPLATE_DETAIL_MODIFY = '/admin/project/template/editStageAndTask post';
-export const PROJECT_RELEASE = '/admin/project/realease';
-export const ASYNC_STUDENT_STATUS = '/admin/cache/getStudentAsyncStatus';
-export const ONLINE_COURSE_TEACHER = '/admin/offcourse/getTeacherNamesByCourseId';
+export const STUDENT_LIST = "/admin/student/getStudent";
+export const TASK_STUDENT_LIST = "/admin/student/getTaskStudent";
+export const ONLINE_COURSE_PAGE = "/onlineClasses/queryOnlineList";
+export const ASSESSMENT_PAGE = "/assessment/queryAssessmentDetailList post";
+export const PROJECT_AUDIT_PAGE = "/admin/project/auditedlistV2 post";
+export const ROUTER_DETAIL_MODIFY = "/admin/router/routerInfoTemp post";
+export const PROJECT_DETAIL_MODIFY = "/admin/project/projectInfoTemp post";
+export const PROJECT_TEMPLATE_DETAIL_MODIFY = "/admin/project/template/editStageAndTask post";
+export const PROJECT_RELEASE = "/admin/project/realease";
+export const ASYNC_STUDENT_STATUS = "/admin/cache/getStudentAsyncStatus";
+export const ONLINE_COURSE_TEACHER = "/admin/offcourse/getTeacherNamesByCourseId";
+//开课列表
+export const COURSE_PLAN_PAGE = "/admin/offcourse/planList post";
+//开课所有列表
+export const COURSE_PLAN_LIST = "/admin/offcourse/allPlanList post";
+//开课保存/编辑
+export const COURSE_PLAN_EDIT = "/admin/offcourse/editPlan post";
+//删除开课
+export const DEL_PLAN = id => `/admin/offcourse/deletePlan?offcoursePlanId=${id} delete`;
+//作业详情
+export const WORK_DETAIL = "/work/queryWorkDetailById post";
+//考试
+export const EXAM_DETAIL = "/examination/queryExaminationDetailById post";
+//评估
+export const ASSESSMENT_DETAIL = "/assessment/queryAssessmentDetailById post";
diff --git a/src/api/request.js b/src/api/request.js
index 18d527f0..75b20d7f 100644
--- a/src/api/request.js
+++ b/src/api/request.js
@@ -1,298 +1,350 @@
 import {isRef, reactive, ref, toRefs, unref, watch, watchEffect} from "vue";
 import {getCookieForName, throttle} from "@/api/method";
-import JSONBigInt from 'json-bigint';
+import JSONBigInt from "json-bigint";
 
-const JSONBigIntStr = JSONBigInt({storeAsString: true});
+const JSONBigIntStr = JSONBigInt({ storeAsString: true });
+
+export function useBoeApiAuditPage(_url, params = {}) {
+  return useBoeApiPage(_url, params, {
+    init: true,
+    result: (res) => res.result.audienceList.map((e) => ({ ...e, id: e.id + "" })),
+    totalPage: (res) => res.result.totalPage,
+    total: (res) => res.result.totalElement,
+  });
+}
+
+export function useBoeApiUserInfoPage(_url, params = {}) {
+  return useBoeApiPage(_url, params, {
+    init: false,
+    result: (res) => res.result.userInfoList,
+    totalPage: (res) => res.result.totalPage,
+    total: (res) => res.result.totalElement,
+  });
+}
 
 export function useBoeApiPage(_url, params = {}, config = {
-    init: true,
-    result: res => res.result,
-    totalPage: res => res.result.totalPage,
-    total: res => res.result.totalElement
+  init: true,
+  result: res => res.result,
+  totalPage: res => res.result.totalPage,
+  total: res => res.result.totalElement
 }) {
 
-    const state = reactive({
-        data: [],
-        loading: false,
-        page: 1,
-        pageSize: 10,
-        totalPage: 0,
-        total: 0
-    })
+  const state = reactive({
+    data: [],
+    loading: false,
+    page: 1,
+    pageSize: 10,
+    totalPage: 0,
+    total: 0
+  });
 
-    if (isRef(params)) {
-        watch(params.value, () => {
-            fetch()
-        })
-    }
+  if (isRef(params)) {
+    watch(params.value, () => {
+      fetch();
+    });
+  }
 
-    if (isRef(_url)) {
-        watchEffect(fetch)
-    } else {
-        fetch()
-    }
+  if (isRef(_url)) {
+    watchEffect(fetch);
+  } else {
+    fetch();
+  }
 
-    function fetch() {
-        state.loading = true
-        return boeRequest(unref(_url), unref(params)).then(r => {
-            state.data = config.result(r)
-            state.totalPage = config.totalPage(r)
-            state.total = config.total(r)
-            state.loading = false
-            state.page = params.page
-        })
-    }
+  function fetch() {
+    state.loading = true;
+    return boeRequest(unref(_url), unref(params)).then(r => {
+      state.data = config.result(r);
+      state.totalPage = config.totalPage(r);
+      state.total = config.total(r);
+      state.loading = false;
+      state.page = params.page;
+    });
+  }
 
-    function reset() {
-        state.data = []
-        state.loading = false
-        state.page = 1
-        state.totalPage = 0
-        state.total = 0
-    }
+  function reset() {
+    state.data = [];
+    state.loading = false;
+    state.page = 1;
+    state.totalPage = 0;
+    state.total = 0;
+  }
 
-    config.init && fetch()
-    return {
-        ...toRefs(state),
-        fetch,
-        reset
-    };
+  config.init && fetch();
+  return {
+    ...toRefs(state),
+    fetch,
+    reset
+  };
 }
 
 export function useBoeApi(_url, params = {}, config = {
-    init: true,
-    result: res => res.result,
+  init: true,
+  result: res => res.result,
 }) {
 
-    const state = reactive({
-        data: [],
-        loading: false,
-    })
-    watch(() => params, () => {
-        fetch()
-    })
+  const state = reactive({
+    data: [],
+    loading: false,
+  });
+  watch(() => params, () => {
+    fetch();
+  });
 
-    function fetch() {
-        state.loading = true
-        return boeRequest(_url, params).then(r => {
-            state.data = config.result(r)
-            state.loading = false
-        })
-    }
+  function fetch() {
+    state.loading = true;
+    return boeRequest(_url, params).then(r => {
+      state.data = config.result(r);
+      state.loading = false;
+    });
+  }
 
-    config.init && fetch()
-    return {
-        ...toRefs(state),
-        fetch,
-    };
+  config.init && fetch();
+  return {
+    ...toRefs(state),
+    fetch,
+  };
 }
 
 export function useBoeUserListPage(_url, params = {}, init = true) {
 
-    const state = reactive({
-        data: [],
-        loading: false,
-        total: 0,
-        totalPage: 0,
-        page: 1,
-        ...params
-    })
+  const state = reactive({
+    data: [],
+    loading: false,
+    total: 0,
+    totalPage: 0,
+    page: 1,
+    ...params
+  });
 
-    watch(() => params.keyword, throttle(fetch, 600))
-    watch(() => params.page, fetch)
+  watch(() => params.keyword, throttle(fetch, 600));
+  watch(() => params.page, fetch);
 
-    function fetch() {
-        state.loading = true
-        if (!params.keyword) {
-            state.loading = false
-            return
-        }
-        return boeRequest(_url, params).then(r => {
-            state.data = params.page === 1 ? r.result.userInfoList : [...state.data, ...r.result.userInfoList]
-            state.totalPage = r.result.totalPage
-            state.total = r.result.totalElement
-            state.loading = false
-        })
+  function fetch() {
+    state.loading = true;
+    if (!params.keyword) {
+      state.loading = false;
+      return;
     }
+    return boeRequest(_url, params).then(r => {
+      state.data = params.page === 1 ? r.result.userInfoList : [...state.data, ...r.result.userInfoList];
+      state.totalPage = r.result.totalPage;
+      state.total = r.result.totalElement;
+      state.loading = false;
+    });
+  }
 
-    init && fetch()
-    return {
-        ...toRefs(state),
-        fetch,
-    };
+  init && fetch();
+  return {
+    ...toRefs(state),
+    fetch,
+  };
+}
+
+export function useRowsPageNoInit(_url, params) {
+  const state = reactive({
+    data: [],
+    total: 1,
+    current: 1,
+    pages: 1,
+    loading: false
+  });
+
+  function reset() {
+    state.data = [];
+    state.loading = false;
+  }
+
+  function fetch() {
+    state.loading = true;
+    return request(unref(_url), unref(params)).then(r => {
+      state.data = r.data.rows || r.data.records;
+      state.current = r.data.current || r.data.current;
+      state.pages = r.data.pages;
+      state.total = r.data.total;
+      state.loading = false;
+    });
+  }
+
+  return {
+    ...toRefs(state),
+    fetch,
+    reset,
+  };
 }
 
 export function useRowsPage(_url, params, init = true) {
 
-    const state = reactive({
-        data: [],
-        total: 1,
-        current: 1,
-        pages: 1,
-        loading: false
-    })
+  const state = reactive({
+    data: [],
+    total: 1,
+    current: 1,
+    pages: 1,
+    loading: false
+  });
 
-    if (isRef(params)) {
-        watch(params.value, () => {
-            fetch()
-        })
-    }
+  if (isRef(params)) {
+    watch(params.value, () => {
+      fetch();
+    });
+  }
 
-    if (isRef(_url)) {
-        watchEffect(fetch)
-    } else {
-        init && fetch()
-    }
+  if (isRef(_url)) {
+    watchEffect(fetch);
+  } else {
+    init && fetch();
+  }
 
-    function reset() {
-        state.data = []
-        state.loading = false
-    }
+  function reset() {
+    state.data = [];
+    state.loading = false;
+  }
 
-    function fetch() {
-        state.loading = true
-        return request(unref(_url), unref(params)).then(r => {
-            state.data = r.data.rows
-            state.current = r.data.current
-            state.pages = r.data.pages
-            state.total = r.data.total
-            state.loading = false
-        })
-    }
+  function fetch() {
+    state.loading = true;
+    return request(unref(_url), unref(params)).then(r => {
+      state.data = r.data.rows;
+      state.current = r.data.current;
+      state.pages = r.data.pages;
+      state.total = r.data.total;
+      state.loading = false;
+    });
+  }
 
-    return {
-        ...toRefs(state),
-        fetch,
-        reset,
-    };
+  return {
+    ...toRefs(state),
+    fetch,
+    reset,
+  };
 }
 
 export function usePage(_url, params, init = true) {
 
-    const state = reactive({
-        data: [],
-        total: 1,
-        current: 1,
-        pages: 1,
-        loading: false
-    })
+  const state = reactive({
+    data: [],
+    total: 1,
+    current: 1,
+    pages: 1,
+    loading: false
+  });
 
-    if (isRef(params)) {
-        watch(params.value, () => {
-            fetch()
-        })
-    }
+  if (isRef(params)) {
+    watch(params.value, () => {
+      fetch();
+    });
+  }
 
-    if (isRef(_url)) {
-        watchEffect(fetch)
-    } else {
-        init && fetch()
-    }
+  if (isRef(_url)) {
+    watchEffect(fetch);
+  } else {
+    init && fetch();
+  }
 
-    function reset() {
-        state.data = []
-        state.loading = false
-    }
+  function reset() {
+    state.data = [];
+    state.loading = false;
+  }
 
-    function fetch() {
-        state.loading = true
-        return request(unref(_url), unref(params)).then(r => {
-            state.data = r.data.records
-            state.current = r.data.current
-            state.pages = r.data.pages
-            state.total = r.data.total
-            state.loading = false
-        })
-    }
+  function fetch() {
+    state.loading = true;
+    return request(unref(_url), unref(params)).then(r => {
+      state.data = r.data.records;
+      state.current = r.data.current;
+      state.pages = r.data.pages;
+      state.total = r.data.total;
+      state.loading = false;
+    });
+  }
 
-    return {
-        ...toRefs(state),
-        fetch,
-        reset,
-    };
+  return {
+    ...toRefs(state),
+    fetch,
+    reset,
+  };
 }
 
-export function useRequest(_url, params = {}, init = true) {
+export function useRequest(_url, params, init = true) {
 
-    const data = ref({})
-    const loading = ref(false)
+  const data = ref({});
+  const loading = ref(false);
 
-    watch(params, () => {
-        fetchData()
-    })
+  if (isRef(params)) {
+    watch(params.value, () => {
+      fetchData();
+    });
+  }
 
-    function fetchData() {
-        loading.value = true
-        request(_url, params).then(r => {
-            data.value = r
-            loading.value = false
-        })
-    }
+  function fetchData() {
+    loading.value = true;
+    request(_url, unref(params)).then(r => {
+      data.value = r.data;
+      loading.value = false;
+    });
+  }
 
-    init && fetchData()
-    return {
-        data,
-        loading,
-        fetchData,
-    };
+  init && fetchData();
+  return {
+    data,
+    loading,
+    fetchData,
+  };
 }
 
 export async function boeRequest(_url, params = {}) {
-    const s = _url.split(' ')
-    let url = s[0]
-    const method = s[1]?.toLowerCase() || 'get'
-    if (method === 'get') {
-        url.includes('?') ? (url.endsWith('&') || (url += '&')) : (url += '?')
-        url += Object.keys(params).map(key => key + '=' + params[key]).join('&')
-    }
-    const body = method !== 'get' ? s[2] === 'formData' ? formatFormData(params) : params : {}
-    url = process.env.NODE_ENV === 'development' ? url : window.location.protocol + process.env.VUE_APP_BOE_API_URL + url
-    return fetch(url, {
-        method,
-        headers: {
-            token: getCookieForName('token'),
-            ...method !== 'get' && s[2] !== 'formData' ? {'Content-Type': 'application/json'} : {}
-        },
-        ...method !== 'get' ? {body: s[2] === 'formData' ? body : JSON.stringify(body)} : {}
-    }).then(res => {
-        return res.text()
-    }).then(res => {
-        return JSONBigIntStr.parse(res)
-    })
+  const s = _url.split(" ");
+  let url = s[0];
+  const method = s[1]?.toLowerCase() || "get";
+  if (method === "get") {
+    url.includes("?") ? (url.endsWith("&") || (url += "&")) : (url += "?");
+    url += Object.keys(params).map(key => key + "=" + params[key]).join("&");
+  }
+  const body = method !== "get" ? s[2] === "formData" ? formatFormData(params) : params : {};
+  url = process.env.NODE_ENV === "development" ? url : window.location.protocol + process.env.VUE_APP_BOE_API_URL + url;
+  return fetch(url, {
+    method,
+    headers: {
+      token: getCookieForName("token"),
+      ...method !== "get" && s[2] !== "formData" ? { "Content-Type": "application/json" } : {}
+    },
+    ...method !== "get" ? { body: s[2] === "formData" ? body : JSON.stringify(body) } : {}
+  }).then(res => {
+    return res.text();
+  }).then(res => {
+    return JSONBigIntStr.parse(res);
+  });
 }
 
 function formatFormData(data) {
-    const formData = new FormData();
-    Object.keys(data).forEach(k => formData.append(k, data[k]))
-    return formData
+  const formData = new FormData();
+  Object.keys(data).forEach(k => formData.append(k, data[k]));
+  return formData;
 }
 
 export async function request(_url, params) {
-    const s = _url.split(' ')
-    let url = s[0]
-    const method = s[1]?.toLowerCase() || 'get'
-    if (method === 'get') {
-        let paramsArray = [];
-        if (params) {
-            Object.keys(params).forEach(key => paramsArray.push(key + '=' + params[key]))
-            if (url.search(/\?/) === -1) {
-                url += '?' + paramsArray.join('&')
-            } else {
-                url += '&' + paramsArray.join('&')
-            }
-        }
+  const s = _url.split(" ");
+  let url = s[0];
+  const method = s[1]?.toLowerCase() || "get";
+  if (method === "get") {
+    let paramsArray = [];
+    if (params) {
+      Object.keys(params).forEach(key => paramsArray.push(key + "=" + params[key]));
+      if (url.search(/\?/) === -1) {
+        url += "?" + paramsArray.join("&");
+      } else {
+        url += "&" + paramsArray.join("&");
+      }
     }
-    const body = method !== 'get' ? params || {} : {}
-    return fetch(process.env.VUE_APP_BASE_API + url, {
-        method,
-        headers: {
-            token: getCookieForName('token'),
-            ...method !== 'get' ? {'Content-Type': 'application/json'} : {}
-        },
-        ...method !== 'get' ? {body: JSON.stringify(body)} : {}
-    }).then(res => {
-        return res.text()
-    }).then(res => {
-        return JSONBigIntStr.parse(res)
-    })
+  }
+  const body = method !== "get" ? params || {} : {};
+  return fetch(process.env.VUE_APP_BASE_API + url, {
+    method,
+    headers: {
+      token: getCookieForName("token"),
+      ...method !== "get" ? { "Content-Type": "application/json" } : {}
+    },
+    ...method !== "get" ? { body: JSON.stringify(body) } : {}
+  }).then(res => {
+    return res.text();
+  }).then(res => {
+    return JSONBigIntStr.parse(res);
+  });
 }
\ No newline at end of file
diff --git a/src/components/common/BaseTable.vue b/src/components/common/BaseTable.vue
new file mode 100644
index 00000000..7a6c627b
--- /dev/null
+++ b/src/components/common/BaseTable.vue
@@ -0,0 +1,134 @@
+<template>
+  <a-table
+    :customRow="customRow"
+    class="ant-table-striped"
+    :row-class-name="(_, index) => (index % 2 === 1 ? 'table-striped' : null)"
+    row-key="id"
+    :columns="columns"
+    :data-source="data"
+    :loading="loading"
+    :pagination="pagination"
+    :row-selection="rowSelection"
+  />
+</template>
+<script setup>
+import {defineProps, defineExpose, ref, computed, onMounted, defineEmits} from "vue";
+import {useRowsPageNoInit} from "@/api/request";
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: ""
+  },
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  url: {
+    type: String,
+    default: ""
+  },
+  params: {
+    type: Object,
+    default: () => ({})
+  },
+  init: {
+    type: Boolean,
+    default: true
+  },
+  request: {
+    type: Function,
+    default: useRowsPageNoInit
+  }
+});
+const emit = defineEmits(["update:params", "update:selectedRowKeys", "update:selectedRows"]);
+const rowSelectKeys = ref([]);
+const selectsData = ref([]);
+const params = ref({ pageNo: 1, pageSize: 10 });
+const postParam = computed(() => ({ ...params.value, ...props.params }));
+
+const { data, loading, total, fetch } = props.request(props.url, postParam);
+
+const rowSelection = computed(() => (props.type ? {
+  type: props.type,
+  columnWidth: 20,
+  selectedRowKeys: rowSelectKeys.value,
+  onChange: onSelectChange,
+  preserveSelectedRowKeys: true,
+} : null));
+
+const customRow = (record) => ({
+  onClick: () => {
+    if (props.type === "checkbox") {
+      if (rowSelectKeys.value.some(t => t === record.id)) {
+        rowSelectKeys.value = rowSelectKeys.value.filter(t => t !== record.id);
+        selectsData.value = selectsData.value.filter(t => t.id !== record.id);
+      } else {
+        rowSelectKeys.value.push(record.id);
+        selectsData.value.push(record);
+      }
+    } else {
+      rowSelectKeys.value = [record.id];
+      selectsData.value = [record];
+    }
+    emit("update:selectedRowKeys", [...rowSelectKeys.value]);
+    emit("update:selectedRows", [...selectsData.value]);
+  }
+});
+
+function onSelectChange(e, l) {
+  rowSelectKeys.value = e;
+  selectsData.value = l;
+  emit("update:selectedRowKeys", e);
+  emit("update:selectedRows", l);
+}
+
+const pagination = computed(() => ({
+  total: total.value,
+  showSizeChanger: false,
+  current: params.value.pageNo,
+  pageSize: params.value.pageSize,
+  onChange: changePagination,
+}));
+const changePagination = (e) => {
+  params.value.pageNo = e;
+  fetch();
+};
+onMounted(() => props.init && fetch());
+
+function reset(v = {}) {
+  params.value = { pageNo: 1, pageSize: 10, ...v };
+  emit("update:params", { ...v });
+  fetch();
+}
+
+function resetSelected() {
+  rowSelectKeys.value = [];
+  selectsData.value = [];
+  emit("update:selectedRowKeys", []);
+  emit("update:selectedRows", []);
+}
+
+function clear() {
+  rowSelectKeys.value = [];
+  selectsData.value = [];
+  params.value = { pageNo: 1, pageSize: 10 };
+  emit("update:params", {});
+  emit("update:selectedRowKeys", []);
+  emit("update:selectedRows", []);
+}
+
+function toLoading() {
+  loading.value = true;
+}
+
+function remove(i) {
+  rowSelectKeys.value.splice(i, 1);
+  selectsData.value.splice(i, 1);
+  emit("update:selectedRowKeys", rowSelectKeys.value);
+  emit("update:selectedRows", selectsData.value);
+}
+
+defineExpose({ fetch, reset, resetSelected, clear, toLoading, remove });
+
+</script>
diff --git a/src/components/common/CheckBox.vue b/src/components/common/CheckBox.vue
new file mode 100644
index 00000000..0c34bd54
--- /dev/null
+++ b/src/components/common/CheckBox.vue
@@ -0,0 +1,24 @@
+<template>
+  <a-checkbox @change="change">
+    <slot></slot>
+  </a-checkbox>
+</template>
+<script setup>
+import {defineEmits, defineProps} from "vue";
+
+const props = defineProps({
+  checkValue: {
+    type: Boolean,
+    default: true
+  },
+  unCheckValue: {
+    type: Boolean,
+    default: false
+  },
+});
+const emit = defineEmits(['update:modelValue']);
+
+function change({ target: { checked } }) {
+  emit("update:modelValue", checked ? props.checkValue : props.unCheckValue);
+}
+</script>
diff --git a/src/components/common/CommonImport.vue b/src/components/common/CommonImport.vue
new file mode 100644
index 00000000..44966b06
--- /dev/null
+++ b/src/components/common/CommonImport.vue
@@ -0,0 +1,489 @@
+<template>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle impotergroupleader"
+    placement="right"
+    width="800px"
+  >
+    <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="minatitl" v-if="templateUrl">
+          <div class="up1">请下载</div>
+          <a class="up2" :href="templateUrl" target="_blank" style="cursor: pointer">模板</a>
+          <div class="up1">，按要求填写数据并导入</div>
+        </div>
+        <div class="upload">
+          <div class="text">上传：</div>
+          <div class="right">
+            <div style="height: 176px; margin-bottom: 20px">
+              <a-upload-dragger
+                :data="data"
+                :multiple="true"
+                :name="name"
+                :accept="accept"
+                :action="uploadUrl"
+                @change="handleChange"
+                v-model:file-list="fileList"
+              >
+                <p class="ant-upload-drag-icon">
+                  <inbox-outlined></inbox-outlined>
+                </p>
+                <p class="ant-upload-text">点击或将文件拖拽到此处上传</p>
+                <p class="ant-upload-hint">支持扩展名：.xls/.xlsx</p>
+                <template #itemRender="{ file }">
+                  <div class="loadstate">
+                    <div class="loadborder">
+                      <div class="content">
+                        <div class="img"></div>
+                        <div class="timebox">
+                          <div class="timetop">
+                            <div class="tit">{{ file.name }}</div>
+                            <div class="stateloading">{{
+                                {
+                                  done: "上传成功",
+                                  uploading: "正在上传",
+                                  error: "上传失败",
+                                  removed: "正在上传",
+                                }[file.status]
+                              }}
+                            </div>
+                          </div>
+                          <a-progress :percent="file.percent"/>
+                        </div>
+                        <div class="curloading">
+                          <div style="color: #387df7; margin-left: 20px; cursor: pointer"
+                               v-if="file.uploadState?.status === 'FAILED'"
+                               @click="downloadErrorData(file.uploadState?.url)">下载失败数据
+                          </div>
+                        </div>
+                      </div>
+                      <a-spin :spinning="true" v-if="file.uploadState?.status === 'START'"/>
+                      <div :class="file.uploadState?.status === 'SUCCESS'?'succebox':'defeatbox'"
+                           v-if="file.uploadState?.status === 'FAILED'">
+                        <img style="width: 14px; height: 14px; margin-left: 16px"
+                             :src="file.uploadState?.status === 'SUCCESS' ? success:err"/>
+                        <div class="tacl">
+                          {{ file.uploadState?.successNum || 0 }}条数据导入成功，{{
+                            file.uploadState?.failedNum || 0
+                          }}条数据导入失败
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </template>
+              </a-upload-dragger>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn2" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="closeDrawer">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script setup>
+import {defineEmits, defineProps, ref} from "vue";
+import {getImportStatus} from "@/api/index1";
+import {useTimeout} from "@/utils/useCommon";
+import err from "@/assets/images/err.png";
+import success from "@/assets/images/success.png";
+
+const props = defineProps({
+  url: String,
+  name: {
+    type: String,
+    defalut: "file"
+  },
+  title: String,
+  accept: String,
+  fileType: Object,
+  data: Object,
+  templateUrl: String,
+});
+const emit = defineEmits({});
+const visible = ref(false);
+const fileList = ref([]);
+const uploadUrl = ref(process.env.VUE_APP_BASE_API + props.url);
+const { start } = useTimeout(async ({ uuid, file }) => {
+  const { data: { data: upData } } = await getImportStatus(uuid);
+  file.uploadState = upData;
+  fileList.value = [...fileList.value];
+  if (upData && upData.status !== "START" && upData.status !== "NULL") {
+    emit("change", "end");
+    throw Error("查询任务结束");
+  }
+}, 1000);
+
+const closeDrawer = () => {
+  visible.value = false;
+  fileList.value = [];
+};
+
+function openDrawer() {
+  visible.value = true;
+}
+
+function downloadErrorData(url) {
+  window.open(process.env.VUE_APP_FILE_PATH + url);
+}
+
+function handleChange({ file }) {
+  emit("change", "start");
+  file && file.response && start({ uuid: file.response.data, file });
+}
+</script>
+
+<style scoped lang="scss">
+.impotergroupleader {
+  .drawerMain {
+    min-width: 600px;
+    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;
+      // background-color: red;
+      margin-bottom: 20px;
+      flex-shrink: 0;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+
+    .main {
+
+      .minatitl {
+        display: flex;
+
+        .up1 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #333333;
+        }
+
+        .up2 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #4ea6ff;
+          margin-left: 4px;
+        }
+      }
+
+      .upload {
+        margin-top: 32px;
+        display: flex;
+
+        .text {
+          font-size: 14px;
+          font-weight: 400;
+          color: #333333;
+        }
+
+        .right {
+          margin-left: 6px;
+          width: 500px;
+
+          .load {
+            width: 500px;
+            height: 176px;
+            background: #f5f9fd;
+            border-radius: 4px;
+            // opacity: 0.3;
+            border: 1px dashed #caddfd;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-bottom: 20px;
+
+            .cloud {
+              margin-top: 52px;
+              width: 28px;
+              height: 28px;
+              background-image: url(../../assets/images/basicinfo/cloud.png);
+            }
+
+            .tip {
+              font-size: 14px;
+              font-weight: 400;
+              color: #4ea6ff;
+              margin-top: 15px;
+              cursor: pointer;
+            }
+
+            .tipz {
+              font-size: 14px;
+              font-weight: 400;
+              color: #999999;
+              margin-top: 10px;
+            }
+          }
+
+          .loadstate {
+            width: 500px;
+            margin-bottom: 50px;
+
+            .loadborder {
+              width: 500px;
+              height: 173px;
+              border-radius: 4px;
+              border: 1px dashed #eaeaea;
+              margin-bottom: 30px;
+              display: flex;
+              flex-direction: column;
+              justify-content: center;
+              position: relative;
+
+              .content {
+                display: flex;
+                margin-left: 20px;
+                position: relative;
+
+                .defeat {
+                  width: 262px;
+                  padding: 10px 20px;
+                  position: absolute;
+                  left: 46px;
+                  top: 42px;
+                  font-size: 14px;
+                  font-weight: 500;
+                  height: 32px;
+                  border-radius: 2px;
+                  border: 1px solid #387df7;
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                  cursor: pointer;
+
+                  .detext {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #387df7;
+                  }
+                }
+
+                .img {
+                  width: 30px;
+                  height: 34px;
+                  background-image: url(../../assets/images/basicinfo/exl.png);
+                }
+
+                .timebox {
+                  margin-left: 15px;
+                  margin-top: -5px;
+
+                  .timetop {
+                    display: flex;
+                    width: 262px;
+                    justify-content: space-between;
+                    // margin-bottom: 8px;
+                    .tit {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #333333;
+                    }
+
+                    .stateloading {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #4ea6ff;
+                    }
+
+                    .statedefeat {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #ff7474;
+                    }
+
+                    .statesucce {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #35ae69;
+                    }
+                  }
+
+                  .prog {
+                    width: 262px;
+                    height: 5px;
+                    background: #eaf1fe;
+                    border-radius: 4px;
+
+                    .inprogloading {
+                      width: 55%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #4ea6ff;
+                    }
+
+                    //下载失败条
+                    .inprogdefeat {
+                      width: 55%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #ff7474;
+                    }
+
+                    //下载成功条
+                    .inprogsucce {
+                      width: 100%;
+                      height: 5px;
+                      border-radius: 4px;
+
+                      background: #57c887;
+                    }
+                  }
+                }
+
+                .curloading {
+                  margin-left: 15px;
+                  margin-top: 15px;
+                  display: flex;
+
+                  .cur {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #333333;
+                  }
+
+                  .cancel {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #387df7;
+                  }
+                }
+              }
+
+              .downloadErr {
+                width: 120px;
+                height: 32px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border-radius: 2px;
+                border: 1px solid #387df7;
+                font-size: 14px;
+                font-weight: 400;
+                color: #387df7;
+                line-height: 20px;
+                cursor: pointer;
+                margin-left: 66px;
+                margin-top: 16px;
+                position: absolute;
+                bottom: 28px;
+              }
+            }
+
+            .defeatbox {
+              width: 500px;
+              height: 40px;
+              margin-top: 20px;
+              background: rgba(255, 116, 116, 0.1);
+              border: 1px solid #ff7474;
+              display: flex;
+              align-items: center;
+
+              .lefimg {
+                width: 14px;
+                height: 14px;
+                margin-right: 8px;
+                background-size: 100%;
+              }
+
+              .tacl {
+                font-size: 14px;
+                font-weight: 400;
+                margin-left: 17px;
+                color: #ff7474;
+              }
+            }
+
+            .succebox {
+              width: 500px;
+              height: 40px;
+              background: rgba(53, 174, 105, 0.1);
+              border: 1px solid #35ae69;
+              display: flex;
+              align-items: center;
+
+              .lefimg {
+                width: 14px;
+                height: 14px;
+                margin-left: 17px;
+                margin-right: 8px;
+                background-size: 100%;
+              }
+
+              .tacl {
+                font-size: 14px;
+                font-weight: 400;
+
+                color: rgba(0, 0, 0, 0.65);
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .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>
diff --git a/src/components/common/QrCode.vue b/src/components/common/QrCode.vue
new file mode 100644
index 00000000..1bf006a9
--- /dev/null
+++ b/src/components/common/QrCode.vue
@@ -0,0 +1,266 @@
+<template>
+  <a-modal
+    :visible="true"
+    :footer="null"
+    :title="null"
+    :centere="true"
+    :closable="false"
+    style="margin-top: 400px"
+    :zIndex="9999"
+    @cancel="close"
+  >
+    <div id="qrcode" class="QR">
+      <div class="qr_header"></div>
+      <div class="qr_main">
+        <div class="qrm_header">
+          <span>{{ title }}</span>
+          <div class="close_exit" @click="close"></div>
+        </div>
+        <div class="downloadCode" style="">
+          <div class="qrm_body">
+            <div class="codename">{{ name }}</div>
+            <QrcodeVue :value="url" :size="size" style="width: 200px; height: 200px"></QrcodeVue>
+          </div>
+        </div>
+        <div v-if="copyAble" class="codeUrl" :style="{ display: 'flex'}">
+          <div class="codeUrlLink">链接</div>
+          <a-input :value="url" disabled class="codeUrlInp"/>
+          <a-input
+            :value="url"
+            id="courseUrl"
+            class="codeUrlInp"
+            style="position: absolute; opacity: 0; z-index: -1"
+          />
+          <div @click="copyUrl" class="codeUrlCopy">复制链接</div>
+        </div>
+        <div class="qrm_footer">
+            <span style="color: #387df7; cursor: pointer" @click="download(200)">下载二维码</span>
+        </div>
+      </div>
+    </div>
+  </a-modal>
+</template>
+<script setup>
+import {defineProps, onMounted} from "vue";
+import html2canvas from "html2canvas";
+import QrcodeVue from "qrcode.vue";
+import {message} from "ant-design-vue";
+
+const props = defineProps({
+  close: {
+    type: Function,
+    default: () => ({})
+  },
+  ok: {
+    type: Function,
+    default: () => ({})
+  },
+  url: String,
+  copyAble: {
+    type: Boolean,
+    default: false
+  },
+  size: {
+    type: Number,
+    default: 800
+  },
+  name: String,
+  title: {
+    type: String,
+    default: "二维码"
+  },
+  cancel: {
+    type: Boolean,
+    default: true
+  },
+  duration: {
+    type: Number,
+    default: 0
+  },
+});
+
+onMounted(() => props.duration && setTimeout(() => props.close(), props.duration));
+
+function download() {
+  html2canvas(
+    document.querySelector(".downloadCode"),
+    { useCORS: true }
+  ).then((canvas) => {
+    let filename = `${new Date().getTime()}.png`;
+    let imageUrl = canvas.toDataURL("image/png");
+    let a = document.createElement("a");
+    a.style.display = "none";
+    a.download = filename;
+    a.href = imageUrl;
+    document.body.appendChild(a);
+    a.click();
+  });
+}
+
+function copyUrl() {
+  const input = document.createElement("input"); // 创建input对象
+  input.value = props.url;
+  document.body.appendChild(input); // 添加临时实例
+  input.select(); // 选择实例内容
+  document.execCommand("Copy"); // 执行复制
+  document.body.removeChild(input); // 删除临时实例
+  message.success("复制成功！");
+}
+</script>
+<style lang="scss" scoped>
+.QR {
+  z-index: 9999;
+  width: 520px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  position: absolute;
+  left: 50%;
+  top: 10%;
+  transform: translate(-50%, -50%);
+
+  .qr_header {
+    position: absolute;
+    width: calc(100%);
+    height: 40px;
+    background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+    );
+  }
+
+  .qr_main {
+    width: 100%;
+    position: relative;
+
+    .qrm_header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .title {
+        font-size: 16px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 22px;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .qrm_body {
+      width: 100%;
+      padding-top: 22px;
+      padding-bottom: 32px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .codename {
+        font-size: 18px;
+        font-weight: 400;
+        color: #333333;
+        line-height: 25px;
+        margin-bottom: 20px;
+        margin-left: 20px;
+        margin-right: 20px;
+      }
+    }
+
+    .codeUrl {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 24px;
+
+      .codeUrlLink {
+        width: 72px;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 14px;
+        font-weight: 400;
+        color: #c7cbd2;
+        line-height: 20px;
+        border: 1px solid #c7cbd2;
+        border-right: 0px solid #c7cbd2;
+      }
+
+      .codeUrlInp {
+        width: 305px;
+        height: 40px;
+        border: 1px solid #c7cbd2;
+      }
+
+      .ant-input-disabled {
+        background-color: rgba(0, 0, 0, 0) !important;
+      }
+
+      .ant-input[disabled] {
+        background-color: rgba(0, 0, 0, 0) !important;
+      }
+
+      .codeUrlCopy {
+        width: 96px;
+        height: 40px;
+        background-color: #4ea6ff;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 14px;
+        font-weight: 400;
+        color: #ffffff;
+        line-height: 20px;
+        cursor: pointer;
+        margin-left: 8px;
+      }
+    }
+
+    .qrm_footer {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 44px;
+
+      .qrmbtn {
+        width: 80px;
+        height: 32px;
+        display: flex;
+        line-height: 32px;
+        justify-content: center;
+        border-radius: 4px;
+        border: 1px solid #387df7;
+        cursor: pointer;
+
+        .btntext {
+          color: #387df7;
+        }
+      }
+    }
+  }
+}
+
+.codeModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 479px !important;
+    }
+  }
+}
+</style>
+<style lang="scss">
+.ant-modal-body {
+  padding: 0 !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/common/RangePicker.vue b/src/components/common/RangePicker.vue
new file mode 100644
index 00000000..e43eba33
--- /dev/null
+++ b/src/components/common/RangePicker.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="select">
+    <div class="select addTimeBox">
+      <div class="addTime">创建时间：</div>
+      <a-range-picker
+        style="width: 420px"
+        format="YYYY-MM-DD"
+        valueFormat="YYYY-MM-DD"
+        separator="至"
+        :placeholder="['      开始时间', '        结束时间']"
+        @change="change"
+      />
+    </div>
+  </div>
+</template>
+<script setup>
+import {defineEmits} from "vue";
+
+const emit = defineEmits(["update:beginTime", "update:endTime"]);
+
+function change(e) {
+  emit("update:beginTime", e[0]);
+  emit("update:endTime", e[1]);
+}
+</script>
+<style  lang="scss">
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+.addTime {
+  position: absolute;
+  z-index: 10;
+  margin-left: 10px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.ant-picker {
+  padding-left: 85px;
+}
+
+.ant-picker-range .ant-picker-active-bar {
+  margin-left: 85px;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/AddFaceClass.vue b/src/components/drawers/AddFaceClass.vue
index 2b723175..3cf84403 100644
--- a/src/components/drawers/AddFaceClass.vue
+++ b/src/components/drawers/AddFaceClass.vue
@@ -1,278 +1,271 @@
 <template>
-    <div @click="openDrawer">
-      <slot></slot>
-    </div>
-    <a-drawer :visible="visible" class="drawerStyle addinvistDrawer" width="70%" title="添加面授" placement="right">
-      <div class="drawerMain">
-        <div class="header">
-          <div v-if="taskIndex>=0" class="headerTitle">编辑面授</div>
-          <div v-else class="headerTitle">添加面授</div>
-          <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
-               @click="closeDrawer"/>
-        </div>
-        <div class="contentMain">
-          <div class="main">
-            <div class="main_left">
-              <FaceClassAll v-model:id="formData.courseId" v-model:name="formData.courseName"/>
-            </div>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
+  <a-drawer :visible="visible" class="drawerStyle addinvistDrawer" width="70%" title="添加面授" placement="right">
+    <div class="drawerMain">
+      <div class="header">
+        <div v-if="taskIndex>=0" class="headerTitle">编辑面授</div>
+        <div v-else class="headerTitle">添加面授</div>
+        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+             @click="closeDrawer"/>
+      </div>
+      <div class="contentMain">
+        <div class="main">
+          <div class="main_left">
+            <FaceClassAll v-model:id="formData.courseId" v-model:name="formData.courseName"/>
           </div>
         </div>
-        <div class="main_btns">
-          <button class="btn2" @click="closeDrawer">取消</button>
-          <button class="btn2" @click="confirm">确定</button>
-        </div>
       </div>
-    </a-drawer>
-  </template>
-  <script setup>
-  import {defineEmits, defineProps, ref} from "vue";
-  import {Form, message} from "ant-design-vue";
-  import FaceClassAll from "@/components/drawers/FeaceClassAll.vue";
-  
-  const props = defineProps({
-    type: Number,
-    taskList: []
-  })
-  const visible = ref(false)
-  const formData = ref({
-    courseId: '',
-    courseName: '',
-  })
-  const emit = defineEmits({})
-  const taskIndex = ref(-1);
-  const rulesRef = ref({
-    courseId: [
-      {
-        required: true,
-        message: '请选择课程',
-      },
-    ],
-    courseName: [
-      {
-        required: true,
-        message: '请选择课程',
-      },
-    ],
+      <div class="main_btns">
+        <button class="btn2" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="confirm">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script setup>
+import {defineEmits, defineProps, ref} from "vue";
+import {Form, message} from "ant-design-vue";
+import FaceClassAll from "@/components/drawers/FeaceClassAll.vue";
+
+const props = defineProps({
+  type: Number,
+  taskList: []
+});
+const visible = ref(false);
+const formData = ref({
+  courseId: "",
+  courseName: "",
+});
+const emit = defineEmits({});
+const taskIndex = ref(-1);
+const rulesRef = ref({
+  courseId: [
+    {
+      required: true,
+      message: "请选择课程",
+    },
+  ],
+  courseName: [
+    {
+      required: true,
+      message: "请选择课程",
+    },
+  ],
+});
+
+const { resetFields, validate } = Form.useForm(formData, rulesRef);
+
+const closeDrawer = () => {
+  visible.value = false;
+  taskIndex.value = -1;
+  resetFields();
+};
+
+async function confirm() {
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
   });
-  
-  const {resetFields, validate} = Form.useForm(formData, rulesRef);
-  
-  const closeDrawer = () => {
-    visible.value = false
-    taskIndex.value = -1
-    resetFields()
-  };
-  
-  async function confirm() {
-    await validate().catch(({errorFields}) => {
-      message.warning(errorFields[0].errors.join());
-      throw Error("数据校验不通过")
+  if (taskIndex.value === -1) {
+    const list = props.taskList;
+    list.push({
+      name: formData.value.courseName,
+      type: props.type,
+      courseId: formData.value.courseId,
+      info: { ...formData.value }
     });
-    if (taskIndex.value === -1) {
-      const list = props.taskList
-      list.push({
-        name: formData.value.courseName,
-        type: props.type,
-        courseId: formData.value.courseId,
-        info: {...formData.value}
-      })
-      console.log('新建',{
-        name: formData.value.courseName,
-        type: props.type,
-        courseId: formData.value.courseId,
-        info: {...formData.value}
-      })
-    } else {
-      const data = props.taskList[taskIndex.value]
-      data.name = formData.value.courseName
-      data.courseId = formData.value.courseId
-      data.info = {...formData.value}
-    }
-    emit('update:taskList', [...props.taskList])
-    closeDrawer()
+  } else {
+    const data = props.taskList[taskIndex.value];
+    data.name = formData.value.courseName;
+    data.courseId = formData.value.courseId;
+    data.info = { ...formData.value };
   }
-  
-  function openDrawer(i, row) {
-    console.log(row)
-    row && (formData.value = {courseId: row.info?row.info.courseId:row.id, courseName: row.info?row.info.courseName:row.name});
-    (i >= 0) && (taskIndex.value = i);
-    visible.value = true
-    console.log('11111',formData.value)
-  }
-  
-  defineExpose({openDrawer})
-  </script>
-  <style lang="scss">
-  .ant-table-striped :deep(.table-striped) td {
-    background-color: #fafafa !important;
-  }
-  
-  .addinvistDrawer {
-    .drawerMain {
-      .header {
-        height: 73px;
-        border-bottom: 1px solid #e8e8e8;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-  
-        .headerTitle {
-          font-size: 18px;
-          font-weight: 600;
-          color: #333333;
-          line-height: 25px;
-          margin-left: 24px;
-        }
+  emit("update:taskList", [...props.taskList]);
+  closeDrawer();
+}
+
+function openDrawer(i, row) {
+  row && (formData.value = {
+    courseId: row.courseId,
+    courseName: row.name
+  });
+  (i >= 0) && (taskIndex.value = i);
+  visible.value = true;
+}
+
+defineExpose({ openDrawer });
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.addinvistDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
       }
-  
-      .contentMain {
-        .main {
-          width: 100%;
-  
-          .main_left {
-            padding-right: 30px;
-            margin-top: 32px;
-  
-            .main_item {
+    }
+
+    .contentMain {
+      .main {
+        width: 100%;
+
+        .main_left {
+          padding-right: 30px;
+          margin-top: 32px;
+
+          .main_item {
+            display: flex;
+            align-items: center;
+
+            .fi_input {
+              margin-right: 20px;
+            }
+
+            .btns {
+              padding: 0 26px 0 26px;
+              height: 38px;
+              background: #4ea6ff;
+              border-radius: 8px;
               display: flex;
               align-items: center;
-  
-              .fi_input {
-                margin-right: 20px;
+              justify-content: center;
+              margin-right: 14px;
+              flex-shrink: 0;
+              cursor: pointer;
+
+              .search {
+                width: 15px;
+                height: 17px;
+                background-image: url("../../assets/images/courseManage/search0.png");
+                background-size: 100% 100%;
               }
-  
-              .btns {
-                margin-right: 20px;
-                padding: 0px 26px 0px 26px;
-                height: 38px;
-                background: #4ea6ff;
-                border-radius: 8px;
-                //border: 1px solid rgba(64, 158, 255, 1);
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 14px;
-                flex-shrink: 0;
-                cursor: pointer;
-  
-                .search {
-                  width: 15px;
-                  height: 17px;
-                  background-image: url("../../assets/images/courseManage/search0.png");
-                  background-size: 100% 100%;
-                }
-  
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  color: #ffffff;
-                  line-height: 36px;
-                  margin-left: 5px;
-                }
-              }
-  
-              .btnsn {
-                padding: 0px 26px 0px 26px;
-                height: 38px;
-                background: #ffffff;
-                border-radius: 8px;
-                border: 1px solid rgba(64, 158, 255, 1);
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 14px;
-                flex-shrink: 0;
-                cursor: pointer;
-  
-                .search {
-                  width: 16px;
-                  height: 18px;
-                  background-image: url("../../assets/images/courseManage/reset1.png");
-                  background-size: 100% 100%;
-                }
-  
-                .btnText {
-                  font-size: 14px;
-                  font-weight: 400;
-                  color: #4ea6ff;
-                  line-height: 36px;
-                  margin-left: 5px;
-                }
+
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                color: #ffffff;
+                line-height: 36px;
+                margin-left: 5px;
               }
             }
-  
-            .main_notice {
+
+            .btnsn {
+              padding: 0 26px 0 26px;
+              height: 38px;
+              background: #ffffff;
+              border-radius: 8px;
+              border: 1px solid rgba(64, 158, 255, 1);
               display: flex;
-              justify-content: space-between;
               align-items: center;
-              margin-bottom: 3px;
-              height: 40px;
-              background-color: #e9f6fe;
-  
-              .mntc_left {
-                display: flex;
-                align-items: center;
-  
-                .title {
-                  color: rgba(0, 0, 0, 0.65);
-                  margin-right: 17px;
-                }
-  
-                .data {
-                  color: #4ea6ff;
-                }
-  
-                .notice_icon {
-                  width: 14px;
-                  height: 14px;
-                  margin-right: 9px;
-                  margin-left: 9px;
-                  background-image: url(@/assets/images/coursewareManage/gan.png);
-                  background-size: 100% 100%;
-                }
+              justify-content: center;
+              margin-right: 14px;
+              flex-shrink: 0;
+              cursor: pointer;
+
+              .search {
+                width: 16px;
+                height: 18px;
+                background-image: url("../../assets/images/courseManage/reset1.png");
+                background-size: 100% 100%;
               }
-  
-              .mntc_right {
-                cursor: pointer;
+
+              .btnText {
+                font-size: 14px;
+                font-weight: 400;
+                color: #4ea6ff;
+                line-height: 36px;
+                margin-left: 5px;
               }
             }
           }
+
+          .main_notice {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 3px;
+            height: 40px;
+            background-color: #e9f6fe;
+
+            .mntc_left {
+              display: flex;
+              align-items: center;
+
+              .title {
+                color: rgba(0, 0, 0, 0.65);
+                margin-right: 17px;
+              }
+
+              .data {
+                color: #4ea6ff;
+              }
+
+              .notice_icon {
+                width: 14px;
+                height: 14px;
+                margin-right: 9px;
+                margin-left: 9px;
+                background-image: url(@/assets/images/coursewareManage/gan.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .mntc_right {
+              cursor: pointer;
+            }
+          }
         }
       }
-  
-      .main_btns {
-        height: 72px;
-        width: 100%;
-  
-        bottom: 0;
-        left: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-  
-        .btn1 {
-          width: 100px;
-          height: 40px;
-          border: 1px solid #4ea6ff;
-          border-radius: 8px;
-          color: #4ea6ff;
-          background-color: #fff;
-          cursor: pointer;
-        }
-  
-        .btn2 {
-          cursor: pointer;
-          width: 100px;
-          height: 40px;
-          background: #4ea6ff;
-          border-radius: 8px;
-          border: 0;
-          margin-left: 15px;
-          color: #fff;
-        }
+    }
+
+    .main_btns {
+      height: 72px;
+      width: 100%;
+
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 1px 35px 0 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>
+}
+</style>
   
\ No newline at end of file
diff --git a/src/components/drawers/AddOpenCourse.vue b/src/components/drawers/AddOpenCourse.vue
index 8e9ee1ba..8b7cad30 100644
--- a/src/components/drawers/AddOpenCourse.vue
+++ b/src/components/drawers/AddOpenCourse.vue
@@ -1,1382 +1,1202 @@
- <template>
-    <a-drawer
-      :visible="openCourseVisible"
-      class="drawerStyle addonlineDrawer"
-      width="1000"
-      title="开课"
-      placement="right">
-      <div class="drawerMain">
-        <div class="header">
-          <div v-if="taskIndex >= 0" class="headerTitle">开课</div>
-          <div v-else class="headerTitle">开课</div>
-          <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="../../assets/images/basicinfo/close.png"
-            @click="closeDrawer"
-          />
+<template>
+  <a-drawer
+    :visible="openCourseVisible"
+    class="drawerStyle addonlineDrawer"
+    :width="1000"
+    title="开课"
+    placement="right">
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">开课</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_items">
+          <div class="mi_ipts">
+            <div class="mii_ipt">
+              <div class="ipt_name"></div>
+              <div class="fi_input">
+                <a-input
+                  v-model:value="params.name"
+                  style="width: 220px; height: 40px; border-radius: 8px"
+                  placeholder="请输入创建人"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="mii_ipt">
+              <div class="ipt_name"></div>
+              <div class="fi_input">
+                <a-input
+                  v-model:value="params.teacher"
+                  style="width: 220px; height: 40px; border-radius: 8px"
+                  placeholder="请输入教师名称"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="mii_ipt">
+              <div class="ipt_name"></div>
+              <div class="fi_input">
+                <RangePicker v-model:beginTime="params.createBeginTime" v-model:endTime="params.createEndTime"/>
+              </div>
+            </div>
+          </div>
+          <div class="mi_btns" style="margin-left: 0">
+            <div class="btn btn2" @click="search">
+              <div class="search"></div>
+              <div class="btnText">搜索</div>
+            </div>
+            <div class="btn btn2" @click="reset">
+              <div class="search"></div>
+              <div class="btnText">重置</div>
+            </div>
+          </div>
         </div>
-        <div class="contentMain">
-          <div class="main_items">
-            <div class="mi_ipts">
-              <div class="mii_ipt">
-                <div class="ipt_name"></div>
-                <div class="fi_input">
-                  <a-input
-                    v-model:value="params.name"
-                    style="width: 220px; height: 40px; border-radius: 8px"
-                    placeholder="请输入创建人"
-                    maxlength="20"
-                  />
-                </div>
-              </div>
-              <div class="mii_ipt">
-                <div class="ipt_name"></div>
-                <div class="fi_input">
-                  <a-input
-                    v-model:value="params.manager"
-                    style="width: 220px; height: 40px; border-radius: 8px"
-                    placeholder="请输入教师名称"
-                    maxlength="20"
-                  />
-                </div>
-              </div>
-              <div class="mii_ipt">
-                <div class="ipt_name"></div>
-                <div class="fi_input">
-                    <a-date-picker
-                        v-model:value="params.searchdate"
-                        :placeholder="['创建时间']"
-                        style="width: 220px; height: 40px; border-radius: 8px"
-                        @change="searchTimeChange"
-                    />
-                </div>
+        <div class="main_item">
+          <button class="xkbtn" @click="createNewCourse">新建开课</button>
+        </div>
+        <div class="main_table">
+          <div class="drawerbox">
+            <BaseTable ref="tableRef" :url="COURSE_PLAN_PAGE" :params="params" :columns="columns"/>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button @click="closeDrawer" class="btn2">取消</button>
+        <button @click="confirm" class="btn2">确定</button>
+      </div>
+    </div>
+    <!--新建开课页面 -->
+    <a-modal
+      v-model:visible="offCourseNewVisiable"
+      style="margin-top: 400px;"
+      @cancel="handleCancelStu">
+      <div
+        class="createschooltime"
+      >
+        <div class="cst_header"></div>
+        <div class="cst_main">
+          <div class="cstm_header">
+            <div class="add_icon"></div>
+            <span>{{ formData.id ? "编辑开课" : "新建开课" }}</span>
+            <div class="close_exit" @click="handleCancelStu"></div>
+          </div>
+          <div class="cstm_title">
+            <span>面授名称：{{ courseName }}</span>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
               </div>
+              <span style="margin-right: 3px">开课名称</span>
             </div>
-            <div class="mi_btns" style="margin-left: 0px">
-              <div class="btn btn2">
-                <div class="search"></div>
-                <div class="btnText" @click="search">搜索</div>
+            <div class="b_input">
+              <NameInput
+                maxlength="30"
+                v-model:value="formData.name"
+                v-model:validated="validated"
+                :id="formData.id"
+                show-count
+                :type="5"
+                style="width: 440px; height: 40px; border-radius: 8px"
+                placeholder="请输入开课名称"
+              ></NameInput>
+            </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <div class="sign">
               </div>
-              <div class="btn btn2" @click="reset">
-                <div class="search"></div>
-                <div class="btnText">重置</div>
+              <span style="margin-right: 3px">地点</span>
+            </div>
+            <div class="b_input">
+              <a-input
+                v-model:value="formData.address"
+                maxlength="50"
+                style="width: 440px; height: 40px; border-radius: 8px"
+                placeholder="请输入详细地点"
+              />
+              <div class="inp_num" style="right: 164px">
+                <span style="color: #c7cbd2">{{ formData.address.length || 0 }}/50</span>
               </div>
             </div>
           </div>
-  
-          <div class="main_item">
-            <button class="xkbtn" @click="createNewCourse">新建开课</button>
-          </div>
-  
-          <div
-            class="main_notice"
-            v-if="taskIndex >= 0"
-            style="background-color: #e9f6fe; height: 40px"
-          >
-            <div class="mntc_left" v-if="selectedRows">
-              <div class="notice_icon"></div>
-              <div>
-                <div>
-                  <span class="title"
-                    >已选择
-                    <span class="data" style="color: #4ea6ff">{{ 1 }}</span>
-                    条&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
-                  >
-                  <span class="title"
-                    >名称：
-                    <span
-                      class="data"
-                      style="color: #4ea6ff; margin-right: 15px"
-                      >{{ selectedRows?.name }}</span
-                    >
-                  </span>
-                  <span class="title"
-                    >项目经理：
-                    <span
-                      class="data"
-                      style="color: #4ea6ff; margin-right: 15px"
-                      >{{ selectedRows?.manager }}</span
-                    >
-                  </span>
-                  <span class="title"
-                    >创建人：
-                    <span
-                      class="data"
-                      style="color: #4ea6ff; margin-right: 15px"
-                      >{{ selectedRows?.createName }}</span
-                    >
-                  </span>
-                  <span class="title"
-                    >创建时间：
-                    <span class="data" style="color: #4ea6ff">{{
-                      selectedRows?.createTime
-                    }}</span>
-                  </span>
-                </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
               </div>
+              <span style="margin-right: 3px">面授时间</span>
             </div>
-          </div>
-          <div class="main_table">
-            <div class="drawerbox">
-              <a-table
-                :customRow="customRow"
-                class="ant-table-striped"
-                :row-class-name="
-                  (_, index) => (index % 2 === 1 ? 'table-striped' : null)
-                "
-                row-key="id"
-                :columns="columns"
-                :data-source="data"
-                :loading="loading"
-                :pagination="pagination"
-                :row-selection="rowSelection"
+            <div class="select fitems">
+              <a-range-picker
+                style="width: 440px; height: 40px; border-radius: 8px"
+                :show-time="{ format: 'HH:mm' }"
+                :disabled-date="disabledDate"
+                format="YYYY-MM-DD HH:mm"
+                v-model:value="dateTime"
+                @change="timeChange"
+                separator="至"
+                :placeholder="['        开始时间', '        结束时间']"
               />
             </div>
           </div>
-        </div>
-        <div class="main_btns">
-          <button @click="closeDrawer" class="btn2">取消</button>
-          <button @click="confirm" class="btn2">确定</button>
-        </div>
-      </div>
-      <!-- 有重复添加的项目时的弹窗 -->
-      <a-modal
-        v-model:visible="sameModal"
-        :footer="null"
-        wrapClassName="sameModal"
-        centered="true"
-      >
-        <div class="delete">
-          <div class="del_header"></div>
-          <div class="del_main">
-            <div class="header">
-              <div class="icon"></div>
-              <span>提示</span>
-              <div class="close_exit" @click="closeSameModal"></div>
-            </div>
-            <div class="body">
-              <span>项目已存在，是否重复添加？</span>
-            </div>
-            <div class="del_btnbox">
-              <div class="del_btn btn1" @click="closeSameModal">
-                <div class="btnText">取消</div>
-              </div>
-              <div class="del_btn btn2" @click="sureSameModal">
-                <div class="btnText">确定</div>
+
+          <div class="cstm_items">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
               </div>
+              <span style="margin-right: 3px">授课教师</span>
+            </div>
+            <div class="select" style="width: 440px">
+              <ProjectManager
+                v-model:value="formData.teacherId"
+                v-model:name="formData.teacher"
+              ></ProjectManager>
             </div>
           </div>
-        </div>
-      </a-modal>
-      <!--新建开课页面 -->
-      <a-modal
-        v-model:visible="cstm_hs"
-        style="margin-top: 400px"
-        @cancel="handleCancelStu">
-        <div
-          class="createschooltime"
-          :style="{ display: cstm_hs ? 'block' : 'none' }">
-          <div class="cst_header"></div>
-          <div class="cst_main">
-            <div class="cstm_header">
-              <div class="add_icon"></div>
-              <span v-if="kk_eidt">编辑开课</span>
-              <span v-else>新建开课</span>
-              <div class="close_exit" @click="handleCancelStu"></div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">考勤设置：</span>
             </div>
-            <div class="cstm_title">
-              <span>面授名称：{{ newCourseName }}</span>
-            </div>
-            <div class="cstm_items">
-              <div class="signbox">
-                <div class="sign">
-                  <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                </div>
-                <span style="margin-right: 3px">开课名称</span>
-              </div>
-              <div class="b_input">
-                <NameInput
-                  maxlength="30"
-                  v-model:value="xjkkinputV1"
-                  v-model:validated="validated"
-                  show-count
-                  :id="offcoursePlanId"
-                  :onceName="onceName"
-                  :type="5"
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  placeholder="请输入开课名称"
-                ></NameInput>
-              </div>
-            </div>
-            <div class="cstm_items">
-              <div class="signbox">
-                <div class="sign">
-                  <!-- <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  /> -->
-                </div>
-                <span style="margin-right: 3px">地点</span>
-              </div>
-              <div class="b_input">
-                <a-input
-                  v-model:value="xjkkinputV2"
-                  maxlength="50"
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  placeholder="请输入详细地点"
-                />
-                <div class="inp_num" style="right: 164px">
-                  <span style="color: #c7cbd2">{{ xjkkinputV2.length }}/50</span>
-                </div>
-              </div>
-            </div>
-            <div class="cstm_items">
-              <div class="signbox">
-                <div class="sign">
-                  <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                </div>
-                <span style="margin-right: 3px">面授时间</span>
-              </div>
-              <div class="select fitems">
-                <a-range-picker
-                  style="width: 440px; height: 40px; border-radius: 8px"
-                  :show-time="{ format: 'HH:mm' }"
-                  :disabled-date="disabledDate"
-                  format="YYYY-MM-DD HH:mm" 
-                  v-model:value="xjkkinputV3"
-                  separator="至"
-                  :placeholder="['        开始时间', '        结束时间']"
-                />
-              </div>
-            </div>
-
-            <div class="cstm_items">
-              <div class="signbox">
-                <div class="sign">
-                  <img
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                </div>
-                <span style="margin-right: 3px">授课教师</span>
-              </div>
-              <div class="select" style="width: 440px">
-                <ProjectManager
-                  v-model:value="member.value"
-                  v-model:name="member.name"
-                ></ProjectManager>
-              </div>
-            </div>
-            <div class="cstm_items">
-              <div class="signbox">
-                <span style="margin-right: 3px">考勤设置：</span>
+            <div style="display: flex; align-items: center">
+              <div style="margin-right: 10px">签到</div>
+              <div
+                style="display: flex; align-items: center; margin-right: 20px"
+              >
+                <span>开始前：</span>
+                <a-input-number
+                  :min="0"
+                  :max="999999"
+                  :precision="0"
+                  style="
+                      width: 100px;
+                      height: 32px;
+                      border-radius: 8px;
+                      overflow: hidden;
+                    "
+                  v-model:value="formData.beforeStart"
+                ></a-input-number>
+                <span style="color: #999999; margin-left: 8px">分钟</span>
               </div>
               <div style="display: flex; align-items: center">
-                <div style="margin-right: 10px">签到</div>
-                <div
-                  style="display: flex; align-items: center; margin-right: 20px"
-                >
-                  <span>开始前：</span>
-                  <a-input-number
-                    :min="0"
-                    :max="999999"
-                    :precision="0"
-                    style="
+                <span>开始后：</span>
+                <a-input-number
+                  :min="0"
+                  :max="999999"
+                  :precision="0"
+                  style="
                       width: 100px;
                       height: 32px;
                       border-radius: 8px;
                       overflow: hidden;
                     "
-                    v-model:value="beforeValue"
-                  ></a-input-number>
-                  <span style="color: #999999; margin-left: 8px">分钟</span>
-                </div>
-                <div style="display: flex; align-items: center">
-                  <span>开始后：</span>
-                  <a-input-number
-                    :min="0"
-                    :max="999999"
-                    :precision="0"
-                    style="
-                      width: 100px;
-                      height: 32px;
-                      border-radius: 8px;
-                      overflow: hidden;
-                    "
-                    v-model:value="afterStartValue"
-                  ></a-input-number>
-                  <span style="color: #999999; margin-left: 8px">分钟</span>
-                </div>
+                  v-model:value="formData.afterStart"
+                ></a-input-number>
+                <span style="color: #999999; margin-left: 8px">分钟</span>
               </div>
             </div>
-            <div class="cstm_items">
-              <div class="signbox">
-                <span style="margin-right: 3px">报名设置</span>
-              </div>
-              <div class="b_input">
-                <a-checkbox v-model:checked="checked1">
-                  <span style="color: #6d7584">是否允许公开报名</span>
-                </a-checkbox>
-              </div>
+          </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">报名设置</span>
             </div>
+            <div class="b_input">
+              <CheckBox v-model:checked="formData.applyFlag"
+                        :check-value="1"
+                        :un-check-value="0">
+                <span style="color: #6d7584">是否允许公开报名</span>
+              </CheckBox>
+            </div>
+          </div>
 
-            <div class="cstm_items">
-              <div class="signbox">
-                <span style="margin-right: 3px">现场参与</span>
-              </div>
-              <div class="b_input">
-                <!-- <a-radio-group v-model:value="xjkkradioV1">
-                  <a-radio :value="0" @click="clear_xjkkradioV1">
-                    <span style="color: #6d7584; margin-right: 30px">
-                      是否允许未报名的学员签到
-                    </span>
-                  </a-radio>
-                </a-radio-group> -->
-                <a-checkbox v-model:checked="checked2">
-                  <span style="color: #6d7584">允许项目内人员临时到场参加(不在本场次培训的人员可以临时签到参加)</span>
-                </a-checkbox>
-                <a-checkbox v-model:checked="checked3">
-                  <span style="color: #6d7584">允许项目外人员临时到场参加</span>
-                </a-checkbox>
-              </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">现场参与</span>
             </div>
+            <div class="b_input">
+              <CheckBox v-model:checked="formData.projectSignFlag"
+                        :check-value="1"
+                        :un-check-value="0">
+                <span style="color: #6d7584">允许项目内人员临时到场参加(不在本场次培训的人员可以临时签到参加)</span>
+              </CheckBox>
+              <CheckBox v-model:checked="formData.signFlag"
+                        :check-value="1"
+                        :un-check-value="0">
+                <span style="color: #6d7584">允许项目外人员临时到场参加</span>
+              </CheckBox>
+            </div>
+          </div>
 
-            <div class="cstm_items">
-              <div class="signbox">
-                <span style="margin-right: 3px">评估设置</span>
-              </div>
-              <div class="b_input">
-                <a-checkbox v-model:checked="checked4">
-                  <span style="color: #6d7584">是否需要评估</span>
-                </a-checkbox>
-              </div>
+          <div class="cstm_items">
+            <div class="signbox">
+              <span style="margin-right: 3px">评估设置</span>
             </div>
-            <div v-if="checked4" class="cstm_items main_item">
-              <div class="signbox"></div>
-              <div class="btnbox">
-                <AssessmentList
-                  v-model:assessmentName="assessmentName"
-                  v-model:assessmentId="assessmentId"
-                >
-                  <button
-                    class="xkbtn"
-                    @click="showAssessment"
-                    style="margin-bottom: 0; margin-top: 0"
-                  >
-                    选择评估
-                  </button>
-                </AssessmentList>
-                <div v-if="assessmentId > 0">
-                  <a-tag closable @close="removePG" color="processing">
-                    <span style="font-size: 14px; line-height: 33px">
-                      {{ assessmentName }}
-                    </span>
-                  </a-tag>
-                </div>
-              </div>
+            <div class="b_input">
+              <CheckBox v-model="formData.evalFlag" :checkValue="1" :un-checkValue="0">
+                <span style="color: #6d7584">是否需要评估</span>
+              </CheckBox>
             </div>
-
-            <div class="cstm_items main_item">
-              <div class="signbox"></div>
-              <div class="btnbox">
-                <add-homework v-model:info="workInfo">
-                  <button class="xkbtn" style="margin-bottom: 0; margin-top: 0">
-                    配置作业
-                  </button>
-                </add-homework>
-                <div v-if="workInfo.workName">
-                  <a-tag closable @close="logW" color="processing">
-                    <span style="font-size: 14px; line-height: 33px">
-                      {{ workInfo.workName }}
-                    </span>
-                  </a-tag>
-                </div>
-              </div>
-            </div>
-            <div class="cstm_items main_item" style="margin-bottom: 0px">
-              <div class="signbox"></div>
-              <div class="btnbox">
-                <add-test v-model:info="examInfo">
-                  <button class="xkbtn" style="margin-bottom: 0; margin-top: 0">
-                    配置考试
-                  </button>
-                </add-test>
-                <div v-if="examInfo.examinationName">
-                  <a-tag closable @close="logT" color="processing">
-                    <span style="font-size: 14px; line-height: 33px">
-                      {{ examInfo.examinationName }}
-                    </span>
-                  </a-tag>
-                </div>
-              </div>
-            </div>
-            <div class="cstm_items items_fj">
-              <div class="signbox">
-                <span style="margin-right: 3px"></span>
-              </div>
-              <div class="b_input">
-                <FJUpload v-model:value="attachName" @changevalue="changevalue" />
-              </div>
-            </div>
-            
-            <div class="items_btn">
-              <div class="cstm_btn btn6" @click="handleCancelStu">
-                <div class="btnText">取消</div>
-              </div>
-              <a-button
-                class="cstm_btn btn6"
-                @click="handleSureStu"
-                :loading="validated === 1"
+          </div>
+          <div v-if="formData.evalFlag" class="cstm_items main_item">
+            <div class="signbox"></div>
+            <div class="btnbox">
+              <AssessmentList
+                v-model:assessmentName="formData.assessmentName"
+                v-model:assessmentId="formData.assessmentId"
               >
-                确定
-              </a-button>
+                <button
+                  class="xkbtn"
+                  style="margin-bottom: 0; margin-top: 0"
+                >
+                  选择评估
+                </button>
+              </AssessmentList>
+              <div v-if="formData.assessmentId > 0">
+                <a-tag closable @close="removePG" color="processing">
+                    <span style="font-size: 14px; line-height: 33px">
+                      {{ formData.assessmentName }}
+                    </span>
+                </a-tag>
+              </div>
             </div>
           </div>
-        </div>
-      </a-modal>
-    </a-drawer>
-  </template>
-  <script setup>
-  import { computed, defineEmits, defineProps, ref, watch } from "vue";
-  import { message } from "ant-design-vue";
-  import FJUpload from "@/components/common/FJUpload";
-  import AddHomework from "../../components/drawers/CommonHomework.vue";
-  import AddTest from "../../components/drawers/CommonTest.vue";
-  import { getProjectDetail } from "@/api/index";
 
-  const props = defineProps({
-    type: Number,
-    taskList: [],
-  });
-  const openCourseVisible = ref(false);
-  const sameModal = ref(false);
-  const emit = defineEmits({});
-  
-  const columns = ref([
-    {
-      title: "序号",
-      dataIndex: "name",
-      key: "projectName",
-      width: "20%",
-      ellipsis: true,
-    },
-    {
-      title: "名称",
-      dataIndex: "name",
-      key: "projectName",
-      width: "20%",
-      ellipsis: true,
-    },
-    {
-      title: "所属项目",
-      dataIndex: "topName",
-      key: "topName",
-      width: "20%",
-      ellipsis: true,
-      customRender: ({ record: { gaName, faName, name } }) => (
-        <div
-          title={
-            faName ? (gaName !== null ? gaName + "/" + faName : faName) : name
-          }
-        >
-          {faName
-            ? gaName !== null
-              ? (gaName + "/" + faName).length > 16
-                ? (gaName + "/" + faName).slice(0, 16) + "..."
-                : gaName + "/" + faName
-              : faName.length > 16
-              ? faName.slice(0, 16) + "..."
-              : faName
-            : name.length > 16
-            ? name.slice(0, 16) + "..."
-            : name}
-        </div>
-      ),
-    },
-    {
-      title: "场地",
-      dataIndex: "manager",
-      key: "manager",
-      width: "20%",
-      align: "center",
-    },
-    {
-      title: "开始时间",
-      dataIndex: "createName",
-      key: "createName",
-      width: "20%",
-      align: "center",
-    },
-    {
-      title: "创建时间",
-      dataIndex: "createTime",
-      key: "createTime",
-      width: "20%",
-      align: "center",
-    },
-    {
-      title: "教师",
-      dataIndex: "createTime",
-      key: "createTime",
-      width: "20%",
-      align: "center",
-    },
-    {
-      title: "学员数",
-      dataIndex: "createTime",
-      key: "createTime",
-      width: "20%",
-      align: "center",
-    },
-    {
-      title: "操作",
-      dataIndex: "createTime",
-      key: "createTime",
-      width: "20%",
-      align: "center",
-      customRender: () => {
-        return (
-          <div
-            class="opa"
-            onClick={() => {
-            }}
-          >
-            <a style="margin-right:10px;">编辑</a>
-            <a>删除</a>
+          <div class="cstm_items main_item">
+            <div class="signbox"></div>
+            <div class="btnbox">
+              <add-homework v-model:info="formData.workInfo">
+                <button class="xkbtn" style="margin-bottom: 0; margin-top: 0">
+                  配置作业
+                </button>
+              </add-homework>
+              <div v-if="formData?.workInfo?.workName">
+                <a-tag closable @close="logW" color="processing">
+                    <span style="font-size: 14px; line-height: 33px">
+                      {{ formData?.workInfo?.workName }}
+                    </span>
+                </a-tag>
+              </div>
+            </div>
+          </div>
+          <div class="cstm_items main_item" style="margin-bottom: 0">
+            <div class="signbox"></div>
+            <div class="btnbox">
+              <add-test v-model:info="formData.examInfo">
+                <button class="xkbtn" style="margin-bottom: 0; margin-top: 0">
+                  配置考试
+                </button>
+              </add-test>
+              <div v-if="formData?.examInfo?.examinationName">
+                <a-tag closable @close="logT" color="processing">
+                    <span style="font-size: 14px; line-height: 33px">
+                      {{ formData.examInfo?.examinationName }}
+                    </span>
+                </a-tag>
+              </div>
+            </div>
+          </div>
+          <div class="cstm_items items_fj">
+            <div class="signbox">
+              <span style="margin-right: 3px"></span>
+            </div>
+            <div class="b_input">
+              <FJUpload v-model:value="formData.attachName"/>
+            </div>
           </div>
-        );
-      },
-    }
-  ]);
-  const initParams = {
-    pageNo: 1,
-    pageSize: 10,
-    orderAsc: true,
-  };
-  const params = ref(initParams);
-  // const router = useRouter();
-  const rowSelectKeys = ref([]);
-  const selectsData = ref([]);
-  const taskIndex = ref(-1);
 
-  const data = ref([{name:'测试数据'}]);
-  const loading = ref(false);
-  const total = ref(0);
+          <div class="items_btn">
+            <div class="cstm_btn btn6" @click="handleCancelStu">
+              <div class="btnText">取消</div>
+            </div>
+            <a-button
+              class="cstm_btn btn6"
+              @click="coursePlanConfirm"
+              :loading="validated === 1"
+            >
+              确定
+            </a-button>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+  </a-drawer>
+</template>
+<script setup>
+import {defineProps, ref} from "vue";
+import {Form, message} from "ant-design-vue";
+import FJUpload from "@/components/common/FJUpload";
+import CheckBox from "@/components/common/CheckBox";
+import RangePicker from "@/components/common/RangePicker";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import AddHomework from "@/components/drawers/CommonHomework.vue";
+import AddTest from "@/components/drawers/CommonTest.vue";
+import NameInput from "@/components/project/NameInput";
+import AssessmentList from "@/components/drawers/AssessmentList.vue";
+import {COURSE_PLAN_EDIT, COURSE_PLAN_PAGE, DEL_PLAN, EXAM_DETAIL, WORK_DETAIL} from "@/api/apis";
+import dayjs from "dayjs";
+import BaseTable from "@/components/common/BaseTable";
+import {request} from "@/api/request";
+import dialog from "@/utils/dialog";
 
-  const getList = () => {
+const props = defineProps({
+  type: Number,
+});
+const openCourseVisible = ref(false);
+const offCourseNewVisiable = ref(false);
+const tableRef = ref();
 
+const columns = ref([
+  {
+    title: "名称",
+    dataIndex: "name",
+    key: "name",
+    width: "20%",
+    ellipsis: true,
+  },
+  {
+    title: "场地",
+    dataIndex: "address",
+    key: "address",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "开始时间",
+    dataIndex: "beginTime",
+    key: "beginTime",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "教师",
+    dataIndex: "teacher",
+    key: "teacher",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "学员数",
+    dataIndex: "studentCnt",
+    key: "studentCnt",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "创建时间",
+    dataIndex: "createTime",
+    key: "createTime",
+    width: "20%",
+    align: "center",
+  },
+  {
+    title: "操作",
+    dataIndex: "createTime",
+    key: "createTime",
+    width: "20%",
+    align: "center",
+    customRender: ({ record }) => {
+      return (
+        <div class="opa">
+          <a style="margin-right:10px;" onClick={() => planEdit(record)}>编辑</a>
+          <a onClick={() => del(record.id)}>删除</a>
+        </div>
+      );
+    },
   }
+]);
+const params = ref({
+  type: props.type,
+  offcourseId: "",
+  draftTaskId: "",
+  taskId: ""
+});
+const validated = ref(0);
+const dateTime = ref([]);
+const courseName = ref();
 
-  watch(taskIndex, () => {
-    // if (taskIndex.value >= 0) {
-    //   rowSelectKeys.value = [props.taskList[taskIndex.value].courseId]
-    //   selectsData.value = data.value.find(t => t.id === props.taskList[taskIndex.value].courseId) || {}
-    // }
+const formData = ref({
+  name: "",
+  address: "",
+  teacherId: "",
+  teacher: "",
+  beforeValue: "",
+  afterStartValue: "",
+  applyFlag: 0,
+  projectSignFlag: 0,
+  signFlag: 0,
+  evalFlag: 0,
+  assessmentName: "",
+  assessmentId: "",
+  workInfo: {},
+  examInfo: {},
+  attachName: "",
+  type: props.type,
+  offcourseId: "",
+  draftTaskId: "",
+  taskId: "",
+});
+const formDataRule = {
+  name: [
+    {
+      required: true,
+      message: "请输入开课名称",
+    },
+  ],
+  beginTime: [
+    {
+      required: true,
+      message: "请选择开始时间",
+    },
+  ],
+  endTime: [
+    {
+      required: true,
+      message: "请选择结束时间",
+    },
+  ],
+  teacher: [
+    {
+      required: true,
+      message: "请选择教师",
+    },
+  ],
+  teacherId: [
+    {
+      required: true,
+      message: "请选择教师",
+    },
+  ],
+};
+const { resetFields, validate } = Form.useForm(formData, formDataRule);
+
+function timeChange(time, timeStr) {
+  formData.value.beginTime = timeStr[0];
+  formData.value.endTime = timeStr[1];
+}
+
+function search() {
+  tableRef.value.fetch();
+}
+
+function reset() {
+  tableRef.value.reset();
+}
+
+const closeDrawer = () => {
+  openCourseVisible.value = false;
+  tableRef.value.reset();
+};
+
+function confirm() {
+  closeDrawer();
+}
+
+const createNewCourse = () => {
+  resetFields({
+    id:null,
+    type: props.type,
+    offcourseId: params.value.offcourseId,
+    draftTaskId: params.value.draftTaskId,
   });
-  
-  const customRow = (record) => ({
-    onClick: () => {
-      rowSelectKeys.value = [record.id];
-      selectsData.value = [record];
+  dateTime.value = [];
+  validated.value = 0;
+  offCourseNewVisiable.value = true;
+};
+const handleCancelStu = () => offCourseNewVisiable.value = false;
+
+const del = (id) => {
+  dialog({
+    content: "确定删除此开课吗？",
+    ok: async () => {
+      message.success("删除成功");
+      tableRef.value.toLoading();
+      await request(DEL_PLAN(id));
+      tableRef.value.fetch();
     },
   });
-  
-  const pagination = computed(() => ({
-    total: total.value,
-    showSizeChanger: false,
-    current: params.value.pageNo,
-    pageSize: params.value.pageSize,
-    onChange: changePagination,
-  }));
-  
-  const changePagination = (e) => {
-    params.value.pageNo = e;
-    getList();
-  };
-  const rowSelection = computed(() => ({
-    type: "radio",
-    columnWidth: 20,
-    selectedRowKeys: rowSelectKeys.value,
-    onChange: onSelectChange,
-    preserveSelectedRowKeys: true,
-  }));
-  
-  function searchTimeChange(e, l) {
-    console.log(e, l)
-  }
+};
 
-  function onSelectChange(e, l) {
-    rowSelectKeys.value = e;
-    selectsData.value = l;
-    selectedRows.value = l[0];
-    console.log("selectedRows", selectedRows);
-  }
-  
-  function search() {
-    params.value.pageNo = 1;
-    getList();
-  }
-  
-  function reset() {
-    rowSelectKeys.value = [];
-    selectsData.value = [];
-    params.value.pageNo = 1;
-    params.value.keyWord = "";
-    params.value.createName = "";
-    params.value.manager = "";
-    params.value.name = "";
-    params.value.searchdate = "";
-    getList();
-  }
-  
-  const closeDrawer = () => {
-    taskIndex.value = -1;
-    selectedRows.value = null;
-    rowSelectKeys.value = [];
-    selectsData.value = [];
-    params.value.pageNo = 1;
-    params.value.keyWord = "";
-    params.value.createName = "";
-    params.value.manager = "";
-    params.value.name = "";
-    params.value.searchdate = "";
-    // 关闭
-    emit("update:visible", false);
-  };
-  
-  function confirm() {
-    if (!selectsData.value.length || !rowSelectKeys.value.length) {
-      message.warning("请选择开课！");
-      return;
-    }
-    console.log(props,emit)
-    // emit("update:taskList", [...props.taskList]);
-    closeDrawer();
-  }
-  // 新建开课
-  const cstm_hs = ref(false);
-  const xjkkinputV2 = ref("");
-  const member = ref({value:"",name:""});  
-  const xjkkinputV3 = ref(null);
-  const workInfo = ref({});
-  const examInfo = ref({});
-  const attachName = ref("");
-  const attach = ref("");
-  const kk_eidt = ref(false);
-  const xjkkradioV1 = ref("");
+async function coursePlanConfirm() {
+  await validate().catch(({ errorFields }) => {
+    message.warning(errorFields[0].errors.join());
+    throw Error("数据校验不通过");
+  });
+  offCourseNewVisiable.value = false;
+  tableRef.value.toLoading();
+  await request(COURSE_PLAN_EDIT, { ...formData.value });
+  handleCancelStu();
+  tableRef.value.fetch();
+}
 
-  const completeType = ref("");
-  const xjkkinputV1 = ref("");
-  const onceName = ref("");
-  const xjkkinputV4 = ref("");
-  const checked1 = ref(false);
-  const checked2 = ref(false);
-  const checked3 = ref(false);
-  const checked4 = ref(false);
-  const EditTestId = ref(0);
-  const assessmentId = ref("");
-  const assessmentName = ref("");
-  const EditWorkId = ref("");
-  const beforeValue = ref("");
-  const afterStartValue = ref("");
-  const createNewCourse = () => {
-    cstm_hs.value = true;
-  };
-  
-  const handleCancelStu = () => {
-    cstm_hs.value = false;
-    attach.value = "";
+function planEdit(record) {
+  formData.value = { ...record };
+  formData.value.homeWorkId && request(WORK_DETAIL, { workId: formData.value.homeWorkId }).then(res => formData.value.workInfo = res.data);
+  formData.value.testId && request(EXAM_DETAIL, { examinationId: formData.value.testId }).then(res => formData.value.examInfo = res.data);
+  offCourseNewVisiable.value = true;
+}
 
-    kk_eidt.value = false;
-    xjkkradioV1.value = "";
-    completeType.value = "";
-    xjkkinputV1.value = "";
-    onceName.value = "";
-    xjkkinputV2.value = "";
-    xjkkinputV3.value = "";
-    xjkkinputV4.value = null;
-    checked1.value = false;
-    checked2.value = false;
-    checked3.value = false;
-    checked4.value = false;
-    EditTestId.value = 0;
-    assessmentId.value = null;
-    assessmentName.value = "";
-    workInfo.value = {};
-    examInfo.value = {};
-    EditWorkId.value = null;
-    beforeValue.value = null; //考勤 开始前
-    afterStartValue.value = null; //考勤 开始后
+function openDrawer(row) {
+  openCourseVisible.value = true;
+  params.value.offcourseId = row.courseId;
+  params.value.draftTaskId = row.id;
+  formData.value.offcourseId = row.courseId;
+  formData.value.draftTaskId = row.id;
+  courseName.value = row.name;
+  tableRef.value && tableRef.value.fetch();
+}
 
-  };
+const disabledDate = (current) => current && current < dayjs().startOf("day");
 
-  function closeSameModal() {
-    sameModal.value = false;
-  }
-  
-  function sureSameModal() {}
-  let selectedRows = ref(null);
-  function openDrawer(i, row) {
-    console.log("row", row);
-  
-    row && (rowSelectKeys.value = [row.courseId]);
-    row && (selectsData.value = [{ name: row.name, id: row.courseId }]);
-    i >= 0 && (taskIndex.value = i);
-    openCourseVisible.value = true;
-  
-    //获取项目详情
-    if (row && row.courseId) {
-      getProjectDetail({
-        projectId: row.courseId,
-      }).then((res) => {
-        console.log("获取选中开课详情", res);
-        if (res.data.code === 200) {
-          selectedRows.value = res.data.data.projectInfo;
-          console.log("selectedRows", selectedRows);
-        }
-      });
-    }
-  }
-  
-  defineExpose({ openDrawer });
-  </script>
-  <style lang="scss">
-  .ant-drawer-content-wrapper {
-    widows: 1500px !important;
-    min-width: 1500px !important;
-  }
-  .ant-table-striped :deep(.table-striped) td {
-    background-color: #fafafa !important;
-  }
-  
-  .sameModal {
-    .ant-modal {
+defineExpose({ openDrawer });
+</script>
+<style lang="scss">
+.ant-drawer-content-wrapper {
+  width: 1500px !important;
+  min-width: 1500px !important;
+}
+
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+
+.sameModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+
+    .ant-modal-content {
       width: 424px !important;
       height: 258px !important;
-  
-      .ant-modal-content {
+
+      .ant-modal-body {
         width: 424px !important;
         height: 258px !important;
-  
-        .ant-modal-body {
-          width: 424px !important;
-          height: 258px !important;
-          padding: 0 !important;
-  
-          .delete {
-            z-index: 999;
-            width: 424px;
-            height: 258px;
-            background: #ffffff;
-            box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-            border-radius: 4px;
-  
-            // position: absolute;
-            // left: 50%;
-            // top: 10%;
-            // transform: translate(-50%, -50%);
-            .del_header {
-              position: absolute;
-              width: calc(100%);
-              height: 68px;
-              background: linear-gradient(
+        padding: 0 !important;
+
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0 1px 35px 0 rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
                 rgba(78, 166, 255, 0.2) 0%,
                 rgba(78, 166, 255, 0) 100%
-              );
-            }
-  
-            .del_main {
-              width: 100%;
-              position: relative;
-  
-              .header {
-                display: flex;
-                align-items: center;
-                padding-top: 20px;
-                padding-left: 26px;
-                font-size: 16px;
-  
-                .icon {
-                  width: 16px;
-                  height: 16px;
-                  margin-right: 10px;
-                  background-image: url(@/assets/images/taskpage/gan.png);
-                  background-size: 100% 100%;
-                }
-  
-                .close_exit {
-                  position: absolute;
-                  right: 42px;
-                  cursor: pointer;
-                  width: 20px;
-                  height: 20px;
-                  background-image: url(@/assets/images/coursewareManage/close.png);
-                  background-size: 100% 100%;
-                }
-              }
-  
-              .body {
-                width: 100%;
-                margin: 34px auto 56px auto;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                flex-direction: column;
-                // background-color: red;
-                position: relative;
-  
-                .back {
-                  position: absolute;
-                  top: 30px;
-                  font-size: 12px;
-                  font-weight: 400;
-                  color: #666666;
-                }
-              }
-  
-              .del_btnbox {
-                display: flex;
-                margin: 30px auto;
-                justify-content: center;
-  
-                .del_btn {
-                  width: 100px;
-                  height: 40px;
-                  background: rgba(64, 158, 255, 0);
-                  border-radius: 8px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-  
-                  flex-shrink: 0;
-                  cursor: pointer;
-  
-                  .btnText {
-                    font-size: 14px;
-                    font-weight: 400;
-                    line-height: 40px;
-                  }
-                }
-  
-                .btn1 {
-                  border: 1px solid rgba(64, 158, 255, 1);
-                  color: #4ea6ff;
-                  margin-right: 14px;
-                }
-  
-                .btn2 {
-                  background-color: #4ea6ff;
-                  color: #ffffff;
-                }
-              }
-            }
+            );
           }
-        }
-      }
-    }
-  }
-  
-  .addrefDrawer {
-    .drawerMain {
-      // .main_notice {
-      //   display: flex;
-      //   justify-content: space-between;
-      //   align-items: center;
-      //   margin-bottom: 32px;
-      //   height: 40px;
-      //   background-color: #e9f6fe;
-      //   .mntc_left {
-      //     display: flex;
-      //     align-items: center;
-      //     .title {
-      //       color: rgba(0, 0, 0, 0.65);
-      //       margin-right: 17px;
-      //     }
-      //     .data {
-      //       color: #4ea6ff;
-      //     }
-      //     .notice_icon {
-      //       width: 14px;
-      //       height: 14px;
-      //       margin-right: 9px;
-      //       margin-left: 9px;
-      //       background-image: url(@/assets/images/coursewareManage/gan.png);
-      //       background-size: 100% 100%;
-      //     }
-      //   }
-      //   .mntc_right {
-      //     cursor: pointer;
-      //   }
-      // }
-      .header {
-        height: 73px;
-        border-bottom: 1px solid #e8e8e8;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        flex-shrink: 0;
-  
-        .headerTitle {
-          font-size: 18px;
-          font-weight: 600;
-          color: #333333;
-          line-height: 25px;
-          margin-left: 24px;
-        }
-      }
-  
-      .contentMain {
-        display: flex;
-        justify-content: space-between;
-  
-        .main_left {
-          margin-top: 32px;
-          padding-right: 30px;
-          flex: 1;
-          border-right: 1px solid #e8e8e8;
-  
-          .main_item {
-            display: flex;
-            align-items: center;
-            margin-top: 32px;
-            margin-bottom: 32px;
-  
-            .signbox {
-              width: 120px;
-              display: flex;
-              justify-content: end;
-              align-items: center;
-  
-              .sign {
-                margin-right: 5px;
-              }
-            }
-  
-            .btnbox {
-              display: flex;
-              flex: 1;
-              align-items: center;
-  
-              .ant-input {
-                height: 100%;
-              }
-  
-              .xkbtn {
-                cursor: pointer;
-                width: 130px;
-                height: 40px;
-                background: #4ea6ff;
-                border-radius: 8px;
-                border: 0;
-                margin-right: 8px;
-                color: #fff;
-              }
-            }
-          }
-  
-          .main_item2 {
-            display: flex;
-            align-items: flex-start;
-            margin-bottom: 32px;
-  
-            .signbox {
-              width: 120px;
-              display: flex;
-              justify-content: end;
-              align-items: center;
-  
-              .sign {
-                margin-right: 5px;
-              }
-            }
-  
-            .textarea {
-              width: 423px;
-  
-              .ant-input {
-                width: 100%;
-              }
-  
-              .ant-input-textarea-show-count {
-                position: relative;
-              }
-  
-              .ant-input-textarea-show-count::after {
-                position: absolute;
-                right: 10px;
-                bottom: 0px;
-              }
-  
-              .ant-input {
-                border-radius: 8px;
-              }
-            }
-          }
-        }
-  
-        .tableBox {
-          // margin: 20px 38px 30px;
-          margin: 10px 35px 0px 35px;
-  
-          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 {
-          padding-bottom: 20px;
-  
-          .pa {
-            // position: absolute;
-            // bottom: 20px;
-            // left: 0;
+
+          .del_main {
             width: 100%;
-            // height: 20px;
-            // background-color: red;
-            display: flex;
-            justify-content: center;
-  
-            // margin-bottom: 10px;
-            // position: absolute;
-            // bottom: -40px;
-            .pagination {
+            position: relative;
+
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/taskpage/gan.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
               display: flex;
               justify-content: center;
               align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
             }
           }
         }
       }
-  
-      .main_table {
-        position: relative;
-        padding-bottom: 80px;
-  
-        .ant-checkbox-wrapper {
-          align-items: center;
-          margin-top: -2px;
-        }
-  
-        .ant-table-selection-column {
-          padding: 0px !important;
-          padding-left: 5px !important;
-        }
-  
-        .ant-table-thead > tr > th {
-          background-color: rgba(239, 244, 252, 1);
-        }
-  
-        th.h {
-          background-color: #eff4fc !important;
-        }
-  
-        .ant-table-tbody
-          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-          > td {
-          background: #f6f9fd;
-        }
-  
-        .pa {
-          left: 0;
-          width: 100%;
-          display: flex;
-          justify-content: center;
-          position: absolute;
-          bottom: 20px;
-        }
-      }
-  
-      .main_btns {
-        height: 72px;
-        width: 100%;
-        bottom: 0;
-        left: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
-  
-        .btn1 {
-          width: 100px;
-          height: 40px;
-          border: 1px solid #4ea6ff;
-          border-radius: 8px;
-          color: #fff;
-          background-color: #4ea6ff;
-          cursor: pointer;
-        }
-  
-        .btn2 {
-          cursor: pointer;
-          width: 100px;
-          height: 40px;
-          background: #4ea6ff;
-          border-radius: 8px;
-          border: 0;
-          margin-left: 15px;
-          color: #fff;
-        }
-      }
     }
   }
+}
 
-  .createschooltime {
-    z-index: 999;
-    width: 879px;
-    height: 740px;
-    background: #ffffff;
-    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-    position: absolute;
-    left: 50%;
-    top: -100%;
-    transform: translate(-50%, -50%);
+.addrefDrawer {
+  .drawerMain {
+    // .main_notice {
+    //   display: flex;
+    //   justify-content: space-between;
+    //   align-items: center;
+    //   margin-bottom: 32px;
+    //   height: 40px;
+    //   background-color: #e9f6fe;
+    //   .mntc_left {
+    //     display: flex;
+    //     align-items: center;
+    //     .title {
+    //       color: rgba(0, 0, 0, 0.65);
+    //       margin-right: 17px;
+    //     }
+    //     .data {
+    //       color: #4ea6ff;
+    //     }
+    //     .notice_icon {
+    //       width: 14px;
+    //       height: 14px;
+    //       margin-right: 9px;
+    //       margin-left: 9px;
+    //       background-image: url(@/assets/images/coursewareManage/gan.png);
+    //       background-size: 100% 100%;
+    //     }
+    //   }
+    //   .mntc_right {
+    //     cursor: pointer;
+    //   }
+    // }
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-shrink: 0;
 
-    .cst_header {
-      position: absolute;
-      width: 100%;
-      height: 40px;
-      background: linear-gradient(
-        rgba(78, 166, 255, 0.2) 0%,
-        rgba(78, 166, 255, 0) 100%
-      );
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
     }
 
-    .cst_main {
-      width: 100%;
-      max-height: 700px;
-      overflow-y: auto;
-      position: relative;
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
 
-      .cstm_header {
-        display: flex;
-        align-items: center;
-        padding-top: 20px;
-        padding-left: 26px;
-        font-size: 16px;
+      .main_left {
+        margin-top: 32px;
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
 
-        .add_icon {
-          width: 16px;
-          height: 16px;
-          margin-right: 10px;
-          background-image: url(@/assets/images/coursewareManage/add1.png);
-          background-size: 100% 100%;
-        }
-
-        .close_exit {
-          position: absolute;
-          right: 42px;
-          cursor: pointer;
-          width: 20px;
-          height: 20px;
-          background-image: url(@/assets/images/coursewareManage/close.png);
-          background-size: 100% 100%;
-        }
-      }
-
-      .cstm_title {
-        margin: 10px auto 20px 51px;
-        font-weight: bold;
-      }
-
-      .cstm_items {
-        display: flex;
-        width: 80%;
-        margin: auto;
-        align-items: center;
-        margin-bottom: 23px;
-
-        .signbox {
+        .main_item {
           display: flex;
-          justify-content: end;
-          width: 100px;
-          margin-right: 6px;
+          align-items: center;
+          margin-top: 32px;
+          margin-bottom: 32px;
 
-          .sign {
-            margin-top: -5px;
-            margin-right: 4px;
-          }
-        }
-
-        .b_input {
-          flex: 1;
-          position: relative;
-
-          .upload_box {
+          .signbox {
+            width: 120px;
             display: flex;
-            cursor: pointer;
+            justify-content: end;
+            align-items: center;
 
-            .upload_icon {
-              width: 16px;
-              height: 16px;
+            .sign {
               margin-right: 5px;
             }
           }
 
-          .inp_num {
-            position: absolute;
-            top: 9px;
-            right: 10px;
-          }
-        }
-      }
-
-      .items_fj {
-        margin-bottom: 1px;
-
-        .fujian {
-          display: none;
-        }
-
-        .mbl_items12 {
-          width: 440px;
-          margin-right: 56px;
-
-          .i12_box1 {
+          .btnbox {
             display: flex;
+            flex: 1;
             align-items: center;
-            padding: 17px 0px 17px 21px;
-            border: 1px solid #eff4fc;
-            border-radius: 8px;
-            margin-bottom: 10px;
 
-            .file_img {
-              width: 27px;
-              height: 32px;
-              background-image: url(@/assets/images/coursewareManage/imgs.png);
-              margin-right: 22px;
-
-              img {
-                width: 100%;
-                height: 100%;
-              }
+            .ant-input {
+              height: 100%;
             }
 
-            .file_detail {
-              width: 250px;
-              margin-right: 21px;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #4ea6ff;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
 
-              .file_updata {
-                display: flex;
-                align-items: center;
+        .main_item2 {
+          display: flex;
+          align-items: flex-start;
+          margin-bottom: 32px;
 
-                .updatabox {
-                  position: relative;
-                  width: 230px;
-                  height: 5px;
-                  background-color: rgba(192, 192, 192, 0.25);
-                  border-radius: 3px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
 
-                  .updatacolor {
-                    position: absolute;
-                    left: 0;
-                    width: 100%;
-                    height: 5px;
-                    background-color: #57c887;
-                    border-radius: 3px;
-                  }
+            .sign {
+              margin-right: 5px;
+            }
+          }
 
-                  .updatacolor2 {
-                    position: absolute;
-                    left: 0;
-                    width: 80%;
-                    height: 5px;
-                    background-color: #ff7474;
-                    border-radius: 3px;
-                  }
+          .textarea {
+            width: 423px;
 
-                  .updatacolor3 {
-                    position: absolute;
-                    left: 0;
-                    width: 60%;
-                    height: 5px;
-                    background-color: #4ea6ff;
-                    border-radius: 3px;
-                  }
-
-                  .updataxq {
-                    position: absolute;
-                    right: 2px;
-                    top: -30px;
-                    color: #57c887;
-                  }
-
-                  .updataxq2 {
-                    position: absolute;
-                    right: 2px;
-                    top: -30px;
-                    color: #ff7474;
-                  }
-
-                  .updataxq3 {
-                    position: absolute;
-                    right: 2px;
-                    top: -30px;
-                    color: #4ea6ff;
-                  }
-                }
-              }
+            .ant-input {
+              width: 100%;
             }
 
-            .file_operation {
-              display: flex;
+            .ant-input-textarea-show-count {
+              position: relative;
+            }
 
-              .fobox {
-                margin-right: 5px;
-                cursor: pointer;
-              }
+            .ant-input-textarea-show-count::after {
+              position: absolute;
+              right: 10px;
+              bottom: 0;
+            }
+
+            .ant-input {
+              border-radius: 8px;
             }
           }
         }
       }
 
-      .items_btn {
-        display: flex;
-        justify-content: center;
-        margin-top: 20px;
-        margin-bottom: 20px;
+      .tableBox {
+        // margin: 20px 38px 30px;
+        margin: 10px 35px 0 35px;
 
-        .cstm_btn {
-          width: 100px;
-          height: 40px;
-          background: rgba(64, 158, 255, 0);
-          border-radius: 8px;
+        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 {
+        padding-bottom: 20px;
+
+        .pa {
+          // position: absolute;
+          // bottom: 20px;
+          // left: 0;
+          width: 100%;
+          // height: 20px;
+          // background-color: red;
           display: flex;
-          align-items: center;
           justify-content: center;
-          margin-right: 14px;
-          flex-shrink: 0;
-          cursor: pointer;
 
-          .btnText {
-            font-size: 14px;
-            font-weight: 400;
-            line-height: 40px;
+          // margin-bottom: 10px;
+          // position: absolute;
+          // bottom: -40px;
+          .pagination {
+            display: flex;
+            justify-content: center;
+            align-items: center;
           }
         }
-
-        .btn5 {
-          border: 1px solid rgba(64, 158, 255, 1);
-          color: #4ea6ff;
-        }
-
-        .btn6 {
-          background-color: #4ea6ff;
-          color: #ffffff;
-        }
+      }
+    }
+
+    .main_table {
+      position: relative;
+      padding-bottom: 80px;
+
+      .ant-checkbox-wrapper {
+        align-items: center;
+        margin-top: -2px;
+      }
+
+      .ant-table-selection-column {
+        padding: 0 !important;
+        padding-left: 5px !important;
+      }
+
+      .ant-table-thead > tr > th {
+        background-color: rgba(239, 244, 252, 1);
+      }
+
+      th.h {
+        background-color: #eff4fc !important;
+      }
+
+      .ant-table-tbody
+      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      > td {
+        background: #f6f9fd;
+      }
+
+      .pa {
+        left: 0;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        position: absolute;
+        bottom: 20px;
+      }
+    }
+
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 1px 35px 0 rgba(118, 136, 166, 0.16);
+
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #fff;
+        background-color: #4ea6ff;
+        cursor: pointer;
+      }
+
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
       }
     }
   }
-  </style>
+}
+
+.createschooltime {
+  z-index: 999;
+  width: 879px;
+  background: #ffffff;
+  box-shadow: 0 1px 35px 0 rgba(118, 136, 166, 0.21);
+  position: absolute;
+  left: 50%;
+  top: -100%;
+  transform: translate(-50%, -50%);
+
+  .cst_header {
+    position: absolute;
+    width: 100%;
+    height: 40px;
+    background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+    );
+  }
+
+  .cst_main {
+    width: 100%;
+    max-height: 700px;
+    overflow-y: auto;
+    position: relative;
+
+    .cstm_header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .add_icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/add1.png);
+        background-size: 100% 100%;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .cstm_title {
+      margin: 10px auto 20px 51px;
+      font-weight: bold;
+    }
+
+    .cstm_items {
+      display: flex;
+      width: 80%;
+      margin: auto;
+      align-items: center;
+      margin-bottom: 23px;
+
+      .signbox {
+        display: flex;
+        justify-content: end;
+        width: 100px;
+        margin-right: 6px;
+
+        .sign {
+          margin-top: -5px;
+          margin-right: 4px;
+        }
+      }
+
+      .b_input {
+        flex: 1;
+        position: relative;
+
+        .upload_box {
+          display: flex;
+          cursor: pointer;
+
+          .upload_icon {
+            width: 16px;
+            height: 16px;
+            margin-right: 5px;
+          }
+        }
+
+        .inp_num {
+          position: absolute;
+          top: 9px;
+          right: 10px;
+        }
+      }
+    }
+
+    .items_fj {
+      margin-bottom: 1px;
+
+      .fujian {
+        display: none;
+      }
+
+      .mbl_items12 {
+        width: 440px;
+        margin-right: 56px;
+
+        .i12_box1 {
+          display: flex;
+          align-items: center;
+          padding: 17px 0 17px 21px;
+          border: 1px solid #eff4fc;
+          border-radius: 8px;
+          margin-bottom: 10px;
+
+          .file_img {
+            width: 27px;
+            height: 32px;
+            background-image: url(@/assets/images/coursewareManage/imgs.png);
+            margin-right: 22px;
+
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+
+          .file_detail {
+            width: 250px;
+            margin-right: 21px;
+
+            .file_updata {
+              display: flex;
+              align-items: center;
+
+              .updatabox {
+                position: relative;
+                width: 230px;
+                height: 5px;
+                background-color: rgba(192, 192, 192, 0.25);
+                border-radius: 3px;
+
+                .updatacolor {
+                  position: absolute;
+                  left: 0;
+                  width: 100%;
+                  height: 5px;
+                  background-color: #57c887;
+                  border-radius: 3px;
+                }
+
+                .updatacolor2 {
+                  position: absolute;
+                  left: 0;
+                  width: 80%;
+                  height: 5px;
+                  background-color: #ff7474;
+                  border-radius: 3px;
+                }
+
+                .updatacolor3 {
+                  position: absolute;
+                  left: 0;
+                  width: 60%;
+                  height: 5px;
+                  background-color: #4ea6ff;
+                  border-radius: 3px;
+                }
+
+                .updataxq {
+                  position: absolute;
+                  right: 2px;
+                  top: -30px;
+                  color: #57c887;
+                }
+
+                .updataxq2 {
+                  position: absolute;
+                  right: 2px;
+                  top: -30px;
+                  color: #ff7474;
+                }
+
+                .updataxq3 {
+                  position: absolute;
+                  right: 2px;
+                  top: -30px;
+                  color: #4ea6ff;
+                }
+              }
+            }
+          }
+
+          .file_operation {
+            display: flex;
+
+            .fobox {
+              margin-right: 5px;
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
+
+    .items_btn {
+      display: flex;
+      justify-content: center;
+      margin-top: 20px;
+      margin-bottom: 20px;
+
+      .cstm_btn {
+        width: 100px;
+        height: 40px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
+        }
+      }
+
+      .btn5 {
+        border: 1px solid rgba(64, 158, 255, 1);
+        color: #4ea6ff;
+      }
+
+      .btn6 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+</style>
   
\ No newline at end of file
diff --git a/src/components/drawers/MemberList.vue b/src/components/drawers/MemberList.vue
index a1611ca4..a774b1f2 100644
--- a/src/components/drawers/MemberList.vue
+++ b/src/components/drawers/MemberList.vue
@@ -50,6 +50,8 @@
           <CommonStudent
              v-if="checkPer(permissions,createId)"
             :type="1"
+             :info-type="1"
+             :info-id="projectId"
             title="添加组员"
             @finash="submitCall"
             :isGroup="true"
diff --git a/src/components/drawers/project/ImpoterGroupLeader.vue b/src/components/drawers/project/ImpoterGroupLeader.vue
index 1be2f913..73e3a37f 100644
--- a/src/components/drawers/project/ImpoterGroupLeader.vue
+++ b/src/components/drawers/project/ImpoterGroupLeader.vue
@@ -36,7 +36,6 @@
                   :action="uploadUrl"
                   @change="handleChange"
                   v-model:file-list="fileList"
-                  :before-upload="beforeUpload"
               >
                 <p class="ant-upload-drag-icon">
                   <inbox-outlined></inbox-outlined>
diff --git a/src/components/drawers/project/ProjectFaceTaskManage.vue b/src/components/drawers/project/ProjectFaceTaskManage.vue
index fa6379c7..a9a61b54 100644
--- a/src/components/drawers/project/ProjectFaceTaskManage.vue
+++ b/src/components/drawers/project/ProjectFaceTaskManage.vue
@@ -1,14 +1,14 @@
 <template>
   <a-drawer
-    :visible="Fvisible"
-    class="drawerStyle ProjectFaceTaskManage"
+    :visible="visible"
+    class="drawerStyle RouterFaceStu"
     placement="right"
-    width="80%"
+    width="1200"
     @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">【面授】{{ title }}</div>
+        <div class="headerTitle">【面授】{{ datasource?.name }}</div>
         <img
           style="width: 29px; height: 29px; cursor: pointer"
           src="../../../assets/images/basicinfo/close.png"
@@ -16,52 +16,54 @@
         />
       </div>
       <div class="main">
-        <div class="endtime">
-          <div 
+        <a-spin v-if="loading" :spinning="loading"/>
+        <div v-else class="titl">
+          <div
             style="width: 100%;height:220px;display: flex;flex-wrap: nowrap;overflow-x: scroll;">
-            <div v-for="item,n in [1,2,3]" :key="n" style="cursor: pointer;">
-              <div 
-                @click="ChoiceCourse(item)"
+            <div v-for="(item,n) in data" :key="n" style="cursor: pointer;">
+              <div
+                @click="ChoiceCourse(n)"
                 style="width: 360px;height:180px;margin-right: 32px;display: flex;flex-direction: column;padding: 16px;"
-                :style="{background:item==currentCourse?'rgb(247, 251, 253)':'rgb(250, 250, 250)'}">
-                <div style="font-size: 16px;">第{{item}}次开课</div>
-                <div style="font-size: 14px;margin-top: 12px;">2023年管理者面授课程（{{item}}）</div>
+                :style="{background:n===coursePlanIndex?'rgb(247, 251, 253)':'rgb(250, 250, 250)'}">
+                <div style="font-size: 16px;">第{{ data.length - n }}次开课</div>
+                <div style="font-size: 14px;margin-top: 12px;">{{ item.name }}</div>
                 <div style="font-size: 14px;">
-                  <img src="../../../assets/images/courseManage/time.png" alt="" srcset="" style="width:16px;height:16px;">
-                  2023.3.14 12:34 ~ 2023.3.17 12:34
+                  <img src="../../../assets/images/courseManage/time.png" style="width:16px;height:16px;">
+                  {{ item.beginTime }} ~ {{ item.endTime }}
                 </div>
                 <div style="font-size: 14px;margin-top: 6px;margin-bottom: 6px;">
-                  <img src="../../../assets/images/courseManage/position.png" alt="" srcset="" style="width:16px;height:16px;">
-                  京东方大厦（{{item}}）号楼
+                  <img src="../../../assets/images/courseManage/position.png" style="width:16px;height:16px;">
+                  {{ item.address }}
                 </div>
                 <div style="font-size: 14px;">
-                  <img src="../../../assets/images/courseManage/persion.png" alt="" srcset="" style="width:16px;height:16px;">
-                  董瑞华
+                  <img src="../../../assets/images/courseManage/persion.png" style="width:16px;height:16px;">
+                  {{ item.teacher }}
                 </div>
               </div>
             </div>
           </div>
         </div>
         <div class="search">
-          <div class="namecon" style="margin-right: 30px">
-            <div class="name">姓名：</div>
-            <a-input
-              v-model:value="name"
-              style="width: 200px; 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: 200px"
-                placeholder="请选择"
-                :options="projectNameList"
-                @change="selectProjectName"
-                allowClear
-              ></a-select>
+          <div class="leftchoose">
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">姓名：</div>
+              <a-input
+                v-model:value="params.studentName"
+                style="width: 200px; height: 40px; border-radius: 8px"
+                placeholder="请输入姓名"
+              />
+            </div>
+            <div class="namecon">
+              <div class="name">完成状态：</div>
+              <div class="select">
+                <a-select
+                  v-model:value="params.status"
+                  style="width: 200px"
+                  placeholder="请选择"
+                  :options="finishOptions"
+                  allowClear
+                ></a-select>
+              </div>
             </div>
           </div>
           <div class="btns">
@@ -73,601 +75,445 @@
               <div class="img1"></div>
               <div class="wz">搜索</div>
             </div>
-            <div class="btn btn1" @click="resetTaskList">
+            <div class="btn btn1" @click="resetStudentPage">
               <div class="img2"></div>
               <div class="wz">重置</div>
             </div>
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px" v-if="checkPer(permissions,createId)">
-          <div class="btn btn1" style="margin-right: 20px" @click="godie">
-            <div class="img1"></div>
+          <div
+            class="btn btn1"
+            style="margin-right: 20px"
+            @click="hasten()"
+          >
             <div class="wz">催促学习</div>
           </div>
-       
-          <div class="btn btn1" @click="allStuOver" style="margin-right: 16px;">
+          <div class="btn btn1" @click="batchFinish" style="margin-right: 20px">
             <div class="wz">批量标注完成</div>
           </div>
-          <div class="btn btn1" @click="showEntryScore" style="margin-right: 16px;">
-            <div class="wz">批量录入成绩</div>
-          </div>
-          <div class="btn btn1" @click="exportTaskStu" style="margin-right: 16px;">
+          <CommonImport title="录入成绩" v-if="homeWorkId"  :template-url="scoreTemplateUrl" :data="{ targetId: offcoursePlanId, type:3 }" :url="`/admin/student/importHomeWork`" name="uploadFile">
+            <div class="btn btn1" style="margin-right: 20px;margin-left: 20px">
+              <div class="img1"></div>
+              <div class="wz">批量录入成绩</div>
+            </div>
+          </CommonImport>
+          <div class="btn btn1" @click="exportTaskData">
             <div class="img2"></div>
             <div class="wz">导出数据</div>
           </div>
-          <div class="btn btn1" @click="exportHomeWorkShow">
+          <div class="btn btn1" style="margin-left: 20px" @click="exportTaskStu" v-if="homeWorkId">
+            <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">{{ tableDataTotal2 }}条</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"
-            :scroll="{ x: 1300 }"
-            @expand="expandTable"
-            :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"
-              @change="changePaginationStu"
-            />
-          </div>
+        <div class="tableBox" style="margin-top: 30px">
+          <BaseTable ref="tableRef" :url="TASK_STUDENT_LIST" v-model:params="params" :columns="columns" :init="false"
+                     v-model:selectedRows="courseSelectRows"
+                     type="checkbox"/>
         </div>
       </div>
-      <!--
       <div class="btnn">
         <button class="btn1" @click="closeDrawer">取消</button>
         <button class="btn2" @click="closeDrawer">确定</button>
       </div>
-      -->
     </div>
   </a-drawer>
-  <!-- 批量标注完成 -->
-  <ASOver
-    v-model:ASOvervisible="ASOvervisible"
-    v-model:ids="selectedRowKeys"
-    :taskId="
-      projectTaskInfo && projectTaskInfo.projectTaskId
-        ? projectTaskInfo.projectTaskId
-        : null
-    "
-    :type="3"
-    :pid="projectTaskInfo?.courseId"
-    :taskType="
-      projectTaskInfo && projectTaskInfo.type ? projectTaskInfo.type : null
-    "
-    :currentStageId="
-      projectTaskInfo && projectTaskInfo.stageId
-        ? projectTaskInfo.stageId
-        : null
-    "
-    v-model:getStudent="getStudent"
-  />
-  <!-- 录入成绩抽屉 -->
-  <EScore
-    v-model:eScorevisible="Evisible"
-    :type="3"
-    :id="projectTaskInfo?.projectTaskId"
-    :pid="projectTaskInfo?.courseId"
-    v-model:searchTaskList="searchTaskList"
-  />
-  <!-- 查看作业抽屉 -->
-  <CKWork v-model:CWvisible="CWvisible" />
-  <!-- 查看答卷抽屉
-  <CQue v-model:CQvisible="CQvisible" /> -->
-  <!-- 查看答卷抽屉 -->
   <CheckAnsware v-model:CAvisible="CAvisible" :datasource="datasource"/>
-
-  <!-- 导出作业提示框 -->
   <ExportHomeWork
     v-model:exportHomeWorkV="exportHomeWorkV"
     :downloadUrl="downloadUrl"
   />
 </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 CheckAnsware from '../CheckAnsware.vue'
-import EScore from "../ExportScore.vue";
-// import * as api from "../../../api/index";
-import * as api from "../../../api/index1";
-import ExportHomeWork from "../../Modals/ExportHomeWork.vue";
+<script setup>
+import {computed, defineEmits, ref, watch} from "vue";
+import * as api from "@/api/index1";
+import BaseTable from "@/components/common/BaseTable";
+import {message} from "ant-design-vue";
 import {checkPer} from "@/utils/utils";
-export default {
-  name: "ProjectFaceTaskManage",
-  components: {
-    EScore,
-    CKWork,
-    // CQue,
-    ASOver,
-    ExportHomeWork,
-    CheckAnsware
+import {COURSE_PLAN_LIST, TASK_STUDENT_LIST} from "@/api/apis";
+import dialog from "@/utils/dialog";
+import {useRequest} from "@/api/request";
+import CommonImport from "@/components/common/CommonImport";
+import CheckAnsware from "../CheckAnsware.vue";
+import {batchSendMessage} from "@/api/index1";
+import ExportHomeWork from "@/components/Modals/ExportHomeWork.vue";
+
+const coursePlanIndex = ref(0);
+const tableRef = ref();
+const CAvisible = ref(false);
+const exportHomeWorkV = ref(false);
+const downloadUrl = ref();
+const emit = defineEmits([]);
+const finishOptions = ref([
+  {
+    id: 1,
+    value: 0,
+    label: "未完成",
   },
-  props: {
-    createId: {
-      type: Number,
-      default: null,
-    },
-    permissions: {
-      type: String,
-      default: null,
-    },
-    Fvisible: {
-      type: Boolean,
-      default: false,
-    },
-    title: {
-      type: String,
-      default: "",
-    },
-    projectTaskId: {
-      type: Number,
-      default: null,
-    },
-    projectTaskInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
+  {
+    id: 2,
+    value: 1,
+    label: "已完成",
+  },
+]);
+const props = defineProps({
+  type: {
+    type: Number,
+    default: 1,
+  },
+  createId: {
+    type: Number,
+    default: null,
+  },
+  permissions: {
+    type: String,
+    default: null,
+  },
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  datasource: {
+    type: Object,
+    default: function() {
+      return {};
     },
   },
-
-  setup(props, ctx) {
-    const state = reactive({
-      Evisible: false, //录入成绩抽屉
-      CWvisible: false, //查看作业抽屉
-      CQvisible: false, //查看答卷抽屉
-      ASOvervisible: false, //批量标注完成弹窗
-      name: "",
-      datasource:'',
-      open: false,
-      projectName: undefined,
-      projectNameList: [
-        {
-          id: 0,
-          value: "0",
-          label: "未开始",
-        },
-        {
-          id: 1,
-          value: "1",
-          label: "已完成",
-        },
-      //  {
-        //  id: 2,
-        //  value: "2",
-         // label: "进行中",
-       // },
-      ],
-      selectedRowKeys: [],
-      CAvisible: false,
-      pageNo: 1,
-      pageSize: 10,
-      currentPage: 1,
-      tableDataTotal: -1,
-      tableDataTotal2: 0, //显示列表总数
-      tabledata: [
-        // {
-        //   workNum: "123",
-        //   userName: "li",
-        //   deptName: "开发",
-        //   jobName: "前端开发",
-        //   score: 89,
-        //   exam: 98,
-        //   testscore: 80,
-        //   status: "已完成",
-        // },
-      ],
-      tablecolumns: [
-        {
-          title: "工号",
-          dataIndex: "studentUserNo",
-          key: "studentUserNo",
-          width: '10%',
-          align: "left",
-          className: "h head",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.studentUserNo ? text.record.studentUserNo : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "姓名",
-          dataIndex: "studentName",
-          key: "studentName",
-          width: '10%',
-          align: "center",
-          className: "h head",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.studentName ? text.record.studentName : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "所在部门",
-          dataIndex: "studentDepartName",
-          key: "studentDepartName",
-          width: '10%',
-          align: "center",
-          className: "h",
-          ellipsis: true,
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.studentDepartName
-                    ? text.record.studentDepartName
-                    : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "所在岗位",
-          dataIndex: "studentJobName",
-          key: "studentJobName",
-          width: '10%',
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.studentJobName
-                    ? text.record.studentJobName
-                    : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "作业成绩",
-          dataIndex: "workScore",
-          key: "workScore",
-          width: '10%',
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.workScore || text.record.workScore == 0
-                    ? text.record.workScore
-                    : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "考试成绩",
-          dataIndex: "examinationScore",
-          key: "examinationScore",
-          width: '10%',
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.examinationScore ||
-                  text.record.examinationScore == 0
-                    ? text.record.examinationScore
-                    : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "评分",
-          dataIndex: "assessmentScore",
-          key: "assessmentScore",
-          width: '10%',
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: ({record:{assessmentScore}}) => (assessmentScore ? Math.round(assessmentScore * 100) / 100 : "-"),
-        },
-        {
-          title: "任务状态",
-          dataIndex: "finishStatus",
-          key: "finishStatus",
-          width: '10%',
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.finishStatus == 0 ||
-                  text.record.finishStatus == null
-                    ? "未开始"
-                    : text.record.finishStatus == 1
-                    ? "已完成"
-                    : text.record.finishStatus == 2
-                    ? "进行中"
-                    : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "操作",
-          dataIndex: "operation",
-          key: "operation",
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: () => {
-            return (
-              <div class="racona">
-                <a
-                  onClick={()=>{
-                    state.CWvisible = true;
-                  }}
-                  style="margin-right:12px;">查看作业</a>
-                <a
-                  onClick={()=>{
-                    state.CAvisible = true;
-                  }}>查看答卷</a>
-              </div>
-            );
-          },
-        }
-      ],
-      exportHomeWorkV: false,
-      downloadUrl: null,
-      currentCourse: 1
-    });
-
-    const ChoiceCourse = (n) => {
-      state.currentCourse = n;
-    }
- 
-    const closeDrawer = () => {
-      ctx.emit("update:Fvisible", false);
-      state.name = "";
-      state.projectName = undefined;
-      state.selectedRowKeys = [];
-      state.currentPage = 1;
-      state.tableDataTotal = -1;
-      state.tableDataTotal2 = 0;
-      state.tabledata = [];
-    };
-    const afterVisibleChange = (bol) => {
-      if (bol == true) {
-        getStudent();
-      }
-    };
-    const selectProjectName = (value) => {
-      state.projectName = value;
-    };
-    const onSelectChange = (selectedRowKeys) => {
-      // if (selectedRowKeys.length > 2) {
-      //   return;
-      // }
-      state.selectedRowKeys = selectedRowKeys;
-      // console.log("选择信息", e);
-    };
-
-    const allStuOver = () => {
-      state.ASOvervisible = true;
-    };
-    const showEntryScore = () => {
-      state.Evisible = true;
-    };
-    //催促学员学习
-    const godie = () => {
-      message.destroy();
-      message.success("催促" + props.title + "成功");
-    };
-    //表头清空
-    const clearLine = () => {
-      state.selectedRowKeys = [];
-    };
-
-    //获取学员
-    const getStudent = () => {
-      console.log("我是传递的查询参数", props.projectTaskInfo, {
-        pageNo: state.currentPage,
-        pageSize: state.pageSize,
-        currentStageId: props.projectTaskInfo.stageId,
-        type: 3,
-        pid: props.projectTaskInfo.courseId,
-        status: state.projectName,
-        studentName: state.name,
-        // taskId: props.projectTaskInfo.projectTaskId,
-      });
-      api
-        .AssessmentManagementMessage({
-          pageNo: state.currentPage,
-          pageSize: state.pageSize,
-          currentStageId: props.projectTaskInfo.stageId,
-          type: 3,
-          pid: props.projectTaskInfo.courseId,
-          status: state.projectName,
-          studentName: state.name,
-          // taskId: props.projectTaskInfo.projectTaskId,
-          // taskType: props.projectTaskInfo.type,
-        })
-        .then((res) => {
-          console.log("获取面授管理学员", res);
-          if (res.data.code == 200) {
-            let newData = [];
-            for (let i = 0; i < res.data.data.records.length; i++) {
-              res.data.data.records[i].key = res.data.data.records[i].studentId;
-              newData.push(res.data.data.records[i]);
-            }
-            state.tabledata = newData;
-            // ListOpera();
-            state.tableDataTotal = res.data.data.total;
-            state.tableDataTotal2 = res.data.data.total;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          state.tabledata = [];
-          state.tabledata = [{name:'测试数据'}];
-        });
-    };
-    //搜索学员
-    const searchTaskList = () => {
-      state.currentPage = 1;
-      state.tableDataTotal = -1;
-      state.tableDataTotal2 = 0;
-      getStudent();
-    };
-    // 重置按钮
-    function resetTaskList() {
-      state.currentPage = 1;
-      state.name = "";
-      state.projectName = undefined;
-      state.tableDataTotal = -1;
-      state.tableDataTotal2 = 0;
-      getStudent();
-    }
-    //分页
-    const changePaginationStu = (page) => {
-      state.currentPage = page;
-      state.tableDataTotal = -1;
-      state.tableDataTotal2 = 0;
-      getStudent();
-    };
-
-    // 导出数据
-    function exportTaskStu() {
-      console.log("props.projectTaskInfo", props.projectTaskInfo);
-      window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?currentStageId=${props.projectTaskInfo.stageId}&type=3&pid=${props.projectTaskInfo.courseId}&thirdType=4&taskId=${props.projectTaskInfo.projectTaskId}`);
-      // api
-      //   .exportTaskStudent({
-      //     pageNo: state.currentPage,
-      //     pageSize: state.pageSize,
-      //     currentStageId: props.projectTaskInfo.stageId,
-      //     currentTaskId: props.projectTaskInfo.projectTaskId,
-      //     type: 1,
-      //     pid: props.projectTaskInfo.projectId,
-      //   })
-      //   .then((res) => {
-      //     console.log(res);
-      //   })
-      //   .catch((err) => {
-      //     console.log(err);
-      //   });
-    }
-
-    //显示导出作业弹窗
-    const exportHomeWorkShow = () => {
-      // state.exportHomeWorkV = true;
-      // exportHomeWork();
-      let obj = {
-        currentStageId: props.projectTaskInfo.stageId,
-        pid: props.projectTaskInfo.courseId,
-        taskId: props.projectTaskInfo.projectTaskId,
-        type: 3,
-      };
-      api
-        .exportHomeWork(obj)
-        .then((res) => {
-          console.log("导出作业",res.data.data);
-          if (res.data.code === 200) {
-            //message.destroy();
-            //message.success("导出作业成功");
-            state.exportHomeWorkV = true;
-            state.downloadUrl = res.data.data;
-          }
-        })
-        .catch((err) => {
-          message.destroy();
-          message.error("导出作业失败");
-          console.log("导出作业失败", err);
-        });
-    };
-    //导出作业
-    function exportHomeWork() {
-      window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportHomeWork?currentStageId=${props.projectTaskInfo.stageId}&type=3&pid=${props.projectTaskInfo.courseId}&thirdType=3`);
-    }
-
-    return {
-      ...toRefs(state),
-      selectProjectName,
-      checkPer,
-      closeDrawer,
-      afterVisibleChange,
-      onSelectChange,
-      allStuOver,
-      showEntryScore,
-      godie,
-      clearLine,
-      searchTaskList,
-      resetTaskList,
-      changePaginationStu,
-      exportTaskStu,
-      exportHomeWorkShow,
-      exportHomeWork,
-      getStudent,
-      ChoiceCourse
-    };
+});
+const params = ref({ pid: 0, type: 3 });
+const courseSelectRows = ref([]);
+const planParams = computed(() => ({
+  type: props.type,
+  offcourseId: props.datasource?.courseId,
+  taskId: props.datasource?.id
+}));
+const { data = [], loading, fetchData } = useRequest(COURSE_PLAN_LIST, planParams, false);
+const offcoursePlanId = computed(() => data.value[coursePlanIndex.value]?.id || "");
+const homeWorkId = computed(() => data.value[coursePlanIndex.value]?.homeWorkId || "");
+const infoId = computed(() => props.type === 1 ? props.datasource.projectId : props.datasource.routerId);
+const scoreTemplateUrl = ref(`${process.env.VUE_APP_BASE_API}/admin/student/exportHomeWorkTemplate?taskId=0&type=3&pid=${offcoursePlanId.value}&thirdType=3`);
+const columns = ref([
+  {
+    title: "工号",
+    dataIndex: "studentUserNo",
+    key: "studentUserNo",
+    width: 100,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: (text) => <div class="racona"><span>  {text.record.studentUserNo || "-"}  </span></div>
   },
+  {
+    title: "姓名",
+    dataIndex: "studentName",
+    key: "studentName",
+    width: 50,
+    align: "left",
+    className: "classify",
+    scopedSlots: { customRender: "action" },
+    customRender: (text) => <div class="racona"><span>  {text.record.studentName || "-"}  </span></div>
+  },
+  {
+    title: "部门",
+    dataIndex: "studentDepartName",
+    key: "studentDepartName",
+    width: 60,
+    ellipsis: true,
+    align: "center",
+    className: "h",
+    customRender: (text) => <div class="racona"><span> {text.record.studentDepartName || "-"} </span></div>
+  },
+  {
+    title: "岗位",
+    dataIndex: "studentJobName",
+    key: "studentJobName",
+    width: 50,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: (text) => <div class="racona"><span> {text.record.studentJobName || "-"}</span></div>
+  },
+  {
+    title: "作业成绩",
+    dataIndex: "workScore",
+    key: "workScore",
+    width: 50,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: ({ record: { workScore } }) => <span> {workScore || "-"}</span>
+  },
+  {
+    title: "考试成绩",
+    dataIndex: "examinationScore",
+    key: "examinationScore",
+    width: 50,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: ({ record: { examinationScore } }) => <span> {examinationScore || "-"}</span>
+  },
+  {
+    title: "评分",
+    dataIndex: "assessmentScore",
+    key: "assessmentScore",
+    width: 50,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: ({ record: { assessmentScore } }) => <span> {assessmentScore || "-"}</span>
+  },
+  {
+    title: "任务状态",
+    dataIndex: "finishStatus",
+    key: "finishStatus",
+    width: 50,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: ({ record: { finishStatus } }) => <span>{{
+      0: "未开始",
+      1: "已完成",
+      2: "进行中"
+    }[finishStatus] || "未开始"}</span>
+  },
+  {
+    title: "操作",
+    ellipsis: true,
+    className: "h",
+    dataIndex: "opacation",
+    key: "opacation",
+    width: 50,
+    align: "center",
+    customRender: (text) => <div class="opa"
+                                 onClick={() => showExamAnswer(text)}>{data.value[coursePlanIndex.value]?.testId ? "查看答卷" : ""}</div>
+  },
+]);
+watch(() => data.value.length, () => {
+  params.value.pid = data.value[coursePlanIndex.value]?.id || 0;
+  tableRef.value.fetch();
+});
+
+const ChoiceCourse = (n) => {
+  coursePlanIndex.value = n;
+  params.value.pid = data.value[n].id;
+  tableRef.value.fetch();
 };
+
+const closeDrawer = () => emit("update:visible", false);
+//批量签到
+const batchFinish = () => {
+  if (!courseSelectRows.value.length) {
+    return message.warn("请选择要标注完成的学员");
+  }
+  dialog({
+    content: "确定标注完成吗？",
+    ok: async () => {
+      message.success("标注完成成功");
+      tableRef.value.toLoading();
+      await api.batchFinishTask({
+        ids: courseSelectRows.value?.map(t => t.studentId),
+        type: 3,
+        taskId: props.datasource.routerTaskId,
+        pid: offcoursePlanId.value,
+        taskType: props.datasource.type,
+        currentStageId: props.datasource.currentStageId,
+      });
+      tableRef.value.fetch();
+    },
+  });
+};
+
+const showExamAnswer = () => {
+  CAvisible.value = true;
+};
+
+const searchTaskList = () => tableRef.value.fetch();
+
+const exportTaskData = () => window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?type=3&pid=${offcoursePlanId.value}&thirdType=2`);
+
+function exportTaskStu() {
+  api.exportHomeWork({
+    currentStageId: 0,
+    pid: offcoursePlanId.value,
+    taskId: 0,
+    taskType: 0,
+    type: 3,
+  }).then((res) => {
+    exportHomeWorkV.value = true;
+    downloadUrl.value = res.data.data;
+  });
+}
+
+const hasten = () => {
+  message.success("催促成功");
+  batchSendMessage({
+    courseId: props.datasource.courseId,//任务的Id
+    courseName: props.datasource.name,//任务的名称
+    logo: props.type,//项目或径的标识 1-项目 2-路径图 3面授课
+    targetId: infoId.value,//路径图的就是routerId,项目的是projectId;根据这张图来看的话
+    taskType: props.datasource.type,//催促的任务的类型
+    chapterId: props.datasource.stageId,//阶段或关卡Id
+  });
+};
+
+function afterVisibleChange(bool) {
+  bool && fetchData();
+}
+
+function resetStudentPage() {
+  tableRef.value.reset({ pid: data.value[coursePlanIndex.value]?.id, type: 3 });
+}
+
 </script>
 
 <style lang="scss">
-.ProjectFaceTaskManage {
-  .ant-drawer-content-wrapper {
-    max-width: 1300px;
+.me {
+  .ant-modal-body {
+    padding: 0px;
   }
+}
+
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+                rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .del_main {
+            width: 100%;
+            position: relative;
+
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.RouterFaceStu {
+  // // width: 80%;
+  // .ant-drawer-content-wrapper {
+  //   // max-width: 1000px;
+  //   .ant-drawer-header {
+  //     display: none !important;
+  //   }
+  //   .ant-drawer-body {
+  //     padding: 0;
+  //   }
+  // }
   .drawerMain {
-    min-width: 700px;
+    min-width: 600px;
     margin: 0px 32px 0px 32px;
     overflow-x: auto;
     display: flex;
@@ -679,6 +525,7 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      // background-color: red;
       margin-bottom: 20px;
 
       .headerTitle {
@@ -686,6 +533,7 @@ export default {
         font-weight: 600;
         color: #333333;
         line-height: 25px;
+        // margin-left: 24px;
       }
     }
 
@@ -694,10 +542,16 @@ export default {
       height: 100%;
       overflow: auto;
       padding-right: 10px;
-      .endtime {
-        font-size: 16px;
-        font-weight: 500;
-        color: #333333;
+      padding-bottom: 90px;
+
+      .titl {
+        display: flex;
+
+        .endtime {
+          font-size: 16px;
+          font-weight: 500;
+          color: #333333;
+        }
       }
 
       .search {
@@ -705,14 +559,29 @@ export default {
         display: flex;
         flex-wrap: wrap;
         margin-top: 20px;
+        justify-content: space-between;
 
-        .namecon {
+        .leftchoose {
           display: flex;
-          flex-wrap: nowrap;
-          margin-bottom: 10px;
+          margin-right: 20px;
 
-          .name {
-            margin-top: 8px;
+          .namecon {
+            display: flex;
+            flex-wrap: nowrap;
+            margin-bottom: 10px;
+
+            .name {
+              margin-top: 8px;
+              white-space: nowrap;
+            }
+
+            // .name {
+            //   margin-top: 8px;
+
+            //   color: rgba(0, 0, 0, 0.85);
+            //   font-size: 14px;
+            //   font-weight: 400;
+            // }
           }
         }
 
@@ -775,9 +644,9 @@ export default {
           align-items: center;
 
           .img1 {
-            width: 15px;
-            height: 17px;
-            background-image: url(../../../assets/images/basicinfo/call.png);
+            width: 19px;
+            height: 19px;
+            background-image: url(../../../assets/images/basicinfo/in.png);
             background-size: 100% 100%;
             margin-right: 7px;
           }
@@ -820,7 +689,7 @@ export default {
           height: 100%;
           display: flex;
           justify-content: space-between;
-
+          // background-color: #bfa;
           .left {
             height: 100%;
             display: flex;
@@ -861,77 +730,87 @@ export default {
         }
       }
 
+      .pad {
+        width: 96%;
+        height: 10px;
+        background-color: #fff;
+        position: absolute;
+      }
+
       .tableBox {
+        // margin-bottom: 80px;
+
+        .classify {
+          // margin-left: 11px !important;
+          // padding-left: 9px !important;
+          padding-left: 0px !important;
+        }
+
+        .ant-checkbox-wrapper {
+          align-items: center;
+          margin-top: -2px;
+        }
+
         .ant-table-selection-column {
           padding: 0px !important;
+          // padding-left: 45px !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;
+          background-color: rgba(239, 244, 252, 1);
         }
 
         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 {
+        > 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;
-        }
+        .opa {
+          background-color: rgba(255, 255, 255, 0);
 
-        .pa {
-          margin-top: 15px;
-          width: 100%;
-          display: flex;
-          justify-content: center;
+          .ant-checkbox + span {
+            font-size: 14px;
+            font-weight: 400;
+            color: rgba(0, 0, 0, 0.65);
+            line-height: 22px;
+            margin-top: 5px;
+          }
         }
       }
+
+      // .tab {
+      //   .ant-table-thead > tr > th {
+      //     background-color: rgba(239, 244, 252, 1) !important;
+      //   }
+
+      //   th.h {
+      //     background-color: #eff4fc !important;
+      //   }
+
+      //   .ant-table-tbody
+      //     > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      //     > td {
+      //     background: #f6f9fd;
+      //   }
+      // }
     }
 
     .btnn {
       height: 72px;
       width: 100%;
       position: absolute;
-      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);
+      background-color: #fff;
 
       .btn1 {
         width: 100px;
@@ -955,5 +834,12 @@ export default {
       }
     }
   }
+
+  // .botm {
+  //   width: 100%;
+  //   height: 100%;
+  //   background-color: red;
+  //   // flex-shrink: 1;
+  // }
 }
 </style>
diff --git a/src/components/drawers/router/RouterFaceStu.vue b/src/components/drawers/router/RouterFaceStu.vue
index 802c7568..38f34d11 100644
--- a/src/components/drawers/router/RouterFaceStu.vue
+++ b/src/components/drawers/router/RouterFaceStu.vue
@@ -3,7 +3,7 @@
     :visible="FSvisible"
     class="drawerStyle RouterFaceStu"
     placement="right"
-    width="80%"
+    width="1200"
     @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain">
@@ -16,66 +16,51 @@
         />
       </div>
       <div class="main">
-        <div class="titl">
-          <div 
+        <a-spin v-if="loading" :spinning="loading"/>
+        <div v-else class="titl">
+          <div
             style="width: 100%;height:220px;display: flex;flex-wrap: nowrap;overflow-x: scroll;">
-            <div v-for="item,n in [1,2,3]" :key="n" style="cursor: pointer;">
-              <div 
-                @click="ChoiceCourse(item)"
+            <div v-for="(item,n) in data" :key="n" style="cursor: pointer;">
+              <div
+                @click="ChoiceCourse(n)"
                 style="width: 360px;height:180px;margin-right: 32px;display: flex;flex-direction: column;padding: 16px;"
-                :style="{background:item==currentCourse?'rgb(247, 251, 253)':'rgb(250, 250, 250)'}">
-                <div style="font-size: 16px;">第{{item}}次开课</div>
-                <div style="font-size: 14px;margin-top: 12px;">2023年管理者面授课程（{{item}}）</div>
+                :style="{background:n===coursePlanIndex?'rgb(247, 251, 253)':'rgb(250, 250, 250)'}">
+                <div style="font-size: 16px;">第{{ data.length - n }}次开课</div>
+                <div style="font-size: 14px;margin-top: 12px;">{{ item.name }}</div>
                 <div style="font-size: 14px;">
-                  <img src="../../../assets/images/courseManage/time.png" alt="" srcset="" style="width:16px;height:16px;">
-                  2023.3.14 12:34 ~ 2023.3.17 12:34
+                  <img src="../../../assets/images/courseManage/time.png" style="width:16px;height:16px;">
+                  {{ item.beginTime }} ~ {{ item.endTime }}
                 </div>
                 <div style="font-size: 14px;margin-top: 6px;margin-bottom: 6px;">
-                  <img src="../../../assets/images/courseManage/position.png" alt="" srcset="" style="width:16px;height:16px;">
-                  京东方大厦（{{item}}）号楼
+                  <img src="../../../assets/images/courseManage/position.png" style="width:16px;height:16px;">
+                  {{ item.address }}
                 </div>
                 <div style="font-size: 14px;">
-                  <img src="../../../assets/images/courseManage/persion.png" alt="" srcset="" style="width:16px;height:16px;">
-                  董瑞华
+                  <img src="../../../assets/images/courseManage/persion.png" style="width:16px;height:16px;">
+                  {{ item.teacher }}
                 </div>
               </div>
             </div>
           </div>
         </div>
-
         <div class="search">
           <div class="leftchoose">
             <div class="namecon" style="margin-right: 30px">
               <div class="name">姓名：</div>
               <a-input
-                v-model:value="name"
+                v-model:value="params.studentName"
                 style="width: 200px; height: 40px; border-radius: 8px"
                 placeholder="请输入姓名"
               />
             </div>
-            <div class="namecon" style="margin-right: 30px">
-              <div class="name">考勤：</div>
-              <div class="select">
-                <a-select
-                  v-model:value="projectName"
-                  style="width: 200px"
-                  placeholder="请选择"
-                  :options="projectNameList"
-                  @change="selectProjectName"
-                  allowClear
-                  showSearch
-                ></a-select>
-              </div>
-            </div>
             <div class="namecon">
               <div class="name">签到状态：</div>
               <div class="select">
                 <a-select
-                  v-model:value="projectName2"
+                  v-model:value="params.finishStatus"
                   style="width: 200px"
                   placeholder="请选择"
-                  :options="projectNameList2"
-                  @change="selectProjectName2"
+                  :options="signOptions"
                   allowClear
                 ></a-select>
               </div>
@@ -90,7 +75,7 @@
               <div class="img1"></div>
               <div class="wz">搜索</div>
             </div>
-            <div class="btn btn1" @click="resetTaskList">
+            <div class="btn btn1" @click="resetStudentPage">
               <div class="img2"></div>
               <div class="wz">重置</div>
             </div>
@@ -104,11 +89,27 @@
           >
             <div class="wz">签到二维码</div>
           </div>
-          <div class="btn btn1" style="margin-right: 20px" @click="showImpStu">
-            <div class="img1"></div>
-            <div class="wz">导入学员</div>
-          </div>
-          <div class="btn btn1" @click="showCopyModal" style="margin-right: 20px">
+          <CommonStudent
+            :type="3"
+            :isGroup="true"
+            :id="data[coursePlanIndex]?.id"
+            :infoId="infoId"
+            :infoType="type"
+            @finash="submitCall"
+          >
+            <a-button class="cus-btn" style="background: #4ea6ff; color: #fff">
+              <template #icon><img style="margin-right: 10px" src="../../../assets/images/courseManage/add0.png"/>
+              </template>
+              添加学员
+            </a-button>
+          </CommonStudent>
+          <CommonImport title="导入学员" :template-url="stuTemplateUrl" :data="{ targetId: offcoursePlanId, type:3 }" :url="`/admin/student/importStudent`" name="uploadFile">
+            <div class="btn btn1" style="margin-right: 20px;margin-left: 20px">
+              <div class="img1"></div>
+              <div class="wz">导入学员</div>
+            </div>
+          </CommonImport>
+          <div class="btn btn1" @click="batchSign" style="margin-right: 20px">
             <div class="wz">批量签到</div>
           </div>
           <div class="btn btn1" @click="exportTaskStu">
@@ -116,747 +117,264 @@
             <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">{{ tableDataTotal2 }}条</div>
-            </div>
-            <div class="right" @click="clearLine">清空</div>
-          </div>
-        </div>
-        <div class="pad"></div> -->
-
         <div class="tableBox" style="margin-top: 30px">
-          <a-table
-            style="border: 1px solid #f2f6fe"
-            :columns="tableDataFunc()"
-            :data-source="tabledata"
-            expandRowByClick="true"
-            @expand="expandTable"
-            :scroll="{ x: 1300 }"
-            :pagination="false"
-            :row-selection="{
-              columnWidth: 30,
-              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"
-              @change="changePaginationStu"
-            />
-          </div>
+          <BaseTable ref="tableRef" :url="STUDENT_LIST" v-model:params="params" :columns="columns" :init="false"
+                     v-model:selectedRows="courseSelectRows"
+                     type="checkbox"/>
         </div>
-        <!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
-          <a-table
-            style="border: 1px solid #f2f6fe"
-            :columns="tablecolumns"
-            :data-source="tabledata"
-            :loading="tableDataTotal === -1 ? true : false"
-            expandRowByClick="true"
-            :scroll="{ x: 900, y: 350 }"
-            @expand="expandTable"
-            :pagination="false"
-            :row-selection="{
-              columnWidth: 30,
-              selectedRowKeys: selectedRowKeys,
-              onChange: onSelectChange,
-            }"
-          />
-        </div> -->
       </div>
-      <!--
       <div class="btnn">
         <button class="btn1" @click="closeDrawer">取消</button>
         <button class="btn2" @click="closeDrawer">确定</button>
-      </div>-->
-    </div>
-  </a-drawer>
-  <!-- 二维码签到弹窗 -->
-  <SignQR v-model:signQRvisible="signQRvisible" />
-  <!-- 导入学员抽屉 -->
-  <imp-stu
-    v-model:AddImpStuvisible="AddImpStuvisible"
-    @AddImpStuvisibleClose="AddImpStuvisibleClose"
-    :courseId="datasource.courseId"
-    :courseType="3"
-  />
-  <!-- 批量签到弹窗 -->
-  <a-modal
-    v-model:visible="copyModal"
-    :footer="null"
-    :closable="closeCopy"
-    wrapClassName="CopyModal"
-    centered="true"
-  >
-    <div class="delete">
-      <div class="del_header"></div>
-      <div class="del_main">
-        <div class="header">
-          <div class="icon"></div>
-          <span>提示</span>
-          <div class="close_exit" @click="closeCopyModal"></div>
-        </div>
-        <div class="body">
-          <span>您确定要批量签到吗</span>
-        </div>
-        <div class="del_btnbox">
-          <div class="del_btn btn1" @click="closeCopyModal">
-            <div class="btnText">取消</div>
-          </div>
-          <div class="del_btn btn2" @click="batchSign">
-            <div class="btnText">确定</div>
-          </div>
-        </div>
       </div>
     </div>
-  </a-modal>
-
-  <!-- 二维码弹窗 -->
-  <two-dimensional-code
-    v-model:codevisible="codevisible"
-    :codeInfo="codeInfo"
-    :index="codeIndex"
-    :type="codeType == 1 ? '课程二维码' : codeType == 2 ? '签到二维码' : ''"
-  />
-  <!-- 二维码弹窗 -->
+  </a-drawer>
 </template>
 
-<script>
-import { toRefs, reactive } from "vue";
-import ImpStu from "../../../components/drawers/AddLevelImportStu";
-import SignQR from "../SignQR.vue";
-import * as api from "../../../api/index1";
-import TwoDimensionalCode from "../../../components/TwoDimensionalCode";
-import { message } from "ant-design-vue";
-import { toDate } from "../../../api/method";
+<script setup>
+import {computed, defineEmits, ref, watch} from "vue";
+import * as api from "@/api/index1";
+import BaseTable from "@/components/common/BaseTable";
+import {message} from "ant-design-vue";
 import {checkPer} from "@/utils/utils";
+import {COURSE_PLAN_LIST, STUDENT_LIST} from "@/api/apis";
+import dialog from "@/utils/dialog";
+import qrCode from "@/utils/qrCode";
+import {useRequest} from "@/api/request";
+import CommonImport from "@/components/common/CommonImport";
+import CommonStudent from "@/components/student/CommonStudent";
+import dayjs from "dayjs";
 
-export default {
-  name: "FaceManage",
-  components: {
-    ImpStu,
-    SignQR,
-    TwoDimensionalCode,
+const coursePlanIndex = ref(0);
+const tableRef = ref();
+const stuTemplateUrl = ref(process.env.VUE_APP_FILE_PATH + process.env.VUE_APP_UP_LOAD_STUDENT_TEMPLATE);
+const emit = defineEmits([]);
+const signOptions = ref([
+  {
+    id: 1,
+    value: 1,
+    label: "签到",
   },
-  props: {
-    createId: {
-      type: Number,
-      default: null,
-    },
-    permissions: {
-      type: String,
-      default: null,
-    },
-    FSvisible: {
-      type: Boolean,
-      default: false,
-    },
-    datasource: {
-      type: Object,
-      default: function () {
-        return {};
-      },
+  {
+    id: 2,
+    value: 0,
+    label: "请假",
+  },
+]);
+const props = defineProps({
+  type: {
+    type: Number,
+    default: 1,
+  },
+  createId: {
+    type: Number,
+    default: null,
+  },
+  permissions: {
+    type: String,
+    default: null,
+  },
+  FSvisible: {
+    type: Boolean,
+    default: false,
+  },
+  datasource: {
+    type: Object,
+    default: function() {
+      return {};
     },
   },
+});
+const params = ref({ pid: 0, type: 3 });
+const courseSelectRows = ref([]);
+const infoId = computed(() => props.type === 1 ? props.datasource.projectId : props.datasource.routerId);
+const taskId = computed(() => props.type === 1 ? props.datasource.projectTaskId : props.datasource.routerTaskId);
+const offcoursePlanId = computed(() => data.value[coursePlanIndex.value]?.id || "");
+const inAttendanceTime = computed(() => dayjs(data.value[coursePlanIndex.value]?.endTime).isAfter(dayjs()));
 
-  setup(props, ctx) {
-    const state = reactive({
-      Evisible: false, //录入成绩抽屉
-      AddImpStuvisible: false, //导入学员抽屉
-      copyModal: false, //批量签到弹窗
-      closeCopy: false, //签到弹窗关闭图标
-      stopModal: false, //签退弹窗
-      closeStop: false, //签退弹窗关闭图标
-      signQRvisible: false, //二维码弹窗
-      name: null,
-      projectName: undefined,
-      projectName2: undefined,
-      showmodal: false, //勾选提示框
-      closable: false, //modal右上角的关闭按钮
-      pageSize: 10,
-      currentPage: 1,
-      tableDataTotal: -1,
-      tableDataTotal2: 0,
-      selectedRowKeys: [],
-      selectedStudents: [], //选择学员id
-      projectNameList: [
-        {
-          id: 1,
-          value: "签到",
-          label: "签到",
-        },
-        {
-          id: 2,
-          value: "缺勤",
-          label: "缺勤",
-        },
-        {
-          id: 3,
-          value: "迟到",
-          label: "迟到",
-        },
-        {
-          id: 4,
-          value: "请假",
-          label: "请假",
-        },
-      ],
-      projectNameList2: [
-        {
-          id: 1,
-          value: "1",
-          label: "正常",
-        },
-        {
-          id: 2,
-          value: "2",
-          label: "异常",
-        },
-      ],
-      tabledata: [
-        // {
-        //   key: 1,
-        //   name: "张三",
-        //   com: "产研部",
-        //   gang: "产品经理",
-        //   cur: "-",
-        //   jin: "-",
-        //   time: "缺勤",
-        //   state: "异常",
-        //   signIn: false, //签到
-        //   signOut: false, //签退
-        //   leave: false, //请假
-        // },
-      ],
-      tableOptions: [
-        {
-          label: "签到",
-          value: "1",
-        },
-        {
-          label: "签退",
-          value: "2",
-        },
-        {
-          label: "请假",
-          value: "3",
-        },
-      ],
-      // selectOption: [],
-      codevisible: false, //二维码弹窗
-      codeType: null,
-      codeIndex: null,
-      codeInfo: null, //二维码内容
-      beginTime: null, //签到开始时间
-      endTime: null, //签到结束时间
-      currentCourse: 1,
-    });
-
-    const ChoiceCourse = (n) => {
-      state.currentCourse = n;
-    }
-
-    const afterVisibleChange = (bol) => {
-      if (bol == true) {
-        getStudent();
-        console.log("1111");
-        isSignClick();
-      }
-    };
-    //考勤
-    const selectProjectName = (value, index) => {
-      console.log("value", value, index);
-    };
-    //签到状态
-    const selectProjectName2 = (value, index) => {
-      console.log("value", value, index);
-    };
-    const closeDrawer = () => {
-      ctx.emit("update:FSvisible", false);
-      state.name = null;
-      state.projectName2 = undefined;
-      state.selectedRowKeys = [];
-      state.selectedStudents = [];
-      state.currentPage = 1;
-      state.tableDataTotal = -1;
-      state.tableDataTotal2 = 0;
-      state.tabledata = [];
-    };
-    //导入学员
-    const showImpStu = () => {
-      state.AddImpStuvisible = true;
-    };
-    //批量签到
-    const showCopyModal = () => {
-      if (state.selectedStudents.length === 0) {
-        message.destroy();
-        message.warning("请选择学员");
-        return;
-      }
-      state.copyModal = true;
-    };
-    const closeCopyModal = () => {
-      state.copyModal = false;
-    };
-    //批量签到
-    const batchSign = () => {
-      let obj = {
-        courseId: Number(props.datasource.courseId),
-        // projectId: 0,
-        routerId: Number(props.datasource.routerId),
-        ids: state.selectedStudents,
-        taskId: Number(props.datasource.routerTaskId),
-        taskType: Number(props.datasource.type),
-        type: 2,
-      };
-      api
-        .attendanceSign(obj)
-        .then((res) => {
-          console.log("签到结果", res, obj);
-          if (res.data.code === 200) {
-            message.destroy();
-            message.success("批量签到成功");
-            state.copyModal = false;
-            state.tableDataTotal = -1;
-            state.selectedRowKeys = [];
-            state.selectedStudents = [];
-            getStudent();
-          }
-        })
-        .catch((err) => {
-          console.log("签到失败", err, obj);
-        });
-    };
-    // const closeStopModal = () => {
-    //   state.stopModal = false;
-    // };
-    //显示签到二维码弹窗
-    const signQR = () => {
-      state.signQRvisible = true;
-    };
-
-    const onSelectChange = (selectedRowKeys, e) => {
-      console.log("selectedRowKeys changed: ", selectedRowKeys);
-      state.selectedRowKeys = selectedRowKeys;
-      let array = [];
-      for (let i = 0; i < e.length; i++) {
-        array.push(e[i].studentId);
-      }
-      state.selectedStudents = array;
-    };
-    //表头清空
-    const clearLine = () => {
-      state.selectedRowKeys = [];
-      state.selectedStudents = [];
-    };
-
-    const tableDataFunc = () => {
-      const columns = [
-        {
-          title: "工号",
-          dataIndex: "studentUserNo",
-          // width: "30%",
-          key: "studentUserNo",
-          width: 120,
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.studentUserNo ? text.record.studentUserNo : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "姓名",
-          dataIndex: "studentName",
-          // width: "30%",
-          key: "studentName",
-          width: 50,
-          align: "left",
-          className: "classify",
-          scopedSlots: { customRender: "action" }, //引入的插槽
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.studentName ? text.record.studentName : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "所在部门",
-          dataIndex: "studentDepartName",
-          // width: "30%",
-          key: "studentDepartName",
-          width: 60,
-          ellipsis: true,
-          align: "center",
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.studentDepartName
-                    ? text.record.studentDepartName
-                    : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "所在岗位",
-          dataIndex: "studentJobName",
-          key: "studentJobName",
-          width: 50,
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>
-                  {text.record.studentJobName
-                    ? text.record.studentJobName
-                    : "-"}
-                </span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "签到时间",
-          dataIndex: "signTime",
-          key: "signTime",
-          width: 110,
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>{text.record.signTime ? text.record.signTime : "-"}</span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "考勤",
-          dataIndex: "signTime",
-          key: "signTime",
-          width: 110,
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>{text.record.signTime ? text.record.signTime : "-"}</span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "签到状态",
-          dataIndex: "signTime",
-          key: "signTime",
-          width: 110,
-          align: "center",
-          ellipsis: true,
-          className: "h",
-          customRender: (text) => {
-            return (
-              <div class="racona">
-                <span>{text.record.signTime ? text.record.signTime : "-"}</span>
-              </div>
-            );
-          },
-        },
-        // {
-        //   title: "签退时间",
-        //   dataIndex: "jin",
-        //   key: "jin",
-        //   width: 110,
-        //   align: "center",
-        //   className: "h",
-        // },
-        {
-          title: "考勤情况",
-          ellipsis: true,
-          className: "h",
-          dataIndex: "opacation",
-          key: "opacation",
-          width: 130,
-          align: "center",
-          // scopedSlots: { customRender: "action" }, //引入的插槽
-
-          customRender: (text) => {
-            // console.log("text.record.signStatus", text.record.signStatus);
-            return (
-              <div class="opa">
-                <a-radio
-                  value="1"
-                  checked={text.record.signStatus}
-                  onChange={(e) => {
-                    console.log("点击签到", e);
-                    let obj = {
-                      courseId: Number(props.datasource.courseId),
-                      // projectId: 0,
-                      routerId: Number(props.datasource.routerId),
-                      ids: [text.record.studentId],
-                      studentName: text.record.studentName,
-                      taskId: Number(props.datasource.routerTaskId),
-                      taskType: Number(props.datasource.type),
-                      type: 2,
-                    };
-                    api
-                      .attendanceSign(obj)
-                      .then((res) => {
-                        console.log("签到结果", res, obj, e);
-                        if (res.data.code === 200) {
-                          text.record.signStatus = true;
-                          state.tableDataTotal = -1;
-                          getStudent();
-                        }
-                      })
-                      .catch((err) => {
-                        console.log("签到失败", err, obj);
-                        text.record.signStatus = false;
-                      });
-                  }}
-                >
-                  签到
-                </a-radio>
-                <a-radio
-                  value="2"
-                  checked={text.record.leaveStatus}
-                  onChange={(e) => {
-                    console.log("点击请假", e, props.datasource);
-                    let obj = {
-                      courseId: Number(props.datasource.courseId),
-                      // projectId: 0,
-                      routerId: Number(props.datasource.routerId),
-                      ids: [text.record.studentId],
-                      studentName: text.record.studentName,
-                      taskId: Number(props.datasource.routerTaskId),
-                      taskType: Number(props.datasource.type),
-                      type: 2,
-                      // userName: "",
-                    };
-                    api
-                      .attendanceLeave(obj)
-                      .then((res) => {
-                        console.log("请假结果", res, obj, e);
-                        if (res.data.code === 200) {
-                          text.record.leaveStatus = true;
-                          state.tableDataTotal = -1;
-                          getStudent();
-                        }
-                      })
-                      .catch((err) => {
-                        console.log("请假结果", err, obj);
-                        text.record.leaveStatus = false;
-                      });
-                  }}
-                >
-                  请假
-                </a-radio>
-              </div>
-            );
-          },
-        },
-      ];
-      return columns;
-    };
-
-    //获取学员
-    const getStudent = () => {
-      console.log("我是传递的查询参数222", props.datasource, {
-        pageNo: state.currentPage,
-        pageSize: state.pageSize,
-        currentStageId: props.datasource.chapterId,
-        type: 2,
-        pid: props.datasource.routerId,
-        // status: Number(state.name),
-        studentName: state.name,
-        signStatus: state.projectName2,
-        taskId: props.datasource.routerTaskId,
-        taskType: props.datasource.type,
-      });
-      api
-        .AssessmentManagementMessage({
-          pageNo: state.currentPage,
-          pageSize: state.pageSize,
-          // currentStageId: props.datasource.chapterId,
-          type: 3,
-          pid: props.datasource.courseId,
-          // status: Number(state.name),
-          signStatus: state.projectName2,
-          studentName: state.name,
-          // taskId: props.datasource.routerTaskId,
-          // taskType: props.datasource.type,
-        })
-        .then((res) => {
-          console.log("获取面授管理学员", res);
-          if (res.data.code == 200) {
-            let newData = [];
-            for (let i = 0; i < res.data.data.records.length; i++) {
-              res.data.data.records[i].key = res.data.data.records[i].id;
-              newData.push(res.data.data.records[i]);
-            }
-            state.tabledata = newData;
-            state.tableDataTotal = res.data.data.total;
-            state.tableDataTotal2 = res.data.data.total;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          state.tabledata = [];
-          state.tabledata = [{name:'测试数据'}];
-        });
-    };
-    //搜索学员
-    const searchTaskList = () => {
-      state.currentPage = 1;
-      state.tableDataTotal = -1;
-      state.tableDataTotal2 = 0;
-      getStudent();
-    };
-    // 重置按钮
-    function resetTaskList() {
-      state.projectName = undefined;
-      state.currentPage = 1;
-      state.name = null;
-      state.projectName2 = undefined;
-      state.tableDataTotal = -1;
-      state.tableDataTotal2 = 0;
-      getStudent();
-    }
-    //分页
-    const changePaginationStu = (page) => {
-      state.currentPage = page;
-      state.tableDataTotal = -1;
-      state.tableDataTotal2 = 0;
-      getStudent();
-    };
-    // 导出数据
-    function exportTaskStu() {
-      console.log("props.datasource", props.datasource);
-      window.open(
-        `${
-          process.env.VUE_APP_BASE_API
-        }/admin/student/exportTaskStudent?currentStageId=${
-          props.datasource.chapterId
-        }&type=3&pid=${props.datasource.courseId}&thirdType=7&taskId=${props.datasource.routerTaskId}`
-      );
-    }
-
-    //二维码
-    const qrcodeVisible = () => {
-      state.codevisible = true;
-      state.codeInfo = {
-        title: "【签到】二维码",
-        name: props.datasource?.name,
-        url:
-          process.env.VUE_APP_BASE_API +
-          `/admin/student/studentSign?taskId=${
-            props.datasource.routerTaskId
-          }&taskType=${props.datasource.type}&type=${2}`,
-      };
-      console.log("codeInfo", state.codeInfo);
-      state.codeIndex = 0;
-      state.codeType = 1;
-    };
-
-    {
-      /* 添加学员弹框关闭，重新获取学员列表 */
-    }
-    const AddImpStuvisibleClose = (isget) => {
-      console.log("关闭了导入学员弹框", isget);
-      {
-        /* 此处操作重新获取学员列表数据 */
-      }
-      if (isget) {
-        getStudent();
-      }
-    };
-
-    // 计算签到时间
-    const isSignClick = () => {
-      console.log("计算签到时间", props.datasource);
-      let beginTime = new Date(props.datasource.startTime).getTime();
-      let endTime = !props.datasource.afterStart
-        ? new Date(props.datasource.endTime).getTime()
-        : new Date(props.datasource.startTime).getTime();
-
-      if (props.datasource.beforeStart && props.datasource.afterStart) {
-        //有开始前有开始后
-        beginTime = beginTime - props.datasource.beforeStart * 60 * 1000;
-        endTime = endTime + props.datasource.afterStart * 60 * 1000;
-        console.log("1111", beginTime, endTime);
-      } else if (props.datasource.beforeStart && !props.datasource.afterStart) {
-        //只有开始前无开始后
-        beginTime = beginTime - props.datasource.beforeStart * 60 * 1000;
-        console.log("11112222", beginTime);
-      } else if (!props.datasource.beforeStart && props.datasource.afterStart) {
-        //无开始前有开始后
-        endTime = endTime + props.datasource.afterStart * 60 * 1000;
-        console.log("1111333", endTime);
-      }
-
-      state.beginTime = toDate(beginTime / 1000, "Y/M/D h:m");
-      state.endTime = toDate(endTime / 1000, "Y/M/D h:m");
-      console.log("beginTime,endTime", state.beginTime, state.endTime);
-    };
-
-    return {
-      ...toRefs(state),
-      selectProjectName,
-      selectProjectName2,
-      closeDrawer,
-      onSelectChange,
-      tableDataFunc,
-      showImpStu,
-      showCopyModal,
-      closeCopyModal,
-      // closeStopModal,
-      signQR,
-      afterVisibleChange,
-      checkPer,
-      searchTaskList,
-      resetTaskList,
-      changePaginationStu,
-      exportTaskStu,
-      clearLine,
-      qrcodeVisible,
-      AddImpStuvisibleClose,
-      batchSign,
-      ChoiceCourse,
-    };
+const planParams = computed(() => ({
+  type: props.type,
+  offcourseId: props.datasource?.courseId,
+  taskId: props.datasource?.id
+}));
+const columns = ref([
+  {
+    title: "工号",
+    dataIndex: "studentUserNo",
+    key: "studentUserNo",
+    width: 120,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: (text) => <div class="racona"><span>  {text.record.studentUserNo || "-"}  </span></div>
   },
+  {
+    title: "姓名",
+    dataIndex: "studentName",
+    key: "studentName",
+    width: 50,
+    align: "left",
+    className: "classify",
+    scopedSlots: { customRender: "action" },
+    customRender: (text) => <div class="racona"><span>  {text.record.studentName || "-"}  </span></div>
+  },
+  {
+    title: "部门",
+    dataIndex: "studentDepartName",
+    key: "studentDepartName",
+    width: 60,
+    ellipsis: true,
+    align: "center",
+    className: "h",
+    customRender: (text) => <div class="racona"><span> {text.record.studentDepartName || "-"} </span></div>
+  },
+  {
+    title: "岗位",
+    dataIndex: "studentJobName",
+    key: "studentJobName",
+    width: 50,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: (text) => <div class="racona"><span> {text.record.studentJobName || "-"}</span></div>
+  },
+  {
+    title: "签到时间",
+    dataIndex: "signTime",
+    key: "signTime",
+    width: 110,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: (text) => <div class="racona"><span>{text.record.signTime || "-"}</span></div>
+  },
+  {
+    title: "考勤",
+    dataIndex: "signStatus",
+    key: "signStatus",
+    width: 110,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: (text) =>
+      <span>{text.record.signStatus ? "签到" : text.record.leaveStatus ? "请假" : inAttendanceTime.value ? "-" : "缺勤"}</span>
+  },
+  {
+    title: "签到状态",
+    dataIndex: "signStatus",
+    key: "signStatus",
+    width: 110,
+    align: "center",
+    ellipsis: true,
+    className: "h",
+    customRender: (text) =>
+      <span>{(text.record.signStatus || text.record.leaveStatus) ? "正常" : inAttendanceTime.value ? "-" : "异常"}</span>
+  },
+  {
+    title: "考勤情况",
+    ellipsis: true,
+    className: "h",
+    dataIndex: "opacation",
+    key: "opacation",
+    width: 130,
+    align: "center",
+    customRender: (text) =>
+      <div class="opa">
+        <a-radio checked={text.record.signStatus} onClick={() => stuSign(text)}>签到</a-radio>
+        <a-radio checked={text.record.leaveStatus} onClick={() => stuSign(text)}>请假</a-radio>
+      </div>
+  },
+]);
+const { data = [], loading, fetchData } = useRequest(COURSE_PLAN_LIST, planParams, false);
+
+watch(() => data.value.length, () => {
+  params.value.pid = data.value[coursePlanIndex.value]?.id || 0;
+  tableRef.value.fetch();
+});
+
+const ChoiceCourse = (n) => {
+  coursePlanIndex.value = n;
+  params.value.pid = data.value[n].id;
+  tableRef.value.fetch();
 };
+
+const closeDrawer = () => emit("update:FSvisible", false);
+//批量签到
+const batchSign = () => {
+  if (!courseSelectRows.value.length) {
+    return message.warn("请选择要签到的学员");
+  }
+  dialog({
+    content: "确定批量签到吗？",
+    ok: async () => {
+      message.success("批量签到成功");
+      tableRef.value.toLoading();
+      await api.attendanceSign({
+        courseId: offcoursePlanId.value,
+        ids: courseSelectRows.value?.map(t => t.studentId),
+        taskId: taskId.value,
+        taskType: props.datasource.type,
+        type: 3
+      });
+      tableRef.value.fetch();
+    },
+  });
+};
+
+function stuSign(text) {
+  text.record.signStatus = !text.record.signStatus;
+  text.record.leaveStatus = !text.record.signStatus;
+  text.record.signStatus && (text.record.signTime = dayjs().format("YYYY-MM-DD HH:mm:ss"));
+  text.record.signStatus || (text.record.signTime = "");
+  text.record.signStatus && api.attendanceSign({
+    courseId: offcoursePlanId.value,
+    ids: [text.record.studentId],
+    studentName: text.record.studentName,
+    taskId: taskId.value,
+    taskType: props.datasource.type,
+    type: 3
+  });
+  text.record.leaveStatus && api.attendanceLeave({
+    courseId: offcoursePlanId.value,
+    ids: [text.record.studentId],
+    studentName: text.record.studentName,
+    taskId: taskId.value,
+    taskType: props.datasource.type,
+    type: 3
+  });
+}
+
+//搜索学员
+const searchTaskList = () => tableRef.value.fetch();
+
+//添加学员
+function submitCall(flag) {
+  tableRef.value.toLoading();
+  flag && tableRef.value.fetch();
+}
+
+// 导出数据
+function exportTaskStu() {
+  window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportTaskStudent?type=3&pid=${offcoursePlanId.value}&thirdType=2`);
+}
+
+function afterVisibleChange(bool) {
+  bool && fetchData();
+}
+
+function resetStudentPage() {
+  tableRef.value.reset({ pid: data.value[coursePlanIndex.value]?.id, type: 3 });
+}
+
+//二维码
+const qrcodeVisible = () => {
+  qrCode({
+    title: "【签到】二维码",
+    name: props.datasource?.name,
+    url: `${location.protocol}//${location.host}${process.env.VUE_APP_BASE_API}/admin/student/studentSign?taskId=${props.datasource.routerTaskId}&taskType=${props.datasource.type}&type=${props.type}`,
+  });
+};
+
 </script>
 
 <style lang="scss">
@@ -865,17 +383,21 @@ export default {
     padding: 0px;
   }
 }
+
 .CopyModal {
   .ant-modal {
     width: 424px !important;
     height: 258px !important;
+
     .ant-modal-content {
       width: 424px !important;
       height: 258px !important;
+
       .ant-modal-body {
         width: 424px !important;
         height: 258px !important;
         padding: 0 !important;
+
         .delete {
           z-index: 999;
           width: 424px;
@@ -892,19 +414,22 @@ export default {
             width: calc(100%);
             height: 68px;
             background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
+                rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%
             );
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .icon {
                 width: 16px;
                 height: 16px;
@@ -912,6 +437,7 @@ export default {
                 background-image: url(@/assets/images/coursewareManage/QR.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -922,6 +448,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -931,6 +458,7 @@ export default {
               flex-direction: column;
               // background-color: red;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -939,10 +467,12 @@ export default {
                 color: #666666;
               }
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -954,17 +484,20 @@ export default {
 
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
                 margin-right: 14px;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;
@@ -976,6 +509,7 @@ export default {
     }
   }
 }
+
 .RouterFaceStu {
   // // width: 80%;
   // .ant-drawer-content-wrapper {
@@ -993,6 +527,7 @@ export default {
     overflow-x: auto;
     display: flex;
     flex-direction: column;
+
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
@@ -1001,6 +536,7 @@ export default {
       align-items: center;
       // background-color: red;
       margin-bottom: 20px;
+
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
@@ -1009,37 +545,45 @@ export default {
         // margin-left: 24px;
       }
     }
+
     .main {
       width: 100%;
       height: 100%;
       overflow: auto;
       padding-right: 10px;
       padding-bottom: 90px;
+
       .titl {
         display: flex;
+
         .endtime {
           font-size: 16px;
           font-weight: 500;
           color: #333333;
         }
       }
+
       .search {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         margin-top: 20px;
         justify-content: space-between;
+
         .leftchoose {
           display: flex;
           margin-right: 20px;
+
           .namecon {
             display: flex;
             flex-wrap: nowrap;
             margin-bottom: 10px;
+
             .name {
               margin-top: 8px;
               white-space: nowrap;
             }
+
             // .name {
             //   margin-top: 8px;
 
@@ -1062,6 +606,7 @@ export default {
             display: flex;
             justify-content: center;
             align-items: center;
+
             .img1 {
               width: 15px;
               height: 17px;
@@ -1069,6 +614,7 @@ export default {
               background-size: 100% 100%;
               margin-right: 7px;
             }
+
             .img2 {
               width: 16px;
               height: 18px;
@@ -1083,6 +629,7 @@ export default {
 
             color: #ffffff;
           }
+
           .btn2 {
             background: #ffffff;
 
@@ -1091,6 +638,7 @@ export default {
           }
         }
       }
+
       .btnss {
         display: flex;
         flex-wrap: nowrap;
@@ -1103,6 +651,7 @@ export default {
           display: flex;
           justify-content: center;
           align-items: center;
+
           .img1 {
             width: 19px;
             height: 19px;
@@ -1110,6 +659,7 @@ export default {
             background-size: 100% 100%;
             margin-right: 7px;
           }
+
           .img2 {
             width: 17px;
             height: 16px;
@@ -1124,6 +674,7 @@ export default {
 
           color: #ffffff;
         }
+
         .btn2 {
           background: #ffffff;
           margin-right: 20px;
@@ -1131,6 +682,7 @@ export default {
           border: 1px solid #4ea6ff;
         }
       }
+
       .line {
         width: 100%;
         height: 40px;
@@ -1140,6 +692,7 @@ export default {
         align-items: center;
         margin-top: 20px;
         border: 1px solid #c3e6fc;
+
         .inline {
           width: 95%;
           height: 100%;
@@ -1150,25 +703,30 @@ export default {
             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;
@@ -1180,12 +738,14 @@ export default {
           }
         }
       }
+
       .pad {
         width: 96%;
         height: 10px;
         background-color: #fff;
         position: absolute;
       }
+
       .tableBox {
         // margin-bottom: 80px;
 
@@ -1194,28 +754,34 @@ export default {
           // padding-left: 9px !important;
           padding-left: 0px !important;
         }
+
         .ant-checkbox-wrapper {
           align-items: center;
           margin-top: -2px;
         }
+
         .ant-table-selection-column {
           padding: 0px !important;
           // padding-left: 45px !important;
         }
+
         .ant-table-thead > tr > th {
           background-color: rgba(239, 244, 252, 1);
         }
+
         th.h {
           background-color: #eff4fc !important;
         }
 
         .ant-table-tbody
-          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-          > td {
+        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+        > td {
           background: #f6f9fd;
         }
+
         .opa {
           background-color: rgba(255, 255, 255, 0);
+
           .ant-checkbox + span {
             font-size: 14px;
             font-weight: 400;
@@ -1225,6 +791,7 @@ export default {
           }
         }
       }
+
       // .tab {
       //   .ant-table-thead > tr > th {
       //     background-color: rgba(239, 244, 252, 1) !important;
@@ -1241,6 +808,7 @@ export default {
       //   }
       // }
     }
+
     .btnn {
       height: 72px;
       width: 100%;
@@ -1252,6 +820,7 @@ export default {
       justify-content: center;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
       background-color: #fff;
+
       .btn1 {
         width: 100px;
         height: 40px;
@@ -1261,6 +830,7 @@ export default {
         background-color: #fff;
         cursor: pointer;
       }
+
       .btn2 {
         cursor: pointer;
         width: 100px;
@@ -1273,6 +843,7 @@ export default {
       }
     }
   }
+
   // .botm {
   //   width: 100%;
   //   height: 100%;
diff --git a/src/components/student/CommonStudent.vue b/src/components/student/CommonStudent.vue
index b43d2f9c..9627133e 100644
--- a/src/components/student/CommonStudent.vue
+++ b/src/components/student/CommonStudent.vue
@@ -14,26 +14,27 @@
         <div style="display: flex; overflow-x: auto; overflow-y: auto">
           <div class="tabs" style="min-width: 800px">
             <a-tabs v-model:activeKey="activeKey">
-              <a-tab-pane v-if="isGroup" :key="4" tab="项目内学员">
+              <a-tab-pane v-if="infoType" :key="4" tab="项目内学员">
                 <div :style="{ height: screenHeight - 235 + 'px' }">
                   <div>
                     <a-form-item label="姓名：">
-                      <a-input v-model:value="proStudentName" style="width: 260px; height: 40px; border-radius: 8px"
+                      <a-input v-model:value="projectParams.studentName"
+                               style="width: 260px; height: 40px; border-radius: 8px"
                                placeholder="请输入姓名"/>
-                      <a-button type="primary" @click="getStu" style="margin-left: 20px; border-radius: 4px">
+                      <a-button type="primary" @click="getProjectStu" style="margin-left: 20px; border-radius: 4px">
                         <template #icon>
                           <SearchOutlined/>
                         </template>
                         搜索
                       </a-button>
-                      <a-button @click="getStu" style="margin-left: 20px; border-radius: 4px">重置
+                      <a-button @click="resetProjectStu" style="margin-left: 20px; border-radius: 4px">重置
                       </a-button>
                     </a-form-item>
                   </div>
                   <div class="tableBox tabb">
-                    <a-table style="border: 1px solid #f2f6fe; width: 800px" row-key="id" :columns="stuColumns"
-                             :data-source="projectList" :loading="projectListTotal" :pagination="projectPagination"
-                             :row-selection="projectRowSelection"/>
+                    <BaseTable ref="projectStuTableRef" :columns="projectStuColumns" :url="STUDENT_LIST"
+                               :params="projectParams" v-model:selectedRows="projectSelectRows"
+                               type="checkbox"></BaseTable>
                   </div>
                 </div>
               </a-tab-pane>
@@ -42,7 +43,7 @@
                   <div class="tab1">
                     <a-form-item label="姓名">
                       <a-input v-model:value="nameSearch.keyword" style="width: 270px; height: 40px; border-radius: 8px"
-                               placeholder="请输入姓名" @change="peopleName"/>
+                               placeholder="请输入姓名"/>
                       <a-button type="primary" @click="onSearchStu" style="margin-left: 20px; border-radius: 4px">
                         <template #icon>
                           <SearchOutlined/>
@@ -74,8 +75,9 @@
                                     margin: 0px 4px 120px 10px;
                                     border: 1px solid #f0f0f0;
                                   ">
-                      <a-table :columns="stuColumns" :data-source="stuData" :pagination="stuPagination"
-                               :loading="stuLoading" row-key="id" :row-selection="stuRowSelection"/>
+                      <BaseTable ref="stuTableRef" :columns="stuColumns" :url="USER_LIST_PAGE"
+                                 :request="useBoeApiUserInfoPage" :params="nameSearch"
+                                 v-model:selectedRows="stuSelectRows" type="checkbox"></BaseTable>
                     </div>
                   </div>
                 </div>
@@ -123,14 +125,16 @@
                         </template>
                         搜索
                       </a-button>
-                      <a-button type="primary" @click="resetAudienceInfo" style="margin-left: 20px; border-radius: 4px">重置
+                      <a-button type="primary" @click="resetAudienceInfo" style="margin-left: 20px; border-radius: 4px">
+                        重置
                       </a-button>
                     </a-form-item>
                   </div>
                   <div class="tableBox tabb">
-                    <a-table style="border: 1px solid #f2f6fe; width: 800px" row-key="id" :columns="audiColums"
-                             :data-source="audiData" :loading="audiLoading" :pagination="auditPagination"
-                             :row-selection="auditRowSelection"/>
+                    <BaseTable ref="auditTableRef" :columns="audiColums" :url="AUDIENCE_LIST"
+                               :request="useBoeApiAuditPage" :params="audienceName"
+                               v-model:selectedRows="auditSelectRows" v-model:selectedRowKeys="auditSelectRowKeys"
+                               type="checkbox"></BaseTable>
                   </div>
                 </div>
               </a-tab-pane>
@@ -143,59 +147,59 @@
               </div>
             </div>
             <div :style="{ 'max-height': screenHeight - 235 + 'px' }" style="overflow-y: auto">
-              <div class="selecteds" v-if="isGroup">
+              <div class="selecteds" v-if="infoType">
                 <div class="person">项目内学员</div>
-                <div v-for="(item, i) in selectsData.projectMemberList" :key="i">
+                <div v-for="(item, i) in projectSelectRows" :key="i">
                   <div v-if="i < 11">
                     <div class="chose">
-                      {{ item.realName }}
-                      <div class="ch" @click="memberDel(i)"></div>
+                      {{ item.studentName }}
+                      <div class="ch" @click="auditTableRef.remove(i)"></div>
                     </div>
                   </div>
                   <div v-else>
                     <div v-if="person">
                       <div class="chose">
-                        {{ item.realName }}
-                        <div class="ch" @click="memberDel(i)"></div>
+                        {{ item.studentName }}
+                        <div class="ch" @click="auditTableRef.remove(i)"></div>
                       </div>
                     </div>
                   </div>
                 </div>
-                <div v-if="!member && selectsData.projectMemberList?.length > 10" class="ifsw">
+                <div v-if="!member && projectSelectRows?.length > 10" class="ifsw">
                   <div @click="member = !member" class="“sw”">查看更多></div>
                 </div>
-                <div v-if="member && selectsData.projectMemberList?.length > 10" class="ifsw">
+                <div v-if="member && projectSelectRows?.length > 10" class="ifsw">
                   <div @click="member = !member" class="sw">收起&lt;</div>
                 </div>
               </div>
               <div class="selecteds">
                 <div class="person">快速选人</div>
-                <div v-for="(item, i) in selectsData.studentList" :key="i">
+                <div v-for="(item, i) in stuSelectRows" :key="i">
                   <div v-if="i < 11">
                     <div class="chose">
                       {{ item.realName }}
-                      <div class="ch" @click="stuDel(i)"></div>
+                      <div class="ch" @click="stuTableRef.remove(i)"></div>
                     </div>
                   </div>
                   <div v-else>
                     <div v-if="person">
                       <div class="chose">
                         {{ item.realName }}
-                        <div class="ch" @click="stuDel(i)"></div>
+                        <div class="ch" @click="stuTableRef.remove(i)"></div>
                       </div>
                     </div>
                   </div>
                 </div>
-                <div v-if="!person && selectsData.studentList.length > 10" class="ifsw">
+                <div v-if="!person && stuSelectRows.length > 10" class="ifsw">
                   <div @click="person = !person" class="“sw”">查看更多></div>
                 </div>
-                <div v-if="person && selectsData.studentList.length > 10" class="ifsw">
+                <div v-if="person && stuSelectRows.length > 10" class="ifsw">
                   <div @click="person = !person" class="sw">收起&lt;</div>
                 </div>
               </div>
               <div v-if="!selectStu" class="selecteds">
                 <div class="dept">添加组织</div>
-                <div v-for="(item, i) in selectsData.deptList" :key="i">
+                <div v-for="(item, i) in deptList" :key="i">
                   <div v-if="i < 11">
                     <div class="chose1">
                       <div class="span">{{ item.name }}</div>
@@ -211,36 +215,36 @@
                     </div>
                   </div>
                 </div>
-                <div v-if="!dept && selectsData.deptList.length > 10" class="ifsw">
+                <div v-if="!dept && deptList.length > 10" class="ifsw">
                   <div @click="dept = !dept" class="“sw”">查看更多></div>
                 </div>
-                <div v-if="dept && selectsData.deptList.length > 10" class="ifsw">
+                <div v-if="dept && deptList.length > 10" class="ifsw">
                   <div @click="dept = !dept" class="sw">收起&lt;</div>
                 </div>
               </div>
               <!--受众-->
               <div v-if="!selectStu" class="selecteds">
                 <div class="group">受众关联</div>
-                <div v-for="(item, i) in selectsData.groupList" :key="i">
+                <div v-for="(item, i) in auditSelectRows" :key="i">
                   <div v-if="i < 11">
                     <div class="chose2">
                       <div class="span">{{ item.audienceName }}</div>
-                      <div class="ch2" @click="AuditDel(i)"></div>
+                      <div class="ch2" @click="auditTableRef.remove(i)"></div>
                     </div>
                   </div>
                   <div v-else>
                     <div v-if="group">
                       <div class="chose2">
                         <div class="span">{{ item.audienceName }}</div>
-                        <div class="ch2" @click="AuditDel(i)"></div>
+                        <div class="ch2" @click="auditTableRef.remove(i)"></div>
                       </div>
                     </div>
                   </div>
                 </div>
-                <div v-if="!group && selectsData.groupList.length > 10" class="ifsw">
+                <div v-if="!group && auditSelectRows.length > 10" class="ifsw">
                   <div @click="group = !group" class="“sw”">查看更多></div>
                 </div>
-                <div v-if="group && selectsData.groupList > 10" class="ifsw">
+                <div v-if="group && auditSelectRows.length > 10" class="ifsw">
                   <div @click="group = !group" class="sw">收起&lt;</div>
                 </div>
               </div>
@@ -257,7 +261,7 @@
       <slot></slot>
     </a-button>
   </div>
-  <a-modal :style="{ padding: 0, position: relative, right: '-20%' }" :closable="true" :visible="stageVisible"
+  <a-modal :style="{ padding: 0, position:'relative', right: '-20%' }" :closable="true" :visible="stageVisible"
            :footer="null" centered="true" @ok="handleStageOk" wrapClassName="changeModal">
     <div class="con">
       <div class="header">
@@ -268,11 +272,8 @@
       </div>
       <div class="mid">
         <div class="inher">
-          <!-- <div class="cur">当前关卡：关卡2</div> -->
           <div class="select">
-            <a-select style="width: 400px" :placeholder="type === 1 ? '选择阶段' : '选择关卡'"
-                      v-model:value="selectsData.stageId"
-                      className="cus-select">
+            <a-select style="width: 400px" :placeholder="type === 1 ? '选择阶段' : '选择关卡'" v-model:value="stageId" className="cus-select">
               <a-select-option v-for="(item, i) in stageIds" :key="i" :value="item.id">{{ item.name || "默认" }}
               </a-select-option>
             </a-select>
@@ -294,25 +295,25 @@
 <script setup>
 import {message} from "ant-design-vue";
 import {computed, defineEmits, defineProps, ref, watch} from "vue";
-import {boeRequest, useBoeApi, useBoeApiPage} from "@/api/request";
+import {boeRequest, useBoeApi, useBoeApiPage, useBoeApiUserInfoPage, useBoeApiAuditPage} from "@/api/request";
 import {
-  AUDIENCE_LIST,
   ORG_CHILD_LIST,
   ORG_LIST,
-  // USER_LIST,
   USER_LIST_PAGE,
+  AUDIENCE_LIST,
 } from "@/api/ThirdApi";
 import {
   saveStu,
-  getAllStudentByProjectId,
-  //  addGroupMember,
-  getStuPage,
 } from "@/api/index1";
 import dialog from "@/utils/dialog";
-// import { getProjStu } from "@/api/indexProjStu";
+import BaseTable from "@/components/common/BaseTable";
+import {STUDENT_LIST} from "@/api/apis";
+
 const emit = defineEmits({});
 const props = defineProps({
   type: Number,
+  infoType: Number,
+  infoId: Number,
   id: String,
   title: {
     type: String,
@@ -363,108 +364,31 @@ const props = defineProps({
     default: null,
   },
 });
-console.log("props.activeKey1" + props.activeKey1);
-// 获取项目学员;
-const procurrentPage = ref(1);
-const projectList = ref([]);
-const allProjectStudent = ref([]);
-const proStudentName = ref("");
-const projectListTotal = ref(-1);
-const projectPageSize = ref(10);
 const projectSelectKeys = ref([]);
+const projectSelectRows = ref([]);
+const stuSelectRows = ref([]);
+const auditSelectRows = ref([]);
+const auditSelectRowKeys = ref([]);
+const deptList = ref([]);
 const member = ref(false);
-const projectPagination = computed(() => ({
-  total: projectListTotal.value,
-  showSizeChanger: false,
-  current: procurrentPage.value,
-  pageSize: projectPageSize.value,
-  onChange: projectChangePagination,
-}));
-const projectRowSelection = computed(() => ({
-  columnWidth: 20,
-  selectedRowKeys: projectSelectKeys.value,
-  onChange: onProjectSelectChange,
-  preserveSelectedRowKeys: true,
-}));
+const dept = ref(false);
+const projectStuTableRef = ref();
+const stuTableRef = ref();
+const projectParams = ref({ pid: props.infoId, type: props.infoType });
 
-const  getAllStudent = () => {
-  let params = {
-    projectId:props.id
-  };
-  getAllStudentByProjectId(params).then(res => {
-    allProjectStudent.value = res.data.data;
-  })
-};
-getAllStudent();
-const getStu = () => {
-  let obj = {
-    studentName: proStudentName.value,
-    pageNo: procurrentPage.value,
-    pageSize: 10,
-    pid: props.id,
-    type: props.type
-  };
-  projectListTotal.value = -1;
-  console.log("获取项目学员", obj);
-  getStuPage(obj).then((res) => {
-    console.log("获取项目学员", res);
-    let arr = res.data.data.records;
-    let array = [];
-    arr.map((value) => {
-      let obj = {
-        id: value.studentId,
-        studentId: value.studentId,
-        realName: value.studentName,
-        userNo: value.studentUserNo,
-        isLeader: value.isLeader,
-        groupId: value.groupId,
-        orgName: value.studentOrgName ? value.studentOrgName : "-",
-        departName: value.studentDepartName ? value.studentDepartName : "-",
-      };
-      array.push(obj);
-    });
-    projectList.value = array;
-    projectListTotal.value = res.data.data.total;
-  });
-};
-getStu();
-const projectChangePagination = (page) => {
-  procurrentPage.value = page;
-  getStu();
-};
-
-function onProjectSelectChange(e, l) {
-  console.log("eeeee", e, l);
-  projectSelectKeys.value = e;
-  selectsData.value.projectMemberList = l;
-}
-
-function memberDel(i) {
-  projectSelectKeys.value = projectSelectKeys.value.filter(
-    (e) => e !== selectsData.value.projectMemberList[i].id
-  );
-  selectsData.value.projectMemberList.splice(i, 1);
-}
+const getProjectStu = () => projectStuTableRef.value.fetch();
+const resetProjectStu = () => projectStuTableRef.value.reset();
 
 const person = ref(false);
-// const dept =ref(false)
 const group = ref(false);
 const visiable = ref(false);
-const activeKey = ref(props.isGroup ? 4 : 1);
-// const activeKey = ref(1);
+const activeKey = ref(props.infoType ? 4 : 1);
 const stageVisible = ref(false);
-const selectsData = ref({
-  stageId: "",
-  studentList: [],
-  deptList: [],
-  groupList: [],
-  projectMemberList: [],
-});
+const stageId = ref();
+
 const nameSearch = ref({
   keyword: "",
   departId: null,
-  page: 1,
-  pageSize: 10,
 });
 const stuTreeSelectKeys = ref([]);
 const stuTreeExpandedKeys = ref([]);
@@ -479,20 +403,7 @@ const searchOrgName = ref({
   pageSize: 10,
 });
 const stageIds = computed(() => props.stage);
-const {
-  data: stuData,
-  page: stuPageNo,
-  fetch: searchStu,
-  pageSize: stuPageSize,
-  loading: stuLoading,
-  total: stuTotal,
-  reset: stuReset,
-} = useBoeApiPage(USER_LIST_PAGE, nameSearch.value, {
-  init: false,
-  result: (res) => res.result.userInfoList,
-  totalPage: (res) => res.result.totalPage,
-  total: (res) => res.result.totalElement,
-});
+
 const { data: orgData, fetch: searchOrg } = useBoeApiPage(
   ORG_LIST,
   searchOrgName.value
@@ -514,21 +425,44 @@ const { data: treeOrgData, loading: orgOrgLoading } = useBoeApi(
   }
 );
 
-const {
-  data: audiData,
-  fetch: searchAudi,
-  page: audiPageNo,
-  pageSize: audiPageSize,
-  loading: audiLoading,
-  total: audiTotal,
-  reset: auditReset,
-} = useBoeApiPage(AUDIENCE_LIST, audienceName.value, {
-  init: true,
-  result: (res) =>
-    res.result.audienceList.map((e) => ({ ...e, id: e.id + "" })),
-  totalPage: (res) => res.result.totalPage,
-  total: (res) => res.result.totalElement,
-});
+const projectStuColumns = ref([
+  {
+    title: "姓名",
+    dataIndex: "studentName",
+    key: "studentName",
+    width: 80,
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+  {
+    title: "工号",
+    dataIndex: "studentUserNo",
+    key: "studentUserNo",
+    width: 80,
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+  {
+    title: "归属组织",
+    dataIndex: "studentOrgName",
+    key: "studentOrgName",
+    width: 80,
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+  {
+    title: "部门",
+    dataIndex: "studentDepartName",
+    key: "studentDepartName",
+    width: 80,
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+]);
 const stuColumns = ref([
   {
     title: "姓名",
@@ -594,52 +528,28 @@ const audiColums = ref([
     className: "h",
   },
 ]);
-const stuSelectKeys = ref([]);
 const orgSelectKeys = ref([]);
-const auditSelectKeys = ref([]);
+const auditTableRef = ref();
 const screenHeight = ref(document.body.clientHeight);
-//const screenWidth = ref(document.body.clientWidth);
-const stuRowSelection = computed(() => ({
-  type: props.selectOne ? "radio" : "checkbox",
-  columnWidth: 20,
-  selectedRowKeys: stuSelectKeys.value,
-  onChange: onStuSelectChange,
-  preserveSelectedRowKeys: true,
-}));
+
 const orgRowSelection = computed(() => ({
   columnWidth: 20,
   selectedRowKeys: orgSelectKeys.value,
   onChange: onOrgSelectChange,
   preserveSelectedRowKeys: true,
 }));
-const stuPagination = computed(() => ({
-  total: stuTotal.value,
-  showSizeChanger: false,
-  current: stuPageNo.value,
-  pageSize: stuPageSize.value,
-  onChange: changePagination,
-}));
-const auditPagination = computed(() => ({
-  total: audiTotal.value,
-  showSizeChanger: false,
-  current: audiPageNo.value,
-  pageSize: audiPageSize.value,
-  onChange: auditChangePagination,
-}));
-const auditRowSelection = computed(() => ({
-  columnWidth: 20,
-  selectedRowKeys: auditSelectKeys.value,
-  onChange: onAuditSelectChange,
-  preserveSelectedRowKeys: true,
-}));
+
 const closeDrawer = () => {
   deleteDepSelect();
   visiable.value = false;
-  stuData.value = [];
   nameSearch.value.keyword = "";
   selectedOrgKeys.value = [];
 };
 
+function searchAudi() {
+  auditTableRef.value.fetch();
+}
+
 function onLoadData(treeNode) {
   return boeRequest(ORG_CHILD_LIST, { keyword: "", orgId: treeNode.id }).then(
     (r) => {
@@ -664,26 +574,15 @@ const closeChangeModal = () => {
 const openDrawer = () => {
   visiable.value = true;
 };
-//获取组织树
-// const treeData = computed(() => {
-//   return store.state.orgtreeList ? store.state.orgtreeList : [];
-// });
 
 function onSearchStu() {
   nameSearch.value.page = 1;
-  searchStu();
+  stuTableRef.value.fetch();
 }
 
 function stuStuOrgSelect(e) {
   nameSearch.value.departId = e.join("");
-  searchStu();
-}
-
-function stuDel(i) {
-  stuSelectKeys.value = stuSelectKeys.value.filter(
-    (e) => e !== selectsData.value.studentList[i].id
-  );
-  selectsData.value.studentList.splice(i, 1);
+  stuTableRef.value.fetch();
 }
 
 const selectedOrgKeys = ref([]);
@@ -693,77 +592,19 @@ watch(selectedOrgKeys, () => {
 });
 
 function orgDel(i) {
-  console.log(selectedOrgKeys.value);
-  orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== selectsData.value.deptList[i].id);
+  orgSelectKeys.value = orgSelectKeys.value.filter(e => e !== deptList.value[i].id);
   selectedOrgKeys.value.splice(i, 1);
-  selectsData.value.deptList.splice(i, 1);
-}
-
-function AuditDel(i) {
-  auditSelectKeys.value = auditSelectKeys.value.filter(
-    (e) => e !== selectsData.value.groupList[i].id
-  );
-  selectsData.value.groupList.splice(i, 1);
-}
-
-// function orgSelect(key, obj) {
-// console.log(obj)
-//request(ORG_CHILD_LIST, {orgId: null}).then(res => {
-//console.log(res.result)
-//})
-//}
-function onStuSelectChange(e, l) {
-  stuSelectKeys.value = e;
-  selectsData.value.studentList = l;
+  deptList.value.splice(i, 1);
 }
 
 function onOrgSelectChange(e, l) {
-
   orgRowSelection.value = e;
-  selectsData.value.deptList = l.selectedNodes;
-
-  // 获取被点击的树节点
-
+  deptList.value = l.selectedNodes;
 }
 
-function onAuditSelectChange(e, l) {
-  auditSelectKeys.value = e;
-  selectsData.value.groupList = l;
-}
-
-// const stuDepartmentSelect = (e) => {
-//   nameSearch.value.orgId = e.join('')
-//   searchStu()
-// };
-//分页获取学员
-const changePagination = (page) => {
-  nameSearch.value.page = page;
-  searchStu();
-};
-const auditChangePagination = (page) => {
-  audienceName.value.page = page;
-  searchAudi();
-};
-
-//重置
-function peopleName(name) {
-  console.log("people-name", name.target.value);
-  nameSearch.value.keyword = name.target.value;
-}
-
-const resetStu = () => {
-  // deleteDepSelect();
-  nameSearch.value.keyword = "";
-  nameSearch.value.page = 1;
-  nameSearch.value.pageSize = 10;
-  nameSearch.value.departId = null;
-  stuTreeExpandedKeys.value = [];
-  stuTreeSelectKeys.value = [];
-  stuReset();
-};
+const resetStu = () => stuTableRef.value.reset({ keyword: "", departId: null });
 //清空选择部门信息
 const deleteDepSelect = () => {
-  stuSelectKeys.value = [];
   selectedOrgKeys.value = [];
   projectSelectKeys.value = [];
 };
@@ -772,21 +613,8 @@ const resetOrg = () => {
   searchOrgName.value = { keyword: "", page: 1, pageSize: 10 };
 };
 //重置受众
-const resetAudienceInfo = () => {
-  audienceName.value.keyword = "";
-  audienceName.value.page = 1;
-  audienceName.value.pageSize = 10;
-  auditReset();
-  searchAudi();
-};
-//全部清除
-// const deleteAll = () => {
-//   selectsData.value = {
-//     studentList: [],
-//     deptList: [],
-//     groupList: []
-//   }
-// };
+const resetAudienceInfo = () => auditTableRef.value.reset({ keyword: "" });
+
 //确定添加授权
 const submitAuth = () => {
   if (props.type === 2) {
@@ -797,7 +625,7 @@ const submitAuth = () => {
 };
 
 function handleDialogOk() {
-  if (selectsData.value.groupList.length || selectsData.value.deptList.length) {
+  if (auditSelectRowKeys.value.length || deptList.value.length) {
     dialog({ content: "您选择了组织或受众，此添加为异步添加，请稍后手动刷新学员！", ok: handleStageOk });
     return;
   }
@@ -805,40 +633,8 @@ function handleDialogOk() {
 }
 
 function handleStageOk() {
-  // 判断添加人数是否已超过限制人数 限制 = 本次添加的人 + 原有的人
-  if (props.type === 1) {
-    if (props.groupMemberCount !== null) {  // 只有添加组员的时候判断
-      let selectMember = 0;
-      if (activeKey.value === 4) { // 项目内选人
-        selectMember = selectsData.value.projectMemberList.length;
-        // 对选中的人员进行判断是否已经分组了
-        let haveGroupNum = selectsData.value.projectMemberList.filter(item => item.groupId !== null);
-        if (haveGroupNum.length > 0) {
-          message.warning("部分学员已经有小组，再次添加会被添加到当前小组.");
-        }
-        // 判断是否是组长，组长不能添加
-        const leaderArray = selectsData.value.projectMemberList.filter(item => item.isLeader === "1");
-        if (leaderArray.length > 0) {
-          return message.warning("当前选中学员" + leaderArray[0].realName + "已是小组长，请勿重复选择。");
-        }
-      } else if (activeKey.value === 1) {
-        selectMember = selectsData.value.studentList.length;
-        let arr = [...allProjectStudent.value].filter(x => [...selectsData.value.studentList].some(y => y.id === x.studentId));
-        if (arr.length > 0) {
-          message.warning("部分学员已经有小组，再次添加会被添加到当前小组.");
-        }
-      } else if (activeKey.value === 2) {
-        selectMember = selectsData.value.groupList.length;
-      } else if (activeKey.value === 3) {
-        selectMember = selectsData.value.deptList.length;
-      }
-
-      if (props.groupMemberCount < selectMember + Number(props.groupMemberNumber)) {
-        return message.warning("添加小组学员超过最大值");
-      }
-
-
-    }
+  if (props.type === 1 && props.groupId && props.groupMemberCount < projectSelectRows.value.length + stuSelectRows.value.length) {
+    return message.warning("添加小组学员超过最大值");
   }
   stageVisible.value = false;
   visiable.value = false;
@@ -848,43 +644,17 @@ function handleStageOk() {
     targetId: props.id,
     type: props.type,
     clear: props.clear,
-    deptIds: selectsData.value.deptList?.map((e) => e.id),
-    stageId: selectsData.value.stageId,
-    groupIds: selectsData.value.groupList?.map((e) => e.id),
-    studentList: selectsData.value.studentList.concat(
-            selectsData.value.projectMemberList
-    ),
+    deptIds: deptList.value?.map((e) => e.id),
+    stageId: stageId.value,
+    groupIds: auditSelectRows.value?.map((e) => e.id),
+    studentList: stuSelectRows.value,
+    projectList: projectSelectRows.value,
     groupName: props.groupName,
     groupId: props.groupId,
   }).then(() => {
     deleteDepSelect();
     emit("finash", true);
   });
-  // //添加小组学员
-  // if (props.isGroup) {
-  //   console.log("添加组员传参", selectsData.value, {
-  //     groupId: props.groupId,
-  //     pid: props.projectId,
-  //     groupName: props.groupName,
-  //     ids: selectsData.value.studentList?.map((e) => e.id),
-  //   });
-  //   addGroupMember({
-  //     groupId: props.groupId,
-  //     pid: props.projectId,
-  //     groupName: props.groupName,
-  //     studentIds: selectsData.value.studentList?.map((e) => e.id),
-  //   })
-  //     .then((res) => {
-  //       console.log("添加小组学员", res);
-  //       deleteDepSelect();
-  //       emit("finash", true);
-  //     })
-  //     .catch((err) => {
-  //       console.log("添加小组学员失败", err);
-  //     });
-  // } else {
-
-  // }
 }
 
 // 搜索受众值发生变化
@@ -894,28 +664,18 @@ function orgValue(value) {
 }
 
 watch(visiable, () => {
-  stuSelectKeys.value = [];
   orgSelectKeys.value = [];
-  auditSelectKeys.value = [];
+  deptList.value = [];
   audienceName.value.keyword = "";
-  audienceName.value.page = 1;
-  audienceName.value.pageSize = 10;
   nameSearch.value.departId = null;
   stuTreeExpandedKeys.value = [];
   stuTreeSelectKeys.value = [];
   activeKey.value = props.isGroup ? 4 : 1;
-  // activeKey.value = 1;
-  selectsData.value = {
-    stageId: "",
-    studentList: [],
-    deptList: [],
-    groupList: [],
-    projectMemberList: [],
-  };
-  stuReset();
-  auditReset();
-
-  searchAudi();
+  if (!visiable.value) {
+    auditTableRef.value && auditTableRef.value.clear();
+    stuTableRef.value && stuTableRef.value.clear();
+    projectStuTableRef.value && projectStuTableRef.value.clear();
+  }
 });
 </script>
 <style lang="scss">
diff --git a/src/utils/qrCode.js b/src/utils/qrCode.js
new file mode 100644
index 00000000..e488ee92
--- /dev/null
+++ b/src/utils/qrCode.js
@@ -0,0 +1,14 @@
+import { createApp } from 'vue'
+import QrCode from "@/components/common/QrCode";
+import Antd from "ant-design-vue";
+
+function mountContent (option = {}) {
+    const dom = document.createElement('div')
+    document.body.appendChild(dom)
+    const app = createApp(QrCode, {
+        close: () => { app.unmount(dom); document.body.removeChild(dom) },
+        ...option
+    })
+    app.use(Antd).mount(dom)
+}
+export default mountContent
\ No newline at end of file
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 9b25f357..c6360a1c 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -3368,6 +3368,7 @@ export default defineComponent({
         beginTime: beginTime,
         endTime: endTime,
         offcourseId: state.offcourseId,
+        type:3
       };
       console.log("获取开obj", obj, state.selectTime);
       let res = await planList(obj);
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 33db8056..eec9b410 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -1316,11 +1316,11 @@
     <!-- 二维码弹窗 -->
 
     <!-- 面授管理抽屉 开始 -->
-    <router-face-teach-manage
+    <ProjectFaceTaskManage
       :permissions="permissions"
       :createId="createId"
-      v-model:FaceTeachModelVisible="faceTeachModelVisible"
-      :title="faceTeachModelVisibleTitle"
+      :type="2"
+      v-model:visible="faceTeachModelVisibleTitle"
       :datasource="faceData"
     />
     <!-- 面授管理抽屉 结束-->
@@ -1435,10 +1435,10 @@ import { editRouteredDoc } from "../../api/indexLearningPath";
 import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
 import TableStudent from "@/components/student/TableStudent";
 import { getStuPage, moveStudent } from "@/api/index1";
-import RouterFaceTeachManage from "../../components/drawers/router/RouterFaceTeachManage";
 import RouterExaminationManage from "../../components/drawers/router/RouterExaminationManage";
 import RouterExaminationExternalManage from "../../components/drawers/router/RouterExaminationExternalManage";
 import RouterEvaluationManage from "../../components/drawers/router/RouterEvaluationManage";
+import ProjectFaceTaskManage from "../../components/drawers/project/ProjectFaceTaskManage";
 import RouterHomeworkManage from "../../components/drawers/router/RouterHomeworkManage";
 import RouterCommonManage from "../../components/drawers/router/RouterCommonManage";
 import RouterVoteManage from "../../components/drawers/router/RouterVoteManage";
@@ -1452,6 +1452,7 @@ export default {
   name: "LevelAdd",
   components: {
     // ImpoterGroupLeader,
+    ProjectFaceTaskManage,
     ProjCheckShip,
     ImpStu,
     CheckStu,
@@ -1465,7 +1466,6 @@ export default {
     TwoDimensionalCode,
     TableStudent,
     TaskImpStu,
-    RouterFaceTeachManage,
     RouterExaminationManage,
     RouterExaminationExternalManage,
     RouterEvaluationManage,
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 76cca403..199544b8 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -140,8 +140,10 @@
         </div>
         <div class="mid">
           <div class="item" v-for="(value,key) in TASK_TYPE" :key="key">
-            <component :is="value.component" :ref="el=>courseRef['el'+key]=el" :type="key" :infoType="2" :id="routerInfo.routerInfo?.id"  :courseSyncFlag="routerInfo.routerInfo?.courseSyncFlag"
-                       v-model:task-list="routerInfo.chapterList[activeIndex].draftTaskList" :chapter-list="routerInfo.chapterList">
+            <component :is="value.component" :ref="el=>courseRef['el'+key]=el" :type="key" :infoType="2"
+                       :id="routerInfo.routerInfo?.id" :courseSyncFlag="routerInfo.routerInfo?.courseSyncFlag"
+                       v-model:task-list="routerInfo.chapterList[activeIndex].draftTaskList"
+                       :chapter-list="routerInfo.chapterList">
               <div class="itcon">
                 <div class="img">
                   <img :src="value.img"/>
@@ -279,15 +281,15 @@
                         margin-right: 20px;">
                       <div class="opa">
                         <div class="opacation">
-                          <span 
-                            v-if="element.type==2"
-                            style="color: #4ea6ff; cursor: pointer" 
+                          <span
+                            v-if="element.id && element.type===2"
+                            style="color: #4ea6ff; cursor: pointer"
                             @click="openCourse(element,index)">
                             开课
                           </span>
                           <span
                             style="color: #4ea6ff;cursor: pointer;"
-                            :style="{marginRight:element.type==2?6+'px':25+'px',marginLeft:element.type==2?6+'px':0+'px'}" 
+                            :style="{marginRight:element.type===2?`6px`:`25px`,marginLeft:element.type===2?`6px`:`0px`}"
                             @click="editTaskForType(element,index)">
                             编辑
                           </span>
@@ -366,7 +368,7 @@
       </div>
     </a-modal>
     <!-- 面授课开课弹框 -->
-    <AddOpenCourse v-model:visible="opencourseVisible"/>
+    <AddOpenCourse ref="coursePlanRef" :type="2"/>
   </div>
 </template>
 <script setup>
@@ -391,7 +393,8 @@ const moveChapterIndex = ref("");
 const activeIndex = ref(0);
 const types = 1; // 1 路径图 2 项目
 
-const courseRef = ref({});
+const courseRef = ref([]);
+const coursePlanRef = ref();
 const formValue = ref({ draftTaskList: [] });
 const routerInfo = ref({ chapterList: [{ name: "关卡一", draftTaskList: [] }], routerInfo: {} });
 
@@ -416,13 +419,15 @@ watch(() => routerInfo.value.chapterList, () => {
 }, { deep: true });
 
 const showModal = () => {
-  formValue.value = {draftTaskList: []}
+  formValue.value = { draftTaskList: [] };
   modal.value = true;
 };
-function showEditModal(ele){
-  formValue.value =ele;
+
+function showEditModal(ele) {
+  formValue.value = ele;
   modal.value = true;
 }
+
 const closeModal = () => {
   modal.value = false;
 };
@@ -432,12 +437,12 @@ const editChapter = () => {
   if (!formValue.value.name) {
     return message.warning("请输入关卡名称");
   }
-  if(formValue.value.id){
+  if (formValue.value.id) {
     closeModal();
-    return
+    return;
   }
   routerInfo.value.chapterList.push({ ...formValue.value, draftTaskList: [] });
-  activeIndex.value = activeIndex.value + 1
+  activeIndex.value = activeIndex.value + 1;
   formValue.value = { draftTaskList: [] };
   closeModal();
 };
@@ -586,10 +591,9 @@ const cancelStorage = async () => {
 };
 
 // 开课按钮
-const opencourseVisible = ref(false);
-const openCourse = async () => {
-  opencourseVisible.value = true;
-}
+const openCourse = (ele) => {
+  coursePlanRef.value.openDrawer(ele);
+};
 
 </script>
 <style lang="scss">
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 0ffc9082..a31e86fb 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -252,7 +252,7 @@
                         <div class="opa">
                           <div class="opacation">
                             <span 
-                              v-if="element.type==2"
+                              v-if="element.type==2 && element.id"
                               style="color: #4ea6ff; cursor: pointer;" 
                               @click="openCourse(element,index)">
                               开课
@@ -393,7 +393,7 @@
       </div>
     </a-modal>
     <!-- 面授课开课弹框 -->
-    <AddOpenCourse v-model:visible="opencourseVisible"/>
+    <AddOpenCourse ref="coursePlanRef" :type="1"/>
   </div>
 </template>
 
@@ -416,6 +416,7 @@ const visiblene = ref(false);
 const stage = ref(false);
 const confirmLoading = ref(false);
 const cancleLoading = ref(false);
+const coursePlanRef = ref();
 const projectInfo = ref({stageList: [{taskDraftDtoList: [{}]}], projectInfo: {}});
 const activeIndex = ref(0);
 const moveChapterIndex = ref(0);
@@ -634,10 +635,8 @@ const cancelStorage = async () => {
   cancleLoading.value = false
 };
 
-// 开课按钮
-const opencourseVisible = ref(false);
-const openCourse = async () => {
-  opencourseVisible.value = true;
+const openCourse = (ele) => {
+  coursePlanRef.value.openDrawer(ele);
 }
 
 </script>
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 6957976e..366dc43b 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -1515,10 +1515,9 @@
     <ProjectFaceTaskManage
       :permissions="permissions"
       :createId="createId"
-      v-model:Fvisible="FaceVisivle"
-      :projectTaskId="projectTaskId"
-      :title="showFaceText"
-      :projectTaskInfo="projectTaskInfo"
+      :type="1"
+      v-model:visible="FaceVisivle"
+      :datasource="projectTaskInfo"
     />
     <!-- 作业管理抽屉 -->
     <ProjectHomeWorkManage
@@ -1642,11 +1641,12 @@
       :createId="createId"
     />
     <!-- 面授学员抽屉 -->
-    <ProjectFaceStu
+    <RouterFaceStu
       :permissions="permissions"
       :createId="createId"
       v-model:FSvisible="FSvisible"
-      :projectTaskInfo="facestudent"
+      :datasource="facestudent"
+      :type="1"
     />
     <!-- 活动直播考勤抽屉 -->
     <active-attendance
@@ -2274,9 +2274,9 @@ import ProjectVoteManage from "../../components/drawers/project/ProjectVoteManag
 import SubsetManage from "../../components/drawers/SubsetManage";
 import MemberList from "../../components/drawers/MemberList";
 import ActiveAttendance from "../../components/drawers/ActiveAttendance";
-import ProjectFaceStu from "../../components/drawers/project/ProjectFaceStu";
 import ProjCheckShip from "../../components/drawers/ProjCheckPower";
 import ImportStu from "../../components/drawers/ImportStu";
+import RouterFaceStu from "../../components/drawers/router/RouterFaceStu";
 import SeeStu from "../../components/drawers/SeeStu";
 import ChangeGroup from "../../components/drawers/ChangeGroup";
 import NoticePub from "../../components/drawers/NoticePub";
@@ -2318,6 +2318,7 @@ export default {
   components: {
     ProjectLevel,
     TrainClass,
+    RouterFaceStu,
     TimeManage,
     ProjectFaceTaskManage,
     ProjectOnlineManage,
@@ -2327,7 +2328,6 @@ export default {
     ProjectEvalManage,
     SubsetManage,
     MemberList,
-    ProjectFaceStu,
     ActiveAttendance,
     // StuAdd,
     ProjCheckShip,
@@ -2835,7 +2835,7 @@ export default {
       voteData: "",
       voteModelVisibleTitle: "",
       voteLevelName: "",
-      facestudent: "",
+      facestudent: {},
       modal1Visible: false, // 证书预览
       changegroupV: false, //换组弹窗
       checkgroupStuId: null, //换组id
@@ -4614,11 +4614,6 @@ export default {
           item.courseId;
       }
       if (item.type == 2) {
-        let date1 = new Date(item.endTime).getTime();
-        let date2 = new Date().getTime();
-        if (date1 < date2) return message.warning("当前面授课已结束");
-        // if (item.taskStatus == 1 || item.taskStatus == 2)
-        //   return message.error("该任务无法学习，请联系管理员进行替换。");
         codeUrl =
           window.location.protocol +
           process.env.VUE_APP_H5 +