Merge branch 'Branch_1' of https://git.u8t.cn/tangxinyue/alipay-emulator into Branch_1
|
|
@ -6,8 +6,8 @@
|
|||
"type" : "uni-app:app-ios"
|
||||
},
|
||||
{
|
||||
"customPlaygroundType" : "device",
|
||||
"playground" : "standard",
|
||||
"customPlaygroundType" : "local",
|
||||
"playground" : "custom",
|
||||
"type" : "uni-app:app-android"
|
||||
}
|
||||
]
|
||||
|
|
|
|||
3
App.vue
|
|
@ -163,6 +163,9 @@ export default {
|
|||
Object.keys(storageData).forEach(key => {
|
||||
uni.setStorageSync(key, storageData[key])
|
||||
})
|
||||
if (extraData['isCombo']) {
|
||||
uni.setStorageSync('isCombo', extraData['isCombo'])
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -130,401 +130,401 @@ text {
|
|||
}
|
||||
|
||||
.codefun-ml-2 {
|
||||
margin-left: 4rpx;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.codefun-mt-2 {
|
||||
margin-top: 4rpx;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.codefun-ml-4 {
|
||||
margin-left: 8rpx;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.codefun-mt-4 {
|
||||
margin-top: 8rpx;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.codefun-ml-6 {
|
||||
margin-left: 12rpx;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.codefun-mt-6 {
|
||||
margin-top: 12rpx;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.codefun-ml-8 {
|
||||
margin-left: 16rpx;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.codefun-mt-8 {
|
||||
margin-top: 16rpx;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.codefun-ml-10 {
|
||||
margin-left: 20rpx;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.codefun-mt-10 {
|
||||
margin-top: 20rpx;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.codefun-ml-12 {
|
||||
margin-left: 24rpx;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.codefun-mt-12 {
|
||||
margin-top: 24rpx;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.codefun-ml-14 {
|
||||
margin-left: 28rpx;
|
||||
margin-left: 14px;
|
||||
}
|
||||
|
||||
.codefun-mt-14 {
|
||||
margin-top: 28rpx;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.codefun-ml-16 {
|
||||
margin-left: 32rpx;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.codefun-mt-16 {
|
||||
margin-top: 32rpx;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.codefun-ml-18 {
|
||||
margin-left: 36rpx;
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.codefun-mt-18 {
|
||||
margin-top: 36rpx;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.codefun-ml-20 {
|
||||
margin-left: 40rpx;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.codefun-mt-20 {
|
||||
margin-top: 40rpx;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.codefun-ml-22 {
|
||||
margin-left: 44rpx;
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.codefun-mt-22 {
|
||||
margin-top: 44rpx;
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.codefun-ml-24 {
|
||||
margin-left: 48rpx;
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.codefun-mt-24 {
|
||||
margin-top: 48rpx;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.codefun-ml-26 {
|
||||
margin-left: 52rpx;
|
||||
margin-left: 26px;
|
||||
}
|
||||
|
||||
.codefun-mt-26 {
|
||||
margin-top: 52rpx;
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.codefun-ml-28 {
|
||||
margin-left: 56rpx;
|
||||
margin-left: 28px;
|
||||
}
|
||||
|
||||
.codefun-mt-28 {
|
||||
margin-top: 56rpx;
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.codefun-ml-30 {
|
||||
margin-left: 60rpx;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.codefun-mt-30 {
|
||||
margin-top: 60rpx;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.codefun-ml-32 {
|
||||
margin-left: 64rpx;
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
.codefun-mt-32 {
|
||||
margin-top: 64rpx;
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.codefun-ml-34 {
|
||||
margin-left: 68rpx;
|
||||
margin-left: 34px;
|
||||
}
|
||||
|
||||
.codefun-mt-34 {
|
||||
margin-top: 68rpx;
|
||||
margin-top: 34px;
|
||||
}
|
||||
|
||||
.codefun-ml-36 {
|
||||
margin-left: 72rpx;
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
||||
.codefun-mt-36 {
|
||||
margin-top: 72rpx;
|
||||
margin-top: 36px;
|
||||
}
|
||||
|
||||
.codefun-ml-38 {
|
||||
margin-left: 76rpx;
|
||||
margin-left: 38px;
|
||||
}
|
||||
|
||||
.codefun-mt-38 {
|
||||
margin-top: 76rpx;
|
||||
margin-top: 38px;
|
||||
}
|
||||
|
||||
.codefun-ml-40 {
|
||||
margin-left: 80rpx;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.codefun-mt-40 {
|
||||
margin-top: 80rpx;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.codefun-ml-42 {
|
||||
margin-left: 84rpx;
|
||||
margin-left: 42px;
|
||||
}
|
||||
|
||||
.codefun-mt-42 {
|
||||
margin-top: 84rpx;
|
||||
margin-top: 42px;
|
||||
}
|
||||
|
||||
.codefun-ml-44 {
|
||||
margin-left: 88rpx;
|
||||
margin-left: 44px;
|
||||
}
|
||||
|
||||
.codefun-mt-44 {
|
||||
margin-top: 88rpx;
|
||||
margin-top: 44px;
|
||||
}
|
||||
|
||||
.codefun-ml-46 {
|
||||
margin-left: 92rpx;
|
||||
margin-left: 46px;
|
||||
}
|
||||
|
||||
.codefun-mt-46 {
|
||||
margin-top: 92rpx;
|
||||
margin-top: 46px;
|
||||
}
|
||||
|
||||
.codefun-ml-48 {
|
||||
margin-left: 96rpx;
|
||||
margin-left: 48px;
|
||||
}
|
||||
|
||||
.codefun-mt-48 {
|
||||
margin-top: 96rpx;
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.codefun-ml-50 {
|
||||
margin-left: 100rpx;
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.codefun-mt-50 {
|
||||
margin-top: 100rpx;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.codefun-ml-52 {
|
||||
margin-left: 104rpx;
|
||||
margin-left: 52px;
|
||||
}
|
||||
|
||||
.codefun-mt-52 {
|
||||
margin-top: 104rpx;
|
||||
margin-top: 52px;
|
||||
}
|
||||
|
||||
.codefun-ml-54 {
|
||||
margin-left: 108rpx;
|
||||
margin-left: 54px;
|
||||
}
|
||||
|
||||
.codefun-mt-54 {
|
||||
margin-top: 108rpx;
|
||||
margin-top: 54px;
|
||||
}
|
||||
|
||||
.codefun-ml-56 {
|
||||
margin-left: 112rpx;
|
||||
margin-left: 56px;
|
||||
}
|
||||
|
||||
.codefun-mt-56 {
|
||||
margin-top: 112rpx;
|
||||
margin-top: 56px;
|
||||
}
|
||||
|
||||
.codefun-ml-58 {
|
||||
margin-left: 116rpx;
|
||||
margin-left: 58px;
|
||||
}
|
||||
|
||||
.codefun-mt-58 {
|
||||
margin-top: 116rpx;
|
||||
margin-top: 58px;
|
||||
}
|
||||
|
||||
.codefun-ml-60 {
|
||||
margin-left: 120rpx;
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
.codefun-mt-60 {
|
||||
margin-top: 120rpx;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.codefun-ml-62 {
|
||||
margin-left: 124rpx;
|
||||
margin-left: 62px;
|
||||
}
|
||||
|
||||
.codefun-mt-62 {
|
||||
margin-top: 124rpx;
|
||||
margin-top: 62px;
|
||||
}
|
||||
|
||||
.codefun-ml-64 {
|
||||
margin-left: 128rpx;
|
||||
margin-left: 64px;
|
||||
}
|
||||
|
||||
.codefun-mt-64 {
|
||||
margin-top: 128rpx;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.codefun-ml-66 {
|
||||
margin-left: 132rpx;
|
||||
margin-left: 66px;
|
||||
}
|
||||
|
||||
.codefun-mt-66 {
|
||||
margin-top: 132rpx;
|
||||
margin-top: 66px;
|
||||
}
|
||||
|
||||
.codefun-ml-68 {
|
||||
margin-left: 136rpx;
|
||||
margin-left: 68px;
|
||||
}
|
||||
|
||||
.codefun-mt-68 {
|
||||
margin-top: 136rpx;
|
||||
margin-top: 68px;
|
||||
}
|
||||
|
||||
.codefun-ml-70 {
|
||||
margin-left: 140rpx;
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
.codefun-mt-70 {
|
||||
margin-top: 140rpx;
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.codefun-ml-72 {
|
||||
margin-left: 144rpx;
|
||||
margin-left: 72px;
|
||||
}
|
||||
|
||||
.codefun-mt-72 {
|
||||
margin-top: 144rpx;
|
||||
margin-top: 72px;
|
||||
}
|
||||
|
||||
.codefun-ml-74 {
|
||||
margin-left: 148rpx;
|
||||
margin-left: 74px;
|
||||
}
|
||||
|
||||
.codefun-mt-74 {
|
||||
margin-top: 148rpx;
|
||||
margin-top: 74px;
|
||||
}
|
||||
|
||||
.codefun-ml-76 {
|
||||
margin-left: 152rpx;
|
||||
margin-left: 76px;
|
||||
}
|
||||
|
||||
.codefun-mt-76 {
|
||||
margin-top: 152rpx;
|
||||
margin-top: 76px;
|
||||
}
|
||||
|
||||
.codefun-ml-78 {
|
||||
margin-left: 156rpx;
|
||||
margin-left: 78px;
|
||||
}
|
||||
|
||||
.codefun-mt-78 {
|
||||
margin-top: 156rpx;
|
||||
margin-top: 78px;
|
||||
}
|
||||
|
||||
.codefun-ml-80 {
|
||||
margin-left: 160rpx;
|
||||
margin-left: 80px;
|
||||
}
|
||||
|
||||
.codefun-mt-80 {
|
||||
margin-top: 160rpx;
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.codefun-ml-82 {
|
||||
margin-left: 164rpx;
|
||||
margin-left: 82px;
|
||||
}
|
||||
|
||||
.codefun-mt-82 {
|
||||
margin-top: 164rpx;
|
||||
margin-top: 82px;
|
||||
}
|
||||
|
||||
.codefun-ml-84 {
|
||||
margin-left: 168rpx;
|
||||
margin-left: 84px;
|
||||
}
|
||||
|
||||
.codefun-mt-84 {
|
||||
margin-top: 168rpx;
|
||||
margin-top: 84px;
|
||||
}
|
||||
|
||||
.codefun-ml-86 {
|
||||
margin-left: 172rpx;
|
||||
margin-left: 86px;
|
||||
}
|
||||
|
||||
.codefun-mt-86 {
|
||||
margin-top: 172rpx;
|
||||
margin-top: 86px;
|
||||
}
|
||||
|
||||
.codefun-ml-88 {
|
||||
margin-left: 176rpx;
|
||||
margin-left: 88px;
|
||||
}
|
||||
|
||||
.codefun-mt-88 {
|
||||
margin-top: 176rpx;
|
||||
margin-top: 88px;
|
||||
}
|
||||
|
||||
.codefun-ml-90 {
|
||||
margin-left: 180rpx;
|
||||
margin-left: 90px;
|
||||
}
|
||||
|
||||
.codefun-mt-90 {
|
||||
margin-top: 180rpx;
|
||||
margin-top: 90px;
|
||||
}
|
||||
|
||||
.codefun-ml-92 {
|
||||
margin-left: 184rpx;
|
||||
margin-left: 92px;
|
||||
}
|
||||
|
||||
.codefun-mt-92 {
|
||||
margin-top: 184rpx;
|
||||
margin-top: 92px;
|
||||
}
|
||||
|
||||
.codefun-ml-94 {
|
||||
margin-left: 188rpx;
|
||||
margin-left: 94px;
|
||||
}
|
||||
|
||||
.codefun-mt-94 {
|
||||
margin-top: 188rpx;
|
||||
margin-top: 94px;
|
||||
}
|
||||
|
||||
.codefun-ml-96 {
|
||||
margin-left: 192rpx;
|
||||
margin-left: 96px;
|
||||
}
|
||||
|
||||
.codefun-mt-96 {
|
||||
margin-top: 192rpx;
|
||||
margin-top: 96px;
|
||||
}
|
||||
|
||||
.codefun-ml-98 {
|
||||
margin-left: 196rpx;
|
||||
margin-left: 98px;
|
||||
}
|
||||
|
||||
.codefun-mt-98 {
|
||||
margin-top: 196rpx;
|
||||
margin-top: 98px;
|
||||
}
|
||||
|
||||
.codefun-ml-100 {
|
||||
margin-left: 200rpx;
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
.codefun-mt-100 {
|
||||
margin-top: 200rpx;
|
||||
margin-top: 100px;
|
||||
}
|
||||
10
pages.json
|
|
@ -173,11 +173,17 @@
|
|||
},
|
||||
{
|
||||
"path": "card/card",
|
||||
"style" :
|
||||
{
|
||||
"style": {
|
||||
"navigationBarTitleText": "身份证",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "train-tickets/ctrip-train-tickets/ctrip-train-tickets",
|
||||
"style": {
|
||||
"navigationBarTitleText": "携程火车票",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
|
|||
|
|
@ -4,8 +4,19 @@
|
|||
<view>
|
||||
<image :src="data.banner" style="width: 100%;height: 244px;"></image>
|
||||
</view>
|
||||
<view style="margin-top:-90px;position: relative;">
|
||||
<!-- <view style="margin-top:-90px;position: relative;">
|
||||
<customTab :isHuise="shouldBeTrue(data.goods)" />
|
||||
</view> -->
|
||||
<view class="vipContent" style="margin-top:-90px;position: relative;">
|
||||
<view class="top">
|
||||
<image src="/static/image/recharge/vipContentTopBgImg.png" mode="widthFix"></image>
|
||||
</view>
|
||||
<view class="vipList">
|
||||
<view class="item" v-for="(item, index) in data.benefitList" :key="index">
|
||||
<image :src="item.url"></image>
|
||||
<text>{{ item.name }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view class="package-items-box" scroll-x="true" v-if="data.goodsList.length">
|
||||
<view class="package-items-container">
|
||||
|
|
@ -361,43 +372,43 @@ const data = reactive({
|
|||
url: "/static/image/recharge/icon2.png"
|
||||
},
|
||||
{
|
||||
name: "专属客服",
|
||||
name: "微信模拟",
|
||||
url: "/static/image/recharge/icon3.png"
|
||||
},
|
||||
{
|
||||
name: "多设备",
|
||||
name: "小宝模拟",
|
||||
url: "/static/image/recharge/icon4.png"
|
||||
},
|
||||
{
|
||||
name: "AI聊天模板",
|
||||
name: "机票",
|
||||
url: "/static/image/recharge/icon5.png"
|
||||
},
|
||||
{
|
||||
name: "聊天转账",
|
||||
name: "高铁票",
|
||||
url: "/static/image/recharge/icon6.png"
|
||||
},
|
||||
{
|
||||
name: "限额设置",
|
||||
name: "工资单",
|
||||
url: "/static/image/recharge/icon7.png"
|
||||
},
|
||||
{
|
||||
name: "零钱修改",
|
||||
name: "群聊",
|
||||
url: "/static/image/recharge/icon8.png"
|
||||
},
|
||||
{
|
||||
name: "零钱通",
|
||||
name: "豪车模拟",
|
||||
url: "/static/image/recharge/icon9.png"
|
||||
},
|
||||
{
|
||||
name: "分付",
|
||||
name: "模拟来电",
|
||||
url: "/static/image/recharge/icon10.png"
|
||||
},
|
||||
{
|
||||
name: "账单",
|
||||
name: "多设备",
|
||||
url: "/static/image/recharge/icon11.png"
|
||||
},
|
||||
{
|
||||
name: "朋友圈",
|
||||
name: "其他权益",
|
||||
url: "/static/image/recharge/icon12.png"
|
||||
}
|
||||
],
|
||||
|
|
@ -433,6 +444,7 @@ const data = reactive({
|
|||
// 添加一个标志位来防止快速连续点击导致的价格显示错误
|
||||
isProcessingClick: false,
|
||||
banner: '/static/image/recharge/banner1.png',
|
||||
isCombo: false,
|
||||
})
|
||||
|
||||
let {
|
||||
|
|
@ -597,8 +609,24 @@ onLoad(async () => {
|
|||
|
||||
})
|
||||
|
||||
onShow(async () => {
|
||||
|
||||
onShow(() => {
|
||||
if (data.isCombo) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否支付成功?',
|
||||
cancelText: '未支付',
|
||||
confirmText: "已支付",
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
console.log('用户点击确定');
|
||||
paymentResult(uni.getStorageSync('orderId'), paymentMethod.value)
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
data.isCombo = false
|
||||
}
|
||||
})
|
||||
onUnload(() => {
|
||||
// uni.offNativeEventReceive()
|
||||
|
|
@ -1106,11 +1134,11 @@ async function activateVip(type = '') {
|
|||
"支付方式": paymentMethod.value == "wxpay" ? '微信' : "支付宝",
|
||||
})
|
||||
|
||||
|
||||
let isComBo = uni.getStorageSync('isCombo') == 'ok'
|
||||
let paymentRes = await postJson('a', 'api/order', {
|
||||
goods_id: data.goods.goods_id,
|
||||
coupon: data.active_id ? data.active_id : '',
|
||||
pay_type: paymentMethod.value == "wxpay" ? 'weixin' : "alipay",
|
||||
pay_type: paymentMethod.value == "wxpay" ? (data.goods.weixinMpOriId && isComBo ? 'combo' : 'weixin') : "alipay",
|
||||
"pay_source": "app",
|
||||
source: "uni_alipay",
|
||||
})
|
||||
|
|
@ -1120,6 +1148,21 @@ async function activateVip(type = '') {
|
|||
if (paymentRes.code == 0) {
|
||||
let payData = {}
|
||||
if (paymentMethod.value == "wxpay") {
|
||||
|
||||
if (data.goods.weixinMpOriId && isComBo) {
|
||||
console.log(paymentRes)
|
||||
let SZappData = {
|
||||
weixinMpOriId: data.goods.weixinMpOriId,
|
||||
outTradeNo: paymentRes.data.outTradeNo
|
||||
}
|
||||
uni.setStorageSync('orderId', paymentRes.data.orderId)
|
||||
uni.sendNativeEvent('start_combo_pay', SZappData, ret => {
|
||||
console.log('宿主App回传的数据:' + ret);
|
||||
});
|
||||
data.isCombo = true
|
||||
uni.hideLoading();
|
||||
return
|
||||
} else {
|
||||
payData = {
|
||||
"appid": paymentRes.data.appId, // 应用ID
|
||||
"noncestr": paymentRes.data.nonceStr, // 随机字符串
|
||||
|
|
@ -1136,7 +1179,7 @@ async function activateVip(type = '') {
|
|||
console.log('宿主App回传的数据:' + ret);
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
} else {
|
||||
payData = paymentRes.data.payParam
|
||||
uni.setStorageSync('orderId', paymentRes.data.orderId)
|
||||
|
|
@ -2411,4 +2454,46 @@ function shouldBeTrue(obj) {
|
|||
left: 15px;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.vipContent {
|
||||
background-color: #fff;
|
||||
margin-left: 16px;
|
||||
width: calc(100% - 32px);
|
||||
border-radius: 16px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.top {
|
||||
image {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.vipList {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 10px;
|
||||
|
||||
.item {
|
||||
width: 25%;
|
||||
height: 75px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
image {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
text {
|
||||
margin-top: 5px;
|
||||
font-size: 10px;
|
||||
color: #1A1A1A;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,7 +16,6 @@
|
|||
|
||||
</view>
|
||||
<view class="content-box" :style="{ height: windowHeight + 'px' }">
|
||||
|
||||
<scroll-view scroll-y="true" class="scroll-view"
|
||||
:style="{ height: (windowHeight - statusBarHeight - 44) + 'px', marginTop: (statusBarHeight + 44) + 'px' }"
|
||||
@scroll="handleScroll">
|
||||
|
|
@ -220,17 +219,16 @@ const menuList = [{
|
|||
path: "/pages/ant-credit-pay/index"
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
const otherList = [{
|
||||
icon: "/static/image/index/qita/jipiao.png",
|
||||
name: "机票",
|
||||
path: "/pages/other/tickets-app/index"
|
||||
path: "/pages/other/tickets-app/index?type=airTicket"
|
||||
},
|
||||
{
|
||||
icon: "/static/image/index/qita/huochepiao.png",
|
||||
name: "火车票",
|
||||
path: "/pages/other/train-tickets/12306-tickets/12306-tickets"
|
||||
// path: "/pages/other/train-tickets/12306-tickets/12306-tickets"
|
||||
path: "/pages/other/tickets-app/index?type=trainTicket"
|
||||
},
|
||||
{
|
||||
icon: "/static/image/index/qita/gongzidan.png",
|
||||
|
|
|
|||
|
|
@ -1,9 +1,12 @@
|
|||
<template>
|
||||
<view class="container">
|
||||
<NavBar title="选择机票" bgColor="#F0F4F9" isBack></NavBar>
|
||||
<NavBar :title="`选择${type == 'airTicket' ? '机票' : '火车票'}`" bgColor="#F0F4F9" isBack></NavBar>
|
||||
|
||||
<view class="content">
|
||||
<view class="app-card" v-for="(item, index) in appList" :key="index" @click="handleItemClick(item)">
|
||||
<template v-for="(item, index) in appList" :key="index">
|
||||
<view class="app-card"
|
||||
v-if="(type == 'airTicket' && item.airPath) || (type == 'trainTicket' && item.trainPath)"
|
||||
@click="handleItemClick(item)">
|
||||
<!-- Background Watermark -->
|
||||
<image class="watermark" :src="item.bgImage" mode="heightFix"></image>
|
||||
|
||||
|
|
@ -22,52 +25,72 @@
|
|||
|
||||
<uni-icons type="right" size="18" color="#CCCCCC"></uni-icons>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import NavBar from '@/components/nav-bar/nav-bar.vue';
|
||||
import { reactive, toRefs, getCurrentInstance } from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
import { util } from '@/utils/common.js'; // Assuming util exists for navigation, similar to previous tasks
|
||||
import {
|
||||
reactive,
|
||||
toRefs,
|
||||
getCurrentInstance,
|
||||
ref
|
||||
} from 'vue';
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app';
|
||||
import {
|
||||
util
|
||||
} from '@/utils/common.js'; // Assuming util exists for navigation, similar to previous tasks
|
||||
const {
|
||||
appContext,
|
||||
proxy
|
||||
} = getCurrentInstance();
|
||||
|
||||
const appList = [
|
||||
{
|
||||
let type = ref('airTicket')
|
||||
|
||||
const appList = [{
|
||||
name: '去哪儿APP',
|
||||
logo: '/static/image/other/tickets-app/qvnar-logo.png',
|
||||
bgImage: '/static/image/other/tickets-app/qvnar-bg.png',
|
||||
path: '/pages/other/air-tickets/qunar-air-tickets/qunar-air-tickets',
|
||||
airPath: '/pages/other/air-tickets/qunar-air-tickets/qunar-air-tickets',
|
||||
trainPath: "",
|
||||
isHot: false
|
||||
},
|
||||
{
|
||||
name: '飞猪APP',
|
||||
logo: '/static/image/other/tickets-app/fliggy-logo.png',
|
||||
bgImage: '/static/image/other/tickets-app/fliggy-bg.png',
|
||||
path: '/pages/other/air-tickets/fliggy-air-tickets/fliggy-air-tickets',
|
||||
airPath: '/pages/other/air-tickets/fliggy-air-tickets/fliggy-air-tickets',
|
||||
trainPath: "",
|
||||
isHot: true
|
||||
},
|
||||
{
|
||||
name: '携程APP',
|
||||
logo: '/static/image/other/tickets-app/trip-com-logo.png',
|
||||
bgImage: '/static/image/other/tickets-app/trip-com-bg.png',
|
||||
path: '/pages/other/air-tickets/ctrip-air-tickets/ctrip-air-tickets',
|
||||
airPath: '/pages/other/air-tickets/ctrip-air-tickets/ctrip-air-tickets',
|
||||
trainPath: "/pages/other/train-tickets/ctrip-train-tickets/ctrip-train-tickets",
|
||||
isHot: false
|
||||
},
|
||||
// {
|
||||
// name: '铁路12306',
|
||||
// logo: '/static/image/other/tickets-app/12306-logo.png',
|
||||
// bgImage: '/static/image/other/tickets-app/12306-bg.png',
|
||||
// path: '/pages/other/train-tickets/12306-tickets/12306-tickets',
|
||||
// isHot: false
|
||||
// }
|
||||
{
|
||||
name: '铁路12306',
|
||||
logo: '/static/image/other/tickets-app/12306-logo.png',
|
||||
bgImage: '/static/image/other/tickets-app/12306-bg.png',
|
||||
airPath: '',
|
||||
trainPath: "/pages/other/train-tickets/12306-tickets/12306-tickets",
|
||||
isHot: false
|
||||
}
|
||||
]
|
||||
|
||||
onLoad((option) => {
|
||||
const appType = option.type
|
||||
if (appType == "trainTicket") {
|
||||
type.value = "trainTicket"
|
||||
} else {
|
||||
type.value = "airTicket"
|
||||
// 进入机票页面埋点
|
||||
proxy.$apiUserEvent('all', {
|
||||
type: 'event',
|
||||
|
|
@ -75,11 +98,27 @@ onLoad((option) => {
|
|||
prefix: '.uni.other.',
|
||||
value: "机票"
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* 跳转火车票/飞机票页面
|
||||
*/
|
||||
const handleItemClick = (item) => {
|
||||
if (item.path) {
|
||||
util.goPage(item.path)
|
||||
if (type.value == 'trainTicket') {
|
||||
if (item.trainPath) {
|
||||
util.goPage(item.trainPath)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '开发中',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
} else {
|
||||
if (item.airPath) {
|
||||
util.goPage(item.airPath)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '开发中',
|
||||
|
|
@ -88,6 +127,7 @@ const handleItemClick = (item) => {
|
|||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.container {
|
||||
|
|
|
|||
|
|
@ -14,13 +14,17 @@
|
|||
<text class="label">订单号</text>
|
||||
<input class="input" v-model="ticketsInfo.orderInfo.orderNo" />
|
||||
</view>
|
||||
<picker mode="date" fields="day" :value="getPickerDate(ticketsInfo.orderInfo.orderTime)"
|
||||
@change="onOrderTimeChange">
|
||||
<picker v-if="app == '12306'" mode="date" fields="day"
|
||||
:value="getPickerDate(ticketsInfo.orderInfo.orderTime)" @change="onOrderTimeChange">
|
||||
<view class="form-item">
|
||||
<text class="label">下单时间</text>
|
||||
<view class="input">{{ ticketsInfo.orderInfo.orderTime }}</view>
|
||||
</view>
|
||||
</picker>
|
||||
<view v-if="app == 'ctrip'" class="form-item">
|
||||
<text class="label">订单总价</text>
|
||||
<input class="input" type="number" v-model="ticketsInfo.orderInfo.price" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -75,6 +79,10 @@
|
|||
<text class="label">历时</text>
|
||||
<input class="input" v-model="ticketsInfo.ticketInfo.duration" />
|
||||
</view>
|
||||
<view v-if="app == 'ctrip'" class="form-item">
|
||||
<text class="label">火车名称</text>
|
||||
<input class="input" v-model="ticketsInfo.ticketInfo.trainName" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -116,7 +124,11 @@
|
|||
|
||||
<view class="form-item">
|
||||
<text class="label">票价</text>
|
||||
<input class="input" v-model="passenger.price" />
|
||||
<input class="input" type="number" v-model="passenger.price" @input="onPriceInput" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">积分</text>
|
||||
<input class="input" type="number" v-model="passenger.points" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">证件类型</text>
|
||||
|
|
@ -136,16 +148,20 @@
|
|||
</view>
|
||||
|
||||
<!-- 酒店广告 -->
|
||||
<view class="section-container">
|
||||
<view v-if="app == '12306' || app == 'ctrip'" class="section-container">
|
||||
<view class="section-header" @click="toggleSection('hotelInfo')">
|
||||
<text class="section-title">酒店广告</text>
|
||||
<text class="section-title">{{ app == '12306' ? '酒店广告' : '返现任务' }}</text>
|
||||
<uni-icons :type="collapsed.hotelInfo ? 'bottom' : 'top'" size="16" color="#666"></uni-icons>
|
||||
</view>
|
||||
<view class="card" v-show="!collapsed.hotelInfo">
|
||||
<view class="form-item">
|
||||
<view v-if="app == '12306'" class="form-item">
|
||||
<text class="label">城市</text>
|
||||
<input class="input" v-model="ticketsInfo.hotelInfo.city" />
|
||||
</view>
|
||||
<view v-if="app == 'ctrip'" class="form-item">
|
||||
<text class="label">返现金额</text>
|
||||
<input class="input" type="number" v-model="ticketsInfo.hotelInfo.cashback" />
|
||||
</view>
|
||||
<uni-datetime-picker type="daterange" v-model="hotelDateRange" :border="false">
|
||||
<view class="form-item">
|
||||
<text class="label">入住/离店日期</text>
|
||||
|
|
@ -169,11 +185,13 @@
|
|||
onMounted,
|
||||
computed
|
||||
} from 'vue';
|
||||
import { onLoad } from '@dcloudio/uni-app';
|
||||
|
||||
const defaultData = {
|
||||
"orderInfo": {
|
||||
"orderNo": "EJ66223536",
|
||||
"orderTime": "2026.01.01"
|
||||
"orderTime": "2026.01.01",
|
||||
"price": "4440"
|
||||
},
|
||||
"ticketInfo": {
|
||||
"departureTime": "01-01 09:19",
|
||||
|
|
@ -184,7 +202,8 @@
|
|||
"duration": "4时45分",
|
||||
"date": "2026.01.01",
|
||||
"weekDay": "星期四",
|
||||
"gate": "6B"
|
||||
"gate": "6B",
|
||||
"trainName": "复兴号"
|
||||
},
|
||||
"passengerList": [{
|
||||
"name": "张元英",
|
||||
|
|
@ -195,10 +214,12 @@
|
|||
"idType": "外国护照(KR)",
|
||||
"price": "2110",
|
||||
"status": "已支付",
|
||||
"isMe": true
|
||||
"isMe": true,
|
||||
"points": 9632
|
||||
}],
|
||||
"hotelInfo": {
|
||||
"city": "上海",
|
||||
"cashback": "25",
|
||||
"startDay": "01-01",
|
||||
"endDay": "01-02"
|
||||
}
|
||||
|
|
@ -229,15 +250,29 @@
|
|||
ticketInfo: false, // Default open ticket info as it is most likely to be edited
|
||||
passengerList: false,
|
||||
hotelInfo: true
|
||||
}
|
||||
},
|
||||
app: '12306',
|
||||
STORAGE_KEY: 'ticketsInfo'
|
||||
})
|
||||
|
||||
let { app } = toRefs(data)
|
||||
|
||||
|
||||
const {
|
||||
ticketsInfo,
|
||||
collapsed
|
||||
} = toRefs(data)
|
||||
|
||||
onLoad((options) => {
|
||||
console.log("options", options)
|
||||
if (options.app) {
|
||||
data.app = options.app
|
||||
}
|
||||
if (options.storageKey) {
|
||||
data.STORAGE_KEY = options.storageKey
|
||||
}
|
||||
})
|
||||
|
||||
const ticketYear = computed(() => {
|
||||
const dateStr = data.ticketsInfo.ticketInfo.date;
|
||||
if (dateStr && dateStr.length >= 4) {
|
||||
|
|
@ -247,6 +282,7 @@
|
|||
})
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* 获取酒店日期范围
|
||||
*/
|
||||
|
|
@ -271,12 +307,26 @@
|
|||
})
|
||||
|
||||
onMounted(() => {
|
||||
const stored = uni.getStorageSync('ticketsInfo')
|
||||
const stored = uni.getStorageSync(data.STORAGE_KEY)
|
||||
if (stored) {
|
||||
Object.assign(data.ticketsInfo, stored)
|
||||
}
|
||||
updateDuration();
|
||||
})
|
||||
/**
|
||||
* 更新总价
|
||||
*/
|
||||
const onPriceInput = () => {
|
||||
setTimeout(() => {
|
||||
let total = 0;
|
||||
data.ticketsInfo.passengerList.forEach(item => {
|
||||
const price = Number(item.price) || 0;
|
||||
total += price;
|
||||
});
|
||||
data.ticketsInfo.orderInfo.price = total.toString();
|
||||
}, 50);
|
||||
}
|
||||
|
||||
/**
|
||||
* 确认
|
||||
*/
|
||||
|
|
@ -312,7 +362,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
uni.setStorageSync('ticketsInfo', data.ticketsInfo)
|
||||
uni.setStorageSync(data.STORAGE_KEY, data.ticketsInfo)
|
||||
uni.navigateBack()
|
||||
}
|
||||
|
||||
|
|
@ -334,7 +384,8 @@
|
|||
content: '确定要删除该乘客吗?',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
data.ticketsInfo.passengerList.splice(index, 1)
|
||||
data.ticketsInfo.passengerList.splice(index, 1);
|
||||
onPriceInput();
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
@ -354,9 +405,11 @@
|
|||
idType: '中国居民身份证',
|
||||
price: oldPassenger.price || '0',
|
||||
status: '已支付',
|
||||
isMe: false
|
||||
isMe: false,
|
||||
points: oldPassenger.points || '2898',
|
||||
}
|
||||
data.ticketsInfo.passengerList.push(newPassenger)
|
||||
data.ticketsInfo.passengerList.push(newPassenger);
|
||||
onPriceInput();
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 866 B |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 871 B |
|
After Width: | Height: | Size: 660 B |
|
After Width: | Height: | Size: 815 B |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 17 KiB |