You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
302 lines
8.1 KiB
302 lines
8.1 KiB
<template>
|
|
<view class="">
|
|
|
|
<swiper :autoplay="autoplay" class="lh-swiper" :duration="duration" :indicator-dots="indicatorDots" :interval="interval">
|
|
<swiper-item v-for="(item,index) in pic_list" :key="index">
|
|
<image class="slide-image" height="187" :src="item" width="375"></image>
|
|
</swiper-item>
|
|
|
|
</swiper>
|
|
|
|
<view class="mode_com mdd_jj arc_box news_info shadow_fg">
|
|
|
|
<view class="arc_t_pd mt_1">
|
|
<view class="news_tit">{{info.title}}
|
|
</view>
|
|
</view>
|
|
<!-- <view>
|
|
<text class="new_adr">{{info.hlevel}}</text>
|
|
</view> -->
|
|
<!-- <view class="info-box"> -->
|
|
<!-- <view bindtap="showMap" class="info-list">
|
|
<view class="pic">
|
|
<image src="../../../static/images/list-icon1.png" style="width:30rpx;height:37rpx;"></image>
|
|
</view>
|
|
<view class="txt">{{info.haddress}}</view>
|
|
<view class="more"></view>
|
|
</view> -->
|
|
|
|
<!-- <view class="info-list">
|
|
<view class="pic">
|
|
<image src="../../../static/images/list-icon6.png" style="width:30rpx;height:37rpx;"></image>
|
|
</view>
|
|
<view>
|
|
<text class="address">酒店类型：</text>
|
|
<text class="txt">{{info.htype}}</text>
|
|
</view>
|
|
</view> -->
|
|
|
|
<!-- <view bindtap="callPhone" class="info-list" :data-mobile="info.hphone">
|
|
<view class="pic">
|
|
<image src="../../../static/images/list-icon2.png" style="width:32rpx;height:37rpx;"></image>
|
|
</view>
|
|
<view class="address">
|
|
<text class="address">酒店电话：</text>
|
|
<text class="txt">{{info.hphone}}</text>
|
|
</view>
|
|
<view class="more" :hidden="'暂无'==info.hphone?true:false"></view>
|
|
</view> -->
|
|
|
|
<!-- </view> -->
|
|
|
|
</view>
|
|
|
|
<view class="mode_com">
|
|
|
|
<!-- <view class="secdt_tips">
|
|
<view bindtap="callPhone" class="secdt_adr dly_flex_c" :data-mobile="info.hphone" >
|
|
<image class="adr_pic" src="../../../static/images/icon_phe.png"></image>
|
|
<text class="w_adr">商场电话</text>
|
|
<text class="cot_adr2" @click="callPhone(info.phone)">{{info.phone}}</text>
|
|
|
|
</view>
|
|
|
|
|
|
</view> -->
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="swiper-tab-wrap">
|
|
|
|
<view class="line-show-wrap">
|
|
<view class="mode_com mdd_jj">
|
|
<text class="tit_com">景点介绍</text>
|
|
<view class="nr_cot mt_1">
|
|
|
|
<u-parse :content="info.content" :loading="loading" @preview="preview" @navigate="navigate" />
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
<!-- 评论 -->
|
|
|
|
<!-- <view class="mode_com mt_1">
|
|
<text class="tit_com">住客评价</text>
|
|
<view class="inx_ht_warp">
|
|
<text v-if="!(peoplesnum.pj != null && peoplesnum.pj != '')" class="mssj_adr">暂无数据</text>
|
|
<view class="dly_flex pj_fens_warp" v-if="peoplesnum.pj != null && peoplesnum.pj != ''">
|
|
<view class="half_unit">
|
|
<view class="pj_fens">
|
|
{{ peoplesnum.pj }}
|
|
<text>分</text>
|
|
</view>
|
|
<view>
|
|
<uni-rate :value="peoplesnum.pj" :disabled="true" :size="15" />
|
|
</view>
|
|
</view>
|
|
<view class="half_unit agn_right">
|
|
<view class="pj_tol">酒店总得分</view>
|
|
<view>
|
|
<text class="pjia_time">{{ peoplesnum.totalnum }}人点评</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="pj_warp_lst" v-for="(comment, index) in comments" :key="index">
|
|
<view class="pingj_lst">
|
|
<view class="pjia_usr_inf dly_flex">
|
|
<view class="sec_name_unit">
|
|
<view>
|
|
<view>
|
|
<text class="ykusr_name">{{ comment.criticism_user }}</text>
|
|
</view>
|
|
<view>
|
|
<text class="pjia_time">{{ comment.criticism_time | dateformat('YYYY-MM-DD')}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="sec_whe_unit agn_right">
|
|
<text class="yk_daf">{{ comment.grade }}</text>
|
|
<view class="yk_star">
|
|
<uni-rate :value="comment.grade" :disabled="true" :size="10" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="lvdh_inf pjia_cot">{{ comment.criticism_content }}</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="isShow" @tap="viewMore(info.cyjcHotelUuid)" class="btn_link_m"><text class="link_m_txt">查看更多+</text></view>
|
|
<view v-if="!isShow" @tap="viewMore(info.cyjcHotelUuid)" class="btn_link_m"><text class="link_m_txt">暂无更多数据</text></view>
|
|
</view>
|
|
</view> -->
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import uParse from '@/components/gaoyia-parse/parse.vue'
|
|
|
|
export default {
|
|
components: {
|
|
uParse
|
|
},
|
|
data() {
|
|
return {
|
|
priceSymbol: "",
|
|
indicatorDots: false,
|
|
autoplay: true,
|
|
interval: 3000,
|
|
duration: 500,
|
|
pic_url: this.$config.ROOTPATH,
|
|
pic_list: [],
|
|
info: {},
|
|
isShow: true,
|
|
comments: [],
|
|
peoplesnum: {},
|
|
param: {
|
|
page: 1,
|
|
noData: !1,
|
|
loading: !1,
|
|
finished: !1
|
|
},
|
|
netType:true
|
|
}
|
|
},
|
|
onLoad: function(options) {
|
|
var that = this;
|
|
this.$util.getNetworkType(
|
|
function(res){
|
|
if(res.networkType === 'none'){
|
|
uni.showToast({
|
|
title:that.$param.netMsg,
|
|
icon:"none",
|
|
duration:2000
|
|
})
|
|
that.netType = false;
|
|
}
|
|
},function(){
|
|
uni.showToast({
|
|
title:that.$param.netMsg,
|
|
icon:"none",
|
|
duration:2000
|
|
})
|
|
that.netType = false;
|
|
}
|
|
)
|
|
if(!that.netType){
|
|
return;
|
|
}
|
|
this.$util.hideLoadingByTime();
|
|
this.detailInfo(options.guid);
|
|
//that.$util.saveOperatorLog(that,"HOTEL",options.id);
|
|
},
|
|
methods: {
|
|
detailInfo: function(guid) {
|
|
var that = this;
|
|
var data = {
|
|
"userkey":that.$param.userkey,
|
|
"type":that.$param.entType,
|
|
"guid":guid
|
|
}
|
|
that.$Request.post(that.$config.getMessgeInfoDetailFormId, data).then(res => {
|
|
|
|
this.info = res.data;
|
|
var pic_list = res.data.imagelist;
|
|
if (pic_list != null) {
|
|
for (var i = 0; i < pic_list.length; i++) {
|
|
pic_list[i] = "" + this.pic_url + pic_list[i];
|
|
}
|
|
}
|
|
this.pic_list = pic_list;
|
|
});
|
|
},
|
|
daohang:function(){
|
|
// #ifdef H5
|
|
|
|
if (this.$wechat.isWechat()) {
|
|
var mapParam = {
|
|
latitude: this.info.lat,
|
|
longitude: this.info.lng,
|
|
scale: 18,
|
|
name: this.info.title,
|
|
address: this.info.address
|
|
};
|
|
this.$util.openLocation(mapParam);
|
|
return;
|
|
}
|
|
window.location.href = "https://uri.amap.com/navigation?from="+this.$param.clng+","+this.$param.clat+",我的位置&to="+this.info.lng+","+this.info.lat+","+this.info.address+"&mode=walk&src=sjz_uniapp&callnative=1"
|
|
// #endif
|
|
},
|
|
/* callPhone:function(tel){
|
|
uni.makePhoneCall({
|
|
phoneNumber:tel
|
|
})
|
|
}, */
|
|
/* comment: function(uuid) {
|
|
var data = {
|
|
pageno: this.param.page,
|
|
hotelcode: uuid,
|
|
pagesize: 5
|
|
};
|
|
if (data.sceniccode == '') {
|
|
this.isShow = false;
|
|
}
|
|
this.$Request.post(this.$config.hotelgoodlist, data).then(res => {
|
|
if (res.data == null || res.data.length <= 0) {
|
|
this.isShow = false;
|
|
} else {
|
|
var dataListLen = res.data.length;
|
|
if (
|
|
(dataListLen == data.pagesize ?
|
|
(this.param.page += 1) :
|
|
(this.param.page = 1 && 0 == dataListLen ? (this.param.noData = true) : (this.param.finished = true)),
|
|
(this.param.loading = false),
|
|
dataListLen > 0)
|
|
) {
|
|
for (var i = 0; i < dataListLen; i++) {
|
|
var item = {
|
|
criticism_user: res.data[i].criticism_user,
|
|
criticism_content: res.data[i].criticism_content,
|
|
criticism_time: res.data[i].criticism_time,
|
|
grade: res.data[i].grade
|
|
};
|
|
if (item.grade.toString().indexOf('.') == -1) {
|
|
item.grade = item.grade + '.0';
|
|
}
|
|
this.comments.push(item);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
this.peopleNum(uuid);
|
|
}, */
|
|
/* peopleNum: function(hotelcode) {
|
|
var data = {
|
|
hotelcode: hotelcode
|
|
};
|
|
this.$Request.post(this.$config.hoteltotalnumAndPj, data).then(res => {
|
|
if(res.data.length > 0){
|
|
this.peoplesnum = res.data[0];
|
|
}
|
|
});
|
|
}, */
|
|
/* viewMore: function(uuid) {
|
|
this.param.page += 1;
|
|
this.comment(uuid);
|
|
}, */
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import url("../../../static/css/common.css");
|
|
@import url("../../../sunPackIndex/scenic/scenicdetial/scenicdetial.css");
|
|
@import url("amusementdetail.css");
|
|
@import url('../../index/index.css');
|
|
</style>
|
|
|