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
This commit is contained in:
xiao-fajia 2024-07-29 19:21:43 +08:00
commit 686e22741b
14 changed files with 607 additions and 420 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ruoyi-ui/src/api/officialWebsite/getPageData.js
View File

@ -7,3 +7,11 @@ export function getPageData(data) {
data data
}) })
} }
export function getPageColumn(data) {
return request({
url: '/api/category',
method: 'post',
data
})
}

4
ruoyi-ui/src/views/officialWebsite/Components/footer.vue
View File

@ -35,12 +35,12 @@
</div> </div>
</div> </div>
<div class="footer-nav"> <!-- <div class="footer-nav">
<div class="footer-nav-item" v-for="item in itemsWithoutFirst"> <div class="footer-nav-item" v-for="item in itemsWithoutFirst">
<div class="tt">{{ item.label }}</div> <div class="tt">{{ item.label }}</div>
<a href="" v-for="childrenItem in item.children">{{ childrenItem.label }}</a> <a href="" v-for="childrenItem in item.children">{{ childrenItem.label }}</a>
</div> </div>
</div> </div> -->
<div class="web_icp"> <div class="web_icp">
<div class="left"> <div class="left">
<a href="">版权所有：{{ this.baseInfo.copyrightInfo }}</a> <a href="">版权所有：{{ this.baseInfo.copyrightInfo }}</a>

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

@ -37,6 +37,7 @@ export default {
baseInfo:"", baseInfo:"",
input:'', input:'',
show_search: true, show_search: true,
categoryQuery:{},
tablist: [ tablist: [
{name: '首页'}, {name: '首页'},
{name: '中心概括'}, {name: '中心概括'},

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

@ -16,27 +16,34 @@
<div class="right"> <div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']" <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)"> @click="getCurrentActive(index)">
{{ item.name }} {{ item.categoryName }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="about-conts" v-bind:class="[currentActive == 0 ? 'bj' : '']"> <div class="about-conts" v-bind:class="[currentActive == 0 ? 'bj' : '']">
<!-- 中心简介 --> <!-- main -->
<div class="about-conts-item1" v-if="currentActive == 0"> <div v-for="(item, index) in nav " :key=index>
<div class="neirong" v-html="content"></div> <div class="about-conts-item1" v-if="currentActive == index">
</div> <div class="neirong" v-html="pageContextList[index]"></div>
<!-- 组织机构 --> </div>
<div class="about-conts-item2" v-if="currentActive == 1">
<!-- <div class="div" v-for="(item, index) in orgList">
{{ item.contentDetail }}
</div> -->
<div class="neirong" v-html="orgList"></div>
</div> </div>
<!-- 中心简介 -->
<!-- <div class="about-conts-item1" v-if="currentActive == 0"> -->
<!-- <div class="neirong" v-html="content"></div> -->
<!-- </div> -->
<!-- 组织机构 -->
<!-- <div class="about-conts-item1" v-if="currentActive == 1"> -->
<!-- <div class="div" v-for="(item, index) in orgList">
{{ item.contentDetail }}
</div> -->
<!-- <div class="neirong" v-html="orgList"></div> -->
<!-- </div> -->
<!-- 现任领导 --> <!-- 现任领导 -->
<div class="about-conts-item3" v-if="currentActive == 2"> <!-- <div class="about-conts-item1" v-if="currentActive == 2"> -->
<!-- <div class="about-conts-item3-div" v-for="postList"> <!-- <div class="about-conts-item3-div" v-for="postList">
<div class="left"> <div class="left">
主任 主任
</div> </div>
@ -49,7 +56,7 @@
</div> </div>
</div> </div>
</div> --> </div> -->
<!-- <div class="about-conts-item3-div"> <!-- <div class="about-conts-item3-div">
<div class="left"> <div class="left">
主任 主任
</div> </div>
@ -75,8 +82,8 @@
</div> </div>
</div> </div>
</div> --> </div> -->
<div class="neirong" v-html="leaderList"></div> <!-- <div class="neirong" v-html="leaderList"></div> -->
</div> <!-- </div> -->
</div> </div>
<footers></footers> <footers></footers>
@ -86,9 +93,14 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData } from "@/api/officialWebsite/getPageData"; import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
// import {useRoute, useRouter} from "vue-router";
// const route = useRoute();
// const router = useRouter();
export default { export default {
components: { components: {
Swiper, Swiper,
@ -102,43 +114,30 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
nav: [ nav: [
{ name: '中心简介' }, // { name: '中心简介' },
{ name: '组织机构' }, // { name: '组织机构' },
{ name: '现任领导' }, // { name: '现任领导' },
], ],
currentActive: 2, currentActive: 2,
isMounted: false, isMounted: false,
orgList:"", orgList: "",
postList:[], postList: [],
// content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;"> // content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
// <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span> // <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span>
// </p> // </p>
// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;"> // <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
// <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司主要经营范围包括:220千伏及以下电力工程总承包施工，电力输配电线路架设施工，变电站电气设备安装，建筑物土建施工，城市及道路照明工程施工；高低压电气设备修试:电力技术咨询；输配变电电力线路设备巡视、维护、维修及带电作业服务；电力销售；房屋、设备、车辆租赁及新能源技术开发、技术转让、技术服务。</span> // <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司主要经营范围包括:220千伏及以下电力工程总承包施工，电力输配电线路架设施工，变电站电气设备安装，建筑物土建施工，城市及道路照明工程施工；高低压电气设备修试:电力技术咨询；输配变电电力线路设备巡视、维护、维修及带电作业服务；电力销售；房屋、设备、车辆租赁及新能源技术开发、技术转让、技术服务。</span>
// </p> // </p>
// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;"> // <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
// <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span> // <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span>
// </p> // </p>
// <p style="box-sizing: inherit; margin-top: 0px; text-align: justify; text-indent: 2em; margin-bottom: 5px; line-height: 1.75em;"> // <p style="box-sizing: inherit; margin-top: 0px; text-align: justify; text-indent: 2em; margin-bottom: 5px; line-height: 1.75em;">
// <span style="box-sizing: inherit; font-family: 微软雅黑, MicrosoftYaHei;"></span><br/> // <span style="box-sizing: inherit; font-family: 微软雅黑, MicrosoftYaHei;"></span><br/>
// </p>` // </p>`
content:"", content: "",
leaderList:"", leaderList: "",
} }
}, },
computed: { computed: {
@ -159,42 +158,64 @@ export default {
this.currentActive = value this.currentActive = value
}, },
initPageData() { initPageData() {
let introduction_center_param = { console.log("123123", this.$route.query.id);
"categoryId": "1813827591224823808",
"pageNum": 1,
"pageSize": 1000
};
getPageData(introduction_center_param).then(response => {
response.data.list.forEach(element => {
this.content += element.contentDetail;
});
let routeParam = {
"categoryId": this.$route.query.id,
"pageNum": 1,
"pageSize": 10
}
getPageColumn(routeParam).then(response => {
response.data.forEach(cloumnItem => {
this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
});
}); });
let organizational_structure_param = { // let introduction_center_param = {
"categoryId": "1813827750121836544", // "categoryId": "1813827591224823808",
"pageNum": 1, // "pageNum": 1,
"pageSize": 1000 // "pageSize": 1000
}; // };
getPageData(organizational_structure_param).then(response => { // getPageData(introduction_center_param).then(response => {
response.data.list.forEach(element => { // response.data.list.forEach(element => {
// this.orgList.push(element); // this.content += element.contentDetail;
this.orgList += element.contentDetail; // });
});
}); // });
let current_leader_param = { // let organizational_structure_param = {
"categoryId": "1813827861774209024", // "categoryId": "1813827750121836544",
"pageNum": 1, // "pageNum": 1,
"pageSize": 1000 // "pageSize": 1000
}; // };
getPageData(current_leader_param).then(response => { // getPageData(organizational_structure_param).then(response => {
response.data.list.forEach(element => { // response.data.list.forEach(element => {
this.leaderList += element.contentDetail; // // this.orgList.push(element);
}); // this.orgList += element.contentDetail;
// });
}); // });
// let current_leader_param = {
// "categoryId": "1813827861774209024",
// "pageNum": 1,
// "pageSize": 1000
// };
// getPageData(current_leader_param).then(response => {
// response.data.list.forEach(element => {
// this.leaderList += element.contentDetail;
// });
// });
}, },
} }

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

@ -13,18 +13,27 @@
<div class="left"> <img src="../../assets/gw/home.png" alt=""> <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> <p><span href="/">首页</span><i class="el-icon-arrow-right"></i> <span href="">合作企业</span></p>
</div> </div>
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">
{{ item.categoryName }}
</div>
</div> </div>
</div> </div>
<div class="list"> <div class="list">
<div class="item" v-for="(item, index) in 8" :key="index"> <!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="about-conts-item1" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
<!-- <div class="item" v-for="(item, index) in 8" :key="index">
<div class="img"> <div class="img">
<img src="../../assets/gw/Snipaste_2024-07-24_21-58-16.jpg" alt="" class=""> <img src="../../assets/gw/Snipaste_2024-07-24_21-58-16.jpg" alt="" class="">
</div> </div>
<div class="tt">船舶轮机实训虚拟仿真项目</div> <div class="tt">船舶轮机实训虚拟仿真项目</div>
</div> </div> -->
</div> </div>
<div class="page"> <div class="page">
@ -39,9 +48,10 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
import {getTab, getbanner, getinfo} from "@/api/gw/home"; import { getTab, getbanner, getinfo } from "@/api/gw/home";
export default { export default {
components: { components: {
Swiper, Swiper,
@ -55,59 +65,55 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
nav: [ nav: [
{ name: '教学团队' }, // { name: '教学团队' },
{ name: '教学成果' }, // { name: '教学成果' },
], ],
currentActive: 0, currentActive: 0,
isMounted: false, isMounted: false,
} }
}, },
mounted() {
// 页面加载完毕调用
this.initPageData();
},
computed: { computed: {
}, },
mounted() {
console.log(this.$route.query.id)
this.getInfo()
},
methods: { methods: {
getInfo() {
let data = {
categoryId: this.$route.query.id,
pageNum:1,
pageSize:10
}
getbanner(data).then(res => {
console.log(res)
})
},
// 触发导航 // 触发导航
getCurrentActive(value) { getCurrentActive(value) {
if (this.currentActive == value) { if (this.currentActive == value) {
return return
} }
this.currentActive = value this.currentActive = value
} },
initPageData() {
let routeParam = {
"categoryId": this.$route.query.id,
"pageNum": 1,
"pageSize": 10
}
getPageColumn(routeParam).then(response => {
response.data.forEach(cloumnItem => {
this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
});
});
},
} }
} }
@ -362,7 +368,8 @@ export default {
left: 0; left: 0;
transition: 0.5s ease; transition: 0.5s ease;
} }
.list .item:hover .tt{
.list .item:hover .tt {
top: 0%; top: 0%;
} }

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

@ -16,13 +16,19 @@
<div class="right"> <div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']" <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)"> @click="getCurrentActive(index)">
{{ item.name }} {{ item.categoryName }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="committee-cont"> <div class="committee-cont">
<div class="news" v-if="currentActive == 0"> <!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="about-conts-item1" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
<!-- <div class="news" v-if="currentActive == 0">
<div class="news-list"> <div class="news-list">
<div class="item" v-for="(item, index) in 8"> <div class="item" v-for="(item, index) in 8">
<div class="tts"> <div class="tts">
@ -93,7 +99,7 @@
<el-pagination background layout="prev, pager, next" :total="1000" class=""> <el-pagination background layout="prev, pager, next" :total="1000" class="">
</el-pagination> </el-pagination>
</div> </div>
</div> </div> -->
</div> </div>
<footers></footers> <footers></footers>
@ -103,6 +109,7 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
export default { export default {
@ -118,30 +125,21 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
nav: [ nav: [
{ name: '工作动态' }, // { name: '工作动态' },
{ name: '组织架构' }, // { name: '组织架构' },
{ name: '成员信息' }, // { name: '成员信息' },
], ],
currentActive: 1, currentActive: 1,
isMounted: false, isMounted: false,
input4: "" input4: ""
} }
}, },
mounted() {
// 页面加载完毕调用
this.initPageData();
},
computed: { computed: {
}, },
@ -153,7 +151,30 @@ export default {
return return
} }
this.currentActive = value this.currentActive = value
} },
initPageData() {
let routeParam = {
"categoryId": this.$route.query.id,
"pageNum": 1,
"pageSize": 10
}
getPageColumn(routeParam).then(response => {
response.data.forEach(cloumnItem => {
this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
});
});
},
} }
} }

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

@ -16,13 +16,19 @@
<div class="right"> <div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']" <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)"> @click="getCurrentActive(index)">
{{ item.name }} {{ item.categoryName }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="committee-cont"> <div class="committee-cont">
<div class="news"> <!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="about-conts-item1" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
<!-- <div class="news">
<div class="news-list"> <div class="news-list">
<div class="item" v-for="(item, index) in 8"> <div class="item" v-for="(item, index) in 8">
<div class="tts"> <div class="tts">
@ -36,7 +42,7 @@
</el-pagination> </el-pagination>
</div> </div>
</div> </div> -->
</div> </div>
@ -47,6 +53,7 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
export default { export default {
@ -62,32 +69,23 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
nav: [ nav: [
{ name: '大赛信息' }, // { name: '大赛信息' },
{ name: '比赛通知' }, // { name: '比赛通知' },
{ name: '报名信息' }, // { name: '报名信息' },
{ name: '获奖信息' }, // { name: '获奖信息' },
{ name: '赛事风采' }, // { name: '赛事风采' },
], ],
currentActive: 1, currentActive: 1,
isMounted: false, isMounted: false,
input4: "" input4: ""
} }
}, },
mounted() {
// 页面加载完毕调用
this.initPageData();
},
computed: { computed: {
}, },
@ -99,7 +97,30 @@ export default {
return return
} }
this.currentActive = value this.currentActive = value
} },
initPageData() {
let routeParam = {
"categoryId": this.$route.query.id,
"pageNum": 1,
"pageSize": 10
}
getPageColumn(routeParam).then(response => {
response.data.forEach(cloumnItem => {
this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
});
});
},
} }
} }

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

@ -11,15 +11,25 @@
<div class="left"> <img src="../../assets/gw/home.png" alt=""> <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> <p><span href="/">首页</span><i class="el-icon-arrow-right"></i> <span href="">联系我们</span></p>
</div> </div>
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">
{{ item.categoryName }}
</div>
</div> </div>
</div> </div>
<div class="contact"> <div class="contact">
<div class="info"> <div class="info">
<div class="info-item" v-for="(item,index) in fourlist" :key="index"> <!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="about-conts-item1" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
<!-- <div class="info-item" v-for="(item,index) in fourlist" :key="index">
<img :src=" imgurl + item.contentImg " alt=""> <img :src=" imgurl + item.contentImg " alt="">
<div class="p">{{item.contentTitle}}</div> <div class="p">{{item.contentTitle}}</div>
<div class="desc" v-html="item.contentDetail"></div> <div class="desc" v-html="item.contentDetail"></div>
</div> </div> -->
</div> </div>
<div class="map"> <div class="map">
@ -31,9 +41,10 @@
</template> </template>
<script> <script>
import {getTab, getbanner, getinfo} from "@/api/gw/home"; import { getTab, getbanner, getinfo } from "@/api/gw/home";
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
export default { export default {
@ -49,58 +60,56 @@ export default {
}, },
data() { data() {
return { return {
imgurl:process.env.VUE_APP_BASE_API, imgurl: process.env.VUE_APP_BASE_API,
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
nav: [ nav: [
{ name: '教学团队' }, // { name: '教学团队' },
{ name: '教学成果' }, // { name: '教学成果' },
], ],
fourlist:[], fourlist: [],
currentActive: 0, currentActive: 0,
isMounted: false, isMounted: false,
} }
}, },
computed: {
},
mounted() { mounted() {
console.log(this.$route.query.id) // 页面加载完毕调用
this.getInfo() this.initPageData();
}, },
computed: {
},
methods: { methods: {
getInfo() {
let data = {
categoryId: this.$route.query.id,
pageNum:1,
pageSize:10
}
getbanner(data).then(res => {
console.log(res.data[0].children.list)
this.fourlist = res.data[0].children.list
})
},
// 触发导航 // 触发导航
getCurrentActive(value) { getCurrentActive(value) {
if (this.currentActive == value) { if (this.currentActive == value) {
return return
} }
this.currentActive = value this.currentActive = value
} },
initPageData() {
let routeParam = {
"categoryId": this.$route.query.id,
"pageNum": 1,
"pageSize": 10
}
getPageColumn(routeParam).then(response => {
response.data.forEach(cloumnItem => {
this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
});
});
},
} }
} }
@ -388,6 +397,7 @@ export default {
height: 1px; height: 1px;
background-color: #eee; background-color: #eee;
} }
.contact .map { .contact .map {
width: 46%; width: 46%;
/* height: 468px; */ /* height: 468px; */
@ -397,10 +407,12 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
padding: 1%; padding: 1%;
} }
.contact .map img{
.contact .map img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.index-footer { .index-footer {
background: #383838; background: #383838;
padding-top: 30px; padding-top: 30px;

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

@ -16,13 +16,19 @@
<div class="right"> <div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']" <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)"> @click="getCurrentActive(index)">
{{ item.name }} {{ item.categoryName }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="news"> <div class="news">
<div class="news-item" v-for="(item, index) in 8"> <!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="about-conts-item1" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
<!-- <div class="news-item" v-for="(item, index) in 8">
<div class="text"> <div class="text">
<div class="time">2024-07-20</div> <div class="time">2024-07-20</div>
<div class="tt">关于2024年秋季学期虚拟仿真实验类课程教学安排的通知</div> <div class="tt">关于2024年秋季学期虚拟仿真实验类课程教学安排的通知</div>
@ -36,7 +42,7 @@
<div class="img"> <div class="img">
<img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO"> <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
</div> </div>
</div> </div> -->
</div> </div>
<div class="page"> <div class="page">
<el-pagination background layout="prev, pager, next" :total="1000" class=""> <el-pagination background layout="prev, pager, next" :total="1000" class="">
@ -49,6 +55,7 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
export default { export default {
@ -64,29 +71,20 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
nav: [ nav: [
{ name: '活动通知' }, // { name: '活动通知' },
{ name: '研讨内容' }, // { name: '研讨内容' },
], ],
currentActive: 0, currentActive: 0,
isMounted: false, isMounted: false,
} }
}, },
mounted() {
// 页面加载完毕调用
this.initPageData();
},
computed: { computed: {
}, },
@ -98,7 +96,30 @@ export default {
return return
} }
this.currentActive = value this.currentActive = value
} },
initPageData() {
let routeParam = {
"categoryId": this.$route.query.id,
"pageNum": 1,
"pageSize": 10
}
getPageColumn(routeParam).then(response => {
response.data.forEach(cloumnItem => {
this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
});
});
},
} }
} }

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

@ -16,17 +16,22 @@
<div class="right"> <div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']" <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)"> @click="getCurrentActive(index)">
{{ item.name }} {{ item.categoryName }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="about-conts" v-bind:class="[currentActive == 1 ? 'bj' : '']"> <div class="about-conts" v-bind:class="[currentActive == 1 ? 'bj' : '']">
<!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="about-conts-item1" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
<!-- 专业平台介绍 --> <!-- 专业平台介绍 -->
<div class="ayptjs" v-if="currentActive == 0"> <!-- <div class="ayptjs" v-if="currentActive == 0">
<div class="tt">专业平台介绍</div> <div class="tt">专业平台介绍</div>
<!-- <div class="ayptjs-list"> <div class="ayptjs-list">
<div class="item" v-for="(item, index) in 8"> <div class="item" v-for="(item, index) in 8">
<div class="img"> <div class="img">
<img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt=""> <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="">
@ -42,14 +47,14 @@
<p>查看详情</p> <p>查看详情</p>
</div> </div>
</div> </div>
</div> --> </div>
<div class="neirong" v-html="professionalResources"></div> <div class="neirong" v-html="professionalResources"></div>
</div> </div>
<!-- 软硬件资源介绍 --> 软硬件资源介绍
<div class="about-conts-item1" v-if="currentActive == 1"> <div class="about-conts-item1" v-if="currentActive == 1">
<div class="neirong" v-html="content"></div> <div class="neirong" v-html="content"></div>
</div> </div> -->
</div> </div>
<footers></footers> <footers></footers>
@ -59,7 +64,7 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import {getPageData} from "@/api/officialWebsite/getPageData"; import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
export default { export default {
@ -75,49 +80,36 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
nav: [ nav: [
{ name: '专业平台介绍' }, // { name: '专业平台介绍' },
{ name: '软硬件资源介绍' }, // { name: '软硬件资源介绍' },
], ],
currentActive: 0, currentActive: 0,
isMounted: false, isMounted: false,
professionalResources:"", professionalResources: "",
content:"", content: "",
// content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;"> // content: `<p style="box-sizing: inherit; text-align: justify; text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
// <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span> // <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">淄博瑞安输变电工程有限公司成立于2006年，公司原属国网淄博供电公司下属施工企业，现为山东泉舜控股集团有限公司全资子公司，注册资本5000万元。公司设立于历史悠久的齐文化发祥地淄博市，并在济南、青岛、聊城、东营、潍坊、济宁、泰安、李庄、邯郸等各地设有分支机构。企业人才结构合理，大专以上学历及具有各种专业技术职称的近300余人，是一支经过国家电网公司多年锻造、专业技术强、电力工程施工经验丰富的的铁军队伍。<br/></span>
// </p> // </p>
// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;"> // <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
// <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司主要经营范围包括:220千伏及以下电力工程总承包施工，电力输配电线路架设施工，变电站电气设备安装，建筑物土建施工，城市及道路照明工程施工；高低压电气设备修试:电力技术咨询；输配变电电力线路设备巡视、维护、维修及带电作业服务；电力销售；房屋、设备、车辆租赁及新能源技术开发、技术转让、技术服务。</span> // <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司主要经营范围包括:220千伏及以下电力工程总承包施工，电力输配电线路架设施工，变电站电气设备安装，建筑物土建施工，城市及道路照明工程施工；高低压电气设备修试:电力技术咨询；输配变电电力线路设备巡视、维护、维修及带电作业服务；电力销售；房屋、设备、车辆租赁及新能源技术开发、技术转让、技术服务。</span>
// </p> // </p>
// <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;"> // <p style="text-indent: 2em; margin-bottom: 5px; margin-top: 5px; line-height: 1.75em;">
// <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span> // <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">公司秉承山东泉舜控股集团有限公司建设“泉心立业、舜势百年”的百年企业的美好愿景，坚持“专业、规范、服务、诚信、创新、实力”的经营宗旨，为广大客户提供“电保姆”式的电力全产业链服务！</span>
// </p> // </p>
// <p style="box-sizing: inherit; margin-top: 0px; text-align: justify; text-indent: 2em; margin-bottom: 5px; line-height: 1.75em;"> // <p style="box-sizing: inherit; margin-top: 0px; text-align: justify; text-indent: 2em; margin-bottom: 5px; line-height: 1.75em;">
// <span style="box-sizing: inherit; font-family: 微软雅黑, MicrosoftYaHei;"></span><br/> // <span style="box-sizing: inherit; font-family: 微软雅黑, MicrosoftYaHei;"></span><br/>
// </p>` // </p>`
} }
},
computed: {
}, },
mounted() { mounted() {
// 页面加载完毕调用 // 页面加载完毕调用
this.initPageData(); this.initPageData();
}, },
computed: {
},
methods: { methods: {
// 触发导航 // 触发导航
@ -127,29 +119,27 @@ export default {
} }
this.currentActive = value this.currentActive = value
}, },
initPageData() { initPageData() {
let param = {
"categoryId": "1813827750121836544",
"pageNum": 1,
"pageSize": 10
}
getPageData(param).then(response => {
response.data.list.forEach(element => {
this.content += element.contentDetail;
});
})
let professionalResourcesParam = { let routeParam = {
"categoryId": "1816771598271778816", "categoryId": this.$route.query.id,
"pageNum": 1, "pageNum": 1,
"pageSize": 10 "pageSize": 10
} }
getPageData(professionalResourcesParam).then(response => { getPageColumn(routeParam).then(response => {
response.data.list.forEach(element => { response.data.forEach(cloumnItem => {
this.professionalResources += element.contentDetail; this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
}); });
}) });
}, },
} }

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

@ -16,19 +16,25 @@
<div class="right"> <div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']" <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)"> @click="getCurrentActive(index)">
{{ item.name }} {{ item.categoryName }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="about-conts" v-bind:class="[currentActive == 0 || currentActive == 3 ? 'bj' : '']"> <div class="about-conts" v-bind:class="[currentActive == 0 || currentActive == 3 ? 'bj' : '']">
<!-- 实践教学资源 --> <!-- main -->
<div class="about-conts-item1" v-if="currentActive == 0"> <div v-for="(item, index) in nav " :key=index>
<div class="neirong" v-html="content"></div> <div class="about-conts-item1" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div> </div>
<!-- 实践教学资源 -->
<!-- <div class="about-conts-item1" v-if="currentActive == 0">
<div class="neirong" v-html="content"></div>
</div> -->
<!-- 专业平台介绍 --> <!-- 专业平台介绍 -->
<div class="ayptjs" v-if="currentActive == 1"> <!-- <div class="ayptjs" v-if="currentActive == 1">
<div class="ayptjs-list"> <div class="ayptjs-list">
<div class="item" v-for="(item, index) in 8"> <div class="item" v-for="(item, index) in 8">
@ -47,9 +53,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
<!-- 实践项目 --> <!-- 实践项目 -->
<div class="xjxm" v-if="currentActive == 2"> <!-- <div class="xjxm" v-if="currentActive == 2">
<div class="list"> <div class="list">
<div class="item" v-for="(item, index) in 6 " :key="index"> <div class="item" v-for="(item, index) in 6 " :key="index">
<div class="img"> <div class="img">
@ -67,9 +73,9 @@
<el-pagination background layout="prev, pager, next" :total="1000" class=""> <el-pagination background layout="prev, pager, next" :total="1000" class="">
</el-pagination> </el-pagination>
</div> </div>
</div> </div> -->
<!-- --> <!-- -->
<div class="teaching" v-if="currentActive == 3"> <!-- <div class="teaching" v-if="currentActive == 3">
<div class="teaching-list"> <div class="teaching-list">
<div class="item" v-for="(item, index) in 8"> <div class="item" v-for="(item, index) in 8">
<div class="img"> <div class="img">
@ -81,7 +87,7 @@
<div class="page"><el-pagination background layout="prev, pager, next" :total="1000" class=""> <div class="page"><el-pagination background layout="prev, pager, next" :total="1000" class="">
</el-pagination></div> </el-pagination></div>
</div> </div> -->
</div> </div>
<footers></footers> <footers></footers>
</div> </div>
@ -90,6 +96,7 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
export default { export default {
@ -105,27 +112,14 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
input4: "", input4: "",
show_search: true, show_search: true,
nav: [ nav: [
{ name: '实践教学资源' }, // { name: '实践教学资源' },
{ name: '实践平台 ' }, // { name: '实践平台 ' },
{ name: '实践项目' }, // { name: '实践项目' },
{ name: '自制仪器设备' }, // { name: '自制仪器设备' },
], ],
currentActive: 3, currentActive: 3,
isMounted: false, isMounted: false,
@ -143,6 +137,10 @@ export default {
</p>` </p>`
} }
}, },
mounted() {
// 页面加载完毕调用
this.initPageData();
},
computed: { computed: {
}, },
@ -154,7 +152,30 @@ export default {
return return
} }
this.currentActive = value this.currentActive = value
} },
initPageData() {
let routeParam = {
"categoryId": this.$route.query.id,
"pageNum": 1,
"pageSize": 10
}
getPageColumn(routeParam).then(response => {
response.data.forEach(cloumnItem => {
this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
});
});
},
} }
} }

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

@ -16,16 +16,22 @@
<div class="right"> <div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']" <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)"> @click="getCurrentActive(index)">
{{ item.name }} {{ item.categoryName }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="teaching" v-bind:class="[currentActive == 0 ? 'bj' : '']"> <div class="teaching" v-bind:class="[currentActive == 0 ? 'bj' : '']">
<!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="teaching-list" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
<!-- 教学大纲 --> <!-- 教学大纲 -->
<div class="teaching-list" v-if="currentActive == 0"> <!-- <div class="teaching-list" v-if="currentActive == 0"> -->
<!-- <div class="item" v-for="(item, index) in 8"> <!-- <div class="item" v-for="(item, index) in 8">
<div class="img"> <div class="img">
<img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO"> <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
</div> </div>
@ -36,18 +42,18 @@
<p>资源下载</p> <p>资源下载</p>
</div> </div>
</div> --> </div> -->
<div class="neirong" v-html="syllabus"></div> <!-- <div class="neirong" v-html="syllabus"></div> -->
</div> <!-- </div> -->
<!-- 实验指导书 --> <!-- 实验指导书 -->
<div class="teaching-list" v-if="currentActive == 1"> <!-- <div class="teaching-list" v-if="currentActive == 1">
<div class="neirong" v-html="guideBook"></div> <div class="neirong" v-html="guideBook"></div>
</div> </div> -->
<!-- 资源共享 --> <!-- 资源共享 -->
<div class="teaching-list" v-if="currentActive == 2"> <!-- <div class="teaching-list" v-if="currentActive == 2">
<div class="neirong" v-html="resourceSharing"></div> <div class="neirong" v-html="resourceSharing"></div>
</div> </div> -->
<div class="page"><el-pagination background layout="prev, pager, next" :total="1000" class=""> <div class="page"><el-pagination background layout="prev, pager, next" :total="1000" class="">
</el-pagination></div> </el-pagination></div>
@ -60,7 +66,7 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData } from "@/api/officialWebsite/getPageData"; import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
@ -77,29 +83,16 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
nav: [ nav: [
{ name: '教学大纲' }, // { name: '教学大纲' },
{ name: '实验指导书' }, // { name: '实验指导书' },
{ name: '资源共享' }, // { name: '资源共享' },
], ],
currentActive: 2, currentActive: 2,
resourceSharing:"", resourceSharing: "",
guideBook:"", guideBook: "",
syllabus:"", syllabus: "",
} }
}, },
@ -120,39 +113,60 @@ export default {
this.currentActive = value this.currentActive = value
}, },
initPageData() { initPageData() {
//资源共享
let resourceSharingParam = { let routeParam = {
"categoryId": "1816771402032877568", "categoryId": this.$route.query.id,
"pageNum": 1, "pageNum": 1,
"pageSize": 10 "pageSize": 10
} }
getPageData(resourceSharingParam).then(response => { getPageColumn(routeParam).then(response => {
response.data.list.forEach(element => { response.data.forEach(cloumnItem => {
this.resourceSharing += element.contentDetail; this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
}); });
}) });
//实验指导书
let guideBookParam = { // //资源共享
"categoryId": "1813828546838269952", // let resourceSharingParam = {
"pageNum": 1, // "categoryId": "1816771402032877568",
"pageSize": 10 // "pageNum": 1,
} // "pageSize": 10
getPageData(guideBookParam).then(response => { // }
response.data.list.forEach(element => { // getPageData(resourceSharingParam).then(response => {
this.guideBook += element.contentDetail; // response.data.list.forEach(element => {
}); // this.resourceSharing += element.contentDetail;
}) // });
//教学大纲 // })
let syllabusParam = { // //实验指导书
"categoryId": "1813828322673692672", // let guideBookParam = {
"pageNum": 1, // "categoryId": "1813828546838269952",
"pageSize": 10 // "pageNum": 1,
} // "pageSize": 10
getPageData(syllabusParam).then(response => { // }
response.data.list.forEach(element => { // getPageData(guideBookParam).then(response => {
this.syllabus += element.contentDetail; // response.data.list.forEach(element => {
}); // this.guideBook += element.contentDetail;
}) // });
// })
// //教学大纲
// let syllabusParam = {
// "categoryId": "1813828322673692672",
// "pageNum": 1,
// "pageSize": 10
// }
// getPageData(syllabusParam).then(response => {
// response.data.list.forEach(element => {
// this.syllabus += element.contentDetail;
// });
// })
}, },
} }
@ -206,9 +220,12 @@ export default {
border: 1px solid #DDDDDD; border: 1px solid #DDDDDD;
} }
::v-deep .el-pagination .btn-next .el-icon,::v-deep .el-pagination .btn-prev .el-icon{
::v-deep .el-pagination .btn-next .el-icon,
::v-deep .el-pagination .btn-prev .el-icon {
font-size: 18px; font-size: 18px;
} }
.top-box { .top-box {
width: 100%; width: 100%;
/* height: 1000px; */ /* height: 1000px; */

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

@ -16,17 +16,23 @@
<div class="right"> <div class="right">
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']" <div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)"> @click="getCurrentActive(index)">
{{ item.name }} {{ item.categoryName }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="about-conts"> <div class="about-conts">
<!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="teaching-list" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
<!-- 教学成果 --> <!-- 教学成果 -->
<div class="ayptjs" v-if="currentActive == 1"> <!-- <div class="ayptjs" v-if="currentActive == 1">
<div class="tt">教学成果</div> <div class="tt">教学成果</div>
<!-- <div class="ayptjs-list"> <div class="ayptjs-list">
<div class="item" v-for="(item, index) in 8"> <div class="item" v-for="(item, index) in 8">
<div class="img"> <div class="img">
<img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt=""> <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="">
@ -42,21 +48,21 @@
<p>查看详情</p> <p>查看详情</p>
</div> </div>
</div> </div>
</div> --> </div>
</div> </div> -->
<!-- 教学团队 --> <!-- 教学团队 -->
<div class="team" v-if="currentActive == 0"> <!-- <div class="team" v-if="currentActive == 0">
<div class="tt">教学团队</div> <div class="tt">教学团队</div>
<!-- <div class="team-list"> <div class="team-list">
<div class="item" v-for="(item, index) in 8"> <div class="item" v-for="(item, index) in 8">
<div class="img"> <div class="img">
<img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO"> <img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
</div> </div>
<div class="tts">王尔特</div> <div class="tts">王尔特</div>
</div> </div>
</div> --> </div>
</div> </div> -->
</div> </div>
@ -67,6 +73,7 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
export default { export default {
@ -82,29 +89,20 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
nav: [ nav: [
{ name: '教学团队' }, // { name: '教学团队' },
{ name: '教学成果' }, // { name: '教学成果' },
], ],
currentActive: 0, currentActive: 0,
isMounted: false, isMounted: false,
} }
}, },
mounted() {
// 页面加载完毕调用
this.initPageData();
},
computed: { computed: {
}, },
@ -116,7 +114,30 @@ export default {
return return
} }
this.currentActive = value this.currentActive = value
} },
initPageData() {
let routeParam = {
"categoryId": this.$route.query.id,
"pageNum": 1,
"pageSize": 10
}
getPageColumn(routeParam).then(response => {
response.data.forEach(cloumnItem => {
this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
});
});
},
} }
} }

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

@ -13,11 +13,22 @@
<div class="left"> <img src="../../assets/gw/home.png" alt=""> <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> <p><a href="/gw">首页</a><i class="el-icon-arrow-right"></i> <span href="">虚拟专业频道</span></p>
</div> </div>
<div class="nav-item" v-for="(item, index) in nav" v-bind:class="[index === currentActive ? 'active' : '']"
@click="getCurrentActive(index)">
{{ item.categoryName }}
</div>
</div> </div>
</div> </div>
<div class="top-swiper"> <div class="top-swiper">
<!-- main -->
<div v-for="(item, index) in nav " :key=index>
<div class="teaching-list" v-if="currentActive == index">
<div class="neirong" v-html="pageContextList[index]"></div>
</div>
</div>
</div>
<!-- <div class="top-swiper">
<swiper ref="mySwiper" :options="swiperOptions" style="width: 100%"> <swiper ref="mySwiper" :options="swiperOptions" style="width: 100%">
<swiper-slide class="banner-box" v-for="(item, index) in 8"> <swiper-slide class="banner-box" v-for="(item, index) in 8">
@ -50,7 +61,7 @@
</div> </div>
<div class="time">2024-07-20</div> <div class="time">2024-07-20</div>
</div> </div>
</div> </div> -->
<div class="page"> <div class="page">
<el-pagination background layout="prev, pager, next" :total="1000" class=""> <el-pagination background layout="prev, pager, next" :total="1000" class="">
@ -64,6 +75,7 @@
<script> <script>
import { Swiper, SwiperSlide } from "vue-awesome-swiper"; import { Swiper, SwiperSlide } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css"; import "swiper/css/swiper.min.css";
import { getPageData, getPageColumn } from "@/api/officialWebsite/getPageData";
import headers from '@/views/officialWebsite/Components/header.vue' import headers from '@/views/officialWebsite/Components/header.vue'
import footers from '@/views/officialWebsite/Components/footer.vue' import footers from '@/views/officialWebsite/Components/footer.vue'
export default { export default {
@ -79,20 +91,7 @@ export default {
}, },
data() { data() {
return { return {
tablist: [ pageContextList: [],
{ name: '首页' },
{ name: '中心概括' },
{ name: '教学资源' },
{ name: '教学平台' },
{ name: '教学团队' },
{ name: '专业委员会' },
{ name: '教学研讨活动' },
{ name: '虚仿专业频道' },
{ name: '大赛风采' },
{ name: '实践平台' },
{ name: '合作企业' },
{ name: '联系我们' },
],
swiperOptions: { swiperOptions: {
navigation: { navigation: {
nextEl: ".swiper-button-next", nextEl: ".swiper-button-next",
@ -120,14 +119,18 @@ export default {
} }
}, },
nav: [ nav: [
{ name: '教学团队' }, // { name: '教学团队' },
{ name: '教学成果' }, // { name: '教学成果' },
], ],
currentActive: 0, currentActive: 0,
isMounted: false, isMounted: false,
} }
}, },
mounted() {
// 页面加载完毕调用
this.initPageData();
},
computed: { computed: {
}, },
@ -139,7 +142,30 @@ export default {
return return
} }
this.currentActive = value this.currentActive = value
} },
initPageData() {
let routeParam = {
"categoryId": this.$route.query.id,
"pageNum": 1,
"pageSize": 10
}
getPageColumn(routeParam).then(response => {
response.data.forEach(cloumnItem => {
this.nav.push(cloumnItem);
let context = "";
cloumnItem.children.list.forEach(element => {
context += element.contentDetail;
});
this.pageContextList.push(context);
// cloumnItem.categoryName
});
});
},
} }
} }