odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

微调

Browse Source
This commit is contained in:
clay
2022-01-03 18:32:26 +08:00
parent ba60c3dc5e
commit c6f6f55069
6 changed files with 758 additions and 647 deletions
Download Patch File Download Diff File Expand all files Collapse all files

648
src/views/teaching_staff/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div id="edu_teach">
<el-row>
<el-col :span="24">
<el-col>
<!--首页图片-->
<div class="top">
<img src="@/assets/school_profile/bj123.png" alt="">
@@ -10,303 +10,302 @@
</el-row>
<el-row>
<el-col :offset="4" :span="16">
<el-row>
<el-col :span="6">
<div class="left_lab">
<div class="lab">
<div class="lab_list lab_select">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
教师名录
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
高层次人才
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
硕士生导师
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
博士生导师
</div>
</div>
<el-col v-show="width>=992" :xs="1" :sm="1" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col :xs="7" :sm="7" :md="6" :lg="4" :xl="4">
<div class="left_lab">
<div class="lab">
<div class="lab_list lab_select">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
教师名录
</div>
</div>
</el-col>
<el-col :span="18">
<el-row>
<el-col>
<div class="tab">
<router-link to="/">首页</router-link>
<span> > </span>
<router-link to="">师资队伍</router-link>
<span> > </span>
<span style="color: #1956BC;font-size: 1.4rem">教师名录</span>
</div>
</el-col>
</el-row>
<el-row>
<!--正文内容-->
<el-col class="context">
<el-row class="context_el-row">
<el-col :span="2" :offset="1">
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
</el-col>
<el-col :span="3" class="context_name">通信工程系</el-col>
<el-col :span="16">
<hr class="context_hr">
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
系主任
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>梁暄</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
党支部书记
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>彭焕优</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
实验室主任
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>谢绘谰</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
教授(15人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
副教授(17人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
实验人员(2人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
讲师/助理研究员(14人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
实验人员(2人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
</el-col>
</el-row>
<el-row class="context_el-row">
<el-col :span="2" :offset="1">
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
</el-col>
<el-col :span="5" class="context_name">自动化与智能工程系</el-col>
<el-col :span="14">
<hr class="context_hr">
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
系主任
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>梁暄</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
党支部书记
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>彭焕优</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
教授(15人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
副教授(17人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
实验人员(2人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
</el-col>
</el-row>
</el-col>
</el-row>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
高层次人才
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
硕士生导师
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
博士生导师
</div>
</div>
</div>
</div>
</el-col>
<el-col :xs="16" :sm="16" :md="14" :lg="12" :xl="12">
<el-row>
<el-col>
<div class="tab">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>师资队伍</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/' }">教师名录</el-breadcrumb-item>
</el-breadcrumb>
</div>
</el-col>
</el-row>
<el-row>
<!--正文内容-->
<el-col class="context">
<el-row class="context_el-row">
<el-col :span="2" :offset="1">
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
</el-col>
<el-col :span="3" class="context_name">通信工程系</el-col>
<el-col :span="16">
<hr class="context_hr">
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
系主任
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>梁暄</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
党支部书记
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>彭焕优</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
实验室主任
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>谢绘谰</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
教授(15人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
副教授(17人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
实验人员(2人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
讲师/助理研究员(14人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
实验人员(2人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
</el-col>
</el-row>
<el-row class="context_el-row">
<el-col :span="2" :offset="1">
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
</el-col>
<el-col :span="5" class="context_name">自动化与智能工程系</el-col>
<el-col :span="14">
<hr class="context_hr">
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
系主任
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>梁暄</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
党支部书记
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>彭焕优</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
教授(15人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
副教授(17人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
<div>何翔翔</div>
<div>孔阳阳</div>
<div>邵岗贤</div>
<div>田心心</div>
<div>赖兴</div>
<div>阎婧</div>
<div>秦大毛</div>
<div>程爱爱</div>
<div>方浍溪</div>
<div>胡乐乐</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
<div>锺心心</div>
<div>戴竞</div>
</el-col>
</el-row>
<el-row>
<el-col class="name" :offset="1" :span="23">
实验人员(2人)
</el-col>
</el-row>
<el-row>
<el-col class="text" :offset="1" :span="23">
<div>锺心心</div>
<div>文荭潇</div>
</el-col>
</el-row>
</el-col>
</el-row>
</el-col>
<el-col v-show="width>=992" :xs="1" :sm="1" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
</el-row>
</div>
@@ -314,7 +313,12 @@
<script>
export default {
name: "index"
name: "index",
data() {
return {
width: document.documentElement.clientWidth
}
},
}
</script>
@@ -394,6 +398,41 @@ export default {
}
}
@media screen and (max-width: 980px) {
.left_lab {
margin-left: 3rem;
width: 16.5rem;
height: 30rem;
border-radius: 0rem 0rem 1rem 0rem;
.lab {
left: 3.6rem;
top: 3.75rem;
width: 14.25rem;
margin-bottom: 2.25rem;
border-radius: 0rem 0rem 1.2rem 1rem;
.lab_list {
margin-left: .75rem;
width: 13.5rem;
height: 6rem;
line-height: 6rem;
.lab_img {
margin-top: .1rem;
width: 1.05rem;
height: 1.05rem;
display: none;
margin-left: 3rem;
}
.lab_title {
margin-left: 1.5rem;
}
}
}
}
}
.tab {
margin-left: 1.9rem;
margin-top: 1.5rem;
@@ -409,7 +448,7 @@ export default {
.context {
margin: 3rem 2rem;
padding-bottom: 3rem;
width: 84.3rem;
//width: 84.3rem;
background: #FFFFFF;
.context_el-row {
@@ -433,19 +472,28 @@ export default {
border: #1956BC solid 0.1rem;
}
}
.name{
.name {
margin-top: 2rem;
font-size: 1.4rem;
font-weight: 600;
color: #1956BC;
}
.text{
.text {
font-size: 1.2rem;
color: #3C3C3C;
clear: left;
div{
margin-top: .4rem;
//@media (max-width: 980px) and (min-width: 980px) {
// float: left;
//}
//
//@media screen and (max-width: 980px) {
//
//}
div {
float: left;
margin-top: .4rem;
width: 7.4%;
}
}