diff --git a/src/assets/images/taskpage/check.png b/src/assets/images/taskpage/check.png
new file mode 100644
index 00000000..53bcd491
Binary files /dev/null and b/src/assets/images/taskpage/check.png differ
diff --git a/src/components/drawers/FaceStu.vue b/src/components/drawers/FaceStu.vue
index e72e2bcc..15148941 100644
--- a/src/components/drawers/FaceStu.vue
+++ b/src/components/drawers/FaceStu.vue
@@ -78,12 +78,12 @@
         <div class="btnss" style="margin-top: 20px">
           <div class="btn btn1" style="margin-right: 20px">
             <div class="img1"></div>
-            <div class="wz">导入学员</div>
+            <div class="wz" @click="showImpStu">导入学员</div>
           </div>
-          <div class="btn btn2">
+          <div class="btn btn2" @click="showCopyModal">
             <div class="wz">批量签到</div>
           </div>
-          <div class="btn btn2">
+          <div class="btn btn2" @click="showStopModal">
             <div class="wz" @click="showEntryScore">批量签退</div>
           </div>
           <div class="btn btn2">
@@ -149,12 +149,76 @@
       <button class="btn2">确定</button>
     </div>
   </a-drawer>
+  <!-- 导入学员抽屉 -->
+      <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
+    <!-- 批量签到弹窗 -->
+    <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">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 批量签退弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      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="closeStopModal"></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="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
 </template>
 
 <script>
 import { toRefs, reactive } from "vue";
+import ImpStu from "../../components/drawers/AddLevelImportStu";
 export default {
   name: "FaceManage",
+  components: { ImpStu },
   props: {
     FSvisible: {
       type: Boolean,
@@ -165,6 +229,11 @@ export default {
   setup(props, ctx) {
     const state = reactive({
       Evisible: false, //录入成绩抽屉
+      AddImpStuvisible: false, //导入学员抽屉
+      copyModal: false, //批量签到弹窗
+      closeCopy: false, //签到弹窗关闭图标
+      stopModal: false, //签退弹窗
+      closeStop: false, //签退弹窗关闭图标
       name: null,
       showmodal: false, //勾选提示框
       closable: false, //modal右上角的关闭按钮
@@ -346,7 +415,21 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:FSvisible", false);
     };
-
+    const showImpStu = () => {
+      state.AddImpStuvisible = true;
+    };
+    const showCopyModal = () => {
+      state.copyModal = true;
+    };
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    const showStopModal = () => {
+      state.stopModal = true;
+    };
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
     const showEntryScore = () => {
       state.Evisible = true;
     };
@@ -498,6 +581,11 @@ export default {
       showEntryScore,
       tableDataFunc,
       getTableData,
+      showImpStu,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
     };
   },
 };
@@ -509,7 +597,117 @@ 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;
+          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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .largeDrawerStyle {
   // width: 80%;
   .ant-drawer-content-wrapper {
diff --git a/src/components/drawers/TestManage.vue b/src/components/drawers/TestManage.vue
index 3be140a8..61506af6 100644
--- a/src/components/drawers/TestManage.vue
+++ b/src/components/drawers/TestManage.vue
@@ -54,7 +54,7 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" style="margin-right: 20px; cursor: pointer">
+          <div class="btn btn1" @click="showopen" style="margin-right: 20px; cursor: pointer">
             <div class="img2"></div>
             <div class="wz">催促考试</div>
           </div>
@@ -80,12 +80,17 @@
         <button class="btn1">取消</button>
         <button class="btn2">确定</button>
       </div>
+      <div class="noticebox" v-show="open">
+        <div><img src="../../assets/images/taskpage/check.png"/></div>
+        <div class="notext">催促学员成功</div>
+      </div>
     </div>
   </a-drawer>
+  
 </template>
 
 <script>
-import { toRefs, reactive } from "vue";
+import { toRefs, reactive, onMounted, onUnmounted} from "vue";
 export default {
   name: "TestManage",
   props: {
@@ -102,6 +107,7 @@ export default {
   setup(props, ctx) {
     const state = reactive({
       name: null,
+      open: false,
       projectNameList: [
         {
           id: 1,
@@ -291,11 +297,25 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:TMvisible", false);
     };
-
+    const showopen=()=>{
+        state.open = true;
+    };
+    let timer;
+    onMounted(()=> {
+      timer = setInterval(()=>{
+        state.open = false;
+      },3000);
+    });
+    onUnmounted(()=>{
+      clearInterval(timer);
+    });
     return {
       ...toRefs(state),
       selectProjectName,
       closeDrawer,
+      showopen,
+      onMounted,
+      onUnmounted,
     };
   },
 };
@@ -324,6 +344,24 @@ export default {
     overflow-x: scroll;
     display: flex;
     flex-direction: column;
+    position: relative;
+    .noticebox {
+      width: 240px;
+      height: 64px;
+      background: rgba(255, 255, 255, 1);
+      border-radius: 4px;
+      position: absolute;
+      top: 161px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .notext {
+        color: rgba(51, 51, 51, 1);
+        font-size: 14px;
+        font-weight: 500;
+        margin-left: 20px;
+      }
+    }
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
diff --git a/src/components/drawers/TimeManage.vue b/src/components/drawers/TimeManage.vue
index 19a18b55..114c07b1 100644
--- a/src/components/drawers/TimeManage.vue
+++ b/src/components/drawers/TimeManage.vue
@@ -54,7 +54,7 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" style="margin-right: 20px">
+          <div class="btn btn1" @click="showopen"  style="margin-right: 20px">
             <div class="img1"></div>
             <div class="wz">催促学习</div>
           </div>
@@ -91,12 +91,16 @@
         <button class="btn1">取消</button>
         <button class="btn2">确定</button>
       </div>
+      <div class="noticebox" v-show="open">
+        <div><img src="../../assets/images/taskpage/check.png"/></div>
+        <div class="notext">催促学员成功</div>
+      </div>
     </div>
   </a-drawer>
 </template>
 
 <script>
-import { toRefs, reactive } from "vue";
+import { toRefs, reactive, onMounted, onUnmounted} from "vue";
 export default {
   name: "TimeManage",
   props: {
@@ -113,6 +117,7 @@ export default {
   setup(props, ctx) {
     const state = reactive({
       name: null,
+      open: false,
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 100,
@@ -269,10 +274,25 @@ export default {
     const closeDrawer = () => {
       ctx.emit("update:Tvisible", false);
     };
+    const showopen=()=>{
+        state.open = true;
+    };
+    let timer;
+    onMounted(()=> {
+      timer = setInterval(()=>{
+        state.open = false;
+      },3000);
+    });
+    onUnmounted(()=>{
+      clearInterval(timer);
+    });
     return {
       ...toRefs(state),
       selectProjectName,
       closeDrawer,
+      showopen,
+      onMounted,
+      onUnmounted,
     };
   },
 };
@@ -297,6 +317,23 @@ export default {
     overflow-x: scroll;
     display: flex;
     flex-direction: column;
+    .noticebox {
+      width: 240px;
+      height: 64px;
+      background: rgba(255, 255, 255, 1);
+      border-radius: 4px;
+      position: absolute;
+      top: 161px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .notext {
+        color: rgba(51, 51, 51, 1);
+        font-size: 14px;
+        font-weight: 500;
+        margin-left: 20px;
+      }
+    }
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 266760ad..648556be 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -628,7 +628,7 @@ export default defineComponent({
   },
 });
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -858,7 +858,7 @@ export default defineComponent({
       }
       .taskSyllabus {
         // flex: 1;
-        overflow-x: scroll;
+        overflow-x: auto;
 
         .ant-collapse {
           border: 0px;
@@ -876,7 +876,7 @@ export default defineComponent({
         .ant-collapse-header {
           display: flex;
           height: 49px;
-          background-color: #fcf0ef;
+          background-color: #eff4fc;
           align-items: center;
           margin-top: 20px;
           margin-left: 38px;
@@ -894,98 +894,98 @@ export default defineComponent({
         }
       }
       .course {
-      //width: 100%;
-      flex-shrink: 0;
-      margin-right: 24px;
+        //width: 100%;
+        flex-shrink: 0;
+        margin-right: 24px;
 
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      padding: 25px 0px;
-      margin-left: 22px;
-
-      //margin: 0 12px;
-      border: 1px solid #f2f6fc;
-      border-top: 0px;
-      .first {
-        //position: relative;
         display: flex;
-        flex-grow: 1;
+        flex-wrap: wrap;
         align-items: center;
-        //height: 71px;
-        margin-left: 12px;
-        margin-right: 50px;
+        padding: 25px 0px;
+        margin-left: 22px;
 
-        .iconame {
-          //position: absolute;
-          color: #4f5156;
-          font-size: 16px;
-          margin-left: 4px;
-        }
-        .icontext {
-          //positipn: absolute;
-          color: #999ba3;
-          font-size: 14px;
+        //margin: 0 12px;
+        border: 1px solid #f2f6fc;
+        border-top: 0px;
+        .first {
+          //position: relative;
+          display: flex;
+          flex-grow: 1;
+          align-items: center;
+          //height: 71px;
           margin-left: 12px;
-          width: 83px;
+          margin-right: 50px;
+
+          .iconame {
+            //position: absolute;
+            color: #4f5156;
+            font-size: 16px;
+            margin-left: 4px;
+          }
+          .icontext {
+            //positipn: absolute;
+            color: #999ba3;
+            font-size: 14px;
+            margin-left: 12px;
+            width: 83px;
+          }
         }
-      }
-      .type {
-        //height: 71px;
-        display: flex;
-        flex-grow: 1;
-        align-items: center;
-        margin-right: 50px;
-        .typename {
-          width: 63px;
-          height: 23px;
-          color: #5dc988;
-          font-size: 14px;
-          background-color: #f2f6fc;
-          border-radius: 4px;
-          text-align: center;
+        .type {
+          //height: 71px;
+          display: flex;
+          flex-grow: 1;
+          align-items: center;
+          margin-right: 50px;
+          .typename {
+            width: 63px;
+            height: 23px;
+            color: #5dc988;
+            font-size: 14px;
+            background-color: #f2f6fc;
+            border-radius: 4px;
+            text-align: center;
+          }
+          .typename1 {
+            width: 63px;
+            height: 23px;
+            color: #f0f4fe;
+            font-size: 14px;
+            background-color: #5dc988;
+            border-radius: 4px;
+            text-align: center;
+          }
         }
-        .typename1 {
-          width: 63px;
-          height: 23px;
-          color: #f0f4fe;
-          font-size: 14px;
-          background-color: #5dc988;
-          border-radius: 4px;
-          text-align: center;
+        .time {
+          //height: 71px;
+          flex-grow: 1;
+          margin-right: 50px;
+          .timetext {
+            font-size: 14px;
+            color: #999ba3;
+          }
         }
-      }
-      .time {
-        //height: 71px;
-        flex-grow: 1;
-        margin-right: 50px;
-        .timetext {
-          font-size: 14px;
-          color: #999ba3;
+        .progress {
+          width: 168px;
+          margin-left: 10px;
+          margin-right: 50px;
+          flex-grow: 1;
+          .progresstext {
+            color: #ffc067;
+            font-size: 14px;
+          }
         }
-      }
-      .progress {
-        width: 168px;
-        margin-left: 10px;
-        margin-right: 50px;
-        flex-grow: 1;
-        .progresstext {
-          color: #ffc067;
-          font-size: 14px;
+        .operations {
+          display: flex;
+          width: 200px;
+          //flex-grow: 1;
+          .operation {
+            color: #4ea6ff;
+            font-size: 14px;
+            padding: 10px;
+            margin-left: auto;
+          }
         }
       }
-      .operations {
-        display: flex;
-        width: 200px;
-        //flex-grow: 1;
-        .operation {
-          color: #4ea6ff;
-          font-size: 14px;
-          padding: 10px;
-          margin-left: auto;
-        }
-      }
-      }
       .taskbox {
         width: 412px;
         height: 160px;
@@ -1171,4 +1171,4 @@ export default defineComponent({
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index 84a62738..7f573d13 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -69,21 +69,25 @@
         @expand="expandTable"
         :pagination="false"
       />
-      
     </div>
     <div class="pa">
-        <a-pagination
-          showSizeChanger="true"
-          showQuickJumper="true"
-          hideOnSinglePage="true"
-          :pageSize="pageSize"
-          :current="currentPage"
-          :total="tableDataTotal"
-          class="pagination"
-        />
+      <a-pagination
+        showSizeChanger="true"
+        showQuickJumper="true"
+        hideOnSinglePage="true"
+        :pageSize="pageSize"
+        :current="currentPage"
+        :total="tableDataTotal"
+        class="pagination"
+      />
     </div>
     <!-- 表格 -->
-    <a-modal v-model:visible="out" :footer="null" :closable="false" style="margin-top: 250px">
+    <a-modal
+      v-model:visible="out"
+      :footer="null"
+      :closable="false"
+      style="margin-top: 250px"
+    >
       <div class="out">
         <div class="top">
           <img class="topimg" src="../../assets/images/courseManage/add1.png" />
@@ -107,7 +111,8 @@
             <div class="in">
               <a-input
                 v-model:value="value"
-                show-count :maxlength="15"
+                show-count
+                :maxlength="15"
                 style="border-radius: 8px"
               />
             </div>
@@ -119,6 +124,53 @@
         </div>
       </div></a-modal
     >
+    <!--操作弹窗 -->
+    <a-modal
+      v-model:visible="delete_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+      @cancel="delete_exit"
+    >
+      <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="del-icon" :style="{ display: del_hs || over_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/notice.png" alt=""></div>
+            <div class="del-icon" :style="{ display: copy_hs || back_hs || pub_hs ? 'block' : 'none' }"><img src="@/assets/images/coursewareManage/QR.png" alt=""></div>
+            <span>提示</span>
+            <div class="close_exit" @click="delete_exit"></div>
+          </div>
+          <div class="body">
+            <div :style="{ display: del_hs ? 'block' : 'none' }">
+              <span>您确定要删除此调研吗</span>
+            </div>
+            <div :style="{ display: over_hs ? 'block' : 'none' }">
+              <span>您确定要结束此调研吗</span>
+            </div>
+            <div :style="{ display: copy_hs ? 'block' : 'none' }">
+              <span>您确定要复制此调研吗</span>
+            </div>
+            <div :style="{ display: back_hs ? 'block' : 'none' }">
+              <span>您确定要撤回此调研吗</span>
+            </div>
+            <div :style="{ display: pub_hs ? 'block' : 'none' }">
+              <span>您确定要发布此调研吗</span>
+            </div>
+          </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="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--操作弹窗 -->
   </div>
 </template>
 <script>
@@ -219,6 +271,12 @@ export default {
       valueE: ref(" "),
       valueEE: ref(" "),
       valuei: ref(" "),
+      delete_hs: false,
+      del_hs: false,
+      over_hs: false,
+      copy_hs: false,
+      back_hs: false,
+      pub_hs: false,
     });
     const tableDataFunc = () => {
       const columns = [
@@ -286,7 +344,6 @@ export default {
           key: "opacation",
           width: 200,
           align: "center",
-          
         },
       ];
       return columns;
@@ -299,38 +356,74 @@ export default {
           //单层项目
           value.opacation = (
             <div class="operation">
-              
-                {value.state === "已发布" ? (
-                  <div class="fb">
-                    <router-link to="/managepage" class="jc">管理</router-link>
-                    <div class="jc">复制</div>
-                    <div class="jc">撤回</div>
-                    <div class="jc">结束</div>
-                  </div>
-                ) : (
-                  <div></div>
-                )}
-                {value.state === "待发布" ? (
-                  <div class="fb">
-                    <router-link to="/researchadd" class="jc">基础信息</router-link>
-                    <router-link to="/managepage" class="jc">管理</router-link>
-                    <div class="jc">复制</div>
-                    <div class="jc">编辑</div>
-                    <div class="jc">删除</div>
-                  </div>
-                ) : (
-                  <div></div>
-                )}
-                {value.state === "已结束" ? (
-                  <div class="fb">
-                    <div class="jc">复制</div>
-                    <div class="jc">删除</div>
-
-                  </div>
-                ) : (
-                  <div></div>
-                )}
-              
+              {value.state === "已发布" ? (
+                <div class="fb">
+                  <router-link to="/managepage" class="jc">
+                    管理
+                  </router-link>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.copy_hs = true;
+                  }}>复制</div>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.back_hs = true;
+                  }}>撤回</div>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.over_hs = true;
+                  }}>结束</div>
+                </div>
+              ) : (
+                <div></div>
+              )}
+              {value.state === "待发布" ? (
+                <div class="fb">
+                  <router-link to="/researchadd" class="jc">
+                    基础信息
+                  </router-link>
+                  <router-link to="/managepage" class="jc">
+                    管理
+                  </router-link>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.pub_hs = true;
+                  }}>发布</div>
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.copy_hs = true;
+                  }}>复制</div>
+                  <div class="jc">编辑</div>
+                  <div class="jc"
+                    onClick={()=>{
+                      state.delete_hs = true;
+                      state.del_hs = true;
+                  }}>删除</div>
+                </div>
+              ) : (
+                <div></div>
+              )}
+              {value.state === "已结束" ? (
+                <div class="fb">
+                  <div class="jc"
+                  onClick={()=>{
+                      state.delete_hs = true;
+                      state.copy_hs = true;
+                  }}>复制</div>
+                  <div class="jc"
+                    onClick={()=>{
+                      state.delete_hs = true;
+                      state.del_hs = true;
+                  }}>删除</div>
+                </div>
+              ) : (
+                <div></div>
+              )}
             </div>
           );
         }
@@ -357,6 +450,14 @@ export default {
     const chooseImg = (id) => {
       console.log(id);
     };
+    const delete_exit = () => {
+      state.delete_hs = false;
+      state.del_hs = false;
+      state.over_hs = false;
+      state.copy_hs = false;
+      state.back_hs = false;
+      state.pub_hs = false;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -366,6 +467,7 @@ export default {
       tableDataFunc,
       chooseImg,
       getTableDate,
+      delete_exit,
     };
   },
 };
@@ -378,108 +480,108 @@ export default {
   clear: both;
 }
 .out {
-    //display: flex;
-    display: block;
-    position: absolute;
-    top: 120px;
-    width: 680px;
-    // height: 525px;
-    background-color: #fff;
+  //display: flex;
+  display: block;
+  position: absolute;
+  top: 120px;
+  width: 680px;
+  // height: 525px;
+  background-color: #fff;
 
-    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
-    left: 50%;
-    top: 20%;
-    transform: translate(-50%, -50%);
-    .top {
-      width: 100%;
-      height: 68px;
+  box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+  left: 50%;
+  top: 20%;
+  transform: translate(-50%, -50%);
+  .top {
+    width: 100%;
+    height: 68px;
 
-      background: linear-gradient(
-        rgba(78, 166, 255, 0.2) 0%,
-        rgba(78, 166, 255, 0) 100%
-      );
-      display: flex;
-      align-items: center;
-      .topimg {
-        width: 18px;
-        height: 18px;
-        margin-left: 27px;
-      }
-      .topc {
-        color: #000000;
-        font-size: 16px;
-        margin-left: 8px;
-      }
+    background: linear-gradient(
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
+    );
+    display: flex;
+    align-items: center;
+    .topimg {
+      width: 18px;
+      height: 18px;
+      margin-left: 27px;
     }
-    .mid {
-      width: 100%;
-      height: 100%;
-      background-color: #fff;
+    .topc {
+      color: #000000;
+      font-size: 16px;
+      margin-left: 8px;
+    }
+  }
+  .mid {
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .d {
+      // margin-top: 8px;
+      // color: #ff4e4e;
+      margin-left: -5px;
+    }
+    .name {
+      width: 78%;
+      // background-color: lightcoral;
       display: flex;
-      flex-direction: column;
+      margin-top: 20px;
       align-items: center;
-      .d {
-        // margin-top: 8px;
-        // color: #ff4e4e;
-        margin-left: -5px;
-      }
-      .name {
-        width: 78%;
-        // background-color: lightcoral;
-        display: flex;
-        margin-top: 20px;
-        align-items: center;
-        height: 40px;
-        // border: 1px solid black;
+      height: 40px;
+      // border: 1px solid black;
 
-        .inname {
-          color: #6f6f6f;
-          font-size: 14px;
-          margin-left: 7px;
+      .inname {
+        color: #6f6f6f;
+        font-size: 14px;
+        margin-left: 7px;
+      }
+      .in {
+        margin-left: 14px;
+        width: 81%;
+        .ant-input {
+          border-radius: 5px;
+          // height: 120%;
+          width: 100%;
+          height: 30px;
         }
-        .in {
-          margin-left: 14px;
-          width: 81%;
-          .ant-input {
-            border-radius: 5px;
-            // height: 120%;
-            width: 100%;
-            height: 30px;
-          }
-          .showcount {
+        .showcount {
           position: absolute;
           right: 10px;
           color: #c7cbd2;
           bottom: 5px;
         }
-        }
       }
-      .btn {
-        width: 33%;
-        margin-top: 30px;
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 30px;
-        .samtn {
-          width: 100px;
-          height: 40px;
-          font-size: 14px;
-          border: 1px solid #409EFF;
-          border-radius: 8px;
-          cursor: pointer;
-        }
-        .btn1 {
-          background-color: #fff;
-          color: #4ea6ff;
-        }
-        .btn2 {
-          margin-left: 10px;
-          background-color: #409EFF;
-          color: #fff;
-        }
+    }
+    .btn {
+      width: 33%;
+      margin-top: 30px;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 30px;
+      .samtn {
+        width: 100px;
+        height: 40px;
+        font-size: 14px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        cursor: pointer;
+      }
+      .btn1 {
+        background-color: #fff;
+        color: #4ea6ff;
+      }
+      .btn2 {
+        margin-left: 10px;
+        background-color: #409eff;
+        color: #fff;
       }
     }
   }
+}
 .researchmanage {
   width: 100%;
   height: 100%;
@@ -581,12 +683,12 @@ export default {
     }
   }
   .tableBox {
-    margin: 20px 38px 30px ;
+    margin: 20px 38px 30px;
     display: flex;
     flex: 1;
     //position: relative;
     flex-direction: column;
-    
+
     th.h {
       background-color: #eff4fc !important;
     }
@@ -596,38 +698,142 @@ export default {
       > td {
       background: #f6f9fd;
     }
-    
   }
   .pa {
-      width: 100%;
-      // height: 20px;
-      // background-color: red;
-      display: flex;
-      justify-content: center;
-      //position: absolute;
+    width: 100%;
+    // height: 20px;
+    // background-color: red;
+    display: flex;
+    justify-content: center;
+    //position: absolute;
+    margin-bottom: 20px;
+    .pagination {
       margin-bottom: 20px;
-      .pagination {
-        margin-bottom: 20px;
-      }
     }
-  
+  }
+
   .unout {
     display: none;
   }
 
-   .operation {
+  .operation {
     display: flex;
     justify-content: right;
-      .fb {
-        display: flex;
-        margin-right: 20px;
-        .jc {
-          color: #4ea6ff;
-          font-size: 14px;
-          margin-left: 20px;
+    .fb {
+      display: flex;
+      margin-right: 20px;
+      .jc {
+        color: #4ea6ff;
+        font-size: 14px;
+        margin-left: 20px;
+        white-space: nowrap;
+        cursor: pointer;
+      }
+    }
+  }
+}
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+      .ant-modal-body {
+        .delete {
+          z-index: 999;
+          width: 424px;
+          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: 40px;
+            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;
+              .del-icon {
+                display: flex;
+                align-items: center;
+                margin-right: 10px;
+                // background-image: url(@/assets/images/coursewareManage/notice.png);
+                img{
+                  background-size: 100% 100%;
+                  width: 16px;
+                  height: 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;
+            }
+            .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;
+                margin-right: 14px;
+                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;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
         }
       }
-    
+    }
   }
 }
 </style>