style：新增提醒 修改考勤按钮 新增签到/签退/请假通知框

src/components/drawers/FaceManage.vue

@@ -52,7 +52,7 @@
           </div>
         </div>
         <div class="btnss" style="margin-top: 20px">
-          <div class="btn btn1" style="margin-right: 20px">
+          <div class="btn btn1" style="margin-right: 20px" @click="showopen">
             <div class="img1"></div>
             <div class="wz">催促学习</div>
           </div>
@@ -136,6 +136,10 @@
           <button class="btn btn2" @click="check">确定</button>
         </div>
       </a-modal>
+      <div class="noticebox" v-show="open">
+        <div><img src="../../assets/images/taskpage/check.png" /></div>
+        <div class="notext">催促学员成功</div>
+      </div>
     </div>
   </a-drawer>
   <!-- 录入成绩抽屉 -->
@@ -143,7 +147,7 @@
 </template>
 
 <script>
-import { toRefs, reactive } from "vue";
+import { toRefs, reactive, onMounted, onUnmounted } from "vue";
 import EntryScores from "./EntryScores.vue";
 export default {
   name: "FaceManage",
@@ -165,6 +169,7 @@ export default {
       currentPage: 1,
       tableDataTotal: 100,
       showdonemodal: false,
+      open: false,
       selectedRowKeys: [],
       projectNameList: [
         {
@@ -351,7 +356,18 @@ export default {
       // }
       // state.selectedRowKeys = selectedRowKeys;
     };
-
+    const showopen = () => {
+      state.open = true;
+    };
+    let timer;
+    onMounted(() => {
+      timer = setInterval(() => {
+        state.open = false;
+      }, 3000);
+    });
+    onUnmounted(() => {
+      clearInterval(timer);
+    });
     return {
       ...toRefs(state),
       selectProjectName,
@@ -363,6 +379,7 @@ export default {
       showEntryScore,
       showdoneModal,
       closedoneModal,
+      showopen,
     };
   },
 };
@@ -381,6 +398,7 @@ export default {
 //   }
 
 // }
+
 //面授管理弹窗
 .FacMa {
   .ant-modal {
@@ -498,6 +516,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;
@@ -615,7 +650,7 @@ export default {
           .img1 {
             width: 15px;
             height: 17px;
-            background-image: url(../../assets/images/courseManage/search0.png);
+            background-image: url(../../assets/images/basicinfo/call.png);
             background-size: 100% 100%;
             margin-right: 7px;
           }