提交 5b1bcf91 authored 作者: 方远's avatar 方远

修改跳转、页首、页脚

上级 2d52e266
...@@ -44,6 +44,13 @@ export function getCopyRightAPI() { // 版权信息 ...@@ -44,6 +44,13 @@ export function getCopyRightAPI() { // 版权信息
}) })
} }
export function getSettingsAPI() { //查询基础参数设置
return request({
url: `${requestPath.admin}/index/get/settings`,
method: 'get'
})
}
export function shopCartAPI(data) { //添加购物车 export function shopCartAPI(data) { //添加购物车
return request({ return request({
url: `${requestPath.resource}/shopping-cart/save`, url: `${requestPath.resource}/shopping-cart/save`,
......
...@@ -48,12 +48,22 @@ ...@@ -48,12 +48,22 @@
<span class="gapLine" v-if="index != footerList.length - 1">|</span> <span class="gapLine" v-if="index != footerList.length - 1">|</span>
</span> </span>
</div> </div>
<div class="bottomOtherMessage" v-html="dictionaryText"></div> <!-- <div class="bottomOtherMessage" v-html="dictionaryText"></div> -->
<div class="bottomOtherMessage"> <div class="bottomOtherMessage bottom_text">
<p> <div class="left">
温馨提示,为了获得最佳用户体验,建议您使用Chrome,Firefox,IE10+,360浏览器极速模式 <p>版权所有:中国劳动社会保障出版社有限公司</p>
</p> <p>主办单位:中国劳动社会保障出版社有限公司  总经理办公室</p>
<p>集团旗舰店 : <a href="https://ldshbzcbs.tmall.com/" target="blank">中国人事社劳动社旗舰店  </a><a href="https://class.jd.com/" target="blank">京东网  </a><a href="http://store.dangdang.com/573" target="blank">当当网</a></p>
</div> </div>
<div class="right">
<p>地   址 : 北京市朝阳区惠新东街1号</p>
<p>邮   编 : 100029  <a :href="footerLink" target="blank">互联网出版许可证    </a><a href="https://beian.miit.gov.cn/" target="blank">京ICP备09045789号-1    </a><a href="http://www.class.com.cn/fg/news/toNewsDetail.html?newsId=402882175ffd7bcc0160013c6fb10053" target="blank"><img src="@/assets/common/xiaoguo_07.png"> 京公安备11010502032447号</a></p>
<p>温馨提示,为了获得最佳用户体验,建议您使用Chrome,Firefox,IE11+,360浏览器极速模式</p>
</div>
</div>
<!-- <div class="bottomOtherMessage">
<p>温馨提示,为了获得最佳用户体验,建议您使用Chrome,Firefox,IE11+,360浏览器极速模式</p>
</div> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -61,7 +71,8 @@ ...@@ -61,7 +71,8 @@
<script> <script>
import { resourceLink } from "@/utils/global.js" import { resourceLink } from "@/utils/global.js"
import { linksAPI, footerAPI, getCopyRightAPI,linksUpdateAPI } from "@/api/common"; import { linksAPI, footerAPI, getSettingsAPI,linksUpdateAPI, } from "@/api/common";
import { getSignValueAPI, } from "@/api/home";
export default { export default {
data() { data() {
...@@ -142,12 +153,14 @@ export default { ...@@ -142,12 +153,14 @@ export default {
pageSize: 6, pageSize: 6,
}, },
dictionaryText: null, dictionaryText: null,
footerLink: "",
}; };
}, },
mounted() { mounted() {
this.getLink(); //前台友情链接 this.getLink(); //前台友情链接
this.getFooter(); //页脚 this.getFooter(); //页脚
this.getdictionary(); //底部版权 this.getdictionary(); //底部版权
this.getFooterLink() //获取底部许可证链接
if(this.$route.meta.shopBg) { //面包屑整体灰色背景 if(this.$route.meta.shopBg) { //面包屑整体灰色背景
this.shopBg = true this.shopBg = true
} }
...@@ -165,6 +178,13 @@ export default { ...@@ -165,6 +178,13 @@ export default {
jgwabUrl(){ jgwabUrl(){
window.open('http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010202010043','_blank') window.open('http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010202010043','_blank')
}, },
getFooterLink(){
getSignValueAPI({code:"xkz"}).then(res=>{
if(res.data.code == 0){
this.footerLink = res.data.data[0].url
}
})
},
getLink() { getLink() {
//友情链接 //友情链接
linksAPI({ num: 6 }).then((res) => { linksAPI({ num: 6 }).then((res) => {
...@@ -177,7 +197,8 @@ export default { ...@@ -177,7 +197,8 @@ export default {
}, },
goBottomLink(item) { goBottomLink(item) {
//链接跳转 //链接跳转
window.open(this.resourceLink + '/fg/index.html#/introductions?id=' + item.id); // window.open(this.resourceLink + '/fg/index.html#/introductions?id=' + item.id);
this.$linkToRsResource('/introductions?id=' + item.id)
}, },
getFooter() { getFooter() {
//页脚 //页脚
...@@ -191,9 +212,9 @@ export default { ...@@ -191,9 +212,9 @@ export default {
}, },
getdictionary() { getdictionary() {
//底部版权 //底部版权
getCopyRightAPI().then((res) => { getSettingsAPI().then((res) => {
if (res.data.code == 0) { if (res.data.code == 0) {
this.dictionaryText = res.data.data.value; this.dictionaryText = res.data.data.copyrightInformation;
} else { } else {
this.$message.error("请求数据失败"); this.$message.error("请求数据失败");
} }
...@@ -383,6 +404,19 @@ export default { ...@@ -383,6 +404,19 @@ export default {
font-size: 14px; font-size: 14px;
line-height: 40px; line-height: 40px;
} }
&.bottom_text{
align-items: flex-start;
justify-content: flex-start;
a{
color: inherit;
}
.left{
margin-right: 60px;
}
.right{
}
}
} }
} }
} }
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="login_top_content"> <div class="login_top_content">
<div class="header_top_left"> <div class="header_top_left">
<img src="@/assets/home/logo.png" alt="" class="logoImg"> <img src="@/assets/home/logo.png" alt="" class="logoImg">
<div class="headerBtn" @click="toMall()"> <div class="headerBtn" @click="$linkToRsResource('/')">
<img src="@/assets/home/ico-produce.png" alt="" class="iconImg1"> <img src="@/assets/home/ico-produce.png" alt="" class="iconImg1">
<span>直通商城</span> <span>直通商城</span>
</div> </div>
...@@ -34,9 +34,9 @@ ...@@ -34,9 +34,9 @@
</div> </div>
<div class="login_bottom" :class="isFixed?'fixedNavStyle':''"> <div class="login_bottom" :class="isFixed?'fixedNavStyle':''">
<div class="navList"> <div class="navList">
<div :class="(currentNavItem == index || currentUrl == item.routerUrl || (currentUrl.indexOf(item.routerUrl) != -1 && item.routerUrl != '/'))?'navItem navCurrentSelected':'navItem'" v-for="(item,index) in navListData" :key="'nav'+index" @mouseenter="currentNavItem = index"> <div :class="(currentNavItem == index || currentUrl == item.routerUrl || (currentUrl.indexOf(item.routerUrl) != -1 && item.routerUrl != '/'))?'navItem navCurrentSelected':'navItem'" v-for="(item,index) in navListData" :key="'nav'+index">
<span @click="toUrl(item.routerUrl,index)" class="textName">{{item.name}}</span> <span @click="toUrl(item.routerUrl,index)" class="textName">{{item.name}}</span>
<div class="navCellList" v-if="currentNavItem == index && item.dropDownList && item.dropDownList.length > 0"> <div class="navCellList" v-if="item.dropDownList && item.dropDownList.length > 0">
<div class="navCellWrap" v-for="(x,y) in item.dropDownList" :key="'drop'+y" @click="changePageScroll(index,x)">{{x.title}}</div> <div class="navCellWrap" v-for="(x,y) in item.dropDownList" :key="'drop'+y" @click="changePageScroll(index,x)">{{x.title}}</div>
</div> </div>
</div> </div>
...@@ -153,7 +153,7 @@ export default { ...@@ -153,7 +153,7 @@ export default {
{ title:'数字精品', idUrl:'/productsWorld#produce2' }, { title:'数字精品', idUrl:'/productsWorld#produce2' },
{ title:'产品分类', idUrl:'/productsWorld#produce3' }, { title:'产品分类', idUrl:'/productsWorld#produce3' },
{ title:'资源平台', idUrl:'/productsWorld#produce4' }, { title:'资源平台', idUrl:'/productsWorld#produce4' },
{ title:'资源下载', idUrl:'/productsWorld#produce5' }, { title:'资源下载', idUrl:'/productsWorld/resourceDownload' },
] ]
}, },
{ name:'营销服务', val:5, routerUrl:'/marketingService', dropDownList:[ { name:'营销服务', val:5, routerUrl:'/marketingService', dropDownList:[
...@@ -210,9 +210,9 @@ export default { ...@@ -210,9 +210,9 @@ export default {
this.isFixed = false this.isFixed = false
} }
}, },
toMall(){ // toMall(){
window.open(this.resourceLink + '/fg/mallIndex/index.html','_blank') // window.open(this.resourceLink + '/fg/mallIndex/index.html','_blank')
}, // },
marketLogin(){ marketLogin(){
window.open('http://nps.class.com.cn/dealer/','_blank') window.open('http://nps.class.com.cn/dealer/','_blank')
}, },
...@@ -254,20 +254,24 @@ export default { ...@@ -254,20 +254,24 @@ export default {
} }
}, },
searchLink(){ searchLink(){
if(this.currentIndex == 0){ if(this.currentIndex == 0){ //产品
if(!this.searchSelect || this.searchSelect == ''){ // if(!this.searchSelect || this.searchSelect == ''){
window.open(this.resourceLink + '/fg/solr/index.html?word=' + this.searchKeyWord + '&category=1') // window.open(this.resourceLink + '/fg/solr/index.html?word=' + this.searchKeyWord + '&category=1')
}else{ // }else{
window.open(this.resourceLink + '/fg/book/book_list.html?'+ this.searchSelect + '=' + this.searchKeyWord) // window.open(this.resourceLink + '/fg/book/book_list.html?'+ this.searchSelect + '=' + this.searchKeyWord)
} // }
}else if(this.currentIndex == 1){ this.$linkToRsResource('/resource?name=' + this.searchKeyWord)
if(!this.searchSelect || this.searchSelect == ''){ }else if(this.currentIndex == 1){ //资源
window.open(this.resourceLink + '/fg/solr/index.html?word=' + this.searchKeyWord + '&category=3') // if(!this.searchSelect || this.searchSelect == ''){
}else{ // window.open(this.resourceLink + '/fg/solr/index.html?word=' + this.searchKeyWord + '&category=3')
window.open(this.resourceLink + '/fg/book/book_list.html?'+ this.searchSelect + '=' + this.searchKeyWord +'&showView=2') // }else{
} // window.open(this.resourceLink + '/fg/book/book_list.html?'+ this.searchSelect + '=' + this.searchKeyWord +'&showView=2')
}else if(this.currentIndex == 2){ // }
window.open(this.resourceLink + '/fg/index/toSearchList.html?searchName=newsTitle&newsTitle='+ this.searchKeyWord +'&clickNum=0') this.$linkToRsResource('/digital?name=' + this.searchKeyWord)
}else if(this.currentIndex == 2){ //资讯
// window.open(this.resourceLink + '/fg/index/toSearchList.html?searchName=newsTitle&newsTitle='+ this.searchKeyWord +'&clickNum=0')
this.$router.push({name:"pressCenter",query:{name:this.searchKeyWord}})
this.dialogSearchVisible = false
} }
}, },
toUrl(routerUrl,index){ toUrl(routerUrl,index){
...@@ -608,14 +612,14 @@ export default { ...@@ -608,14 +612,14 @@ export default {
.navCellList{ .navCellList{
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
animation: showNow 0.5s linear; animation: showNow 1s linear;
} }
@keyframes showNow { @keyframes showNow {
0%{ 0%{
height: 0; max-height: 0;
} }
100%{ 100%{
height: 100%; max-height: 500px;
} }
} }
} }
...@@ -624,9 +628,13 @@ export default { ...@@ -624,9 +628,13 @@ export default {
height: 100%; height: 100%;
display: inline-block; display: inline-block;
} }
&:hover{
background: linear-gradient(0deg, #164480 0%, #0f68f8 100%);
font-weight: 800;
}
} }
.navCurrentSelected{ .navCurrentSelected{
background: linear-gradient(0deg, #1A55C3 0%, #1768EA 99%); background: linear-gradient(0deg, #164480 0%, #0f68f8 100%);
font-weight: 800; font-weight: 800;
} }
.navCellList{ .navCellList{
......
<template> <template>
<div> <div>
<div class="box"> <div class="box">
<div class="list" @click="feedback"> <!-- <div class="list" @click="feedback">
<img src="@/assets/index/ico-yjfk.png" class="icon_message1"> <img src="@/assets/index/ico-yjfk.png" class="icon_message1">
<img src="@/assets/index/ico-yjfk-h.png" class="icon_message2"> <img src="@/assets/index/ico-yjfk-h.png" class="icon_message2">
</div> </div> -->
<div class="back_list" @click="goTop"> <div class="back_list" @click="goTop">
<img src="@/assets/index/back_top.png" class="icon_return"> <img src="@/assets/index/back_top.png" class="icon_return">
</div> </div>
...@@ -24,7 +24,8 @@ export default { ...@@ -24,7 +24,8 @@ export default {
}, },
methods:{ methods:{
goTop(){ goTop(){
window.scroll(0,0) // window.scroll(0,0)
document.querySelector(".login_case").scrollIntoView({behavior: "smooth", block: "start", inline: "start"})
}, },
feedback(){ feedback(){
window.open(this.resourceLink + '/fg/index.html#/feedback') window.open(this.resourceLink + '/fg/index.html#/feedback')
......
...@@ -25,38 +25,38 @@ export default { ...@@ -25,38 +25,38 @@ export default {
currentIndex:null, currentIndex:null,
navListData:[ navListData:[
{ name:'首页', val:1, routerUrl:'/', dropDownList:[ { name:'首页', val:1, routerUrl:'/', dropDownList:[
{ title:'动态', idUrl:'/#home1', hash:'#home1' }, { title:'动态', idUrl:'/#home1', hash:'#home1', id:'home1' },
{ title:'图书产品', idUrl:'/#home2', hash:'#home2' }, { title:'图书产品', idUrl:'/#home2', hash:'#home2', id:'home2' },
{ title:'新书推荐', idUrl:'/#home3', hash:'#home3' }, { title:'新书推荐', idUrl:'/#home3', hash:'#home3', id:'home3' },
{ title:'数字产品', idUrl:'/#home4', hash:'#home4' }, { title:'数字产品', idUrl:'/#home4', hash:'#home4', id:'home4' },
{ title:'资源平台', idUrl:'/#home5', hash:'#home5' }, { title:'资源平台', idUrl:'/#home5', hash:'#home5', id:'home5' },
// { title:'期刊', idUrl:'/#home6', hash:'#home6' }, // { title:'期刊', idUrl:'/#home6', hash:'#home6' },
] ]
}, },
{ name:'集团概况', val:2, routerUrl:'/groupProfile', dropDownList:[ { name:'集团概况', val:2, routerUrl:'/groupProfile', dropDownList:[
{ title:'集团简介', idUrl:'/groupProfile#group1', hash:'#group1' }, { title:'集团简介', idUrl:'/groupProfile#group1', hash:'#group1', id:'group1' },
{ title:'集团领导', idUrl:'/groupProfile#group2', hash:'#group2' }, { title:'集团领导', idUrl:'/groupProfile#group2', hash:'#group2', id:'group2' },
{ title:'组织机构', idUrl:'/groupProfile#group3', hash:'#group3' }, { title:'组织机构', idUrl:'/groupProfile#group3', hash:'#group3', id:'group3' },
{ title:'荣誉长廊', idUrl:'/groupProfile#group4', hash:'#group4' }, { title:'荣誉长廊', idUrl:'/groupProfile#group4', hash:'#group4', id:'group4' },
{ title:'企业文化', idUrl:'/groupProfile#group5', hash:'#group5' }, { title:'企业文化', idUrl:'/groupProfile#group5', hash:'#group5', id:'group5' },
{ title:'工作活动', idUrl:'/groupProfile#group6', hash:'#group6' }, { title:'工作活动', idUrl:'/groupProfile#group6', hash:'#group6', id:'group6' },
] ]
}, },
{ name:'新闻中心', val:3, routerUrl:'/pressCenter', dropDownList:[]}, { name:'新闻中心', val:3, routerUrl:'/pressCenter', dropDownList:[]},
{ name:'产品世界', val:4, routerUrl:'/productsWorld', dropDownList:[ { name:'产品世界', val:4, routerUrl:'/productsWorld', dropDownList:[
{ title:'产品推介', idUrl:'/productsWorld#produce1', hash:'#produce1' }, { title:'产品推介', idUrl:'/productsWorld#produce1', hash:'#produce1', id:'produce1', },
{ title:'数字精品', idUrl:'/productsWorld#produce2', hash:'#produce2' }, { title:'数字精品', idUrl:'/productsWorld#produce2', hash:'#produce2', id:'produce2', },
{ title:'产品分类', idUrl:'/productsWorld#produce3', hash:'#produce3' }, { title:'产品分类', idUrl:'/productsWorld#produce3', hash:'#produce3', id:'produce3', },
{ title:'资源平台', idUrl:'/productsWorld#produce4', hash:'#produce4' }, { title:'资源平台', idUrl:'/productsWorld#produce4', hash:'#produce4', id:'produce4', },
{ title:'资源下载', idUrl:'/productsWorld#produce5', hash:'#produce5' }, { title:'资源下载', idUrl:'/productsWorld/resourceDownload', hash:'#produce5', id:'produce5', },
] ]
}, },
{ name:'营销服务', val:5, routerUrl:'/marketingService', dropDownList:[ { name:'营销服务', val:5, routerUrl:'/marketingService', dropDownList:[
{ title:'营销中心', idUrl:'/marketingService#marketing1', hash:'#marketing1' }, { title:'营销中心', idUrl:'/marketingService#marketing1', hash:'#marketing1', id:'marketing1' },
{ title:'下载服务', idUrl:'/marketingService#marketing2', hash:'#marketing2' }, { title:'下载服务', idUrl:'/marketingService#marketing2', hash:'#marketing2', id:'marketing2' },
{ title:'联系信息', idUrl:'/marketingService#marketing3', hash:'#marketing3' }, { title:'联系信息', idUrl:'/marketingService#marketing3', hash:'#marketing3', id:'marketing3' },
{ title:'经销商服务', idUrl:'/marketingService#marketing4', hash:'#marketing4' }, { title:'经销商服务', idUrl:'/marketingService#marketing4', hash:'#marketing4', id:'marketing4' },
{ title:'经销商登陆', idUrl:'/marketingService#marketing5', hash:'#marketing5' }, { title:'经销商登陆', idUrl:'/marketingService#marketing5', hash:'#marketing5', id:'marketing5',openUrl:'http://nps.class.com.cn/dealer/' },
] ]
}, },
{ name:'专题系列', val:6, routerUrl:'/specialSeries', dropDownList:[]}, { name:'专题系列', val:6, routerUrl:'/specialSeries', dropDownList:[]},
...@@ -67,10 +67,10 @@ export default { ...@@ -67,10 +67,10 @@ export default {
// ] // ]
// }, // },
{ name:'与我同行', val:9, routerUrl:'/mine', dropDownList:[ { name:'与我同行', val:9, routerUrl:'/mine', dropDownList:[
{ title:'员工发展', idUrl:'/mine#mine1', hash:'#mine1' }, { title:'员工发展', idUrl:'/mine#mine1', hash:'#mine1', id:'mine1' },
{ title:'招聘职位', idUrl:'/mine#mine2', hash:'#mine2' }, { title:'招聘职位', idUrl:'/mine#mine2', hash:'#mine2', id:'mine2' },
{ title:'招聘流程', idUrl:'/mine#mine3', hash:'#mine3' }, { title:'招聘流程', idUrl:'/mine#mine3', hash:'#mine3', id:'mine3' },
{ title:'联系我们', idUrl:'/mine#mine4', hash:'#mine4' }, { title:'联系我们', idUrl:'/mine#mine4', hash:'#mine4', id:'mine4' },
] ]
}, },
], ],
...@@ -91,7 +91,14 @@ export default { ...@@ -91,7 +91,14 @@ export default {
} }
}, },
changePageScroll(item){ changePageScroll(item){
if(item.openUrl){
window.open(item.openUrl,"_blank")
}
if(item.id == "produce5"){
this.$router.push({ path: item.idUrl }) this.$router.push({ path: item.idUrl })
}else{
document.getElementById(item.id).scrollIntoView({behavior: "smooth", block: "start", inline: "start"})
}
} }
} }
} }
......
...@@ -24,6 +24,9 @@ Vue.use(ElementUI); ...@@ -24,6 +24,9 @@ Vue.use(ElementUI);
Vue.component("v-distpicker", VDistpicker); Vue.component("v-distpicker", VDistpicker);
Vue.prototype.$filePath = "http://test23.zhongdianyun.com/file/file/?fileName="; Vue.prototype.$filePath = "http://test23.zhongdianyun.com/file/file/?fileName=";
Vue.prototype.$linkToRsResource = (path)=>{
window.open('http://test23.zhongdianyun.com/fg' + path,'_blank') //资源库地址
};
import Bus from "@/utils/bus"; import Bus from "@/utils/bus";
Vue.use(Bus); Vue.use(Bus);
// //图片地址 // //图片地址
......
...@@ -95,6 +95,7 @@ const routes = [ ...@@ -95,6 +95,7 @@ const routes = [
]; ];
const router = new VueRouter({ const router = new VueRouter({
mode: "history",
base: process.env.BASE_URL, base: process.env.BASE_URL,
routes, routes,
}); });
......
...@@ -89,12 +89,16 @@ ...@@ -89,12 +89,16 @@
</div> </div>
<div class="honorGalleryDetail"> <div class="honorGalleryDetail">
<div class="detailMedal"> <div class="detailMedal">
<div class="leftIcon" @click="leftPage(leftNum)" v-if="medalList && medalList.length > 4"></div> <div class="leftIcon group_swiper_left"></div>
<div class="rightIcon" @click="rightPage(rightNum)" v-if="medalList && medalList.length > 4"></div> <div class="rightIcon group_swiper_right"></div>
<div class="medalPic" v-for="(item,index) in medalListCurrent" :key="''+index"> <div class="swiper-container group_swiper">
<div class="swiper-wrapper">
<div class="swiper-slide medalPic" v-for="(item,index) in medalList" :key="''+index">
<img :src="coverUrl(item.imgId)" alt=""> <img :src="coverUrl(item.imgId)" alt="">
</div> </div>
</div> </div>
</div>
</div>
<div class="detailYears"> <div class="detailYears">
<div class="leftIcon" @click="leftYearChange(leftYear)" v-if="yearList && yearList.length > 4"></div> <div class="leftIcon" @click="leftYearChange(leftYear)" v-if="yearList && yearList.length > 4"></div>
<div class="rightIcon" @click="rightYearChange(rightYear)" v-if="yearList && yearList.length > 4"></div> <div class="rightIcon" @click="rightYearChange(rightYear)" v-if="yearList && yearList.length > 4"></div>
...@@ -350,7 +354,8 @@ export default { ...@@ -350,7 +354,8 @@ export default {
massList:[ massList:[
{ name:'技工教育和职业培训教材建设工作座谈会暨第31次代理发行站工作会议成功召开', type:'1', text:'出版集团2017年5月8日讯(营销部 撰稿)5月5日—6日,技工教育和职业培训教材建设工作座谈会暨出版集团第31次代理发行站版集团2017年5月8日讯(营销部 撰稿)5月5日—6日,技工教育和职业培训教材建设工作座谈... ', time:'2022-06-07'}, { name:'技工教育和职业培训教材建设工作座谈会暨第31次代理发行站工作会议成功召开', type:'1', text:'出版集团2017年5月8日讯(营销部 撰稿)5月5日—6日,技工教育和职业培训教材建设工作座谈会暨出版集团第31次代理发行站版集团2017年5月8日讯(营销部 撰稿)5月5日—6日,技工教育和职业培训教材建设工作座谈... ', time:'2022-06-07'},
{ name:'人社部举办2018年全国人力资源市场高校毕业生就业服务周活动', type:'2', text:'', time:'2022-06-06'} { name:'人社部举办2018年全国人力资源市场高校毕业生就业服务周活动', type:'2', text:'', time:'2022-06-06'}
] ],
mySwiper:null,
}; };
}, },
watch:{ watch:{
...@@ -448,10 +453,28 @@ export default { ...@@ -448,10 +453,28 @@ export default {
profileHonorImgListAPI({columnId:id}).then((res1) => { profileHonorImgListAPI({columnId:id}).then((res1) => {
if(res1.data.code == 0){ if(res1.data.code == 0){
this.medalList = res1.data.data this.medalList = res1.data.data
this.medalListCurrent = this.medalList.slice(0,4) // this.medalListCurrent = this.medalList
this.$nextTick(() => {
this.initSwiper()
})
} }
}) })
}, },
initSwiper(){
let that = this
this.mySwiper = new Swiper ('.group_swiper', {
autoplay: false,
speed:1000,
slidesPerView : 4,
spaceBetween: 40,
nextButton: '.group_swiper_right', //前进按钮
prevButton: '.group_swiper_left', //后退按钮
autoplayDisableOnInteraction : false, //用户操作swiper之后,是否要禁止autoplay。默认的状态是true,既是禁止的。如果设置成false则代表,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。
// onSlideChangeStart: function(swiper){
// that.slideIndex = swiper.activeIndex
// }
})
},
//企业文化 //企业文化
profileQywh(id){ profileQywh(id){
profileDetailAPI(id).then((res) => { profileDetailAPI(id).then((res) => {
...@@ -461,23 +484,23 @@ export default { ...@@ -461,23 +484,23 @@ export default {
}) })
}, },
//荣誉长廊左边 // //荣誉长廊左边
leftPage(leftNum){ // leftPage(leftNum){
if(leftNum > 0){ // if(leftNum > 0){
this.rightNum = this.rightNum - 1 // this.rightNum = this.rightNum - 1
this.leftNum = this.leftNum - 1 // this.leftNum = this.leftNum - 1
this.medalListCurrent = this.medalList.slice(this.leftNum,this.rightNum) // this.medalListCurrent = this.medalList.slice(this.leftNum,this.rightNum)
} // }
}, // },
//荣誉长廊右边 // //荣誉长廊右边
rightPage(rightNum){ // rightPage(rightNum){
if(rightNum < this.medalList.length){ // if(rightNum < this.medalList.length){
this.rightNum = this.rightNum + 1 // this.rightNum = this.rightNum + 1
this.leftNum = this.leftNum + 1 // this.leftNum = this.leftNum + 1
this.medalListCurrent = this.medalList.slice(this.leftNum,this.rightNum) // this.medalListCurrent = this.medalList.slice(this.leftNum,this.rightNum)
} // }
}, // },
//时间点左边 //时间点左边
leftYearChange(leftYear){ leftYearChange(leftYear){
...@@ -1241,6 +1264,14 @@ export default { ...@@ -1241,6 +1264,14 @@ export default {
padding: 0 52px; padding: 0 52px;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 60px; margin-bottom: 60px;
&:hover{
.leftIcon{
display: block;
}
.rightIcon{
display: block;
}
}
.leftIcon{ .leftIcon{
width: 14px; width: 14px;
height: 23px; height: 23px;
...@@ -1253,6 +1284,7 @@ export default { ...@@ -1253,6 +1284,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: pointer; cursor: pointer;
display: none;
} }
.rightIcon{ .rightIcon{
width: 14px; width: 14px;
...@@ -1266,6 +1298,7 @@ export default { ...@@ -1266,6 +1298,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: pointer; cursor: pointer;
display: none;
} }
.medalPic{ .medalPic{
width: 250px; width: 250px;
...@@ -1283,6 +1316,14 @@ export default { ...@@ -1283,6 +1316,14 @@ export default {
padding: 0 25px; padding: 0 25px;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 30px; margin-bottom: 30px;
&:hover{
.leftIcon{
display: block;
}
.rightIcon{
display: block;
}
}
.leftIcon{ .leftIcon{
width: 14px; width: 14px;
height: 23px; height: 23px;
...@@ -1295,6 +1336,7 @@ export default { ...@@ -1295,6 +1336,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: pointer; cursor: pointer;
display: none;
} }
.rightIcon{ .rightIcon{
width: 14px; width: 14px;
...@@ -1308,6 +1350,7 @@ export default { ...@@ -1308,6 +1350,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: pointer; cursor: pointer;
display: none;
} }
.yearLine{ .yearLine{
width: 1150px; width: 1150px;
......
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
<div class="shadeContent" v-else> <div class="shadeContent" v-else>
<div class="shadeName">{{item.showName}}</div> <div class="shadeName">{{item.showName}}</div>
<div class="shadeLabelContent"> <div class="shadeLabelContent">
<span class="labelCell" v-for="(x,y) in item.list" :key="'label'+y" @click="toDetailLabel(x)">{{x.showName}}</span> <span class="labelCell" v-for="(x,y) in item.list" :key="'label'+y" @click="toDetailLabel(x,item)">{{x.showName}}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -93,6 +93,18 @@ ...@@ -93,6 +93,18 @@
<div class="swiper-button-prev"><i class="el-icon-arrow-left"></i></div> <div class="swiper-button-prev"><i class="el-icon-arrow-left"></i></div>
<div class="swiper-button-next"><i class="el-icon-arrow-right"></i></div> <div class="swiper-button-next"><i class="el-icon-arrow-right"></i></div>
</div> </div>
<div class="progress-selector">
<input
class="input-progress"
:style="cssVars"
:value="slideIndex+1"
type="range"
:max="newArrivalsList.length-4"
:min="1"
step="1"
@input="progressChange($event)"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -245,6 +257,9 @@ export default { ...@@ -245,6 +257,9 @@ export default {
digitalLabelList:[], digitalLabelList:[],
resourcePlatformList:[], resourcePlatformList:[],
hash:null, hash:null,
mySwiper:null,
slideIndex:0,
swiperPages:1,
}; };
}, },
watch:{ watch:{
...@@ -270,6 +285,13 @@ export default { ...@@ -270,6 +285,13 @@ export default {
this.getRecommend() this.getRecommend()
this.getAdsign() this.getAdsign()
}, },
computed: {
cssVars() {
return {
"--swiperPages": this.swiperPages+1
};
}
},
beforeDestroy(){ beforeDestroy(){
}, },
...@@ -404,44 +426,62 @@ export default { ...@@ -404,44 +426,62 @@ export default {
}) })
}, },
//图书产品跳转 //图书产品跳转
toDetailLabel(item){ toDetailLabel(item,parentItem){
window.open(this.resourceLink + '/#/resource?code=' + item.code ,'_blank') // window.open(this.resourceLink + '/#/resource?code=' + item.code ,'_blank')
if(item.parentName=="数字产品"){
this.$linkToRsResource('/digital?code=' + item.code)
}else{
this.$linkToRsResource('/resource?code=' + parentItem.code + "," + item.code)
}
}, },
//新书推荐、数字产品 //新书推荐、数字产品
getRecommend(){ getRecommend(){
getRecommendAPI({code:'tjzzs',num:8}).then((res) => { getRecommendAPI({code:'tjzzs',num:8}).then((res) => {
this.newArrivalsList = res.data.data.resourcelist this.newArrivalsList = res.data.data.resourcelist
}) this.swiperPages = Math.ceil(res.data.data.resourcelist.length-5)||1
getRecommendAPI({code:'syjptj',num:8}).then((res) => { let that = this
this.digitalLabelList = res.data.data.resourcelist this.$nextTick(() => {
}) this.mySwiper = new Swiper('.swiper-container', {
// pagination: '.swiper-pagination',
setTimeout(() => {
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
slidesPerView: 5, slidesPerView: 5,
paginationClickable: true, paginationClickable: true,
spaceBetween: 24, spaceBetween: 40,
nextButton: '.swiper-button-next', //前进按钮 nextButton: '.swiper-button-next', //前进按钮
prevButton: '.swiper-button-prev', //后退按钮 prevButton: '.swiper-button-prev', //后退按钮
loop: true, //循环 // loop: true, //循环
autoplay:3000, autoplay:3000,
autoplayDisableOnInteraction:false, autoplayDisableOnInteraction:false,
onSlideChangeStart: function(swiper){
that.slideIndex = swiper.activeIndex
},
}); });
},500) })
})
getRecommendAPI({code:'syjptj',num:8}).then((res) => {
this.digitalLabelList = res.data.data.resourcelist
})
},
progressChange(e){ //滑动改变滚动条
// console.log(e.target.value,7777)
let index = e.target.value-1
this.slideIndex = index
this.mySwiper.slideTo(index, 1000, false);
}, },
toDetailBook(item){ toDetailBook(item){
if(item.resourceType == '1'){ if(item.resourceType == '1'){
window.open(this.resourceLink + '/#/resource/paperBookDetail?id=' + item.resourceId ,'_blank') // window.open(this.resourceLink + '/#/resource/paperBookDetail?id=' + item.resourceId ,'_blank')
this.$linkToRsResource('/resource/paperBookDetail?id=' + item.resourceId)
}else if(item.resourceType == '2'){ }else if(item.resourceType == '2'){
window.open(this.resourceLink + '/#/digital/bookDetail?id=' + item.resourceId ,'_blank') // window.open(this.resourceLink + '/#/digital/bookDetail?id=' + item.resourceId ,'_blank')
this.$linkToRsResource('/digital/bookDetail?id=' + item.resourceId)
} }
}, },
//数字产品跳转 //数字产品跳转
toDigitalDetail2(item){ toDigitalDetail2(item){
window.open(this.resourceLink + '/#/digital/annexDetail?id=' + item.resourceId ,'_blank') // window.open(this.resourceLink + '/#/digital/annexDetail?id=' + item.resourceId ,'_blank')
this.$linkToRsResource('/digital/annexDetail?id=' + item.resourceId)
}, },
//资源平台列表 //资源平台列表
...@@ -859,14 +899,18 @@ export default { ...@@ -859,14 +899,18 @@ export default {
} }
} }
.bottomNewArrivalsDetail{ .bottomNewArrivalsDetail{
width: 1200px; width: 1260px;
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
padding: 0 30px;
box-sizing: border-box;
overflow: hidden;
/deep/.swiper-container{ /deep/.swiper-container{
width: 100%; width: 100%;
height: 395px; height: 395px;
padding-top: 50px; padding-top: 50px;
box-sizing: border-box; box-sizing: border-box;
overflow: initial;
} }
/deep/.swiper-slide{ /deep/.swiper-slide{
width: 214px; width: 214px;
...@@ -874,6 +918,7 @@ export default { ...@@ -874,6 +918,7 @@ export default {
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
&:hover{ &:hover{
transform: scale(1.1); transform: scale(1.1);
transform-origin: center; transform-origin: center;
...@@ -886,7 +931,7 @@ export default { ...@@ -886,7 +931,7 @@ export default {
height: 298px; height: 298px;
} }
.shadeBookName{ .shadeBookName{
width: 97%; width: 100%;
height: 110px; height: 110px;
display: none; display: none;
position: absolute; position: absolute;
...@@ -930,6 +975,11 @@ export default { ...@@ -930,6 +975,11 @@ export default {
right:0; right:0;
color: #fff; color: #fff;
} }
/deep/ .swiper-button-prev.swiper-button-disabled,
/deep/ .swiper-button-next.swiper-button-disabled{
pointer-events: initial;
cursor: not-allowed;
}
.bottomLineContent{ .bottomLineContent{
width: 100%; width: 100%;
height: auto; height: auto;
...@@ -1030,6 +1080,7 @@ export default { ...@@ -1030,6 +1080,7 @@ export default {
background-position: 0 0; background-position: 0 0;
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
.dpLeftCommon{ .dpLeftCommon{
display: inline-block; display: inline-block;
position: absolute; position: absolute;
...@@ -1041,9 +1092,48 @@ export default { ...@@ -1041,9 +1092,48 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
transition: all 0.8s ease 0s;
transform: scale(1);
::after {
content: "";
display: inline-block;
height: 100%;
width: 100%;
border-radius: 100px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all .8s ease 0s;
background-color: #fff;
}
// &::after{
// position: absolute;
// content: "";
// display: inline-block;
// border-radius: 50%;
// top: 0;
// right: 0;
// bottom: 0;
// left: 0;
// background: #fff;
// opacity: 1;
// z-index: -1;
// transition: all 1s ease-out 0s;
// }
&:hover{ &:hover{
transform: scale(1.2); transform: scale(1.2);
transition: all 1s; ::after {
transform: scale(1.2);
opacity: 0.2;
}
// &::after{
// top: -10px;
// right: -10px;
// bottom: -10px;
// left: -10px;
// opacity: 0.3;
// }
} }
img{ img{
width: 30px; width: 30px;
...@@ -1064,8 +1154,8 @@ export default { ...@@ -1064,8 +1154,8 @@ export default {
.dpLeft1{ .dpLeft1{
width: 140px; width: 140px;
height: 140px; height: 140px;
top: 0; top: 5px;
right: 0; right: 5px;
} }
.dpLeft2{ .dpLeft2{
width: 130px; width: 130px;
...@@ -1444,5 +1534,107 @@ export default { ...@@ -1444,5 +1534,107 @@ export default {
} }
} }
} }
</style>
<style lang="scss" scoped>
.progress-selector {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 0;
width: 200px;
height: 9px;
background: rgba(204, 204, 204, 0.35);
border-radius: 4px;
}
input[type="range"] {
-webkit-appearance: none;
width: 100%;
position: absolute;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
}
input[type="range"]::-webkit-slider-runnable-track {
width: 200px;
height: 0px;
// border-bottom: 4px solid #EEEEEE;
opacity: 1;
cursor: pointer;
}
input[type="range"]::-moz-range-track {
width: 200px;
height: 0px;
// border-bottom: 4px solid #EEEEEE;
opacity: 1;
cursor: pointer;
}
input[type="range"]::-ms-track {
width: 200px;
height: 0px;
// border-bottom: 4px solid #EEEEEE;
opacity: 1;
cursor: pointer;
}
input[type="range"]:focus {
outline: none;
}
input[type="range"]::-webkit-slider-thumb {
// width: 60px;
width: calc(100% / var(--swiperPages));
height: 9px;
// border: 3px solid #BB0402;
// border-radius: 50%;
opacity: 1;
position: relative;
bottom: 7px;
cursor: move;
box-sizing: border-box;
background: #BBBBBB;
border-radius: 4px;
}
input[type="range"]::-moz-range-thumb {
// width: 60px;
width: calc(100% / var(--swiperPages));
height: 9px;
// border: 3px solid #BB0402;
// border-radius: 50%;
opacity: 1;
position: relative;
bottom: 7px;
cursor: move;
box-sizing: border-box;
background: #BBBBBB;
border-radius: 4px;
}
input[type="range"]::-ms-thumb {
// width: 60px;
width: calc(100% / var(--swiperPages));
height: 9px;
// border: 3px solid #BB0402;
// border-radius: 50%;
opacity: 1;
position: relative;
bottom: 7px;
cursor: move;
box-sizing: border-box;
background: #BBBBBB;
border-radius: 4px;
}
.progress-panel {
width: 412px !important;
height: 100px;
opacity: 1;
position: absolute;
bottom: 0px;
left: calc(50% - 206px);
z-index: 10;
animation: fade-up 0.1s ease-in-out 0s 1;
}
.input-progress {
position: absolute;
top: 50%;
left: 0;
}
</style> </style>
...@@ -175,7 +175,7 @@ ...@@ -175,7 +175,7 @@
</div> </div>
<levitate class="levitate"></levitate> <levitate class="levitate"></levitate>
<sidebar class="sidebarBox" :currentNum="8" :currentHash="hash"></sidebar> <sidebar class="sidebarBox" :currentNum="7" :currentHash="hash"></sidebar>
<com-foot></com-foot> <com-foot></com-foot>
</div> </div>
</template> </template>
......
...@@ -311,6 +311,7 @@ export default { ...@@ -311,6 +311,7 @@ export default {
right: 0; right: 0;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
cursor: pointer;
img{ img{
width: 16px; width: 16px;
height: 16px; height: 16px;
......
...@@ -30,8 +30,8 @@ ...@@ -30,8 +30,8 @@
<div class="bottomPressCell" v-for="(item,index) in downResourceList" :key="'pd'+index"> <div class="bottomPressCell" v-for="(item,index) in downResourceList" :key="'pd'+index">
<div class="cellLeft"> <div class="cellLeft">
<div class="typeImg"> <div class="typeImg">
<img src="@/assets/productsWorld/audio.png" alt="" v-if="item.resourceType == '5'"> <img src="@/assets/productsWorld/video.png" alt="" v-if="item.resourceType == '5'">
<img src="@/assets/productsWorld/video.png" alt="" v-if="item.resourceType == '6'"> <img src="@/assets/productsWorld/audio.png" alt="" v-if="item.resourceType == '6'">
<img src="@/assets/productsWorld/pic.png" alt="" v-if="item.resourceType == '9'"> <img src="@/assets/productsWorld/pic.png" alt="" v-if="item.resourceType == '9'">
<img src="@/assets/productsWorld/pdf.png" alt="" v-if="item.resourceType == '8'"> <img src="@/assets/productsWorld/pdf.png" alt="" v-if="item.resourceType == '8'">
<img src="@/assets/productsWorld/fj.png" alt="" v-if="item.resourceType == '12'"> <img src="@/assets/productsWorld/fj.png" alt="" v-if="item.resourceType == '12'">
...@@ -180,7 +180,30 @@ export default { ...@@ -180,7 +180,30 @@ export default {
//资源下载或者查看 //资源下载或者查看
downOrLook(item){ downOrLook(item){
window.open(this.resourceLink + '/fg/resource/toResourceDetail.html?resourceId=' + item.id) // window.open(this.resourceLink + '/fg/resource/toResourceDetail.html?resourceId=' + item.id)
// console.log(item,9999)
// this.$linkToRsResource('/fg/resource/toResourceDetail.html?resourceId=' + item.id)
let id = item.resourceId || item.id;
switch (item.resourceType*1) {
case 1:
this.$linkToRsResource('/resource/paperBookDetail?id=' + id)
break;
case 2:
this.$linkToRsResource('/digital/bookDetail?id=' + id)
break;
case 5:
this.$linkToRsResource('/digital/videoDetail?id=' + id)
break;
case 6:
this.$linkToRsResource('/digital/audioDetail?id=' + id)
break;
case 9:
this.$linkToRsResource('/digital/pictureDetail?id=' + id)
break;
case 12:
this.$linkToRsResource('/digital/annexDetail?id=' + id)
break;
}
}, },
//分页 //分页
...@@ -303,6 +326,7 @@ export default { ...@@ -303,6 +326,7 @@ export default {
width: 45px; width: 45px;
height: 45px; height: 45px;
margin-right: 16px; margin-right: 16px;
object-fit: contain;
} }
span{ span{
font-size: 18px; font-size: 18px;
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<div class="recommendTop"> <div class="recommendTop">
<div class="searchContent"> <div class="searchContent">
<el-input v-model="keyWord" placeholder="请输入关键字" class="inputContent"></el-input> <el-input v-model="keyWord" placeholder="请输入关键字" class="inputContent"></el-input>
<img src="@/assets/productsWorld/ico-big.png" alt="" class="searchImg"> <img src="@/assets/productsWorld/ico-big.png" alt="" class="searchImg" @click="linkToResourceSearch">
</div> </div>
<div class="tabContent" :class="currentTabIndex == item.type?'hoverTab':''" v-for="(item,index) in tabList" :key="'tab'+index" @click="changeTab(item)"> <div class="tabContent" :class="currentTabIndex == item.type?'hoverTab':''" v-for="(item,index) in tabList" :key="'tab'+index" @click="changeTab(item)">
<img :src="item.icon" alt=""> <img :src="item.icon" alt="">
...@@ -130,7 +130,7 @@ ...@@ -130,7 +130,7 @@
<div class="classInfo"> <div class="classInfo">
<div class="name" @click="toDetailLabel(item)">{{item.showName}}</div> <div class="name" @click="toDetailLabel(item)">{{item.showName}}</div>
<div class="itemInfo"> <div class="itemInfo">
<span v-for="(x,y) in item.list" :key="'item'+y" @click="toDetailLabel(x)">{{x.showName}}</span> <span v-for="(x,y) in item.list" :key="'item'+y" @click="toDetailLabel(x,item)">{{x.showName}}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -377,6 +377,9 @@ export default { ...@@ -377,6 +377,9 @@ export default {
this.hash = this.$route.hash this.hash = this.$route.hash
this.changePageScroll(this.$route.hash) this.changePageScroll(this.$route.hash)
}, },
linkToResourceSearch(){
this.$linkToRsResource('/resource?name=' + this.keyWord)
},
//头部导航移动 //头部导航移动
changePageScroll(id){ changePageScroll(id){
...@@ -470,21 +473,31 @@ export default { ...@@ -470,21 +473,31 @@ export default {
//产品推介-图书跳转 //产品推介-图书跳转
toDetailBook(item){ toDetailBook(item){
if(item.resourceType == '1'){ console.log(item,11111)
window.open(this.resourceLink + '/#/resource/paperBookDetail?id=' + item.resourceId ,'_blank') // if(item.resourceType == '1'){
}else if(item.resourceType == '2'){ // window.open(this.resourceLink + '/#/resource/paperBookDetail?id=' + item.resourceId ,'_blank')
window.open(this.resourceLink + '/#/digital/bookDetail?id=' + item.resourceId ,'_blank') let id = item.resourceId||item.id
} this.$linkToRsResource('/resource/paperBookDetail?id=' + id)
// }else if(item.resourceType == '2'){
// window.open(this.resourceLink + '/#/digital/bookDetail?id=' + item.resourceId ,'_blank')
// this.$linkToRsResource('/digital/bookDetail?id=' + item.resourceId)
// }
}, },
//产品分类--分类跳转 //产品分类--分类跳转
toDetailLabel(item){ toDetailLabel(item,parentItem){
window.open(this.resourceLink + '/#/resource?code=' + item.code ,'_blank') // window.open(this.resourceLink + '/#/resource?code=' + item.code ,'_blank')
if(item.parentName=="数字产品"){
this.$linkToRsResource('/digital?code=' + item.code)
}else{
this.$linkToRsResource('/resource?code=' + parentItem.code + "," + item.code)
}
}, },
//图书跳转 //图书跳转
toDigitalDetail(item){ toDigitalDetail(item){
window.open(this.resourceLink + '/#/digital/annexDetail?id=' + item.resourceId ,'_blank') // window.open(this.resourceLink + '/#/digital/annexDetail?id=' + item.resourceId ,'_blank')
this.$linkToRsResource('/digital/annexDetail?id=' + item.resourceId)
}, },
//资源平台列表 //资源平台列表
...@@ -534,6 +547,7 @@ export default { ...@@ -534,6 +547,7 @@ export default {
font-size: 14px; font-size: 14px;
color: #0C4582; color: #0C4582;
line-height: 22px; line-height: 22px;
cursor: pointer;
} }
.digitalTop .swiper-slide .imgBox{ .digitalTop .swiper-slide .imgBox{
width: 92px; width: 92px;
...@@ -693,6 +707,7 @@ export default { ...@@ -693,6 +707,7 @@ export default {
position: absolute; position: absolute;
bottom: 9px; bottom: 9px;
right: 11px; right: 11px;
cursor: pointer;
} }
} }
.tabContent{ .tabContent{
......
...@@ -149,18 +149,39 @@ export default { ...@@ -149,18 +149,39 @@ export default {
}, },
methods: { methods: {
toSpecialDetail(item){ toSpecialDetail(item){
if(item.resourceType == '16'){ // if(item.resourceType == '16'){
let route = this.$router.resolve({name:'digitalDetail',query:{id:item.resourceId}}) // let route = this.$router.resolve({name:'digitalDetail',query:{id:item.resourceId}})
window.open(route.href,'_self') // window.open(route.href,'_self')
}else if(item.resourceType == '6'){ // }else if(item.resourceType == '6'){
let route = this.$router.resolve({name:'audioDetail',query:{id:item.resourceId}}) // let route = this.$router.resolve({name:'audioDetail',query:{id:item.resourceId}})
window.open(route.href,'_self') // window.open(route.href,'_self')
}else if(item.resourceType == '2'){ // }else if(item.resourceType == '2'){
let route = this.$router.resolve({name:'bookDetail',query:{id:item.resourceId}}) // let route = this.$router.resolve({name:'bookDetail',query:{id:item.resourceId}})
window.open(route.href,'_self') // window.open(route.href,'_self')
}else if(item.resourceType == '5'){ // }else if(item.resourceType == '5'){
let route = this.$router.resolve({name:'videoDetail',query:{id:item.resourceId}}) // let route = this.$router.resolve({name:'videoDetail',query:{id:item.resourceId}})
window.open(route.href,'_self') // window.open(route.href,'_self')
// }
let id = item.resourceId || item.id;
switch (item.resourceType*1) {
case 1:
this.$linkToRsResource('/resource/paperBookDetail?id=' + id)
break;
case 2:
this.$linkToRsResource('/digital/bookDetail?id=' + id)
break;
case 5:
this.$linkToRsResource('/digital/videoDetail?id=' + id)
break;
case 6:
this.$linkToRsResource('/digital/audioDetail?id=' + id)
break;
case 9:
this.$linkToRsResource('/digital/pictureDetail?id=' + id)
break;
case 12:
this.$linkToRsResource('/digital/annexDetail?id=' + id)
break;
} }
}, },
toSpecialTab(obj,index){ toSpecialTab(obj,index){
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论