首页接口
This commit is contained in:
xiao-fajia
parent
bceca96070
commit
8d500a947b
@ -57,7 +57,7 @@ public class UeditorController {
|
||||
result.put("title", upload.substring(upload.lastIndexOf("/")+1));
|
||||
result.put("original", multipartFile.getOriginalFilename());
|
||||
result.put("state", "SUCCESS");
|
||||
result.put("url", upload.substring(upload.indexOf("/") + 1));
|
||||
result.put("url", upload);
|
||||
String jStr = JSON.toJSONString(result);
|
||||
return jStr;
|
||||
}
|
||||
@ -73,7 +73,7 @@ public class UeditorController {
|
||||
result.put("title", upload.substring(upload.lastIndexOf("/")+1));
|
||||
result.put("original", multipartFile.getOriginalFilename());
|
||||
result.put("state", "SUCCESS");
|
||||
result.put("url", upload.substring(upload.indexOf("/") + 1));
|
||||
result.put("url", upload);
|
||||
String jStr = JSON.toJSONString(result);
|
||||
return jStr;
|
||||
}
|
||||
@ -86,7 +86,7 @@ public class UeditorController {
|
||||
result.put("title", upload.substring(upload.lastIndexOf("/")+1));
|
||||
result.put("original", multipartFile.getOriginalFilename());
|
||||
result.put("state", "SUCCESS");
|
||||
result.put("url", upload.substring(upload.indexOf("/") + 1));
|
||||
result.put("url", upload);
|
||||
String jStr = JSON.toJSONString(result);
|
||||
return jStr;
|
||||
}
|
||||
|
||||
@ -13,6 +13,5 @@ export function getbanner(id) {
|
||||
return request({
|
||||
url: '/api/category/'+id,
|
||||
method: 'get',
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
@ -171,7 +171,7 @@ export default {
|
||||
initialFrameHeight: 1000, // 初始高度
|
||||
//serverUrl: process.env.VUE_APP_BASE_API + "/config"',
|
||||
//**更正代码231109**
|
||||
serverUrl: process.env.VUE_APP_BASE_API + "ueditor/config",
|
||||
serverUrl: process.env.VUE_APP_BASE_API + "/ueditor/config",
|
||||
//前端资源
|
||||
UEDITOR_HOME_URL: '/static/UEditorPlus/',
|
||||
UEDITOR_CORS_URL: '/static/UEditorPlus/',
|
||||
|
||||
@ -45,64 +45,37 @@
|
||||
<!-- new -->
|
||||
<div class="new-box">
|
||||
<div class="new-title">
|
||||
新闻资讯
|
||||
{{indexList[0].categoryName}}
|
||||
</div>
|
||||
<div class="new-gang"></div>
|
||||
<div class="new-container">
|
||||
<div class="new-list">
|
||||
<div class="list-box" v-for="(item, index) in 4" :key="index">
|
||||
<div class="list-box" v-for="(item, index) in this.newList[0]" :key="index">
|
||||
<div class="list-bs">
|
||||
<img src="../assets/gw/tp.png" style=" ">
|
||||
<div class="new-wb">《虚拟仿真实验教学项目建设与应用规范》 团体标准专家论证会在京召开</div>
|
||||
<img :src="item.contentImg" style=" ">
|
||||
<div class="new-wb">{{item.contentTitle}}</div>
|
||||
</div>
|
||||
<div class="list-bs" style="margin-top: 15px;">
|
||||
<div class="icon-title">新闻动态</div>
|
||||
<div class="time-">2024-07-20</div>
|
||||
<div class="icon-title">{{ indexList[0].categoryName }}</div>
|
||||
<div class="time-">{{ parseTime(item.createTime, "{y}-{m}-{d}") }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="new-banner">
|
||||
<swiper ref="mySwiper" :options="swiperOptions2" style="width: 100%">
|
||||
<swiper-slide class="banner-box">
|
||||
<swiper-slide class="banner-box" v-for="(item, index) in [...this.newList[0], ...this.newList[1]]">
|
||||
<div>
|
||||
<img src="../assets/gw/tp.png" style="">
|
||||
<img :src="item.contentImg" style="">
|
||||
<div class="list-bs">
|
||||
<div class="banner-title">《虚拟仿真实验教学项目建设与应用规范》 团体标准专家论证会在京召开</div>
|
||||
<div class="banner-title">{{item.contentTitle}}</div>
|
||||
<div class="banner-size">
|
||||
<div style="font-weight: 600;font-size: 40px;">20</div>
|
||||
<div>2024-07</div>
|
||||
<div style="font-weight: 600;font-size: 40px;">{{parseTime(item.createTime, "{d}") }}</div>
|
||||
<div>{{ parseTime(item.createTime, "{y}-{m}") }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</swiper-slide>
|
||||
<swiper-slide class="banner-box">
|
||||
<div>
|
||||
<img src="../assets/gw/tp.png" style="">
|
||||
<div class="list-bs">
|
||||
<div class="banner-title">《虚拟仿真实验教学项目建设与应用规范》 团体标准专家论证会在京召开</div>
|
||||
<div class="banner-size">
|
||||
<div style="font-weight: 600;font-size: 40px;">20</div>
|
||||
<div>2024-07</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</swiper-slide>
|
||||
<swiper-slide class="banner-box">
|
||||
<div>
|
||||
<img src="../assets/gw/tp.png" style="">
|
||||
<div class="list-bs">
|
||||
<div class="banner-title">《虚拟仿真实验教学项目建设与应用规范》 团体标准专家论证会在京召开</div>
|
||||
<div class="banner-size">
|
||||
<div style="font-weight: 600;font-size: 40px;">20</div>
|
||||
<div>2024-07</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</swiper-slide>
|
||||
|
||||
</swiper>
|
||||
<div class="swiper-pagination"></div>
|
||||
<div style=" width: 156px;height: 42px;position: absolute;bottom: 30px;">
|
||||
@ -110,14 +83,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="new-list">
|
||||
<div class="list-box" v-for="(item, index) in 4" :key="index">
|
||||
<div class="list-box" v-for="(item, index) in this.newList[1]" :key="index">
|
||||
<div class="list-bs">
|
||||
<img src="../assets/gw/tp.png" style="width: 125px; height: 70px ">
|
||||
<div class="new-wb">《虚拟仿真实验教学项目建设与应用规范》 团体标准专家论证会在京召开</div>
|
||||
<img :src="item.contentImg" style="width: 125px; height: 70px ">
|
||||
<div class="new-wb">{{item.contentTitle}}</div>
|
||||
</div>
|
||||
<div class="list-bs" style="margin-top: 15px;">
|
||||
<div class="icon-title">新闻动态</div>
|
||||
<div class="time-">2024-07-20</div>
|
||||
<div class="icon-title">{{ indexList[0].categoryName }}</div>
|
||||
<div class="time-">{{ parseTime(item.createTime, "{y}-{m}-{d}") }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -125,24 +98,24 @@
|
||||
</div>
|
||||
<div class="gongao">
|
||||
<div class="new-title">
|
||||
通知公告
|
||||
{{indexList[1].categoryName}}
|
||||
</div>
|
||||
<div class="new-gang"></div>
|
||||
<div class="list">
|
||||
<swiper ref="mySwiper" :options="swiperOptions1" style="width: 100%">
|
||||
<swiper-slide class="gongao-item" v-for="item in 8">
|
||||
<swiper-slide class="gongao-item" v-for="item in this.noticeList">
|
||||
<div class="bj">
|
||||
<div class="tt">关于举办人工智能赋能实验教学研讨会的通知</div>
|
||||
<div class="tt">{{item.contentTitle}}</div>
|
||||
<div class="p">
|
||||
<div class="tags">
|
||||
通知公告
|
||||
{{indexList[1].categoryName}}
|
||||
</div>
|
||||
<div class="time">
|
||||
2024-07-20
|
||||
{{ parseTime(item.createTime, "{y}-{m}-{d}") }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="desc">
|
||||
为深入贯彻落实国家关于开展“人工智能+”行动的战略部署，积极推动人工智能技术与高等教育融合发展，教务处、教师教学发展中心联合清华大学学堂在线举办人工智能赋能高等教育教学改革交流研讨会。现将有关事项通知如下：
|
||||
{{item.summary}}
|
||||
</div>
|
||||
</div>
|
||||
</swiper-slide>
|
||||
@ -157,19 +130,19 @@
|
||||
</div>
|
||||
<div class="news11">
|
||||
<div class="new-title">
|
||||
新闻资讯
|
||||
{{indexList[2].categoryName}}
|
||||
</div>
|
||||
<div class="new-gang"></div>
|
||||
<div class="news11-list">
|
||||
<div class="news11-list-item" v-for="(item, index) in 8" :key="index">
|
||||
<div class="news11-list-item" v-for="(item, index) in this.nationalVirtualLass" :key="index">
|
||||
<div class="img">
|
||||
<img src="../assets/gw/Snipaste_2024-07-19_16-46-43.jpg" class="imgWO" alt="">
|
||||
<img :src="item.contentImg" class="imgWO" alt="">
|
||||
</div>
|
||||
<div class="tt">
|
||||
全球重大环境污染事件国际新闻报道虚拟仿真实验
|
||||
{{item.contentTitle}}
|
||||
</div>
|
||||
<div class="tags">
|
||||
<div class="p">数字新闻报道</div>
|
||||
<div class="p">{{indexList[2].categoryName}}</div>
|
||||
<div class="icon"> <i class="el-icon-user"></i>
|
||||
3750
|
||||
</div>
|
||||
@ -214,65 +187,9 @@
|
||||
</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 class="footer-nav-item" v-for="item in itemsWithoutFirst">
|
||||
<div class="tt">{{ item.label }}</div>
|
||||
<a href="" v-for="childrenItem in item.children">{{ childrenItem.label }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="web_icp">
|
||||
@ -306,6 +223,10 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
indexList:[],
|
||||
newList:[[], []],
|
||||
noticeList: [],
|
||||
nationalVirtualLass:[],
|
||||
tablist: [
|
||||
{ name: '首页' },
|
||||
{ name: '中心概括' },
|
||||
@ -320,7 +241,6 @@ export default {
|
||||
{ name: '合作企业' },
|
||||
{ name: '联系我们' },
|
||||
],
|
||||
imgUrl:'https://f382b38516.zicp.fun/',
|
||||
bannerlist:[],
|
||||
isMounted: false,
|
||||
swiperOptions: {
|
||||
@ -406,6 +326,10 @@ export default {
|
||||
if (this.isMounted) swiper = this.$refs.mySwiper.$swiper;
|
||||
return swiper;
|
||||
},
|
||||
// 通过计算"首页"栏目去掉第一个元素
|
||||
itemsWithoutFirst() {
|
||||
return this.tablist.length > 0 ? this.tablist.slice(1) : [];
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
@ -418,15 +342,40 @@ export default {
|
||||
if(res.code == 200){
|
||||
let list = res.data[3].children.list
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
this.bannerlist.push(this.imgUrl+list[i].imageUrl)
|
||||
this.bannerlist.push(process.env.VUE_APP_BASE_API+list[i].imageUrl)
|
||||
}
|
||||
console.log(this.bannerlist)
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
this.categoryList()
|
||||
console.log(this.tablist)
|
||||
})
|
||||
},
|
||||
/** 获取首页下的所有子栏目 */
|
||||
categoryList() {
|
||||
getbanner(this.tablist[0].id).then(response => {
|
||||
this.indexList = response.data
|
||||
let index = 0;
|
||||
// 新闻动态赋值
|
||||
this.indexList[0].children.list.forEach(item => {
|
||||
item.contentImg = process.env.VUE_APP_BASE_API + item.contentImg
|
||||
if (index < 4){
|
||||
this.newList[0].push(item)
|
||||
}else if (index < 8) {
|
||||
this.newList[1].push(item)
|
||||
}
|
||||
index += 1
|
||||
})
|
||||
|
||||
});
|
||||
// 通知公告赋值
|
||||
this.noticeList = this.indexList[1].children.list
|
||||
|
||||
// 国家级虚拟仿真课赋值
|
||||
this.nationalVirtualLass = this.indexList[2].children.list
|
||||
this.nationalVirtualLass.forEach(item => {
|
||||
item.contentImg = process.env.VUE_APP_BASE_API + item.contentImg
|
||||
})
|
||||
})
|
||||
},
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user