Commit 3276cd93 authored by 罗超's avatar 罗超

1

parent 1bf62075
...@@ -626,13 +626,7 @@ ...@@ -626,13 +626,7 @@
></span> ></span>
</span> </span>
<view class="jz_TripMain"> <view class="jz_TripMain">
<!-- <rich-text :nodes="dataList.feature.feeNonInclude"></rich-text> -->
<!-- #ifdef MP-WEIXIN -->
<rich-text :nodes="dataList.feature.feeNonInclude"></rich-text> <rich-text :nodes="dataList.feature.feeNonInclude"></rich-text>
<!-- #endif -->
<!-- #ifdef MP-ALIPAY -->
<view v-html="dataList.feature.feeNonInclude"></view>
<!-- #endif -->
</view> </view>
</view> </view>
<view class="jz_TripDays"> <view class="jz_TripDays">
...@@ -928,6 +922,9 @@ ...@@ -928,6 +922,9 @@
<script> <script>
import hParse from "@/components/u-parse/parse.vue"; import hParse from "@/components/u-parse/parse.vue";
import canlendar from "./components/sign/index.vue"; import canlendar from "./components/sign/index.vue";
// #ifdef MP-ALIPAY
import parseHtml from "../../plugin/htmlparse.js";
// #endif
export default { export default {
components: { components: {
canlendar, canlendar,
...@@ -1065,6 +1062,7 @@ export default { ...@@ -1065,6 +1062,7 @@ export default {
// let tempPrice= res.data.priceList.filter(x=>x.remainNum>0) // let tempPrice= res.data.priceList.filter(x=>x.remainNum>0)
// res.data.priceList=tempPrice // res.data.priceList=tempPrice
this.dataList = res.data; this.dataList = res.data;
this.scenicNum = 0; this.scenicNum = 0;
this.dataList.dayList.forEach((x) => { this.dataList.dayList.forEach((x) => {
x.dayArray.forEach((y) => { x.dayArray.forEach((y) => {
...@@ -1098,6 +1096,24 @@ export default { ...@@ -1098,6 +1096,24 @@ export default {
} }
}); });
this.finishFirstLoad = true; this.finishFirstLoad = true;
// #ifdef MP-ALIPAY
this.dataList.feature.feeInclude = parseHtml(
this.dataList.feature.feeInclude
);
this.dataList.feature.feeNonInclude = parseHtml(
this.dataList.feature.feeNonInclude
);
this.dataList.feature.importantTip = parseHtml(
this.dataList.feature.importantTip
);
this.dataList.feature.warmTip = parseHtml(
this.dataList.feature.warmTip
);
this.dataList.feature.visaRemark = parseHtml(
this.dataList.feature.visaRemark
);
// #endif
} else { } else {
} }
}, },
...@@ -1194,7 +1210,7 @@ export default { ...@@ -1194,7 +1210,7 @@ export default {
encodeURIComponent(this.dataList.feature.importantTipText), encodeURIComponent(this.dataList.feature.importantTipText),
}); });
}, },
// #ifdef MP-WEIXIN
//分享朋友圈 //分享朋友圈
onShareTimeline() { onShareTimeline() {
let uid = uni.getStorageSync("mall_UserInfo") let uid = uni.getStorageSync("mall_UserInfo")
...@@ -1271,6 +1287,7 @@ export default { ...@@ -1271,6 +1287,7 @@ export default {
: "", : "",
}; };
}, },
// #endif
}, },
}; };
</script> </script>
......
<template> <template>
<!-- 政策详情 --> <!-- 政策详情 -->
<view class="policyDetail"> <view class="policyDetail">
<view class="tab-box"> <view class="tab-box">
<u-tabs :list="typeList" :current="active" name="Name" :is-scroll="false" @change="changeHandler" <u-tabs
:active-color="mainColor" bg-color="#FFF" :bar-style="barStyle" height="100"></u-tabs> :list="typeList"
</view> :current="active"
name="Name"
<view class="officialNotice"> :is-scroll="false"
<view class="title" id="notice"> @change="changeHandler"
官方公告信息 :active-color="mainColor"
</view> bg-color="#FFF"
<view class="desc"> :bar-style="barStyle"
<rich-text :nodes="details.TicketNotice" class="policyDetail-richText" v-if="details.TicketNotice">></rich-text> height="100"
<text v-if="!details.TicketNotice">暂无公告</text> ></u-tabs>
</view> </view>
<view class="title"> <view class="officialNotice">
开放时间 <view class="title" id="notice"> 官方公告信息 </view>
</view> <view class="desc">
<view class="desc"> <rich-text
<view v-for="(item,index) in details.OpenTimeList" :key="index"> :nodes="details.TicketNotice"
<view class="open-date" v-if="item.StartDay&&item.EndDay"> class="policyDetail-richText"
{{item.StartDay}}~<text v-if="item.IsNextYear===1">次年</text>{{item.EndDay}} v-if="details.TicketNotice"
</view> >></rich-text
<view class="open-item" v-if="item.StartDay&&item.EndDay"> >
<view class="BusinessStartWeek"> <text v-if="!details.TicketNotice">暂无公告</text>
<text v-if="item.BusinessStartWeek===0">不限</text> </view>
<text v-if="item.BusinessStartWeek===1">周一</text>
<text v-if="item.BusinessStartWeek===2">周二</text>
<text v-if="item.BusinessStartWeek===3">周三</text>
<text v-if="item.BusinessStartWeek===4">周四</text>
<text v-if="item.BusinessStartWeek===5">周五</text>
<text v-if="item.BusinessStartWeek===6">周六</text>
<text v-if="item.BusinessStartWeek===7">周七</text>
</view>~
<view class="BusinessEndWeek">
<text v-if="item.BusinessEndWeek===0">不限</text>
<text v-if="item.BusinessEndWeek===1">周一</text>
<text v-if="item.BusinessEndWeek===2">周二</text>
<text v-if="item.BusinessEndWeek===3">周三</text>
<text v-if="item.BusinessEndWeek===4">周四</text>
<text v-if="item.BusinessEndWeek===5">周五</text>
<text v-if="item.BusinessEndWeek===6">周六</text>
<text v-if="item.BusinessEndWeek===7">周七</text>
</view>
<view class="Businesstime" v-if="item.StartTime&&item.EndTime">
{{item.StartTime}}~{{item.EndTime}},
<text v-if="item.StopTime">{{item.StopTime}}停止入场</text>
</view>
</view>
</view> <view class="title"> 开放时间 </view>
</view> <view class="desc">
<view class="title" id="buyTicket"> <view v-for="(item, index) in details.OpenTimeList" :key="index">
购票须知 <view class="open-date" v-if="item.StartDay && item.EndDay">
</view> {{ item.StartDay }}~<text v-if="item.IsNextYear === 1">次年</text
<view class="desc"> >{{ item.EndDay }}
<rich-text :nodes="details.BookingInfo"></rich-text> </view>
</view> <view class="open-item" v-if="item.StartDay && item.EndDay">
<view class="title" id="tip"> <view class="BusinessStartWeek">
温馨提示 <text v-if="item.BusinessStartWeek === 0">不限</text>
</view> <text v-if="item.BusinessStartWeek === 1">周一</text>
<view class="desc"> <text v-if="item.BusinessStartWeek === 2">周二</text>
<rich-text :nodes="details.About"></rich-text> <text v-if="item.BusinessStartWeek === 3">周三</text>
</view> <text v-if="item.BusinessStartWeek === 4">周四</text>
</view> <text v-if="item.BusinessStartWeek === 5">周五</text>
</view> <text v-if="item.BusinessStartWeek === 6">周六</text>
<text v-if="item.BusinessStartWeek === 7">周七</text> </view
>~
<view class="BusinessEndWeek">
<text v-if="item.BusinessEndWeek === 0">不限</text>
<text v-if="item.BusinessEndWeek === 1">周一</text>
<text v-if="item.BusinessEndWeek === 2">周二</text>
<text v-if="item.BusinessEndWeek === 3">周三</text>
<text v-if="item.BusinessEndWeek === 4">周四</text>
<text v-if="item.BusinessEndWeek === 5">周五</text>
<text v-if="item.BusinessEndWeek === 6">周六</text>
<text v-if="item.BusinessEndWeek === 7">周七</text>
</view>
<view class="Businesstime" v-if="item.StartTime && item.EndTime">
{{ item.StartTime }}~{{ item.EndTime }},
<text v-if="item.StopTime">{{ item.StopTime }}停止入场</text>
</view>
</view>
</view>
</view>
<view class="title" id="buyTicket"> 购票须知 </view>
<view class="desc">
<rich-text :nodes="details.BookingInfo"></rich-text>
</view>
<view class="title" id="tip"> 温馨提示 </view>
<view class="desc">
<rich-text :nodes="details.About"></rich-text>
</view>
</view>
</view>
</template> </template>
<script> <script>
export default { // #ifdef MP-ALIPAY
data() { import parseHtml from "../../plugin/htmlparse.js";
return { // #endif
active: 0, export default {
mainColor: "#DFBE6E", data() {
barStyle: { return {
width: '50rpx ', active: 0,
height: '6rpx !important', mainColor: "#DFBE6E",
backgroundColor: '#DFBE6E !important', barStyle: {
borderRadius: '3rpx !important', width: "50rpx ",
}, height: "6rpx !important",
typeList: [{ backgroundColor: "#DFBE6E !important",
Id: 0, borderRadius: "3rpx !important",
Name: '官方公告' },
}, { typeList: [
Id: 1, {
Name: '购票须知' Id: 0,
}, { Name: "官方公告",
Id: 2, },
Name: '温馨提示' {
}], Id: 1,
richText: "", Name: "购票须知",
ID: 0, },
details: {}, {
} Id: 2,
Name: "温馨提示",
}, },
onLoad(options) { ],
this.ID = options.id richText: "",
this.getDetail() ID: 0,
}, details: {},
onPageScroll(res){ };
console.log(res.scrollTop);//距离页面顶部距离 },
}, onLoad(options) {
methods: { this.ID = options.id;
changeHandler(i) { this.getDetail();
this.active = i; },
let toID="" onPageScroll(res) {},
if(i===0){ methods: {
toID="#notice" changeHandler(i) {
}else if(i==1){ this.active = i;
toID="#buyTicket" let toID = "";
}else if(i==2){ if (i === 0) {
toID="#tip" toID = "#notice";
} } else if (i == 1) {
uni.pageScrollTo({ toID = "#buyTicket";
selector:toID, } else if (i == 2) {
duration: 300, toID = "#tip";
success:res=>{ }
uni.pageScrollTo({
} selector: toID,
}); duration: 300,
}, success: (res) => {},
//获取详情 });
getDetail() { },
this.request2({ //获取详情
url: '/api/AppletDining/GetTicketCouponsDetails', getDetail() {
data: { this.request2(
ID: this.ID, {
} url: "/api/AppletDining/GetTicketCouponsDetails",
}, data: {
res => { ID: this.ID,
if (res.resultCode == 1) { },
// res.data.ScenicSpotTag = res.data.ScenicSpotTag.split(',') },
// res.data.GeographicTag = res.data.GeographicTag.split(',') (res) => {
this.details = res.data; if (res.resultCode == 1) {
} // res.data.ScenicSpotTag = res.data.ScenicSpotTag.split(',')
} // res.data.GeographicTag = res.data.GeographicTag.split(',')
); this.details = res.data;
}, // #ifdef MP-ALIPAY
} this.details.BookingInfo = parseHtml(this.details.BookingInfo);
} this.details.TicketNotice = parseHtml(this.details.TicketNotice);
this.details.About = parseHtml(this.details.About);
console.log("tag", this.details);
// #endif
}
}
);
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.tab-box{ .tab-box {
width: 750rpx; width: 750rpx;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
} }
.policyDetail { .policyDetail {
margin-top: 100rpx; margin-top: 100rpx;
.officialNotice { .officialNotice {
padding: 0 45rpx 0rpx; padding: 0 45rpx 0rpx;
}
}
.title { .title {
font-size: 36rpx; font-size: 36rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 800; font-weight: 800;
color: #111111; color: #111111;
margin-bottom: 45rpx; margin-bottom: 45rpx;
} }
.desc { .desc {
margin-bottom: 60rpx; margin-bottom: 60rpx;
.open-date { .open-date {
// width: 660rpx; // width: 660rpx;
height: 60rpx; height: 60rpx;
background-color: #F4F4F4; background-color: #f4f4f4;
font-size: 20rpx; font-size: 20rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #4B4949; color: #4b4949;
line-height: 58rpx; line-height: 58rpx;
padding: 0 30rpx; padding: 0 30rpx;
} }
.open-item { .open-item {
display: flex; display: flex;
height: 60rpx; height: 60rpx;
background-color: #FFFFFF; background-color: #ffffff;
font-size: 20rpx; font-size: 20rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #4B4949; color: #4b4949;
line-height: 58rpx; line-height: 58rpx;
padding: 0 30rpx; padding: 0 30rpx;
border: 1rpx solid #F4F4F4; border: 1rpx solid #f4f4f4;
.Businesstime { .Businesstime {
margin-left: 20rpx; margin-left: 20rpx;
} }
} }
} }
} }
.policyDetail-richText p{ .policyDetail-richText p {
font-size: 26rpx !important; font-size: 26rpx !important;
font-weight: 500 !important; font-weight: 500 !important;
} }
</style> </style>
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