Skip to content

U
uni-pdtravel
Commit af1cb7c8 authored by 潘永坪's avatar 潘永坪
Browse files
Options

联票电子门票开发

parent e40ebcde
Hide whitespace changes
Inline Side-by-side
Showing with 434 additions and 1 deletion
pages.json
View file @ af1cb7c8
......@@ -161,7 +161,7 @@
{
"path": "order/intelTicket/intelTicket",
"style": {
"navigationBarTitleText": "",
"navigationBarTitleText": "电子门票",
"enablePullDownRefresh": false
}
},
......@@ -262,6 +262,14 @@
"enablePullDownRefresh": false
}
},
{
"path" : "order/jointElectronicTicket/jointElectronicTicket",
"style" :
{
"navigationBarTitleText" : "电子门票",
"enablePullDownRefresh": false
}
}
]
},
......
pages/my/order/jointElectronicTicket/jointElectronicTicket.vue 0 → 100644
View file @ af1cb7c8
<template>
<view class="wrap">
<!-- 联票电子门票 -->
<view class="top">
<text class="one-txt-cut">
索道北单程+杜莎夫人蜡像馆x1份
</text>
<text>
¥80
</text>
</view>
<view class="middle">
<view class="productInfo">
<view class="product-top">
<view class="product-name">
<text class="one-txt-cut">索道北单程</text>
<text>预订成功</text>
</view>
<view class="product-datetime">
<view>
<text>使用日期</text>
<text style="color: #FE6600;">2024-06-25</text>
</view>
<view>
<text>入园时间</text>
<text>08:00-21:00</text>
</view>
</view>
</view>
<view class="product-number">
<view class="my-number">
<view>
<view>我的排队号</view>
<view>1004</view>
</view>
<view>
<view>预计进入时间</view>
<view>16:11:53</view>
</view>
</view>
<view class="current-number">
当前排队区间<text>1-303</text>号
</view>
<view class="number-notice">
请注意排队情况,系统30s自动刷新,空号较多时,预计进入时间可能提前或延后,如过号需重新取号
</view>
</view>
<view class="product-code">
<view class="code-title">
凭「身份证」或「入园码」直接入园
</view>
<view class="code-image">
<image src="../../static/takeNumber/sdMap.jpg"></image>
</view>
<view class="code-number">
<text>
数字码:7072202693477
</text>
<text>
复制
</text>
</view>
<view class="code-tip">
二维码自动更新,截屏无效
</view>
</view>
<view class="product-buyknow">
<view class="buyKnow-title">
使用须知
<u-icon name='arrow-down'></u-icon>
</view>
</view>
</view>
<view class="rufundRule">
<view class="rule-title">
退改规则
</view>
<view class="rule-type">
<text>有条件退</text>
</view>
<view class="rule-table">
<uni-table border>
<uni-tr>
<uni-td>取消时间</uni-td>
<uni-td>损失费用</uni-td>
</uni-tr>
<uni-tr>
<uni-td>2024/06/22 16:00:00前</uni-td>
<uni-td>0</uni-td>
</uni-tr>
<uni-tr>
<uni-td>2024/06/22 16:00:00后</uni-td>
<uni-td>全部支付金额</uni-td>
</uni-tr>
</uni-table>
</view>
<view class="rule-service">
<u-icon name='kefu-ermai'></u-icon>
联系客服
</view>
</view>
<view class="orderInfo">
<view class="order-title">
订单信息
</view>
<view class="order-middle">
<view>
<text style="flex-shrink: 0;">订单编号</text>
<text class="order-id">
<text class="one-txt-cut">z1321321321321321321321sdafeads</text>
<text class="order-btn">复制</text>
</text>
</view>
<view>
<text>支付时间</text>
<text>2024-07-24</text>
</view>
<view>
<text>支付方式</text>
<text>在线支付</text>
</view>
<view>
<text>联系信息</text>
<text>
<text style="margin-right: 10rpx;">潘永坪</text>
<text>15808046328</text>
</text>
</view>
</view>
<!-- <view class="order-bottom">
收起
<u-icon name='arrow-up'></u-icon>
</view> -->
</view>
</view>
<view class="bottom">
<text>申请退票</text>
<text>再次预订</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
Brightness:'',//屏幕亮度
openid:uni.getStorageSync('openid')||'',//openid
companyId:'',//公司Id
}
},
methods: {
//---复制内容
copyText(value){
uni.setClipboardData({
data:value,
success:function(){
uni.showToast({
title: '复制成功',
icon: 'none'
})
}
})
},
//---重新排队
sortAgain(item){
let data={
againNumber:1,
thirdId:this.sortsInfo.order.orderId,
areaCode:item.projectId,
userId:this.openid,
merchantCode:this.companyId,
}
this.$request('distribution/distribution/newFetchNumber',data).then((res)=>{
if(res.code=='00'){
this.getSortInfo()
this.maskType = false
}else{
uni.showToast({
title: res.message,
icon: 'none'
})
}
})
},
},
onShow() {
uni.getScreenBrightness({
success:(res)=>{
// 这里是把获取到的手机屏幕亮度，存储到data里面，方便给到页面生命周期隐藏和卸载方法里面用
this.Brightness = res.value
if(res.value != 1){
uni.setScreenBrightness({
value: 1
})
}
}
})
},
onHide() {
uni.setScreenBrightness({// 恢复之前屏幕亮度
value: this.Brightness
})
},
onUnload() {
uni.setScreenBrightness({// 恢复之前屏幕亮度
value: this.Brightness
})
},
}
</script>
<style scoped lang="scss">
.wrap{
padding: 0 20rpx;
}
.top{
display: flex;
justify-content: space-between;
padding: 48rpx 20rpx 0 20rpx;
font-size: 36rpx;
font-weight: 600;
text:first-child{
flex: 1;
margin-right: 40rpx;
}
}
.middle{
margin-top: 32rpx;
padding-bottom: 120rpx;
}
// 产品部分
.productInfo{
background: #ffffff;
border-radius: 16rpx;
padding: 40rpx 32rpx 32rpx 32rpx;
}
.product-name{
display: flex;
justify-content: space-between;
font-size: 36rpx;
font-weight: 600;
text:first-child{
flex: 1;
margin-right: 40rpx;
}
text:last-child{
color: #00B42B;
font-size: 28rpx;
}
}
.product-datetime{
display: flex;
justify-content: space-between;
margin-top: 20rpx;
view text:last-child{
font-weight: bold;
margin-left: 20rpx;
}
}
.product-number{
background: #FFFFFF;
border-radius: 16rpx;
border: 1px solid #dcdcdc;
padding: 32rpx;
margin-top: 20rpx;
}
.my-number{
display: flex;
>view{
width: 50%;
view:last-child{
margin-top: 10rpx;
color: $red;
font-size: 52rpx;
font-weight: 600;
}
}
}
.current-number{
margin-top: 10rpx;
text{
font-size: 40rpx;
color: $red;
font-weight: 600;
margin: 0 4rpx;
}
}
.number-notice{
color: #666666;
font-size: 24rpx;
margin-top: 20rpx;
line-height: 34rpx;
}
.product-code{
text-align: center;
border-top: 1px solid #f5f5f5;
}
.code-title{
margin-top: 40rpx;
font-size: 32rpx;
font-weight: 600;
}
.code-number{
margin-top: 20rpx;
font-weight: 600;
text:last-child{
font-weight: bold;
margin-left: 20rpx;
color: #435FA0;
}
}
.code-image{
margin-top: 20rpx;
}
.code-tip{
margin-top: 20rpx;
color: $red;
}
.product-buyknow{
display: flex;
}
// 退票规则
.rufundRule{
background: #ffffff;
padding: 32rpx;
border-radius: 16rpx;
margin-top: 20rpx;
}
.rule-title{
font-size: 36rpx;
font-weight: 600;
}
.rule-type{
margin-top: 20rpx;
text{
font-size: 24rpx;
color: $theme;
border: 1px solid $theme;
border-radius: 6rpx;
padding: 4rpx 12rpx;
}
}
.rule-table{
margin: 20rpx 0 36rpx 0;
}
.rule-service{
display: flex;
align-items: center;
padding-top: 36rpx;
justify-content: center;
border-top: 1px solid #EBEEF5;
}
// 订单信息
.orderInfo{
margin-top: 20rpx;
border-radius: 16rpx;
background: #ffffff;
}
.order-title{
font-size: 36rpx;
font-weight: 600;
padding: 32rpx;
}
.order-middle{
color: #666666;
view{
padding:32rpx;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #EBEEF5;
}
}
.order-id{
flex: 1;
margin-left: 40rpx;
display: flex;
}
.one-txt-cut{
flex: 1;
}
.order-btn{
display: inline-block;
text-align: center;
line-height: 36rpx;
width: 82rpx;
height: 40rpx;
background: #F7F8FA;
border-radius: 20rpx;
font-size: 24rpx;
margin-left: 20rpx;
}
.bottom{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
background: #ffffff;
height: 120rpx;
display: flex;
align-items: center;
padding: 0 40rpx;
justify-content: space-around;
text{
display: inline-block;
width: 170rpx;
height: 64rpx;
border-radius: 32rpx;
border: 1px solid #EDEDED;
text-align: center;
line-height: 60rpx;
color: #666666;
}
}
</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