85 lines
3.6 KiB
HTML
85 lines
3.6 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"/>
|
|
<meta name="format-detection" content="telephone=yes"/>
|
|
<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 style="background: #fff">
|
|
<div id="app" v-cloak>
|
|
<div class="venue-detail-top">
|
|
<div class="venue-detail-left">
|
|
<h2>{{venueDetail.venueName}}</h2>
|
|
<p class="venue-time">营业时间：{{venueDetail.businessHours}}</p>
|
|
<p class="venue-phone"><a :href="'tel:' + venueDetail.venueTelephone">联系方式：{{venueDetail.venueTelephone}}</a></p>
|
|
</div>
|
|
<div class="venue-detail-right">
|
|
<div class="swiper mySwiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide" v-for="item in venueDetail.venuePanorama">
|
|
<img :src="requestUrl + 'venuebooking/route/file/downloadfile/true/' + item" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="venue-detail-content">
|
|
<div class="position">
|
|
<p><span>场馆地址：</span>{{venueDetail.venuePosition}}</p>
|
|
<p><span>交通方式：</span>{{venueDetail.venueRoute}}</p>
|
|
</div>
|
|
<div class="venue-service">
|
|
<h3>场馆服务</h3>
|
|
<p>{{venueDetail.venueService}}</p>
|
|
</div>
|
|
<div class="venue-intro">
|
|
<h3>场馆服务</h3>
|
|
<div class="venue-intro-content" v-html="venueDetail.venueDescription"></div>
|
|
</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/',
|
|
venueId: '',
|
|
venueDetail: {}
|
|
},
|
|
methods: {
|
|
getVenueDetail: function () {
|
|
var self = this
|
|
doGetForm(self.requestUrl + 'venuebooking/app/venuesinfo/getvenuesinfobyidrelease/' + self.venueId, {}, {}, function (code, data) {
|
|
data.venuePanorama = data.venuePanorama.split(',')
|
|
var src = 'img src="' + self.requestUrl + 'venuebooking/'
|
|
if(data.venueDescription.indexOf('src="') != -1){
|
|
data.venueDescription = data.venueDescription.replace(/src="/g, src)
|
|
}
|
|
self.venueDetail = data
|
|
self.$nextTick(function () {
|
|
var swiper = new Swiper(".mySwiper", {
|
|
pagination: '.swiper-pagination',
|
|
paginationClickable: true,
|
|
autoplay: 3000
|
|
});
|
|
})
|
|
})
|
|
}
|
|
},
|
|
mounted: function () {
|
|
this.venueId = window.location.search.replace('?','').split('=')[1]
|
|
this.getVenueDetail()
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |