329 lines
15 KiB
HTML
329 lines
15 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
|
||
<title>Title</title>
|
||
<link rel="stylesheet" href="css/reset.css">
|
||
<link rel="stylesheet" href="css/swiper.css">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<script src="js/rem.js"></script>
|
||
</head>
|
||
<body>
|
||
<div id="app" v-cloak>
|
||
<div class="swiper mySwiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide" v-for="item in slideList">
|
||
<a href="javascript: void(0);" @click="goDetail(item.newsContentLink, item.templateRecordUrl, item.newsContentType, item.newsContentContent)">
|
||
<img :src="requestUrl + 'news/route/file/downloadfile/true/' + item.newsContentCoverList" alt="">
|
||
</a>
|
||
</div>
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
</div>
|
||
<div class="nav">
|
||
<div class="nav-box" @click="goNavList('1')">
|
||
<img src="image/nav-icon1.png" alt="">
|
||
<p>综合类</p>
|
||
</div>
|
||
<div class="nav-box" @click="goNavList('2')">
|
||
<img src="image/nav-icon2.png" alt="">
|
||
<p>文化类</p>
|
||
</div>
|
||
<div class="nav-box" @click="goNavList('3')">
|
||
<img src="image/nav-icon3.png" alt="">
|
||
<p>旅游类</p>
|
||
</div>
|
||
<div class="nav-box" @click="goNavList('4')">
|
||
<img src="image/nav-icon4.png" alt="">
|
||
<p>体育类</p>
|
||
</div>
|
||
<!-- <div class="nav-box" v-for="nav in navList" @click="goNavList(nav.newsDirectoriesId)">-->
|
||
<!-- <img :src="requestUrl + 'news/route/file/downloadfile/true/' + nav.directoriesPhoto" alt="">-->
|
||
<!-- <p>{{nav.directoriesName}}</p>-->
|
||
<!-- </div>-->
|
||
</div>
|
||
<div class="toilet">
|
||
<a href="toilet-list.html">
|
||
<img src="image/toilet.png" alt="">
|
||
</a>
|
||
</div>
|
||
<div class="toilet">
|
||
<a href="https://m.5read.com/7844">
|
||
<img src="image/read.png" alt="">
|
||
</a>
|
||
</div>
|
||
<div class="venue">
|
||
<h3>精彩推荐</h3>
|
||
<div class="venue-container">
|
||
<div class="venue-box" v-for="venue in venueList" @click="goVenueDetail(venue.venuesInfoId)">
|
||
<img :src="requestUrl + 'venuebooking/route/file/downloadfile/true/' + venue.venuePanorama" alt="">
|
||
<div class="venue-info">
|
||
<h4>{{venue.venueName}}</h4>
|
||
<p class="phone">{{venue.venueTelephone}}</p>
|
||
<p class="time">{{venue.businessHours}}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="news venue">
|
||
<h3>政务信息</h3>
|
||
<div class="news-container" v-for="news in newsList" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
|
||
<div class="news-box style1" v-if="news.typesettingCode == 'key_1'">
|
||
<h4>{{news.newsContentTitle}}</h4>
|
||
<div class="three-img">
|
||
<img :src="requestUrl + 'news/route/file/downloadfile/true/' + img.contentCoverId" alt="" v-for="(img,idx) in news.newsContentCoverList">
|
||
</div>
|
||
</div>
|
||
<div class="news-box style2 style3" v-if="news.typesettingCode == 'key_2'">
|
||
<div class="news-img">
|
||
<img :src="requestUrl + 'news/route/file/downloadfile/true/' + img.contentCoverId" alt="" v-for="(img,idx) in news.newsContentCoverList" v-if="idx == 0">
|
||
</div>
|
||
<div class="news-info">
|
||
<h4>{{news.newsContentTitle}}</h4>
|
||
<p>发布时间：{{news.newsContentPublishTime}}</p>
|
||
</div>
|
||
</div>
|
||
<div class="news-box style3" v-if="news.typesettingCode == 'key_3'">
|
||
<div class="news-info">
|
||
<h4>{{news.newsContentTitle}}</h4>
|
||
<p>发布时间：{{news.newsContentPublishTime}}</p>
|
||
</div>
|
||
<div class="news-img">
|
||
<img :src="requestUrl + 'news/route/file/downloadfile/true/' + img.contentCoverId" alt="" v-for="(img,idx) in news.newsContentCoverList" v-if="idx == 0">
|
||
</div>
|
||
</div>
|
||
<div class="news-box style4" v-if="news.typesettingCode == 'key_4'">
|
||
<h4>{{news.newsContentTitle}}</h4>
|
||
<div class="big-img-box">
|
||
<img :src="requestUrl + 'news/route/file/downloadfile/true/' + img.contentCoverId" alt="" v-for="(img,idx) in news.newsContentCoverList" v-if="idx == 0">
|
||
</div>
|
||
<p>发布时间：{{news.newsContentPublishTime}}</p>
|
||
</div>
|
||
<div class="news-box style4" v-if="news.typesettingCode == 'key_5'">
|
||
<h4>{{news.newsContentTitle}}</h4>
|
||
<p>发布时间：{{news.newsContentPublishTime}}</p>
|
||
</div>
|
||
<div class="news-box style4" v-if="news.typesettingCode == 'key_6'">
|
||
<h4>{{news.newsContentTitle}}</h4>
|
||
<div class="big-img-box">
|
||
<img :src="requestUrl + 'news/route/file/downloadfile/true/' + img.contentCoverId" alt="" v-for="(img,idx) in news.newsContentCoverList" v-if="idx == 0">
|
||
</div>
|
||
<p>发布时间：{{news.newsContentPublishTime}}</p>
|
||
</div>
|
||
<div class="news-box style4" v-if="news.typesettingCode == 'key_7'">
|
||
<h4>{{news.newsContentTitle}}</h4>
|
||
<div class="big-img-box">
|
||
<img :src="requestUrl + 'news/route/file/downloadfile/true/' + img.contentCoverId" alt="" v-for="(img,idx) in news.newsContentCoverList" v-if="idx == 0">
|
||
</div>
|
||
<p>发布时间：{{news.newsContentPublishTime}}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bottom-text">
|
||
<p>数据来源：乌兰察布市文化旅游体育局</p>
|
||
<p>联系电话：0474-8182809</p>
|
||
</div>
|
||
<div class="feedback" @click="showFeedback = true">
|
||
<a href="javascript:void(0);">
|
||
反馈
|
||
<!-- <img src="image/feedback.png" alt="">-->
|
||
</a>
|
||
</div>
|
||
<div class="feedback-type-outer" v-if="showFeedback" @click="showFeedback = false">
|
||
<div class="feedback-type-container">
|
||
<a href="feedback-masses.html" class="feedback-type-box">
|
||
<img src="image/feedback.png" alt="">
|
||
<p>群众反馈</p>
|
||
</a>
|
||
<a href="feedback-travel.html" class="feedback-type-box">
|
||
<img src="image/feedback.png" alt="">
|
||
<p>旅游反馈</p>
|
||
</a>
|
||
<!-- <a href="feedback-record.html" class="feedback-type-box">-->
|
||
<!-- <img src="image/feedback.png" alt="">-->
|
||
<!-- <p>群众反馈记录</p>-->
|
||
<!-- </a>-->
|
||
<!-- <a href="travel-record.html" class="feedback-type-box">-->
|
||
<!-- <img src="image/feedback.png" alt="">-->
|
||
<!-- <p>旅游反馈记录</p>-->
|
||
<!-- </a>-->
|
||
</div>
|
||
</div>
|
||
<!-- <div class="live venue">-->
|
||
<!-- <h3>直播专区</h3>-->
|
||
<!-- <div class="live-container">-->
|
||
<!-- <div class="live-box" v-for="live in liveList">-->
|
||
<!-- <div class="live-img">-->
|
||
<!-- <img :src="requestUrl + 'live/route/file/downloadfile/true/' + live.livePlanPhoto" alt="">-->
|
||
<!-- <span v-if="live.liveStatus == '0'">已结束</span>-->
|
||
<!-- <span v-if="live.liveStatus == '1'">未开始</span>-->
|
||
<!-- <span v-if="live.liveStatus == '2'">直播中</span>-->
|
||
<!-- </div>-->
|
||
<!-- <p>{{live.livePlanName}}</p>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<div class="bottom-nav">
|
||
<div class="bottom-nav-box active">
|
||
<div class="nav-icon"></div>
|
||
<span>首页</span>
|
||
</div>
|
||
<div class="bottom-nav-box" @click="goBottomNav('2')">
|
||
<div class="nav-icon"></div>
|
||
<span>活动</span>
|
||
</div>
|
||
<div class="bottom-nav-box" @click="goBottomNav('3')">
|
||
<div class="nav-icon"></div>
|
||
<span>场馆</span>
|
||
</div>
|
||
<div class="bottom-nav-box" @click="goBottomNav('4')">
|
||
<div class="nav-icon"></div>
|
||
<span>文化</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="js/vue.js"></script>
|
||
<script src="js/jquery-2.1.4.min.js"></script>
|
||
<script src="js/ajax.js"></script>
|
||
<script src="js/swiper.js"></script>
|
||
<script>
|
||
var vue = new Vue({
|
||
el: '#app',
|
||
data: {
|
||
requestUrl: 'http://219.159.20.131:8081/',
|
||
slideList: [],
|
||
navList: [],
|
||
venueList: [],
|
||
newsList: [],
|
||
liveList: [],
|
||
showFeedback: false,
|
||
token: ''
|
||
},
|
||
methods: {
|
||
// banner
|
||
getSlideNews: function () {
|
||
var self= this
|
||
doGetForm(self.requestUrl + 'news/app/newscontent/listpagenewscontentrelease', {
|
||
newsDirectoriesId: 'eab0ca3c-d35d-4c02-9397-ace2bdd10fc1',
|
||
page: 1,
|
||
rows: 5
|
||
}, {}, function (code, data) {
|
||
var arr = data.rows
|
||
for (let i = 0; i < arr.length; i++) {
|
||
arr[i].newsContentCoverList = arr[i].newsContentCoverList[0].contentCoverId
|
||
}
|
||
self.slideList = arr
|
||
self.$nextTick(function () {
|
||
var swiper = new Swiper(".mySwiper", {
|
||
pagination: '.swiper-pagination',
|
||
paginationClickable: true,
|
||
autoplay: 3000
|
||
});
|
||
})
|
||
})
|
||
},
|
||
// 获取导航
|
||
getNav: function () {
|
||
var self = this
|
||
doGetForm(self.requestUrl + 'news/app/newsdirectories/listnewsdirectoriesrelease', {
|
||
directoriesParentId: '213f660a-1660-48da-b244-56de7cf5c27e'
|
||
}, {}, function (code, data) {
|
||
self.navList = data
|
||
})
|
||
},
|
||
// 获取场馆
|
||
getVenue: function () {
|
||
var self = this
|
||
doGetForm(self.requestUrl + 'venuebooking/app/venuesinfo/listpagevenuesinforelease', {
|
||
page: 1,
|
||
rows: 5
|
||
}, {}, function (code, data) {
|
||
for (let i = 0; i < data.rows.length; i++) {
|
||
data.rows[i].venuePanorama = data.rows[i].venuePanorama.split(',')[0]
|
||
}
|
||
self.venueList = data.rows
|
||
})
|
||
},
|
||
// 获取政务信息
|
||
getNews: function () {
|
||
var self = this
|
||
doGetForm(self.requestUrl + 'news/app/newscontent/listpagenewscontentrelease', {
|
||
newsDirectoriesId: '1e494b7f-d0e4-4baa-acfe-57268247e0e4',
|
||
page: 1,
|
||
rows: 5
|
||
}, {}, function (code, data) {
|
||
self.newsList = data.rows
|
||
})
|
||
},
|
||
// 获取直播
|
||
getLive: function () {
|
||
var self = this
|
||
doGetForm(self.requestUrl + 'live/app/liveplan/listpageliveplanrelease', {
|
||
page: 1,
|
||
rows: 4
|
||
}, {}, function (code, data) {
|
||
self.liveList = data.rows
|
||
})
|
||
},
|
||
// 新闻详情
|
||
goDetail: function (link, url, type, outlink) {
|
||
if (type === '6') {
|
||
window.open(outlink)
|
||
} else {
|
||
if (link) {
|
||
window.open(link)
|
||
} else {
|
||
window.location.href = this.requestUrl + url
|
||
}
|
||
}
|
||
},
|
||
// 底部导航
|
||
goBottomNav: function (nav) {
|
||
if (nav == '2') {
|
||
window.location.href = 'activity.html'
|
||
} else if (nav == '3') {
|
||
window.location.href = 'venue.html'
|
||
} else {
|
||
window.location.href = 'culture.html'
|
||
}
|
||
},
|
||
// 场馆详情
|
||
goVenueDetail: function (id) {
|
||
window.location.href = 'venue-detail.html?id=' + id
|
||
},
|
||
// 导航详情
|
||
goNavList: function (id) {
|
||
// if (id == 'c131dd1d-83c6-46c0-b535-76dc089f2637') {
|
||
// window.location.href = 'culture.html'
|
||
// } else if (id == '1ab9fcab-4d7e-4305-9d57-abe71cfd539a') {
|
||
// window.location.href = 'venue.html'
|
||
// } else {
|
||
// window.location.href = 'newsList.html?newsDirectoriesId=' + id
|
||
// }
|
||
if (id == '1') {
|
||
window.location.href = 'comprehensive.html'
|
||
} else if (id == '2') {
|
||
window.location.href = 'cultureType.html'
|
||
} else if (id == '3') {
|
||
window.location.href = 'travel.html'
|
||
} else {
|
||
window.location.href = 'sport.html'
|
||
}
|
||
}
|
||
},
|
||
mounted: function () {
|
||
var token = window.location.search.replace('?','').split('=')[1]
|
||
// var token = 'cVJWWXQ1UWpQWTQ1TDZMbEVtTmxiMlJVNkdvTzUwSTNHYzZaK3VTZmF0RitvTkNabU1KNENtLzFrQmI4akFvUzl4SlRYMlhtV0ZoRHZrVC9iYjVWZVovWngzbHBBckFZN2FiUkZ6ZUF4ZHU1V2NtZ2pqL2RROWpmZmluc2pXY2xDMkN1M1pDOUZBOE9RZGJYVDdPSlJHMU5iNmFyaUJaNzUrajk3WjVYOGJFNnpKS21JTVpRTGd2eE5vMlZ3bUNDVUVyWGM1YWlLbUhJU1h1Q3h4M0thSW1yWm1Dbzc0TWtFRjRldTREeCtMWT0'
|
||
this.token = token
|
||
sessionStorage.setItem('token',token)
|
||
this.getSlideNews()
|
||
this.getNav()
|
||
this.getVenue()
|
||
this.getNews()
|
||
// this.getLive()
|
||
}
|
||
})
|
||
</script>
|
||
</body>
|
||
</html> |