diff --git a/src/assets/images/projectadd/nopro.png b/src/assets/images/projectadd/nopro.png
new file mode 100644
index 00000000..e14d35d6
Binary files /dev/null and b/src/assets/images/projectadd/nopro.png differ
diff --git a/src/components/drawers/TaskFaceIn.vue b/src/components/drawers/TaskFaceIn.vue
new file mode 100644
index 00000000..babf1784
--- /dev/null
+++ b/src/components/drawers/TaskFaceIn.vue
@@ -0,0 +1,354 @@
+<template>
+  <a-drawer
+    :visible="TaskFaceImpStuvisible"
+    class="drawerStyle TaskFaceImpStu"
+    placement="right"
+    width="40%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">批量面授报名</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="minatitl">
+          <div class="up1">请下载</div>
+          <div class="up2">模板</div>
+          <div class="up1">，按要求填写数据并导入</div>
+        </div>
+        <div class="upload">
+          <div class="text">上传：</div>
+          <div class="right">
+            <div class="load">
+              <div class="cloud"></div>
+              <div class="tip">点击或将文件拖拽到此处上传</div>
+              <div class="tipz">支持扩展名：.xls/.xlsx</div>
+            </div>
+            <div class="loadstate">
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="stateloading">正在上传</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogloading"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">暂停</div>
+                    <div class="cancel" style="margin-left: 15px">取消</div>
+                  </div>
+                </div>
+              </div>
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="statedefeat">上传失败</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogdefeat"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">暂停</div>
+                    <div class="cancel" style="margin-left: 15px">取消</div>
+                  </div>
+                  <div class="defeat">下载失败数据</div>
+                </div>
+              </div>
+              <div class="loadborder">
+                <div class="content">
+                  <div class="img"></div>
+                  <div class="timebox">
+                    <div class="timetop">
+                      <div class="tit">京东方商业模型.xls</div>
+                      <div class="statesucce">上传成功</div>
+                    </div>
+                    <div class="prog">
+                      <div class="inprogsucce"></div>
+                    </div>
+                  </div>
+                  <div class="curloading">
+                    <div class="cur">55%</div>
+                    <div class="cancel" style="margin-left: 20px">删除</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "TaskImpStu",
+  props: {
+    TaskFaceImpStuvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({});
+    const closeDrawer = () => {
+      ctx.emit("update:TaskFaceImpStuvisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss" >
+.TaskFaceImpStu {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      .minatitl {
+        display: flex;
+        .up1 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #333333;
+        }
+        .up2 {
+          font-size: 16px;
+          font-weight: 400;
+          color: #388be1;
+          margin-left: 4px;
+        }
+      }
+      .upload {
+        margin-top: 32px;
+        display: flex;
+        .text {
+          font-size: 14px;
+          font-weight: 400;
+          color: #333333;
+        }
+        .right {
+          margin-left: 6px;
+          .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: #388be1;
+              margin-top: 15px;
+              cursor: pointer;
+            }
+            .tipz {
+              font-size: 14px;
+              font-weight: 400;
+              color: #999999;
+              margin-top: 10px;
+            }
+          }
+          .loadstate {
+            width: 500px;
+            margin-bottom: 100px;
+
+            .loadborder {
+              width: 500px;
+              height: 173px;
+              border-radius: 4px;
+              border: 1px dashed #eaeaea;
+              margin-bottom: 30px;
+              display: flex;
+              align-items: center;
+              .content {
+                display: flex;
+                margin-left: 20px;
+                position: relative;
+                .defeat {
+                  position: absolute;
+                  left: 46px;
+                  top: 38px;
+                  font-size: 14px;
+                  font-weight: 500;
+                  color: #ff7474;
+                }
+                .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: #388be1;
+                    }
+                    .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: #388be1;
+                    }
+                    //下载失败条
+                    .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;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      background-color: #fff;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index cc7cc8b6..97914d79 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -468,6 +468,36 @@
         </div>
       </div>
     </a-modal>
+    <!-- 确认删除阶段弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="cC"
+      wrapClassName="ConfirmModal"
+      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="closeDelete"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此任务吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="showModal">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
   </div>
 </template>
 
@@ -795,6 +825,7 @@ export default {
       confirmModal: false, //确认添加阶段弹窗
       cC: false,
       cancelModal: false, //确认取消阶段弹窗
+      deleteModal: false, //确认删除弹窗
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -915,7 +946,14 @@ export default {
                   >
                     编辑
                   </span>
-                  <span style="color:#4EA6FF;cursor:pointer">删除</span>
+                  <span
+                    style="color:#4EA6FF;cursor:pointer"
+                    onClick={() => {
+                      showDelete();
+                    }}
+                  >
+                    删除
+                  </span>
                 </div>
               </div>
             );
@@ -1003,7 +1041,12 @@ export default {
     const closeCancel = () => {
       state.cancelModal = false;
     };
-
+    const showDelete = () => {
+      state.deleteModal = true;
+    };
+    const closeDelete = () => {
+      state.deleteModal = false;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -1031,6 +1074,8 @@ export default {
       closeConfirm,
       showCancel,
       closeCancel,
+      showDelete,
+      closeDelete,
     };
   },
 };
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index d07a0114..42c81a65 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -209,154 +209,220 @@
           <!-- 概览（有数据） -->
         </a-tab-pane>
         <a-tab-pane key="2" tab="任务" force-render>
-          <div class="split"></div>
-          <div class="onerow">
-            <div class="taskmain">任务大纲</div>
-            <button class="btn">批量面授报名</button>
-            <router-link to="/taskadd" class="edit">
-              <img
-                class="editimg"
-                src="../../assets/images/projectadd/edit.png"
-              />
-              <span class="editext">编辑</span>
-            </router-link>
-          </div>
-          <div class="taskSyllabus">
+          <div style="flex: 1">
+            <div class="split"></div>
+            <!-- 无数据样式 -->
+            <div class="notable" style="display: none">
+              <div class="notablebox">
+                <div class="boxbody">
+                  <div class="boximg"></div>
+                  <div class="boxtitle">
+                    <span style="color: #ffb64e; font-size: 20px">无课程</span>
+                  </div>
+                  <div class="boxtitle2">
+                    <span style="color: #878b92">请点击新建开课，创建课程</span>
+                  </div>
+                </div>
+                <div class="smallleft"></div>
+                <div class="smallright"></div>
+              </div>
+            </div>
+            <div class="onerow">
+              <div class="taskmain">任务大纲</div>
+              <button class="btn" @click="showFaceIn">批量面授报名</button>
+              <router-link to="/taskadd" class="edit">
+                <img
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
+                />
+                <span class="editext">编辑</span>
+              </router-link>
+            </div>
+            <!-- <div class="taskSyllabus">
             <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
               <template #expandIcon="{ isActive }">
                 <img
-                  :style="{
-                    width: isActive ? 9.1 : 8.1,
-                    height: isActive ? 8.1 : 9.1,
-                    'margin-right': isActive ? '12px' : '13px',
-                  }"
-                  :src="
-                    isActive
-                      ? require('../../assets/images/projectadd/open.png')
-                      : require('../../assets/images/projectadd/close.png')
-                  "
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
                 />
-                <div></div>
-              </template>
-              <a-collapse-panel
-                v-for="(value, index) in taskSyllabus"
-                :key="index"
-                :header="value.text"
-              >
-                <div
-                  class="course"
-                  v-for="(item, key) in value.children"
-                  :key="key"
+                <span class="editext">编辑</span>
+              </router-link>
+            </div> -->
+            <div class="taskSyllabus">
+              <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
+                <template #expandIcon="{ isActive }">
+                  <img
+                    :style="{
+                      width: isActive ? 9.1 : 8.1,
+                      height: isActive ? 8.1 : 9.1,
+                      'margin-right': isActive ? '12px' : '13px',
+                    }"
+                    :src="
+                      isActive
+                        ? require('../../assets/images/projectadd/open.png')
+                        : require('../../assets/images/projectadd/close.png')
+                    "
+                  />
+                  <div></div>
+                </template>
+                <a-collapse-panel
+                  v-for="(value, index) in taskSyllabus"
+                  :key="index"
+                  :header="value.text"
                 >
-                  <div class="first">
-                    <div class="icon">
-                      <img src="../../assets/images/leveladd/zai.png" />
+                  <div
+                    class="course"
+                    v-for="(item, key) in value.children"
+                    :key="key"
+                  >
+                    <!-- :style="{width:item.course==='在线'?'28px':
+												height:item.course==='在线'?'27px':}" -->
+                    <div class="first">
+                      <div class="icon">
+                        <div
+                          style="
+                            width: 31px;
+                            height: 28px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                          "
+                        >
+                          <img
+                            :src="
+                              item.course === '在线'
+                                ? require('../../assets/images/leveladd/zai.png')
+                                : item.course === '面授'
+                                ? require('../../assets/images/leveladd/mian.png')
+                                : item.course === '案例'
+                                ? require('../../assets/images/leveladd/an.png')
+                                : item.course === '作业'
+                                ? require('../../assets/images/leveladd/zuo.png')
+                                : item.course === '考试'
+                                ? require('../../assets/images/leveladd/kao.png')
+                                : item.course === '直播'
+                                ? require('../../assets/images/leveladd/zhi.png')
+                                : item.course === '外链'
+                                ? require('../../assets/images/leveladd/wai.png')
+                                : item.course === '讨论'
+                                ? require('../../assets/images/leveladd/tao.png')
+                                : item.course === '活动'
+                                ? require('../../assets/images/leveladd/huo.png')
+                                : item.course === '测评'
+                                ? require('../../assets/images/leveladd/ce.png')
+                                : item.course === '调研'
+                                ? require('../../assets/images/leveladd/diao.png')
+                                : item.course === '投票'
+                                ? require('../../assets/images/leveladd/tou.png')
+                                : null
+                            "
+                          />
+                        </div>
+                      </div>
+                      <div>
+                        <div class="iconame">「{{ item.course }}」</div>
+                        <div class="icontext">{{ item.name }}</div>
+                      </div>
                     </div>
-                    <div>
-                      <div class="iconame">「{{ item.course }}」</div>
-                      <div class="icontext">{{ item.name }}</div>
-                    </div>
-                  </div>
-                  <div class="type">
-                    <div
-                      :class="
-                        item.classify == '必修' ? 'typename1' : 'typename'
-                      "
-                    >
-                      {{ item.classify }}
-                    </div>
-                  </div>
-                  <div class="time">
-                    <div class="timetext">开始时间</div>
-                    <div class="timetext">{{ item.beginTime }}</div>
-                  </div>
-                  <div class="progress">
-                    <div class="progresstext">
-                      {{ item.complete }}/{{ item.total }}人
-                    </div>
-                    <div style="display: flex">
-                      <a-progress
-                        :showInfo="false"
-                        :percent="item.percent"
-                        strokeColor="#FFC067"
-                        trailColor="rgba(253, 209, 98, 0.2)"
-                      />
-                      <span class="progresstext" style="margin-left: 10px"
-                        >{{ item.percent }}%</span
+                    <div class="type">
+                      <div
+                        :class="
+                          item.classify == '必修' ? 'typename1' : 'typename'
+                        "
                       >
+                        {{ item.classify }}
+                      </div>
                     </div>
-                  </div>
-                  <div class="operations">
-                    <div
-                      class="operation"
-                      style="cursor: pointer"
-                      :style="{
-                        display: item.course === '面授' ? 'flex' : 'none',
-                      }"
-                      @click="showFS"
-                    >
-                      学员
+                    <div class="time">
+                      <div class="timetext">开始时间</div>
+                      <div class="timetext">{{ item.beginTime }}</div>
                     </div>
-                    <div
-                      class="operation"
-                      style="cursor: pointer"
-                      @click="showAA"
-                      :style="{
-                        display:
-                          item.course === '直播' || item.course === '活动'
-                            ? 'flex'
-                            : 'none',
-                      }"
-                    >
-                      考勤
+                    <div class="progress">
+                      <div class="progresstext">
+                        {{ item.complete }}/{{ item.total }}人
+                      </div>
+                      <div style="display: flex">
+                        <a-progress
+                          :showInfo="false"
+                          :percent="item.percent"
+                          strokeColor="#FFC067"
+                          trailColor="rgba(253, 209, 98, 0.2)"
+                        />
+                        <span class="progresstext" style="margin-left: 10px"
+                          >{{ item.percent }}%</span
+                        >
+                      </div>
                     </div>
-                    <div
-                      class="operation"
-                      style="cursor: pointer"
-                      :style="{
-                        display:
+                    <div class="operations">
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display: item.course === '面授' ? 'flex' : 'none',
+                        }"
+                        @click="showFS"
+                      >
+                        学员
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        @click="showAA"
+                        :style="{
+                          display:
+                            item.course === '直播' || item.course === '活动'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        考勤
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display:
+                            item.course === '直播' ||
+                            item.course === '活动' ||
+                            item.course === '面授'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        二维码
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer; margin-right: 35px"
+                        @click="
+                          item.course === '在线' ||
+                          item.course === '案例' ||
+                          item.course === '外链' ||
+                          item.course === '讨论' ||
                           item.course === '直播' ||
-                          item.course === '活动' ||
-                          item.course === '面授'
-                            ? 'flex'
-                            : 'none',
-                      }"
-                    >
-                      二维码
-                    </div>
-                    <div
-                      class="operation"
-                      style="cursor: pointer; margin-right: 35px"
-                      @click="
-                        item.course === '在线' ||
-                        item.course === '案例' ||
-                        item.course === '外链' ||
-                        item.course === '讨论' ||
-                        item.course === '直播' ||
-                        item.course === '调研' ||
-                        item.course === '投票' ||
-                        item.course === '活动'
-                          ? showTime(item.course, item.name)
-                          : item.course === '考试' || item.course === '测评'
-                          ? showTest(item.course, item.name)
-                          : item.course === '面授'
-                          ? showFace(item.course)
-                          : item.course === '作业'
-                          ? showWork(item.course)
-                          : null
-                      "
-                    >
-                      管理
+                          item.course === '调研' ||
+                          item.course === '投票' ||
+                          item.course === '活动'
+                            ? showTime(item.course, item.name)
+                            : item.course === '考试' || item.course === '测评'
+                            ? showTest(item.course, item.name)
+                            : item.course === '面授'
+                            ? showFace(item.course)
+                            : item.course === '作业'
+                            ? showWork(item.course)
+                            : null
+                        "
+                      >
+                        管理
+                      </div>
                     </div>
                   </div>
-                </div>
-              </a-collapse-panel>
-            </a-collapse>
-            <!-- 无数据创建任务 -->
-            <div 
+                </a-collapse-panel>
+              </a-collapse>
+              <!-- 无数据创建任务 -->
+              <div
                 class="taskbox"
-                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe);
-                display: none;"
+                style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
               >
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left2.png" />
@@ -372,9 +438,10 @@
                 </div>
                 <div class="centermain">点击创建项目任务</div>
               </div>
-            <!-- 无数据创建任务 -->
+              <!-- 无数据创建任务 -->
+            </div>
+            <div style="display: flex; height: 20px"></div>
           </div>
-          <div style="display: flex; height: 20px"></div>
         </a-tab-pane>
         <a-tab-pane key="3" tab="学员">
           <div class="split"></div>
@@ -750,9 +817,7 @@
             </div>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="5" tab="项目积分">
-          Content of Tab Pane 3
-        </a-tab-pane>
+        <a-tab-pane key="5" tab="项目积分"> Content of Tab Pane 3 </a-tab-pane>
         <a-tab-pane key="6" tab="排行榜">
           <div class="content6">
             <div class="title">排行榜</div>
@@ -987,6 +1052,8 @@
     <work-manage v-model:Wvisible="Wvisible" />
     <!-- 考试管理抽屉 -->
     <test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
+    <!-- 批量面授报名 -->
+    <task-imp-stu v-model:TaskFaceImpStuvisible="TaskFaceImpStuvisible" />
 
     <!-- 概览（无数据）-项目发布弹窗 -->
     <div>
@@ -1235,8 +1302,8 @@
               </div>
               <div class="lodalimg">
                 <div class="lodalcenter">
-                  <span style="color:#448EF7;margin-right: 10px;">+</span>
-                  <span style="color:#448EF7;">添加图片</span>
+                  <span style="color: #448ef7; margin-right: 10px">+</span>
+                  <span style="color: #448ef7">添加图片</span>
                 </div>
               </div>
             </div>
@@ -1411,6 +1478,7 @@ import StuAdd from "../../components/drawers/StuAdd";
 import ImportStu from "../../components/drawers/ImportStu";
 import SeeStu from "../../components/drawers/SeeStu";
 import ChangeGroup from "../../components/drawers/ChangeGroup";
+import TaskImpStu from "../../components/drawers/TaskFaceIn";
 export default {
   name: "taskPage",
   components: {
@@ -1427,6 +1495,7 @@ export default {
     ImportStu,
     SeeStu,
     ChangeGroup,
+    TaskImpStu,
   },
   setup() {
     const state = reactive({
@@ -1612,6 +1681,7 @@ export default {
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
       noticeContent: "请输入要发布的公告",
+      TaskFaceImpStuvisible: false, //批量面授报名
 
       //进度排行表
       jindutabledata: [
@@ -2080,6 +2150,9 @@ export default {
     const closeModal2 = () => {
       state.stugroup = false;
     };
+    const showFaceIn = () => {
+      state.TaskFaceImpStuvisible = true;
+    };
     //新增
     const showTime = (course, name) => {
       console.log("点击管理");
@@ -2177,6 +2250,7 @@ export default {
       showImportStu,
       showSeeStu,
       showChangeGroup,
+      showFaceIn,
       edit_hShow,
       edit_exit,
       cloradio1,
@@ -2734,7 +2808,6 @@ export default {
     background-color: #edf0f5;
   }
   .content {
-    //display: flex;
     //margin: 0 37px;
     .ant-tabs-top > .ant-tabs-nav::before,
     .ant-tabs-bottom > .ant-tabs-nav::before,
@@ -2746,6 +2819,55 @@ export default {
       margin-left: 30px;
       margin-top: 10px;
     }
+    .notable {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      .notablebox {
+        width: 412px;
+        height: 212px;
+        background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+        border-radius: 10px;
+        display: flex;
+        justify-content: center;
+        text-align: center;
+        margin-top: 77px;
+        margin-bottom: 109px;
+        cursor: pointer;
+        position: relative;
+        .smallleft {
+          position: absolute;
+          top: 18px;
+          left: 0px;
+          width: 8px;
+          height: 21px;
+          border-radius: 0px 4px 4px 0px;
+          background-color: #ffb64e;
+        }
+        .smallright {
+          position: absolute;
+          bottom: 18px;
+          right: 0px;
+          width: 8px;
+          height: 21px;
+          border-radius: 4px 0px 0px 4px;
+          background-color: #ffb64e;
+        }
+        .boxbody {
+          .boximg {
+            width: 72px;
+            height: 72px;
+            margin: 32px auto 20px auto;
+            background-image: url(@/assets/images/coursewareManage/nostate.png);
+            background-size: 100% 100%;
+          }
+          .boxtitle {
+            margin-bottom: 4px;
+          }
+        }
+      }
+    }
     .onerow {
       //width: 100%;
       display: flex;
@@ -2968,10 +3090,15 @@ export default {
       }
     }
     .taskSyllabus {
+      // flex: 1;
+      overflow-x: scroll;
+
       .ant-collapse {
         border: 0px;
         background-color: rgba(255, 255, 255, 0);
+        min-width: 1040px;
       }
+
       .ant-collapse-content > .ant-collapse-content-box {
         padding-top: 0px;
         padding-bottom: 0px;
@@ -3000,45 +3127,45 @@ export default {
       }
     }
     .taskbox {
-        width: 412px;
-        height: 160px;
-        border-radius: 10px;
-        position: relative;
-        margin-left: 68px;
-        margin-bottom: 40px;
-        margin-top: 32px;
-        cursor: pointer;
-        .leftt {
-          position: absolute;
-          top: 18px;
-          left: 0;
-        }
-        .photo {
-          position: absolute;
-          top: 42px;
-          left: 37px;
-        }
-        .rightt {
-          position: absolute;
-          top: 69px;
-          right: 26px;
-        }
-        .centerbox {
-          position: absolute;
-          top: 52px;
-          left: 145px;
-          font-size: 20px;
-          font-weight: 700;
-          //line-height: 36px;
-        }
-        .centermain {
-          color: rgba(135, 139, 146, 1);
-          font-size: 14px;
-          position: absolute;
-          left: 144px;
-          bottom: 49px;
-        }
+      width: 412px;
+      height: 160px;
+      border-radius: 10px;
+      position: relative;
+      margin-left: 68px;
+      margin-bottom: 40px;
+      margin-top: 32px;
+      cursor: pointer;
+      .leftt {
+        position: absolute;
+        top: 18px;
+        left: 0;
       }
+      .photo {
+        position: absolute;
+        top: 42px;
+        left: 37px;
+      }
+      .rightt {
+        position: absolute;
+        top: 69px;
+        right: 26px;
+      }
+      .centerbox {
+        position: absolute;
+        top: 52px;
+        left: 145px;
+        font-size: 20px;
+        font-weight: 700;
+        //line-height: 36px;
+      }
+      .centermain {
+        color: rgba(135, 139, 146, 1);
+        font-size: 14px;
+        position: absolute;
+        left: 144px;
+        bottom: 49px;
+      }
+    }
     .stage {
       display: flex;
       height: 49px;
@@ -3059,12 +3186,15 @@ export default {
     }
     .course {
       //width: 100%;
+      flex-shrink: 0;
+      margin-right: 24px;
+
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       padding: 25px 0px;
       margin-left: 22px;
-      margin-right: 24px;
+
       //margin: 0 12px;
       border: 1px solid #f2f6fc;
       border-top: 0px;
@@ -3081,12 +3211,13 @@ export default {
           //position: absolute;
           color: #4f5156;
           font-size: 16px;
+          margin-left: 4px;
         }
         .icontext {
           //positipn: absolute;
           color: #999ba3;
           font-size: 14px;
-          margin-left: 8px;
+          margin-left: 12px;
           width: 83px;
         }
       }
@@ -3708,7 +3839,7 @@ export default {
 .set_edit {
   .ant-modal {
     width: 866px !important;
-      height: 870px !important;
+    height: 870px !important;
     .ant-modal-body {
       .modalHeader {
         background: linear-gradient(
@@ -3782,15 +3913,15 @@ export default {
                 margin-right: 5px;
               }
             }
-            .lodalimg{
-              width:120px;
-              height:120px;
-              border:1px dashed #387DF7;
+            .lodalimg {
+              width: 120px;
+              height: 120px;
+              border: 1px dashed #387df7;
               display: flex;
               justify-content: center;
               align-items: center;
               cursor: pointer;
-              .lodalimg{
+              .lodalimg {
                 display: flex;
                 white-space: nowrap;
               }
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index f63bcd8a..84a62738 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -21,8 +21,8 @@
             v-model:value="projectName"
             style="width: 270px"
             placeholder="请选择状态"
-            :options="projectNameList"
-            @change="selectProjectName"
+            :options="projectStateList"
+            @change="selectProjectState"
             allowClear
             showSearch
           ></a-select>
@@ -149,6 +149,23 @@ export default {
           label: "项目四",
         },
       ],
+      projectStateList: [
+        {
+          id: 1,
+          value: "已发布",
+          label: "已发布",
+        },
+        {
+          id: 2,
+          value: "待发布",
+          label: "待发布",
+        },
+        {
+          id: 3,
+          value: "已结束",
+          label: "已结束",
+        },
+      ],
       out: false,
       number: null,
       selectTime: null,
@@ -327,6 +344,9 @@ export default {
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
     };
+    const selectProjectState = (value, index) => {
+      console.log("value", value, index);
+    };
     const expandTable = (e, a) => {
       // console.log("惦记了");
       console.log("e", e, a);
@@ -340,6 +360,7 @@ export default {
     return {
       ...toRefs(state),
       selectProjectName,
+      selectProjectState,
       expandTable,
       handleOut,
       tableDataFunc,