Skip to content

J
jz_Travel
Commit b2cf7ff9 authored by 罗超's avatar 罗超
Browse files
Options

1

parent c4579df1
Show whitespace changes
Inline Side-by-side
Showing with 516 additions and 476 deletions
pages/ticketCoupons/components/buyNotice.vue
View file @ b2cf7ff9
<template> <template>
<view class="buyNotice"> <view class="buyNotice">
<scroll-view scroll-y="true" style="width: 100%;height: 100%; padding: 44rpx 0;" @scroll="scroll"> <scroll-view
scroll-y="true"
style="width: 100%; height: 100%; padding: 44rpx 0"
@scroll="scroll"
>
<view class="notice-box"> <view class="notice-box">
<view class="base-info"> <view class="base-info">
<image class="left" :src="coverImg" mode="aspectFill"></image> <image class="left" :src="coverImg" mode="aspectFill"></image>
<view class="right"> <view class="right">
<view class="name"> <view class="name">
{{TicketData.TicketSubName}}({{TicketData.TicketName}}) {{ TicketData.TicketSubName }}({{ TicketData.TicketName }})
</view> </view>
<view class="evaluate"> <view class="evaluate">
<u-rate size="24rpx" inactive-color="#FFF" :current="score" active-icon="star" disabled active-color="#F8632F"></u-rate> <u-rate
size="24rpx"
inactive-color="#FFF"
:current="score"
active-icon="star"
disabled
active-color="#F8632F"
></u-rate>
<view class="rate"> <view class="rate">
{{score}} {{ score }}
<text v-if="score===1||score===2||score===3||score===4||score===5">.0</text> <text
v-if="
score === 1 ||
score === 2 ||
score === 3 ||
score === 4 ||
score === 5
"
>.0</text
>
</view> </view>
<view class="comment"> <view class="comment">
{{TicketData.CommentCount}}人评论 {{ TicketData.CommentCount }}人评论
<u-icon name="arrow-down" color="#6E6E6E" size="24rpx"></u-icon> <u-icon name="arrow-down" color="#6E6E6E" size="24rpx"></u-icon>
</view> </view>
</view> </view>
<view class="sell"> <view class="sell"> 已售{{ TicketData.SaleCount }}票 </view>
已售{{TicketData.SaleCount}}票
</view>
</view> </view>
</view> </view>
<view class="detail-info"> <view class="detail-info">
...@@ -30,44 +48,49 @@ ...@@ -30,44 +48,49 @@
<text class="ticket-title-bg"></text> <text class="ticket-title-bg"></text>
</view> </view>
<view class="detail-info-item" v-if="TicketData.SubscribeTime"> <view class="detail-info-item" v-if="TicketData.SubscribeTime">
<view class="item-name"> <view class="item-name"> 可订时间 </view>
可订时间
</view>
<view class="item-desc"> <view class="item-desc">
{{TicketData.AllTime}} {{ TicketData.AllTime }}
</view> </view>
</view> </view>
<view class="detail-info-item" v-if="TicketData.OutTicket"> <view class="detail-info-item" v-if="TicketData.OutTicket">
<view class="item-name"> <view class="item-name"> 出票速度 </view>
出票速度
</view>
<view class="item-desc"> <view class="item-desc">
{{TicketData.OutTicket}} {{ TicketData.OutTicket }}
</view> </view>
</view> </view>
<view class="detail-info-item" v-if="TicketData.ChangeTickets"> <view class="detail-info-item" v-if="TicketData.ChangeTickets">
<view class="item-name"> <view class="item-name"> 无需换票 </view>
无需换票
</view>
<view class="item-desc"> <view class="item-desc">
{{TicketData.ChangeTickets}} {{ TicketData.ChangeTickets }}
</view> </view>
</view> </view>
<!-- 退票政策 --> <!-- 退票政策 -->
<view class="method" v-if="TicketData.ReturnPriceList"> <view class="method" v-if="TicketData.ReturnPriceList">
<view class="method-title"> <view class="method-title">
<image class="title-bg" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/tuipiaozhengce-bg.png"></image> <image
class="title-bg"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/tuipiaozhengce-bg.png"
></image>
<view class="title-text">退票政策</view> <view class="title-text">退票政策</view>
</view> </view>
<view v-for="(item,index) in TicketData.ReturnPriceList" :key="index" v-if="TicketData.IsWorryFreeRefund===0" <view
class="tuipaio-item"> v-for="(item, index) in TicketData.ReturnPriceList"
<view class="tuipiao-name">{{item.title}}</view> :key="index"
<view class="tuipiao-desc">{{item.Dec}}</view> v-if="TicketData.IsWorryFreeRefund === 0"
</view> class="tuipaio-item"
<view v-for="(item,index) in TicketData.ConditionPriceList" :key="index" v-if="TicketData.IsWorryFreeRefund===1" >
class="tuipaio-item"> <view class="tuipiao-name">{{ item.title }}</view>
<view class="tuipiao-name">{{item.title}}</view> <view class="tuipiao-desc">{{ item.Dec }}</view>
<view class="tuipiao-desc">{{item.Dec}}</view> </view>
<view
v-for="(item, index) in TicketData.ConditionPriceList"
:key="index"
v-if="TicketData.IsWorryFreeRefund === 1"
class="tuipaio-item"
>
<view class="tuipiao-name">{{ item.title }}</view>
<view class="tuipiao-desc">{{ item.Dec }}</view>
</view> </view>
</view> </view>
<!-- 使用说明 --> <!-- 使用说明 -->
...@@ -76,16 +99,27 @@ ...@@ -76,16 +99,27 @@
使用说明 使用说明
<text class="ticket-title-bg"></text> <text class="ticket-title-bg"></text>
</view> </view>
<view class="zanwu" v-if="TicketData.UseInstructionsList.length===0||(TicketData.UseInstructionsList[0].title==''&&TicketData.UseInstructionsList[0].Dec=='')"> <view
class="zanwu"
v-if="
TicketData.UseInstructionsList.length === 0 ||
(TicketData.UseInstructionsList[0].title == '' &&
TicketData.UseInstructionsList[0].Dec == '')
"
>
暂无 暂无
</view> </view>
<view v-for="(item,index) in TicketData.UseInstructionsList" :key="index" v-if="TicketData.UseInstructionsList.length>0"> <view
v-for="(item, index) in TicketData.UseInstructionsList"
:key="index"
v-if="TicketData.UseInstructionsList.length > 0"
>
<view class="detail-info-item"> <view class="detail-info-item">
<view class="item2-name" v-if="item.title"> <view class="item2-name" v-if="item.title">
{{item.title}} {{ item.title }}
</view> </view>
<view class="item-desc" v-if="item.Dec"> <view class="item-desc" v-if="item.Dec">
{{item.Dec}} {{ item.Dec }}
</view> </view>
</view> </view>
</view> </view>
...@@ -96,37 +130,58 @@ ...@@ -96,37 +130,58 @@
费用说明 费用说明
<text class="ticket-title-bg"></text> <text class="ticket-title-bg"></text>
</view> </view>
<view class="zanwu" v-if="TicketData.PriceInstructionsList.length===0||(TicketData.PriceInstructionsList[0].title==''&&TicketData.PriceInstructionsList[0].Dec=='')"> <view
class="zanwu"
v-if="
TicketData.PriceInstructionsList.length === 0 ||
(TicketData.PriceInstructionsList[0].title == '' &&
TicketData.PriceInstructionsList[0].Dec == '')
"
>
暂无 暂无
</view> </view>
<view v-for="(item,index) in TicketData.PriceInstructionsList" :key="index" v-if="TicketData.PriceInstructionsList.length>0"> <view
v-for="(item, index) in TicketData.PriceInstructionsList"
:key="index"
v-if="TicketData.PriceInstructionsList.length > 0"
>
<view class="detail-info-item"> <view class="detail-info-item">
<view class="item2-name" v-if="item.title"> <view class="item2-name" v-if="item.title">
{{item.title}} {{ item.title }}
</view> </view>
<view class="item-desc" v-if="item.Dec"> <view class="item-desc" v-if="item.Dec">
{{item.Dec}} {{ item.Dec }}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 其他信息 --> <!-- 其他信息 -->
<view class="other-desc" v-if="TicketData.OtherDescList.length>0"> <view class="other-desc" v-if="TicketData.OtherDescList.length > 0">
<view class="ticket-title"> <view class="ticket-title">
其他信息 其他信息
<text class="ticket-title-bg"></text> <text class="ticket-title-bg"></text>
</view> </view>
<view class="zanwu" v-if="TicketData.OtherDescList.length===0||(TicketData.OtherDescList[0].title==''&&TicketData.OtherDescList[0].Dec=='')"> <view
class="zanwu"
v-if="
TicketData.OtherDescList.length === 0 ||
(TicketData.OtherDescList[0].title == '' &&
TicketData.OtherDescList[0].Dec == '')
"
>
暂无 暂无
</view> </view>
<view v-for="(item,index) in TicketData.OtherDescList" :key="index" v-if="TicketData.OtherDescList.length>0"> <view
v-for="(item, index) in TicketData.OtherDescList"
:key="index"
v-if="TicketData.OtherDescList.length > 0"
>
<view class="detail-info-item"> <view class="detail-info-item">
<view class="item2-name" v-if="item.title"> <view class="item2-name" v-if="item.title">
{{item.title}} {{ item.title }}
</view> </view>
<view class="item-desc" v-if="item.Dec"> <view class="item-desc" v-if="item.Dec">
{{item.Dec}} {{ item.Dec }}
</view> </view>
</view> </view>
</view> </view>
...@@ -134,97 +189,88 @@ ...@@ -134,97 +189,88 @@
<view class="detail-btn"> <view class="detail-btn">
<view class="price"> <view class="price">
<text class="price-pre">￥</text> <text class="price-pre">￥</text>
{{$utils.getretailer()==true? TicketData.HPriceB:TicketData.HPriceC}} {{
</view> $utils.getretailer() == true
<view class="btn" @click="success"> ? TicketData.HPriceB
立即预订 : TicketData.HPriceC
}}
</view> </view>
<view class="btn" @click="success"> 立即预订 </view>
</view> </view>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
components: { components: {},
},
props: { props: {
coverImg: { coverImg: {
type: String, type: String,
default: "" default: "",
}, },
score: { score: {
type: Number, type: Number,
default: 1 default: 1,
}, },
TicketData: { TicketData: {
type: Object, type: Object,
default: {} default: {},
}, },
}, },
data() { data() {
return { return {
checkTicketNavIndex: 1, checkTicketNavIndex: 1,
imgBaseUrl: "http://192.168.20.214:8130" imgBaseUrl: "http://192.168.20.214:8130",
} };
}, },
watch: { watch: {
TicketData: { TicketData: {
handler(val) { handler(val) {
console.log('购票须知', this.TicketData) console.log("购票须知", this.TicketData);
this.$forceUpdate(); this.$forceUpdate();
} },
} },
}, },
mounted() { mounted() {
console.log(this.TicketData) console.log(this.TicketData);
}, },
methods: { methods: {
goUrl() { goUrl() {
uni.navigateTo({ uni.navigateTo({
url: "/pages/ticketCoupons/imgList?id=" + this.ID, url: "/pages/ticketCoupons/imgList?id=" + this.ID,
}) });
}, },
scroll(e) {},
scroll(e) {
},
goback() { goback() {
uni.navigateBack({ uni.navigateBack({
delta: 1, delta: 1,
}); });
}, },
success(){ success() {
this.$emit("success") this.$emit("success");
} },
},
};
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.buyNotice { .buyNotice {
width: 100vw; width: 100vw;
height: 70vh; height: 70vh;
border-radius: 40rpx 40rpx 0rpx 0rpx; border-radius: 40rpx 40rpx 0rpx 0rpx;
overflow: hidden; overflow: hidden;
} }
.notice-box { .notice-box {
border-radius: 40rpx 40rpx 0rpx 0rpx; border-radius: 40rpx 40rpx 0rpx 0rpx;
padding: 45rpx 45rpx 0 45rpx; padding: 45rpx 45rpx 0 45rpx;
background-color: #FFFFFF; background-color: #ffffff;
height: 70vh; height: 70vh;
z-index: 10; z-index: 10;
...@@ -232,7 +278,7 @@ ...@@ -232,7 +278,7 @@
// height: 175rpx; // height: 175rpx;
display: flex; display: flex;
padding-bottom: 35rpx; padding-bottom: 35rpx;
border-bottom: 1rpx solid #E7E7E7; border-bottom: 1rpx solid #e7e7e7;
.left { .left {
width: 130rpx; width: 130rpx;
...@@ -247,7 +293,7 @@ ...@@ -247,7 +293,7 @@
font-size: 34rpx; font-size: 34rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #1B1D1E; color: #1b1d1e;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
...@@ -261,7 +307,7 @@ ...@@ -261,7 +307,7 @@
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #6E6E6E; color: #6e6e6e;
} }
.comment { .comment {
...@@ -269,14 +315,14 @@ ...@@ -269,14 +315,14 @@
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #6E6E6E; color: #6e6e6e;
} }
} }
.sell { .sell {
width: 150rpx; width: 150rpx;
height: 40rpx; height: 40rpx;
background-color: #ECF1F4; background-color: #ecf1f4;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -295,7 +341,7 @@ ...@@ -295,7 +341,7 @@
font-size: 34rpx; font-size: 34rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #1F1F1F; color: #1f1f1f;
background-color: transparent; background-color: transparent;
// line-height: 44rpx; // line-height: 44rpx;
position: relative; position: relative;
...@@ -304,7 +350,7 @@ ...@@ -304,7 +350,7 @@
.ticket-title-bg { .ticket-title-bg {
width: 70rpx; width: 70rpx;
height: 10rpx; height: 10rpx;
background-color: #DFBE6E; background-color: #dfbe6e;
border-radius: 4px; border-radius: 4px;
position: absolute; position: absolute;
left: 0; left: 0;
...@@ -329,7 +375,7 @@ ...@@ -329,7 +375,7 @@
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #DFBE6E; color: #dfbe6e;
margin-right: 45rpx; margin-right: 45rpx;
text-align: center; text-align: center;
line-height: 38rpx; line-height: 38rpx;
...@@ -339,7 +385,7 @@ ...@@ -339,7 +385,7 @@
// width: 120rpx; // width: 120rpx;
// height: 40rpx; // height: 40rpx;
padding: 8rpx; padding: 8rpx;
background-color: #ECF1F4; background-color: #ecf1f4;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
...@@ -350,7 +396,6 @@ ...@@ -350,7 +396,6 @@
// text-align: center; // text-align: center;
line-height: 38rpx; line-height: 38rpx;
overflow: hidden; overflow: hidden;
} }
.item-desc { .item-desc {
...@@ -369,7 +414,7 @@ ...@@ -369,7 +414,7 @@
.method { .method {
// width: 660rpx; // width: 660rpx;
// height: 225rpx; // height: 225rpx;
background-color: #FCF8F0; background-color: #fcf8f0;
border-radius: 4rpx; border-radius: 4rpx;
position: relative; position: relative;
margin-top: 40rpx; margin-top: 40rpx;
...@@ -404,12 +449,9 @@ ...@@ -404,12 +449,9 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
line-height: 40rpx; line-height: 40rpx;
color: #FFF; color: #fff;
} }
} }
,
.tuipaio-item { .tuipaio-item {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
...@@ -417,13 +459,13 @@ ...@@ -417,13 +459,13 @@
margin-bottom: 25rpx; margin-bottom: 25rpx;
.tuipiao-name { .tuipiao-name {
// height: 40rpx; // height: 40rpx;
background-color: #FFFFFF; background-color: #ffffff;
border: 1rpx solid #DFBE6E; border: 1rpx solid #dfbe6e;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #DFBE6E; color: #dfbe6e;
text-align: center; text-align: center;
margin-right: 25rpx; margin-right: 25rpx;
margin-bottom: 25rpx; margin-bottom: 25rpx;
...@@ -440,24 +482,24 @@ ...@@ -440,24 +482,24 @@
} }
} }
} }
.detail-btn{ .detail-btn {
height: 80rpx; height: 80rpx;
margin: 35rpx 0; margin: 35rpx 0;
margin-bottom: 80rpx; margin-bottom: 80rpx;
padding-right: 55rpx ; padding-right: 55rpx;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
.price{ .price {
font-size: 40rpx; font-size: 40rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #D91818; color: #d91818;
.price-pre{ .price-pre {
font-size: 22rpx; font-size: 22rpx;
} }
} }
.btn{ .btn {
width: 300rpx; width: 300rpx;
height: 80rpx; height: 80rpx;
background-color: #111111; background-color: #111111;
...@@ -468,17 +510,15 @@ ...@@ -468,17 +510,15 @@
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #ffffff;
} }
} }
} }
}
.zanwu {
}
.zanwu{
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
} }
</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