hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-10 03:16:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:催促学习,催促考试

Browse Source
This commit is contained in:
岳佳鑫
2022-10-22 16:10:46 +08:00
parent a8a029c69c
commit ab3e40739e
3 changed files with 80 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/taskpage/check.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 563 B

44
src/components/drawers/TestManage.vue
View File

@@ -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;

41
src/components/drawers/TimeManage.vue
View File

@@ -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;