Skip to content

V
vue-ssr
Commit f8e83fe5 authored by lixy's avatar lixy
Browse files
Options

commit

parent b2cd0548
Show whitespace changes
Inline Side-by-side
Showing with 102 additions and 42 deletions
pages/campsiteDetails/_id.vue
View file @ f8e83fe5
......@@ -123,20 +123,15 @@ export default {
};
},
validate({ params }) {
console.log(params.id);
return !isNaN(+params.id);
},
async asyncData({ env, params, route, error}) {
const { data } = await axios.get( "/api/uccn/app/unauth/campsite/shop?id=" + params.id);
let user = data.data;
data.data.content = data.data.content.replace(/<img/g,"<img style='width:100%'");
// data.data.modelParam = JSON.parse(data.data.modelParam );
let pic = data.data.campsiteShopCarouselDetailVos;
user.pictureList = pic;
user.pictureNum = pic.length;
console.log(pic);
console.log(user);
if (!user) {
return error({ message: 'User not found', statusCode: 404 })
}
......@@ -146,9 +141,7 @@ export default {
item.link = encodeURI('/campsiteDetails/' + item.id+'?name='+item.title);
item.link = encodeURI(item.link)
});
console.log(hot);
let noticeData = await axios.get(/api/app/cofig/app/unauth/types?types=13');
let noticeData = await axios.get('/api/app/cofig/app/unauth/types?types=13');
let notice = noticeData.data.data;
return {detail: user, hotList: hot, notice: notice}
},
......
pages/vehicleList/_id.vue
View file @ f8e83fe5
......@@ -32,39 +32,35 @@
<div class="r-content">
<h1>{{detail.name}}</h1>
<div class="r-cc">
<p>{{detail.keyword}}</p>
<!--<p>活动时间<span style="margin-left: 20px;">{{detail.startTime}}~{{detail.endTime}}</span></p>-->
<!--<p style="ellipsis2">活动地点<span style="margin-left: 20px;">{{detail.province}}{{detail.city}}{{detail.town}}{{detail.address}}</span></p>-->
<div class="flex-aic">
<span class="flex-aic config" v-for="(iitem,iindex) in detail.uccnCataList" :key="iitem.id">
<img v-if="iindex==0" src="../../assets/images/license.png"/>
<img v-if="iindex==1" src="../../assets/images/license.png"/>
<img v-if="iindex==2" src="../../assets/images/driver-type.png"/>
{{iitem.name}}
</span>
</div>
<div class="buttonDetails">预定用车</div>
<div class="member-list member-list-c" style="margin: 40px 0 20px 0;">可用租赁 <span>详情可咨询客服></span></div>
<div style="display: flex;" class="member-list">
<div>会员价</div>
<div class="member-list-c">
<div class="flex-aic"><img style="width: 21px;margin-right: 9px;" src="../../assets/images/z.png"/>钻石会员 ￥900/天，可节省￥600 <span>立即查看></span></div>
<div class="flex-aic"><img style="width: 21px;margin-right: 9px;" src="../../assets/images/g.png"/>黄金会员 ￥1050/天，可节省￥450 <span>立即查看></span></div>
<div class="flex-aic"><img style="width: 21px;margin-right: 9px;" src="../../assets/images/p.png"/>普通会员 ￥1200/天，可节省￥300 <span>立即查看></span></div>
</div>
</div>
<div class="member-list">房车售价<span style="margin-left: 5px;">{{detail.buyPrice/10000}}万/辆</span></div>
</div>
<div class="buttonDetails" style="margin-top: 20px;position: relative;" @click="showScan()">
<span class="ft-20">预定用车</span>
<div v-if="isShowScan" class="scan">
<img src="../../assets/images/1566894441.png" style="width: 90px;"/>
<div style="color: #FFB74B;font-size: 14px;">滴房车App</div>
</div>
</div>
</div>
</div>
<!--<div style="display: flex;background: #fff;">-->
<!--<div style="width:50%">-->
<!--<div class="gallery-top-box" style="width:100%">-->
<!--<div class="swiper-container gallery-top" ref="mySwiper">-->
<!--<div class="swiper-wrapper">-->
<!--<div class="swiper-slide" v-for="item in detail.pictureList" :key="item">-->
<!--<img :src="item" style="width:100%">-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="gallery-thumbs-box">-->
<!--<div class="swiper-container gallery-thumbs">-->
<!--<div class="swiper-wrapper swiper-wrapper-thu">-->
<!--<div class="swiper-slide" v-for="(item,index) in detail.pictureList" :key="index" @click="changeImgIndex(index,detail.pictureList.length)">-->
<!--<img :src="item" :class="preIndex==index?'active':''" alt="" style="width:100%">-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div style="margin-left:20px">-->
<!--<h1>{{detail.name}}</h1>-->
<!--<button class="buttonDetails">预定用车</button>-->
<!--</div>-->
<!--</div>-->
<div class="flex-jcb">
<div style="width: 68%;background: #fff;margin: 20px 0;padding: 20px;">
<h3 class="content-t">房车详情</h3>
......@@ -108,6 +104,7 @@
},
data(){
return{
isShowScan: false,
lengthPic:0,
preIndex: 0,//当前轮播选中图
}
......@@ -124,10 +121,47 @@
let pic = data.data.picture.split(",");
user.pictureList = pic;
user.pictureNum = pic.length;
console.log(user);
if (!user) {
return error({ message: 'User not found', statusCode: 404 })
}
user.uccnCataList=[
{
"id":222,
"parentId":14,
"name":"5乘5卧",
"rank":0,
"level":2,
"state":0,
"crtTime":1563939065861,
"updTime":1564036600207,
"isMore":0,
"startUsing":0
},
{
"id":10,
"parentId":7,
"name":"自动C型",
"rank":2,
"level":2,
"state":0,
"crtTime":1558516580,
"updTime":1563243972473,
"isMore":0,
"startUsing":0
},
{
"id":12,
"parentId":11,
"name":"C1",
"rank":1,
"level":2,
"state":0,
"crtTime":1558516665,
"updTime":1561624250887,
"isMore":0,
"startUsing":0
}
];
let tempBannerData = await axios.get( '/api/uccn/random/list/app/unauth/get?type=1');
let hot = tempBannerData.data.data;
hot.map(function(item){
......@@ -146,6 +180,12 @@
this.lengthPic = length;
console.log(this.lengthPic);
},
/**
* 立即预定
*/
showScan(){
this.isShowScan = !this.isShowScan;
},
},
mounted(){
let t = this;
......@@ -184,6 +224,33 @@
</script>
<style scoped>
.member-list{
color: #666;
font-size: 14px;
}
.member-list-c{
margin-left: 20px;
}
.member-list-c span{
cursor: pointer;
margin-left: 15px;
}
.member-list-c span:hover{
color: #1bbb9f;
}
.scan{
position: absolute;
left: 200px;
top: 0px;
padding: 10px;
box-shadow: 0 0 5px #FFB74B;
background: #FFF5E6;
}
.config{
margin-right: 20px;
color: #666;
font-size: 12px;
}
.left-item{
width: 30%;
border-left: 1px solid #ccc;
......@@ -244,7 +311,7 @@
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.buttonDetails {
width: 156px;
width: 180px;
padding: 10px 0;
background: #1bbb9f;
cursor: pointer;
......
plugins/axios.js
View file @ f8e83fe5
import axios from 'axios'
export default axios.create({
baseURL: "https://xxtest.upyuns.com"
baseURL: "https://dev.dfangche.com"
})
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment