dianliang/school_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of http://122.51.230.86:3000/dianliang/school_website

Browse Source 
# Conflicts:
#	ruoyi-ui/src/views/officialWebsite/platform.vue
#	ruoyi-ui/src/views/officialWebsite/teaching.vue
This commit is contained in:
“hhk” 2024-07-29 14:36:36 +08:00
commit b5a4a41b99
14 changed files with 92 additions and 1422 deletions

14
ruoyi-ui/src/router/index.js
View File

@ -43,71 +43,85 @@ export const constantRoutes = [
},
{
path: '/gw',
name:'gw',
component: () => import('@/views/home'),
hidden: true
},
{
path: '/sb',//测试
name:'sb',
component: () => import('@/views/sb'),
hidden: true
},
{
path: '/about',// 中心概括
name:'about',
component: () => import('@/views/officialWebsite/about'),
hidden: true
},
{
path: '/platform', // 教学平台
name:'platform',
component: () => import('@/views/officialWebsite/platform'),
hidden: true
},
{
path: '/teaching', // 教学资源
name:'teaching',
component: () => import('@/views/officialWebsite/teaching'),
hidden: true
},
{
path: '/team', // 教学团队
name:'team',
component: () => import('@/views/officialWebsite/team'),
hidden: true
},
{
path: '/committee', // 专业委员会
name:'committee',
component: () => import('@/views/officialWebsite/committee'),
hidden: true
},
{
path: '/news', // 教学研讨活动
name:'news',
component: () => import('@/views/officialWebsite/news'),
hidden: true
},
{
path: '/xufang', // 虚仿专业频道
name:'xufang',
component: () => import('@/views/officialWebsite/xufang'),
hidden: true
},
{
path: '/competition', // 大赛风采
name:'competition',
component: () => import('@/views/officialWebsite/competition'),
hidden: true
},
{
path: '/cases', // 合作企业
name:'cases',
component: () => import('@/views/officialWebsite/cases'),
hidden: true
},
{
path: '/contact', // 联系我们
name:'contact',
component: () => import('@/views/officialWebsite/contact'),
hidden: true
},
{
path: '/practice', // 实践平台
name:'practice',
component: () => import('@/views/officialWebsite/practice'),
hidden: true
},
{
path: '/login',
component: () => import('@/views/login'),
hidden: true
},

1
ruoyi-ui/src/views/home.vue
View File

@ -339,6 +339,7 @@ export default {
}
},
mounted() {
console.log(this.$route.params.id)
// 页面加载完毕调用
this.tabLsit();
this.getWebBaseInfo()

14
ruoyi-ui/src/views/officialWebsite/Components/header.vue
View File

@ -11,7 +11,7 @@
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index" @click="tabClick(item)" >
<div class="x-x" v-for="(item, index) in tablist " :key="index" @click="tabClick(item.jumpUrl, item.id)" >
{{ item.label }}
</div>
</div>
@ -59,10 +59,14 @@ export default {
this.getWebBaseInfo()
},
methods:{
tabClick(item){
if(item){
this.$router.push(item.jumpUrl);
}
tabClick(url,id){
console.log(url,id)
this.$router.push({
name: url,
params:{ id: id }
});
},
tabLsit() {
getTab().then(response => {

136
ruoyi-ui/src/views/officialWebsite/about.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -98,114 +79,7 @@
</div>
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
@ -213,10 +87,14 @@
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import { getPageData } from "@/api/officialWebsite/getPageData";
import headers from '@/views/officialWebsite/Components/header.vue'
import footers from '@/views/officialWebsite/Components/footer.vue'
export default {
components: {
Swiper,
SwiperSlide,
headers,
footers
},
name: 'HelloWorld',
props: {
@ -305,7 +183,7 @@ export default {
});
});
let current_leader_param = {
"categoryId": "1813827861774209024",
"pageNum": 1,

134
ruoyi-ui/src/views/officialWebsite/cases.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -51,124 +32,21 @@
</el-pagination>
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
<script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import headers from '@/views/officialWebsite/Components/header.vue'
import footers from '@/views/officialWebsite/Components/footer.vue'
export default {
components: {
Swiper,
SwiperSlide,
headers,
footers
},
name: 'HelloWorld',
props: {

134
ruoyi-ui/src/views/officialWebsite/committee.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -115,122 +96,19 @@
</div>
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
<script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue'
export default {
components: {
headers,
footers,
Swiper,
SwiperSlide,
},

134
ruoyi-ui/src/views/officialWebsite/competition.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -59,122 +40,19 @@
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
<script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue'
export default {
components: {
headers,
footers,
Swiper,
SwiperSlide,
},

134
ruoyi-ui/src/views/officialWebsite/contact.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -62,122 +43,19 @@
<img src="../../assets/gw/Snipaste_2024-07-24_22-28-43.jpg" alt="">
</div>
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
<script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue'
export default {
components: {
headers,
footers,
Swiper,
SwiperSlide,
},

134
ruoyi-ui/src/views/officialWebsite/news.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -61,122 +42,19 @@
<el-pagination background layout="prev, pager, next" :total="1000" class="">
</el-pagination>
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
<script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue'
export default {
components: {
headers,
footers,
Swiper,
SwiperSlide,
},

134
ruoyi-ui/src/views/officialWebsite/platform.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -71,114 +52,7 @@
</div>
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
@ -186,8 +60,12 @@
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import {getPageData} from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue'
export default {
components: {
headers,
footers,
Swiper,
SwiperSlide,
},

142
ruoyi-ui/src/views/officialWebsite/practice.vue
View File

@ -1,34 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;cursor: pointer;width: 170px;">
<i class="el-icon-search" v-if="show_search"></i>
<div style="font-size: 18px; margin-left: 15px; " v-if="show_search" @click="show_search = !show_search">搜索
</div>
<el-input placeholder="输入关键词" v-model="input4" style="width: 150px;height: 35px" v-if="!show_search">
<i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-input>
<i class="el-icon-circle-close" v-if="!show_search" style="margin-left: 10px;"
@click="show_search = true"></i>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -110,122 +83,19 @@
</div>
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
<script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue'
export default {
components: {
headers,
footers,
Swiper,
SwiperSlide,
},

135
ruoyi-ui/src/views/officialWebsite/teaching.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -72,114 +53,7 @@
</el-pagination></div>
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
@ -187,8 +61,13 @@
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import { getPageData } from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue'
export default {
components: {
headers,
footers,
Swiper,
SwiperSlide,
},

134
ruoyi-ui/src/views/officialWebsite/team.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -79,122 +60,19 @@
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
<script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue'
export default {
components: {
headers,
footers,
Swiper,
SwiperSlide,
},

134
ruoyi-ui/src/views/officialWebsite/xufang.vue
View File

@ -1,26 +1,7 @@
<template>
<div class="container">
<div class="top-box">
<div class="tab-box">
<!-- left -->
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<!-- tab -->
<div class="d-s">
<div class="x-x" v-for="(item, index) in tablist " :key="index">
{{ item.name }}
</div>
</div>
<!-- right -->
<div class="d-s" style="font-size: 20px; color: #fff;">
<i class="el-icon-search"></i>
<div style="font-size: 18px; margin-left: 15px; ">搜索</div>
</div>
</div>
<headers></headers>
<div class="ny-banner">
<img src="../../assets/gw/ny-banner.jpg" alt="">
@ -76,122 +57,19 @@
</el-pagination>
</div>
<div class="index-footer">
<div class="footer">
<div class="logo">
<div class="d-s">
<div class="logo-box"></div>
<div class="logo-size">
虚拟仿真实验教学中心
</div>
</div>
<div class="footer-contact">
<div class="p">
<img src="../../assets/gw/tel.png" alt="">
<div class="pp">电话：0000-00000000</div>
</div>
<div class="p">
<img src="../../assets/gw/email.png" alt="">
<div class="pp">邮箱：XXXXXXXXXXX@163.com</div>
</div>
<div class="p">
<img src="../../assets/gw/address.png" alt="">
<div class="pp">地址：黑龙江省哈尔滨市南岗区西大直街92号</div>
</div>
</div>
</div>
<div class="footer-nav">
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">虚仿专业频道</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学团队</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">中心概况</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
<div class="footer-nav-item">
<div class="tt">教学研讨活动</div>
<a href="">中心简介</a>
<a href="">中心简介</a>
<a href="">优秀项目共享</a>
</div>
</div>
<div class="web_icp">
<div class="left">
<a href="">版权所有：XXXXXX</a>
<a href="">版权所有：XXXXXX</a>
</div>
<div class="right">
<div class="">返回顶部</div>
<img src="../../assets/gw/top.png" alt="">
</div>
</div>
</div>
</div>
<footers></footers>
</div>
</template>
<script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";
import headers from '@/views/officialWebsite/Components/header.vue'
import footers from '@/views/officialWebsite/Components/footer.vue'
export default {
components: {
footers,
headers,
Swiper,
SwiperSlide,
},