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