229 lines
6.1 KiB
Vue
229 lines
6.1 KiB
Vue
<template>
|
|
<div>
|
|
<div class="six-action-container">
|
|
<div style="padding: 1rem;" class="six-action-item" v-for="(v, i) in taskList" :key="i">
|
|
<div class="bubble"
|
|
:style="{ backgroundImage: `url(${require('@/assets/index_bg/' + (i + 1) + '.png')})` }">
|
|
<div class="act-text">
|
|
<div class="title">
|
|
{{ v.label }}·待办
|
|
</div>
|
|
<div class="todo">
|
|
{{ v.value }}
|
|
</div>
|
|
</div>
|
|
<div class="bg-to" @click="toRoute(v.url)">更多☞</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import { countFdyUnDo as countUndo } from "@/api/stuCQS/good/apply";
|
|
import { isEmpty } from "@/api/helpFunc";
|
|
import { checkPermi } from "@/utils/permission";
|
|
export default {
|
|
name: "xw-undo",
|
|
data() {
|
|
return {
|
|
hasPrem:false,
|
|
|
|
taskList: [
|
|
{
|
|
label: "辅导员·评优评先审核",
|
|
name: "good",
|
|
value: 0,
|
|
url: "/stuGood/about-good/fdy"
|
|
},
|
|
{
|
|
label: "辅导员·静湖之星审核",
|
|
name: "lake",
|
|
value: 0,
|
|
url: "/stuGood/about-lake/fdy"
|
|
},
|
|
{
|
|
label: "辅导员·优秀毕业生审核",
|
|
name: "biye",
|
|
value: 0,
|
|
url: "/stuGood/good-graduate/fdy"
|
|
},
|
|
{
|
|
label: "辅导员·困难认定审核",
|
|
name: "kn",
|
|
value: 0,
|
|
url: "/hard/pks/fdy"
|
|
},
|
|
{
|
|
label: "辅导员·助学金审核",
|
|
name: "zx",
|
|
value: 0,
|
|
url: "/hard/zxj/fdy"
|
|
},
|
|
{
|
|
label: "辅导员·宿舍管理审核",
|
|
name: "dms",
|
|
value: 0,
|
|
url: "/dormitory/stuDormitoryManage/fdys"
|
|
},
|
|
{
|
|
label: "辅导员·学生证补办审核",
|
|
name: "xszb",
|
|
value: 0,
|
|
url: "/routine/sicr/counsellorExamine"
|
|
},
|
|
{
|
|
label: "辅导员·在校证明审核",
|
|
name: "zxzm",
|
|
value: 0,
|
|
url: "/routine/school/application"
|
|
},
|
|
|
|
{
|
|
label: "辅导员·任务管理审核",
|
|
name: "rwgl",
|
|
value: 0,
|
|
url: "/task/todo"
|
|
},
|
|
{
|
|
label: "辅导员·困难资助审核",
|
|
name: "knzz",
|
|
value: 0,
|
|
url: "hard/tufa/fdy"
|
|
},
|
|
{
|
|
label: "辅导员·学生离校审核",
|
|
name: "leave",
|
|
value: 0,
|
|
url: "/survey/leave/fdy"
|
|
},
|
|
{
|
|
// 宁博
|
|
label: "辅导员·学生返校审核",
|
|
name: "return",
|
|
value: 0,
|
|
url: "/survey/return/fdy"
|
|
},
|
|
{
|
|
label: "辅导员·国家励志奖学金审核",
|
|
name: "knzzgl",
|
|
value: 0,
|
|
url: "/hard/gl/fdy"
|
|
},
|
|
// 陈冠元
|
|
{
|
|
label: "辅导员·自治区人民政府奖学金审核",
|
|
name: "knzzzzq",
|
|
value: 0,
|
|
url: "/hard/zzq/fdy",
|
|
},
|
|
//知无涯
|
|
{
|
|
label: "辅导员·中职升高职补助审核",
|
|
name: "zsg",
|
|
value: 0,
|
|
url: "hard/zsg/fdy"
|
|
},
|
|
//邵政文
|
|
{
|
|
label: "辅导员·住宿费用确认审核",
|
|
name: "zsfy",
|
|
value: 0,
|
|
url: "/dormitory/new/FdyConfirm"
|
|
},
|
|
],
|
|
|
|
|
|
}
|
|
},
|
|
created() {
|
|
if (checkPermi(['home:fdy:undo1'])) {
|
|
this.countUndo();
|
|
this.hasPrem = true;
|
|
}
|
|
},
|
|
methods: {
|
|
async countUndo() {
|
|
let res = await countUndo();
|
|
if (res.code == 200) {
|
|
let data = [...res.data];
|
|
this.taskList.map(x => {
|
|
let temp = data.filter(y => y.startsWith(x.name));
|
|
if (!isEmpty(temp)) {
|
|
let result = temp[0].split("-")[1];
|
|
x.value = result;
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
toRoute(url) {
|
|
if (!isEmpty(url)) {
|
|
this.$router.push(url);
|
|
}
|
|
},
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.six-action-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.six-action-item {
|
|
flex-basis: 33.33%;
|
|
}
|
|
|
|
.bubble {
|
|
overflow: hidden;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
height: 170px;
|
|
border-radius: 1rem;
|
|
// background-image: linear-gradient(120deg, rgb(134, 233, 98) 0%, rgb(45, 175, 92) 100%);
|
|
position: relative;
|
|
background-size: cover;
|
|
min-width: 250px;
|
|
}
|
|
|
|
.act-text {
|
|
width: 100%;
|
|
z-index: 2;
|
|
margin: 1rem;
|
|
|
|
|
|
.title {
|
|
text-align: left;
|
|
font-size: 1.25rem;
|
|
color: #fff;
|
|
}
|
|
|
|
.todo {
|
|
margin-top: 1rem;
|
|
font-size: 6rem;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.bg-to {
|
|
cursor: pointer;
|
|
z-index: 3;
|
|
position: absolute;
|
|
bottom: 5%;
|
|
right: 3%;
|
|
margin-top: 10px;
|
|
color: white;
|
|
}
|
|
|
|
.six-action-item:hover,
|
|
.fast-act:hover {
|
|
cursor: pointer;
|
|
|
|
transform: scale(1.1);
|
|
}
|
|
</style>
|