From ab3e40739e988baf7bb042778d8a2255f22bb4d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Sat, 22 Oct 2022 16:10:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=82=AC=E4=BF=83=E5=AD=A6=E4=B9=A0,?=
 =?UTF-8?q?=E5=82=AC=E4=BF=83=E8=80=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/taskpage/check.png  | Bin 0 -> 563 bytes
 src/components/drawers/TestManage.vue |  44 ++++++++++++++++++++++++--
 src/components/drawers/TimeManage.vue |  41 ++++++++++++++++++++++--
 3 files changed, 80 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/images/taskpage/check.png

diff --git a/src/assets/images/taskpage/check.png b/src/assets/images/taskpage/check.png
new file mode 100644
index 0000000000000000000000000000000000000000..53bcd491c5d19d65b6599de32c309c414782e53c
GIT binary patch
literal 563
zcmV-30?hr1P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px$?MXyIR5(wiQ%!4AQ4l@nzEryvs=U0Y6pX9l$09-{DJmjZq1wKXB0^ntA%Y<G
z54aHAv?{m}?cR@&=SM(=E^O#a6wJa!b=8Gbya^~Gt|ZNSBR9`TXi`PJyP3IjX3m)z
zV%^L7_K?7u2ILrkol#g;0kvSof;;))`n%2)wvF5aYziD_4v=#spNq)jP-Ml#6`3S?
zN<@wWyfx6TFWpXI&BR&&Cb^k#o>DMK$mv3+R$bqjv9o?WCEz_F-f!KkM-4~|!1bM*
z07lpPF<eaP&%Kh{zOkw^(Dxm$06g<D`T`@)d_&;iMwPpDGM(V16_b5*{ls-rl7+M$
z`(5Q+WqUFRf<4|y?O}^f*(r)}g|6=`19HR5)aEw=7%y+zr6g7&<$fVun~7-0rvY3v
z0N+9hPd*x{FaFfS1FfrG`on8ukH4@7Ri7#WSlXM`XD<_B%fDnFR#Z>A04B=uD-fPn
z3P(lp6PjU(U{z^-CO?Uw-Q`5ZKEzNJds4{yiE9Fx0`L{Y@|T9rEgnI$lVU`HhC*)<
z-Lf-F!49=WPvwWu=$b@Z#D5v1Tec5CSRrKp|1Z+tta4OY-8HKm`>0RkC(-!hG0}oB
z<nGR6vb3Ht$-j=NQ=s1Gj8%XOL@-~-)Zcdg{{ahP{gs~}^SJ;3002ovPDHLkV1gwP
B0)7Ah

literal 0
HcmV?d00001

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;