公司演示版e鹿悦游
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.
 
 
 
 
 
CjyTravel/subPage/feiyi/feiyidetail/feiyidetail.vue

211 lines
5.8 KiB

<template>
<view class="" >
<view class="box_dg">
<view class="an_box_3">
<view class="an_t_1">{{info.title}}</view>
<view class="dy_fx">
<view class="fx_1">
<view class="an_t_2">
{{info.createtime}}
</view>
</view>
<view style="width: 200rpx;">
<view class="an_t_2 agn_right">阅读{{info.browsenum}}</view>
</view>
</view>
<!-- 内容部分 -->
<view class="amt_60 wc_cont">
<view class="at_t">
<u-parse :content="info.content" @preview="preview" @navigate="navigate" />
</view>
<!-- <view class="cont_end">-THE END-</view> -->
</view>
</view>
</view>
<!-- <view class="amt_30">
<view class="box_1">
<view class="an_box_4 wc_tit_wp">
<view class="an_t">
<view class="an_t_1">游客评价</view>
</view>
</view>
<view class="pj_fens_warp ">
<view class="aml_30 amr_30">
<view class="dy_fx">
<view class="wpj_zong">
<view class="pj_fens">
4.8
<text></text>
</view>
<view>
<text class="at_t">总得分</text>
</view>
</view>
<view class="fx_1">
<view class="amt_30">
<uni-rate :value="4.8" :disabled="true" :size="24" active-color="#00B4A2"/>
</view>
<view class="amt_30" style="margin-top:40rpx">
<text class="an_t_2">48512人点评</text>
</view>
</view>
<view class="amt_30" style="width: 150rpx;">
<view><button class="wpj_btn">写评论</button> </view>
</view>
</view>
</view>
</view>
<view class="aml_30 amr_30">
<!- 评价列表
<view class="pingj_lst">
<view class="pjia_usr_inf dy_fx">
<!- 游客头像
<view class="wpj_u_tou">
<image src="../../../static/logo.png" class="apj_u_img" mode="aspectFill"></image>
</view>
<view class="fx_1">
<!- 游客昵称
<view><text class="at_t word_1">游客名称游称游称游称游称游称游称游客名称名称</text></view>
<!-分值
<view>
<view class="yk_star">
<uni-rate :value="4.5" :disabled="true" :size="15" active-color="#00B4A2"/>
</view>
<view class="jia_fen"><text class="yk_daf">4.5</text></view>
</view>
<!- 文字内容
<view class="wc_cont pj_ner">
<view class="at_t pj_t_h">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</view>
<!- .pj_t_h 为固定高度
<!- .pj_t_h 显示时 "查看全部"
<view class="pj_closed"><text>查看全部</text></view>
<!- .pj_t_h 隐藏时 "收起全部"
<!- <view class="pj_closed"><text>收起全部</text></view>
</view>
<!-发布图片
<view>
<view class="amt_30 dy_fx_row fx_warp_w pj_m_h">
<view class="w_33">
<image src="../../../static/logo.png" class="apj_u_nr" mode="aspectFill"></image>
</view>
<view class="w_33">
<image src="../../../static/logo.png" class="apj_u_nr" mode="aspectFill"></image>
</view>
<view class="w_33">
<image src="../../../static/logo.png" class="apj_u_nr" mode="aspectFill"></image>
</view>
<view class="w_33">
<image src="../../../static/logo.png" class="apj_u_nr" mode="aspectFill"></image>
</view>
<view class="w_33">
<image src="../../../static/logo.png" class="apj_u_nr" mode="aspectFill"></image>
</view>
</view>
<!- .pj_m_h 为固定高度
<!- .pj_m_h 显示时 "查看全部"
<view class="pj_closed"><text>查看全部</text></view>
<!-.pj_m_h 隐藏时 "收起全部"
<!- <view class="pj_closed"><text>收起全部</text></view>
</view>
<!- 发布时间
<view class="amt_30"><text class="an_t_2">2019-05-23</text></view>
</view>
</view>
</view>
<view class="data-is-bottom">+ 查看更多</view>
</view>
</view>
</view> -->
</view>
</view>
</template>
<script>
import uniRate from '@/components/uni-rate/uni-rate.vue'
import uParse from '@/components/gaoyia-parse/parse.vue'
export default {
components: {
uniRate,
uParse
},
data() {
return {
info:{},
netType:true
}
},
onLoad(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();
var guid = options.guid;
this.detailInfo(guid);
this.jilu(guid);
},
methods: {
detailInfo: function(guid) {
var that = this;
var data = {
"userkey":that.$param.userkey,
"type":that.$param.fyType,
"guid":guid
}
that.$Request.post(that.$config.getMessgeInfoDetailFormId, data).then(res => {
if(!that.$util.isSuccess(res)){
return;
}
that.info = res.data;
})
},
jilu: function(id) {
var that = this;
var data = {
guid: id,
browsenum:"1"
};
this.$Request.post(this.$config.updateMessageInfoUBFeildFormId, data).then(res => {
if(that.$util.isSuccess(res)){
console.log("已阅读");
}
});
}
}
}
</script>
<style>
</style>