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

8.14

Browse Source
This commit is contained in:
xvv 2024-08-19 17:18:13 +08:00
parent c1e3b2f4e8
commit c93be562ea
16 changed files with 181 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
ruoyi-ui/public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 39 KiB

27
ruoyi-ui/src/main.js
View File

@ -69,15 +69,12 @@ Vue.use(plugins)
Vue.use(VueMeta)
DictData.install()
/**
* If you don't want to use mock-server
* you want to use MockJs for mock api
* you can execute: mockXHR()
*
* Currently MockJs will be used in the production environment,
* please remove it before going online! ! !
*/
router.beforeEach((to, from, next) => {
if (to.meta.metaInfo) {
store.commit("CAHNGE_META_INFO", to.meta.metaInfo)
}
next()
});
Vue.use(Element, {
size: Cookies.get('size') || 'medium' // set element-ui default size
})
@ -88,5 +85,17 @@ new Vue({
el: '#app',
router,
store,
metaInfo() {
return {
title: this.$store.state.metaInfo.title,
meta: [{
name: "keywords",
content: this.$store.state.metaInfo.keywords
}, {
name: "description",
content: this.$store.state.metaInfo.description
}]
}
},
render: h => h(App)
})

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

@ -44,6 +44,7 @@ export const constantRoutes = [
{
path: '/virtually',//首页
name:'virtually',
meta: { title: '首页' },
component: () => import('@/views/home'),
hidden: true
},

10
ruoyi-ui/src/store/index.js
View File

@ -19,6 +19,16 @@ const store = new Vuex.Store({
permission,
settings
},
state: {
metaInfo: {},//网站三要素
token:'', //token
},
mutations: {
CAHNGE_META_INFO(state, metaInfo) {
state.metaInfo = metaInfo;
},
},
getters
})

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

@ -268,6 +268,14 @@ export default {
}
},
mounted() {
let metaInfo = {
title: '首页',
keywords: '首页',
description: '首页',
}
document.title = '新的页面标题';
this.$store.commit('CAHNGE_META_INFO', metaInfo)
// 页面加载完毕调用
this.tabLsit();
this.getWebBaseInfo()

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

@ -10,9 +10,10 @@
<!-- new -->
<div class="navigation">
<div class="content">
<div class="left"><img src="../../assets/gw/home.png" alt="">
<p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">中心概况</span></p>
</div>
<div></div>
<!-- <div class="left"><img src="../../assets/gw/home.png" alt="">-->
<!-- <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">中心概况</span></p>-->
<!-- </div>-->
<div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">
@ -29,7 +30,7 @@
</div>
<div class="about-conts-item1" v-if="currentActive == index && currentActive === 1">
<div class="dataClass">
<div v-for="(item, index) in dataList">
<div class="ddj" v-for="(item, index) in dataList" @click="goDeatail(item)">
{{ item.contentTitle }}
</div>
</div>
@ -521,13 +522,20 @@ export default {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.dataClass > div {
}
.ddj:hover{
background-color: #00afff;
color: #fff;
}
.ddj{
border: 1px solid black;
font-size: 18px;
margin: 10px;
text-align: center;
padding: 20px;
border-radius: 2px;
cursor: pointer;
}
</style>

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

@ -10,9 +10,9 @@
<div class="navigation">
<div class="content">
<div class="left"><img src="../../assets/gw/home.png" alt="">
<p><span href="/">首页</span><i class="el-icon-arrow-right"></i> <span href="">合作企业</span></p>
</div>
<!-- <div class="left"><img src="../../assets/gw/home.png" alt="">-->
<!-- <p><span href="/">首页</span><i class="el-icon-arrow-right"></i> <span href="">合作企业</span></p>-->
<!-- </div>-->
</div>
</div>

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

@ -10,9 +10,10 @@
<!-- new -->
<div class="navigation">
<div class="content">
<div class="left"> <img src="../../assets/gw/home.png" alt="">
<p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">专业委员会</span></p>
</div>
<div></div>
<!-- <div class="left"><img src="../../assets/gw/home.png" alt="">-->
<!-- <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">中心概况</span></p>-->
<!-- </div>-->
<div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">

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

@ -10,9 +10,10 @@
<!-- new -->
<div class="navigation">
<div class="content">
<div class="left"> <img src="../../assets/gw/home.png" alt="">
<p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">大赛风采</span></p>
</div>
<div></div>
<!-- <div class="left"><img src="../../assets/gw/home.png" alt="">-->
<!-- <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">中心概况</span></p>-->
<!-- </div>-->
<div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">
@ -142,9 +143,9 @@
</el-row>
</div>
<!-- 参赛人信息-->
<!-- 参赛人信息1-->
<div class="kuang ">
<h2 class="tab_title tab_down_line">参赛人信息</h2>
<h2 class="tab_title tab_down_line">参赛人信息①</h2>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="姓名" prop="stuName">
@ -157,7 +158,82 @@
v-model="ruleForm.stuGender"
placeholder="学生性别"
clearable
style="width: 125px">
>
<el-option
v-for="dict in dict.type.sys_user_sex"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="专业" prop="stuMajor">
<el-input v-model="ruleForm.stuMajor"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号" prop="stuNumber">
<el-input v-model="ruleForm.stuNumber"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<!-- 参赛人信息2-->
<div class="kuang ">
<h2 class="tab_title tab_down_line">参赛人信息②</h2>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="姓名" prop="stuName">
<el-input v-model="ruleForm.stuName"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别" prop="stuGender">
<el-select
v-model="ruleForm.stuGender"
placeholder="学生性别"
clearable
>
<el-option
v-for="dict in dict.type.sys_user_sex"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="专业" prop="stuMajor">
<el-input v-model="ruleForm.stuMajor"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号" prop="stuNumber">
<el-input v-model="ruleForm.stuNumber"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<!-- 参赛人信息3-->
<div class="kuang ">
<h2 class="tab_title tab_down_line">参赛人信息③</h2>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="姓名" prop="stuName">
<el-input v-model="ruleForm.stuName"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别" prop="stuGender">
<el-select
v-model="ruleForm.stuGender"
placeholder="学生性别"
clearable
>
<el-option
v-for="dict in dict.type.sys_user_sex"
:key="dict.value"

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

@ -8,9 +8,9 @@
</div>
<div class="navigation">
<div class="content">
<div class="left"> <img src="../../assets/gw/home.png" alt="">
<p><span href="/">首页</span><i class="el-icon-arrow-right"></i> <span href="">联系我们</span></p>
</div>
<!-- <div class="left"> <img src="../../assets/gw/home.png" alt="">-->
<!-- <p><span href="/">首页</span><i class="el-icon-arrow-right"></i> <span href="">联系我们</span></p>-->
<!-- </div>-->
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">
{{ item.categoryName }}

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

@ -10,9 +10,10 @@
<!-- new -->
<div class="navigation">
<div class="content">
<div class="left"> <img src="../../assets/gw/home.png" alt="">
<p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">教学研讨活动</span></p>
</div>
<div></div>
<!-- <div class="left"><img src="../../assets/gw/home.png" alt="">-->
<!-- <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">中心概况</span></p>-->
<!-- </div>-->
<div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">

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

@ -10,9 +10,10 @@
<!-- new -->
<div class="navigation">
<div class="content">
<div class="left"> <img src="../../assets/gw/home.png" alt="">
<p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">教学平台</span></p>
</div>
<div></div>
<!-- <div class="left"><img src="../../assets/gw/home.png" alt="">-->
<!-- <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">中心概况</span></p>-->
<!-- </div>-->
<div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">

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

@ -10,9 +10,10 @@
<!-- new -->
<div class="navigation">
<div class="content">
<div class="left"> <img src="../../assets/gw/home.png" alt="">
<p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">实践平台</span></p>
</div>
<div></div>
<!-- <div class="left"><img src="../../assets/gw/home.png" alt="">-->
<!-- <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">中心概况</span></p>-->
<!-- </div>-->
<div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">

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

@ -10,9 +10,10 @@
<!-- new -->
<div class="navigation">
<div class="content">
<div class="left"> <img src="../../assets/gw/home.png" alt="">
<p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">教学资源</span></p>
</div>
<div></div>
<!-- <div class="left"><img src="../../assets/gw/home.png" alt="">-->
<!-- <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">中心概况</span></p>-->
<!-- </div>-->
<div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">

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

@ -10,9 +10,10 @@
<!-- new -->
<div class="navigation">
<div class="content">
<div class="left"> <img src="../../assets/gw/home.png" alt="">
<p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">教学团队</span></p>
</div>
<div></div>
<!-- <div class="left"><img src="../../assets/gw/home.png" alt="">-->
<!-- <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">中心概况</span></p>-->
<!-- </div>-->
<div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">
@ -48,9 +49,9 @@
<!-- 教学团队 -->
<div class="team" v-if="currentActive == 0">
<div class="tt">教学团队</div>
<div class="team-list">
<div v-html="teachingTeam"></div>
<div class="qxing" style="width: 100%;" v-html="teachingTeam"></div>
</div>
</div>
@ -294,7 +295,7 @@ export default {
.about-conts {
width: 80%;
margin: 80px auto;
margin: 0 auto;
padding: 30px 0;
}
@ -353,8 +354,8 @@ export default {
.about-conts .ayptjs-list .item .text {
position: absolute;
width: 94%;
height: 191px;
width: 100%;
height: 210px;
z-index: 3;
background: linear-gradient(180deg, rgba(0, 83, 117, 0) 0%, #005375 100%);
display: flex;
@ -457,9 +458,9 @@ export default {
.about-conts .team {
padding: 30px 0;
width: 80%;
margin: 0 auto;
margin: 0px auto;
}
.about-conts .team .tt {
@ -478,6 +479,10 @@ export default {
margin: 0 auto;
justify-content: center;
}
.team-list img{
width: 80% !important;
text-align: center;
}
.about-conts .team .team-list .item {
width: 16%;
@ -676,4 +681,9 @@ export default {
::v-deep .el-pagination .btn-prev .el-icon {
font-size: 18px;
}
.qxing{
img{
width: 100%;
}
}
</style>

2
ruoyi-ui/vue.config.js
View File

@ -7,7 +7,7 @@ function resolve(dir) {
const CompressionPlugin = require('compression-webpack-plugin')
const name = process.env.VUE_APP_TITLE || '若依管理系统' // 网页标题
const name = process.env.VUE_APP_TITLE || '虚拟仿真实验教学中心' // 网页标题
const port = process.env.port || process.env.npm_config_port || 80 // 端口