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

01

Browse Source
This commit is contained in:
clay
2022-01-14 22:07:22 +08:00
parent 05e116af0d
commit 5356c8b948
11 changed files with 529 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.env.development
View File

@@ -4,7 +4,8 @@ ENV = 'development'
# EBTS/开发环境 # EBTS/开发环境
#VUE_APP_BASE_API = '/dev-api' #VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = 'http://localhost:8096/dev-api' VUE_APP_BASE_API = 'http://localhost:8096/dev-api'
#VUE_APP_BASE_API = 'https://api.ebts.top/dev-api' SITE_TYPE = 'NEd5n92EMIpyyBslaNqsRgE'
#VUE_APP_BASE_API = 'http://sistapi.hchyun.cn/dev-api'
# 路由懒加载 # 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true

33
src/api/index.js Normal file
View File

@@ -0,0 +1,33 @@
/**
* @author: Clay
* @date: 2022/1/14 13:26
* @description：index
* @email: clay@hchyun.com
*/
import request from '@/utils/request'
// 查询测试列表
export function getStatistic(data) {
return request({
url: '/web/statistic',
method: 'post',
data:data
})
}
// 查询测试列表
export function getNavigation(data) {
return request({
url: '/web/getnavall',
method: 'post',
data:data
})
}
// 查询测试列表
export function getNode(data) {
return request({
url: '/web/node',
method: 'post',
data:data
})
}

15
src/api/test.js
View File

@@ -1,15 +0,0 @@
/**
* @author: Clay
* @date: 2021/12/27 22:50
* @description：test
* @email: clay@hchyun.com
*/
import request from '@/utils/request'
// 查询测试列表
export function test() {
return request({
url: '/sist/test/test',
method: 'get',
})
}

7
src/router/index.js
View File

@@ -11,7 +11,7 @@ const routes = [
}, },
{ {
path: '/sp', path: '/sp',
name: 'SchoolProfile', name: 'TeachingStaff',
component: () => import(/* webpackChunkName: "about" */ '../views/school_profile/index') component: () => import(/* webpackChunkName: "about" */ '../views/school_profile/index')
}, },
{ {
@@ -29,6 +29,11 @@ const routes = [
name: 'EduTeach', name: 'EduTeach',
component: () => import(/* webpackChunkName: "about" */ '../components/HelloWorld') component: () => import(/* webpackChunkName: "about" */ '../components/HelloWorld')
}, },
{
path: '/:navId',
name: 'content',
component: () => import(/* webpackChunkName: "about" */ '../views/content/index')
},
] ]
const router = new VueRouter({ const router = new VueRouter({

1
src/utils/request.js
View File

@@ -12,6 +12,7 @@ const service = axios.create({
}) })
// request拦截器 // request拦截器
service.interceptors.request.use(config => { service.interceptors.request.use(config => {
config.data['sitetype'] = 'NEd5n92EMIpyyBslaNqsRgE';
return config return config
}, error => { }, error => {
console.log(error) console.log(error)

73
src/views/content/components/Introduction.vue Normal file
View File

@@ -0,0 +1,73 @@
<template>
<div class="Introduction">
<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>
<div class="context">
<div class="title">{{value.title}}</div>
<div class="text" v-html="value.content"></div>
</div>
<!-- {{value}}-->
</el-col>
</el-row>
</div>
</template>
<script>
export default {
name: "Introduction",
props: {
value: {
type: String,
default: "",
},
}
}
</script>
<style scoped lang="scss">
.Introduction{
width: 100%;
}
.tab {
margin-left: 1.9rem;
margin-top: 1.5rem;
font-weight: 400;
font-size: 1.4rem !important;
}
.context {
margin: 3rem 4rem;
.title {
font-size: 2.4rem;
font-weight: 500;
color: #1956BC;
text-align: center;
}
.text {
width: 100%;
margin-top: 2rem;
font-size: 1.2rem;
font-weight: 400;
color: #3C3C3C;word-break: break-word; /* 文本行的任意字内断开 */
word-wrap: break-word; /* IE */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
pre{
width: 100%;
}
}
}
</style>

13
src/views/content/components/new_list.vue Normal file
View File

@@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "new_list"
}
</script>
<style scoped>
</style>

246
src/views/content/index.vue Normal file
View File

@@ -0,0 +1,246 @@
<template>
<div class="content">
<el-row>
<el-col :span="24">
<!--首页图片-->
<div class="top">
<img src="@/assets/school_profile/bj123.png" alt="">
</div>
</el-col>
</el-row>
<el-row>
<el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col v-show="width>=992" :md="6" :lg="6" :xl="4">
<div class="left_lab" ref="lab">
<div class="lab">
<div v-for="(nav,index) in navList" class="lab_div">
<div v-if="index === showIndex" class="lab_list lab_select" @click="navClick(nav,index)">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
{{ nav.title }}
</div>
</div>
<div v-if="index !== showIndex" class="lab_list" @click="navClick(nav,index)">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
{{ nav.title }}
</div>
</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>-->
</div>
</div>
</el-col>
<el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12">
<Introduction :value="contextData" v-if="type == 1"/>
</el-col>
<el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
<div class="grid-content"></div>
</el-col>
</el-row>
</div>
</template>
<script>
import {getNode} from "@/api";
import Introduction from './components/Introduction.vue'
export default {
name: "index",
components:{
Introduction,
},
data() {
return {
width: document.documentElement.clientWidth,
navId: null,
navList: [],
showIndex: 0,
contextData:{},
type:1,
}
},
watch: {
$route(to, from) {
console.log(to.path);
}
},
created() {
this.navId = this.$route.params && this.$route.params.navId;
this.navList = []
getNode({id: this.navId}).then(res => {
console.log(res)
this.navList = res.data
this.$refs.lab.style.height = this.navList.length*8 + 8 +'rem'
this.getContent(this.navList[0])
})
},
methods: {
getContent(menu) {
getNode({id: menu.encodeId}).then(res => {
console.log(res)
this.contextData = res.data
})
},
navClick(nav,index){
console.log(index,index != this.showIndex,this.showIndex)
if (index != this.showIndex){
this.showIndex = index
console.log(nav)
this.type = nav.type
this.getContent(nav)
}
}
},
}
</script>
<style scoped lang="scss">
.left_lab {
margin-left: 4rem;
width: 22rem;
height: 48rem;
background: #1956BC;
border-radius: 0rem 0rem 2rem 0rem;
position: relative;
.lab {
font-size: 1.6rem;
position: absolute;
left: 4.8rem;
top: 5rem;
width: 19rem;
margin-bottom: 3rem;
background: #FFFFFF;
box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(6, 42, 102, 0.67);
border-radius: 0rem 0rem 2.5rem 2rem;
.lab_list:last-child {
border: none;
}
.lab_div{
border-bottom: 0.1rem solid #94BCFF !important;
margin-left: 1rem;
}
.lab_div:last-child{
border-bottom: none !important;
padding-bottom: 1.5rem;
}
.lab_list {
cursor: pointer;
text-align: center;
width: 18rem;
height: 8rem;
clear: left;
line-height: 8rem;
.lab_img {
margin-top: .2rem;
float: left;
width: 1.4rem;
height: 1.4rem;
display: none;
margin-left: 4rem;
img {
width: 100%;
}
}
.lab_title {
color: #1956BC;
float: left;
margin-left: 6rem;
}
}
.lab_select {
background: #94BCFF;
.lab_img {
display: block;
}
.lab_title {
color: #FFFFFF;
margin-left: .4rem;
}
}
}
}
@media screen and (max-width: 980px) {
.left_lab {
margin-left: 3rem;
width: 16.5rem;
height: 36rem;
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;
}
}
}
}
}
</style>

175
src/views/header/index.vue
View File

@@ -64,66 +64,78 @@
<div>学院首页</div> <div>学院首页</div>
</div> </div>
</router-link> </router-link>
<router-link to="/sp">
<span v-for="menu in menuData">
<a>
<div class="link_text"> <div class="link_text">
<div class="border"></div> <div class="border"></div>
<div>学院概况</div> <div v-show="!english">{{ menu.title }}</div>
<div v-show="english">{{ menu.englishTitle }}</div>
<div class="secondary">
<ul>
<li v-for="item in menu.children" @click="menuCut(item)">
<span v-show="!english">{{ item.title }}</span>
<span v-show="english">{{ item.englishTitle }}</span>
</li>
</ul>
</div>
</div> </div>
</router-link> </a>
<router-link to="/ts"> </span>
<div class="link_text"> <!-- <router-link to="/ts">-->
<div class="border"></div> <!-- <div class="link_text">-->
<div>党群工作</div> <!-- <div class="border"></div>-->
</div> <!-- <div>党群工作</div>-->
</router-link> <!-- </div>-->
<router-link to="/et"> <!-- </router-link>-->
<div class="link_text"> <!-- <router-link to="/et">-->
<div class="border"></div> <!-- <div class="link_text">-->
<div>师资队伍</div> <!-- <div class="border"></div>-->
</div> <!-- <div>师资队伍</div>-->
</router-link> <!-- </div>-->
<router-link to="/"> <!-- </router-link>-->
<div class="link_text"> <!-- <router-link to="/">-->
<div class="border"></div> <!-- <div class="link_text">-->
<div>教育教学</div> <!-- <div class="border"></div>-->
</div> <!-- <div>教育教学</div>-->
</router-link> <!-- </div>-->
<router-link to="/"> <!-- </router-link>-->
<div class="link_text"> <!-- <router-link to="/">-->
<div class="border"></div> <!-- <div class="link_text">-->
<div>科学研究</div> <!-- <div class="border"></div>-->
</div> <!-- <div>科学研究</div>-->
</router-link> <!-- </div>-->
<router-link to="/"> <!-- </router-link>-->
<div class="link_text"> <!-- <router-link to="/">-->
<div class="border"></div> <!-- <div class="link_text">-->
<div>学科建设</div> <!-- <div class="border"></div>-->
</div> <!-- <div>学科建设</div>-->
</router-link> <!-- </div>-->
<router-link to="/"> <!-- </router-link>-->
<div class="link_text"> <!-- <router-link to="/">-->
<div class="border"></div> <!-- <div class="link_text">-->
<div>学生工作</div> <!-- <div class="border"></div>-->
</div> <!-- <div>学生工作</div>-->
</router-link> <!-- </div>-->
<router-link to="/"> <!-- </router-link>-->
<div class="link_text"> <!-- <router-link to="/">-->
<div class="border"></div> <!-- <div class="link_text">-->
<div>校友工作</div> <!-- <div class="border"></div>-->
</div> <!-- <div>校友工作</div>-->
</router-link> <!-- </div>-->
<router-link to="/"> <!-- </router-link>-->
<div class="link_text"> <!-- <router-link to="/">-->
<div class="border"></div> <!-- <div class="link_text">-->
<div>国际化</div> <!-- <div class="border"></div>-->
</div> <!-- <div>国际化</div>-->
</router-link> <!-- </div>-->
<router-link to="/"> <!-- </router-link>-->
<div class="link_text"> <!-- <router-link to="/">-->
<div class="border"></div> <!-- <div class="link_text">-->
<div>资料下载</div> <!-- <div class="border"></div>-->
</div> <!-- <div>资料下载</div>-->
</router-link> <!-- </div>-->
<!-- </router-link>-->
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@@ -132,23 +144,35 @@
</template> </template>
<script> <script>
import {getNavigation} from "@/api";
export default { export default {
name: "index", name: "index",
data() { data() {
return { return {
width: document.documentElement.clientWidth english:false,
width: document.documentElement.clientWidth,
menuData:[],
} }
}, },
created() { created() {
console.log(this.width) console.log(this.width)
getNavigation({}).then(res=>{
this.menuData = res.data
})
}, },
methods: { methods: {
menuCut(menu){
this.$router.push("/" + menu.encodeId);
},
switchLang() { switchLang() {
let lang = '' let lang = ''
if (this.$i18n.locale === 'en') { if (this.$i18n.locale === 'en') {
lang = 'cn' lang = 'cn'
this.english = false;
} else { } else {
lang = 'en' lang = 'en'
this.english = true;
} }
this.$i18n.locale = lang; this.$i18n.locale = lang;
} }
@@ -225,7 +249,7 @@ export default {
.link_text { .link_text {
width: 9%; width: 9%;
height: 100%; height: 100%;
line-height: 8.2rem; //line-height: 8.2rem;
text-align: center; text-align: center;
float: left; float: left;
font-size: 1.4rem; font-size: 1.4rem;
@@ -234,7 +258,34 @@ export default {
color: #FFFFFF; color: #FFFFFF;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
.secondary{
display: none;
li{
height: 3rem;
list-style: none;
border-bottom: .1rem solid gray;
background-color: #1956BC;
display: flex;
align-items: center;
justify-content: center;
}
li:hover{
background-color: rgba(25, 86, 188, 0.6);
}
li:last-child{
border-radius: 0 0 .5rem .5rem;
border-bottom: none;
}
position: absolute;
top: 8rem;
width: 100%;
//height: 5rem;
//background-color: #1956BC;
}
.border { .border {
position: absolute; position: absolute;
top: 0; top: 0;
@@ -250,10 +301,14 @@ export default {
.border{ .border{
background-color: #fff; background-color: #fff;
} }
.secondary{
display: table;
}
} }
} }
} }
} }
</style> </style>

32
src/views/index/components/bottom.vue
View File

@@ -18,7 +18,7 @@
<td> <td>
<div class="right one"> <div class="right one">
<div class="table_tr_left">职工人数</div> <div class="table_tr_left">职工人数</div>
<div class="table_tr_right">667人</div> <div class="table_tr_right">{{data.worker}}人</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -26,7 +26,7 @@
<td> <td>
<div class="right tow"> <div class="right tow">
<div class="table_tr_left">在校学生人数</div> <div class="table_tr_left">在校学生人数</div>
<div class="table_tr_right">667人</div> <div class="table_tr_right">{{data.students}}人</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -34,7 +34,7 @@
<td> <td>
<div class="right three"> <div class="right three">
<div class="table_tr_left">研究生导师</div> <div class="table_tr_left">研究生导师</div>
<div class="table_tr_right">667人</div> <div class="table_tr_right">{{data.postgraduateTutor}}人</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -42,7 +42,7 @@
<td> <td>
<div class="right fourth"> <div class="right fourth">
<div class="table_tr_left">科研团队</div> <div class="table_tr_left">科研团队</div>
<div class="table_tr_right">28000人</div> <div class="table_tr_right">{{data.worker}}人</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -50,7 +50,7 @@
<td> <td>
<div class="right five"> <div class="right five">
<div class="table_tr_left">高层次人才</div> <div class="table_tr_left">高层次人才</div>
<div class="table_tr_right">18个</div> <div class="table_tr_right">{{data.highLevelTalents}}个</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -58,7 +58,7 @@
<td> <td>
<div class="right sex"> <div class="right sex">
<div class="table_tr_left">重大项目</div> <div class="table_tr_left">重大项目</div>
<div class="table_tr_right">280000个</div> <div class="table_tr_right">{{data.majorProjects}}个</div>
</div> </div>
</td> </td>
</tr> </tr>
@@ -70,8 +70,26 @@
</template> </template>
<script> <script>
import {getStatistic} from "@/api";
export default { export default {
name: "bottom" name: "bottom",
data(){
return{
form:{
sitetype:process.env.SITE_TYPE,
test:'test'
},
data:{}
}
},
created() {
console.log(this.form)
getStatistic(this.form).then(res=>{
this.data = res.data
})
}
} }
</script> </script>

30
src/views/school_profile/index.vue
View File

@@ -257,24 +257,24 @@ export default {
margin-top: 1.5rem; margin-top: 1.5rem;
font-weight: 400; font-weight: 400;
font-size: 1.4rem !important; font-size: 1.4rem !important;
} .context {
margin: 3rem 4rem;
.context { .title {
margin: 3rem 4rem; font-size: 2.4rem;
font-weight: 500;
color: #1956BC;
text-align: center;
}
.title { .text {
font-size: 2.4rem; margin-top: 2rem;
font-weight: 500; font-size: 1.2rem;
color: #1956BC; font-weight: 400;
text-align: center; color: #3C3C3C;
} }
.text {
margin-top: 2rem;
font-size: 1.2rem;
font-weight: 400;
color: #3C3C3C;
} }
} }
} }
</style> </style>