新增行政人员页面
This commit is contained in:
parent
8280137f43
commit
1ae524e2ea
|
|
@ -57,6 +57,15 @@ export const routes = [
|
||||||
border: false,
|
border: false,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: 'leaderShip',
|
||||||
|
path: '/leaderShip',
|
||||||
|
component: () => import('@/views/leaderShip.vue'),
|
||||||
|
meta: {
|
||||||
|
title: '哈尔滨师范大学评卷报名系统',
|
||||||
|
border: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
// 匹配不到重定向会主页
|
// 匹配不到重定向会主页
|
||||||
|
|
|
||||||
|
|
@ -220,6 +220,46 @@
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
// 用户取消操作
|
// 用户取消操作
|
||||||
});
|
});
|
||||||
|
} else if (res.result.identity === 1) {
|
||||||
|
// 行政人员
|
||||||
|
showConfirmDialog({
|
||||||
|
title: '工号确认',
|
||||||
|
allowHtml: true,
|
||||||
|
confirmButtonColor: '#8D2328',
|
||||||
|
message: `<p style="text-align: left;text-indent:24px"><span style="font-weight: 700">${res.result.userName}</span>同志，已在2024年哈尔滨师范大学评卷数据库中检索到您的信息,请点击确认查看您的分工。</p>`,
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
checkUser(code).then((res) => {
|
||||||
|
if (res.result.code == 500) {
|
||||||
|
loading.value = false;
|
||||||
|
show.value = false;
|
||||||
|
store.logout();
|
||||||
|
alert(res.result.message);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// 未填写信息
|
||||||
|
if (res.result.status == '1') {
|
||||||
|
showNotify({ type: 'success', message: '登录成功' });
|
||||||
|
loading.value = false;
|
||||||
|
show.value = false;
|
||||||
|
store.login(res.result);
|
||||||
|
router.push(res.result.router);
|
||||||
|
}
|
||||||
|
// 填写过信息
|
||||||
|
if (res.result.status == '2') {
|
||||||
|
showNotify({ type: 'success', message: '登录成功' });
|
||||||
|
loading.value = false;
|
||||||
|
show.value = false;
|
||||||
|
localStorage.clear();
|
||||||
|
|
||||||
|
store.login(res.result);
|
||||||
|
store.setUserId(res.result.userId);
|
||||||
|
store.setGroupId(res.result.groupId);
|
||||||
|
router.push(res.result.router);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,313 @@
|
||||||
|
<template>
|
||||||
|
<div class="main-container">
|
||||||
|
<div class="hsd-title">
|
||||||
|
<img src="@/assets/orangeUi/logo.svg" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="main-text">
|
||||||
|
<div class="main-page">
|
||||||
|
<p
|
||||||
|
><span style="color: black">{{ userInfo.userName }}</span> 同志：</p
|
||||||
|
>
|
||||||
|
<div v-if="userInfo.beforeDuty">
|
||||||
|
<p style="text-indent: 2em">2023年，您在哈尔滨师范大学评卷点</p>
|
||||||
|
<p v-for="(item, index) in beforeData" :key="index + 1"
|
||||||
|
><span style="font-weight: 600">{{ item.group }}</span
|
||||||
|
>中担任<span style="font-weight: 600">{{ item.duty }}</span
|
||||||
|
>职务</p
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div v-if="userInfo.duty">
|
||||||
|
<p style="text-indent: 2em">本次，您在哈尔滨师范大学评卷点</p>
|
||||||
|
<p v-for="(item, index) in nowData" :key="index"
|
||||||
|
><span style="font-weight: 600">{{ item.duty }}</span
|
||||||
|
>中担任<span style="font-weight: 600">{{ item.group }}</span
|
||||||
|
>职务</p
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<p style="text-indent: 2em"> 您的信息已在我校2024年评卷人员数据库存档，感谢您对本次评卷工作的支持。 </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="main-icon">
|
||||||
|
<div class="main-item">
|
||||||
|
<van-row>
|
||||||
|
<van-col span="8">
|
||||||
|
<img @click="show1 = true" src="../assets/imgs/ditu.svg" alt="" />
|
||||||
|
<div class="ditu-img" v-if="show1">
|
||||||
|
<span @click="show1 = false"> 关闭 ✕ </span>
|
||||||
|
<div class="card-img">
|
||||||
|
<img src="@/assets/orangeUi/ditu.jpg" style="width: 100%; height: 100%" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>师大地图</p>
|
||||||
|
</van-col>
|
||||||
|
|
||||||
|
<van-col span="8">
|
||||||
|
<img @click="show6 = true" src="@/assets/imgs/xysh.svg" alt="" />
|
||||||
|
<div class="xysh-img" v-if="show6">
|
||||||
|
<span @click="show6 = false"> 关闭 ✕ </span>
|
||||||
|
</div>
|
||||||
|
<p>校园生活</p>
|
||||||
|
</van-col>
|
||||||
|
|
||||||
|
<van-col span="8">
|
||||||
|
<img @click="show7 = true" src="../assets/imgs/zhixie.svg" alt="" />
|
||||||
|
<div class="zhixie-img" v-if="show7">
|
||||||
|
<span @click="show7 = false"> 关闭 ✕ </span>
|
||||||
|
<div class="card-img">
|
||||||
|
<img src="@/assets/orangeUi/zhixie.jpg" style="width: 100%; height: 100%" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p>致谢</p>
|
||||||
|
</van-col>
|
||||||
|
</van-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<img class="bot-img" src="@/assets/orangeUi/index_footer.svg" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { onMounted, reactive, ref } from 'vue';
|
||||||
|
import { getUser } from '@/api';
|
||||||
|
import { useUserStore } from '@/store';
|
||||||
|
|
||||||
|
const store = useUserStore();
|
||||||
|
const show1 = ref(false);
|
||||||
|
const show6 = ref(false);
|
||||||
|
const show7 = ref(false);
|
||||||
|
|
||||||
|
let userInfo = reactive({
|
||||||
|
userName: '', // 用户名
|
||||||
|
duty: '',
|
||||||
|
beforeDuty: '',
|
||||||
|
beforeGroupLevel: '',
|
||||||
|
groupLevel: '',
|
||||||
|
});
|
||||||
|
const showIcon = reactive({
|
||||||
|
show1: false,
|
||||||
|
show6: false,
|
||||||
|
show7: false,
|
||||||
|
});
|
||||||
|
let beforeData = reactive([]); // 23年数据
|
||||||
|
let nowData = reactive([]); // 24年数据
|
||||||
|
|
||||||
|
// 页面加载时获取用户信息
|
||||||
|
onMounted(() => {
|
||||||
|
getUser(store.getUserId).then(
|
||||||
|
(res) => {
|
||||||
|
console.log('获取到的用户信息', res);
|
||||||
|
Object.assign(userInfo, res.result.user); // 使用 Object.assign 更新属性
|
||||||
|
Object.assign(showIcon, res.result);
|
||||||
|
// 处理23年数据
|
||||||
|
if (userInfo.beforeGroupLevel && userInfo.beforeDuty) {
|
||||||
|
// 组别
|
||||||
|
let beforeGroupLevelArr = userInfo.beforeGroupLevel.split('|');
|
||||||
|
// 职务
|
||||||
|
let beforeDutyArr = userInfo.beforeDuty.split('|');
|
||||||
|
beforeGroupLevelArr.forEach((item, index) => {
|
||||||
|
beforeData.push({
|
||||||
|
group: beforeGroupLevelArr[index],
|
||||||
|
duty: beforeDutyArr[index],
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理24年数据
|
||||||
|
if (userInfo.groupLevel && userInfo.duty) {
|
||||||
|
// 组别
|
||||||
|
let groupArr = userInfo.groupLevel.split('|');
|
||||||
|
// 职务
|
||||||
|
let dutyArr = userInfo.duty.split('|');
|
||||||
|
dutyArr.forEach((item, index) => {
|
||||||
|
nowData.push({
|
||||||
|
group: dutyArr[index],
|
||||||
|
duty: groupArr[index],
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.log(userInfo, 'userInfo');
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
console.log(err);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
//容器
|
||||||
|
.main-container {
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
background: url('@/assets/orangeUi/bj5.svg') no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
//display: flex;
|
||||||
|
//flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
.hsd-title {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
//padding-top: 20px; // 调整顶部间距
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 65%;
|
||||||
|
margin-top: 5vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-text {
|
||||||
|
//border: 1px solid #1800f5;
|
||||||
|
width: 100vw;
|
||||||
|
//height: 28vh;
|
||||||
|
.main-page {
|
||||||
|
width: 95vw;
|
||||||
|
//margin-top: 15px;
|
||||||
|
// 边框radius是10px，边框阴影10px
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
background-size: 100%;
|
||||||
|
margin: 50px auto;
|
||||||
|
margin-top: 10;
|
||||||
|
color: #180b0e;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 27px;
|
||||||
|
text-align: left;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
p {
|
||||||
|
all: unset; /* 所有属性重置为默认值 */
|
||||||
|
//text-indent: 2em;
|
||||||
|
|
||||||
|
//margin: 0 30px;
|
||||||
|
text-align: left;
|
||||||
|
line-height: 1.7;
|
||||||
|
padding: 0;
|
||||||
|
padding-left: 23px;
|
||||||
|
margin: 0;
|
||||||
|
display: block;
|
||||||
|
span {
|
||||||
|
font-weight: 700;
|
||||||
|
//color: red;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//icon图片
|
||||||
|
.main-icon {
|
||||||
|
//width: 100vw;
|
||||||
|
//height: 20vh;
|
||||||
|
//border: 1px solid #8D2328;
|
||||||
|
//position: absolute;
|
||||||
|
width: 97vw;
|
||||||
|
height: 20vh;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.main-item {
|
||||||
|
img {
|
||||||
|
width: 40%;
|
||||||
|
margin-top: 15%;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin-top: -5px;
|
||||||
|
font-size: 0.7rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
//地图
|
||||||
|
.ditu-img {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: white;
|
||||||
|
z-index: 999;
|
||||||
|
img {
|
||||||
|
margin-top: 50%;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
position: absolute;
|
||||||
|
left: 80%;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #262626;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//校园生活
|
||||||
|
.xysh-img {
|
||||||
|
background: url('@/assets/orangeUi/xysh.jpg') no-repeat center center;
|
||||||
|
background-size: cover;
|
||||||
|
//background: url("@/assets/orangeUi/xysh.svg") no-repeat center;
|
||||||
|
////background-size: cover;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: white;
|
||||||
|
//background: url() no-repeat;
|
||||||
|
.card-img {
|
||||||
|
//padding-top: 10%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
width: 30vw;
|
||||||
|
//border: 1px solid red;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #262626;
|
||||||
|
font-size: 20px;
|
||||||
|
position: absolute;
|
||||||
|
right: 5px;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.zhixie-img {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: white;
|
||||||
|
z-index: 999;
|
||||||
|
img {
|
||||||
|
margin-top: 20%;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
position: absolute;
|
||||||
|
left: 80%;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #262626;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//底部
|
||||||
|
.footer {
|
||||||
|
//position: absolute;
|
||||||
|
//bottom: 0;
|
||||||
|
margin-top: 5vh;
|
||||||
|
width: 100%;
|
||||||
|
height: 20vh;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
//border: 1px solid #000;
|
||||||
|
.bot-img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue