完善接口
This commit is contained in:
wangxiaowei
@ -16,7 +16,7 @@
|
||||
<view class="mt-56rpx text-center">
|
||||
<view class="text-28rpx leading-40rpx text-#606266">顾客打赏-{{ info.name }}</view>
|
||||
<view class="mt-24rpx">
|
||||
<price-format color="#303133" :first-size="44" :second-size="44" :subscript-size="28" :price="tipMoney"></price-format>
|
||||
<price-format color="#303133" :first-size="44" :second-size="44" :subscript-size="28" :price="money"></price-format>
|
||||
</view>
|
||||
<view class="mt-12rpx flex items-center justify-center">
|
||||
<view class="text-24rpx leading-34rpx text-#606266">
|
||||
@ -42,21 +42,27 @@
|
||||
|
||||
<script lang="ts" setup>
|
||||
import Pay from '@/components/Pay.vue'
|
||||
import { getTeaSpecialistDetails } from '@/api/tea'
|
||||
import { getTeaSpecialistDetails, getTeaSpecialistOrderDetails, teaSpecialistPrepay, teaSpecialistPay } from '@/api/tea'
|
||||
import { ITeaSpecialistDetailsFields } from '@/api/types/tea'
|
||||
import { toast } from '@/utils/toast'
|
||||
import { router } from '@/utils/tools'
|
||||
import { payTipTeaSpecialist } from '@/api/pay'
|
||||
import { useUserStore } from '@/store'
|
||||
import type {IUserInfoVo } from '@/api/types/login'
|
||||
|
||||
// 用户信息
|
||||
const userInfo = ref<IUserInfoVo>(null)
|
||||
|
||||
// 支付倒计时取消
|
||||
const time = ref<number>(30 * 60 * 60 * 1000)
|
||||
|
||||
// 打赏金额
|
||||
const tipMoney = ref<number>(0)
|
||||
// 支付金额
|
||||
const money = ref<number>(0)
|
||||
|
||||
// 茶艺师详情
|
||||
const id = ref<number>(0)
|
||||
const info = reactive<ITeaSpecialistDetailsFields>({
|
||||
id: 0,
|
||||
name: '',
|
||||
star: 0,
|
||||
image: '',
|
||||
@ -68,27 +74,34 @@
|
||||
teamasterLevel: [],
|
||||
price: 0,
|
||||
fare_price: 0,
|
||||
collect: 0
|
||||
collect: 0,
|
||||
up_status: 0
|
||||
})
|
||||
|
||||
// 支付方式
|
||||
const pay = ref<number>(0)
|
||||
|
||||
// 订单
|
||||
const orderId = ref<number>(0)
|
||||
const order = ref<{}>(null)
|
||||
const result = ref<string>('')
|
||||
const from = ref<string>('')
|
||||
|
||||
onLoad(async (args) => {
|
||||
if (args.id && args.lat && args.lng && args.user_id && args.money) {
|
||||
id.value = Number(args.id)
|
||||
tipMoney.value = Number(args.money)
|
||||
const userStore = useUserStore()
|
||||
userInfo.value = userStore.userInfo
|
||||
|
||||
// 获取茶艺师详情
|
||||
const res = await getTeaSpecialistDetails({
|
||||
id: args.id,
|
||||
latitude: args.lat,
|
||||
longitude: args.lng,
|
||||
user_id: args.user_id
|
||||
})
|
||||
// 将返回的数据合并到 reactive 对象中
|
||||
Object.assign(info, res.teamaster || {})
|
||||
from.value = args.from || ''
|
||||
|
||||
if (args.from == 'tip' && args.teaSpecialistId && args.money) {
|
||||
// 这边处理打赏金额
|
||||
id.value = Number(args.teaSpecialistId)
|
||||
money.value = Number(args.money)
|
||||
Cashier.handleGetTeaSpecialistDetails(id.value, Number(userInfo.value.id))
|
||||
} else if (args.from == 'order' && args.teaSpecialistId && args.orderId) {
|
||||
// 获取订单详情
|
||||
orderId.value = Number(args.orderId)
|
||||
Cashier.handleGetOrderDetails()
|
||||
} else {
|
||||
toast.info('参数错误')
|
||||
return
|
||||
@ -97,22 +110,84 @@
|
||||
console.log('页面加载')
|
||||
})
|
||||
|
||||
onUnload(() => {
|
||||
switch(result.value) {
|
||||
case 'success':
|
||||
uni.$emit('payment', { result: true, orderId: orderId.value })
|
||||
break;
|
||||
case 'fail':
|
||||
default: uni.$emit('payment', { result: false, orderId: orderId.value })
|
||||
}
|
||||
})
|
||||
|
||||
const Cashier = {
|
||||
// 获取茶艺师详情
|
||||
handleGetTeaSpecialistDetails: async (id: number, user_id: number) => {
|
||||
const res = await getTeaSpecialistDetails({
|
||||
id,
|
||||
latitude: uni.getStorageSync('latitude'),
|
||||
longitude: uni.getStorageSync('longitude'),
|
||||
user_id
|
||||
})
|
||||
// 将返回的数据合并到 reactive 对象中
|
||||
Object.assign(info, res.teamaster || {})
|
||||
},
|
||||
|
||||
// 获取订单详情
|
||||
handleGetOrderDetails: async () => {
|
||||
// 获取订单详情接口
|
||||
const res = await getTeaSpecialistOrderDetails({id: orderId.value})
|
||||
order.value = res
|
||||
money.value = Number(res.details.order_amount)
|
||||
},
|
||||
|
||||
// 获取支付方式
|
||||
handleGetPayValue: (value: number) => {
|
||||
pay.value = value
|
||||
},
|
||||
|
||||
// 去支付
|
||||
handleToPay: () => {
|
||||
payTipTeaSpecialist({
|
||||
id: id.value,
|
||||
tip_price: tipMoney.value,
|
||||
pay_type: pay.value
|
||||
}).then(res => {
|
||||
router.navigateTo('/pages/notice/reserve?type=tipSuccess')
|
||||
console.log("🚀 ~ res:", res)
|
||||
})
|
||||
handleToPay: async () => {
|
||||
console.log("🚀 ~ pay.value :", pay.value )
|
||||
if (pay.value == null || pay.value == undefined) {
|
||||
toast.info('请选择支付方式')
|
||||
return
|
||||
}
|
||||
|
||||
if (from.value == 'tip') {
|
||||
payTipTeaSpecialist({
|
||||
id: id.value,
|
||||
tip_price: money.value,
|
||||
pay_type: pay.value
|
||||
}).then(res => {
|
||||
router.navigateTo('/pages/notice/reserve?type=tipSuccess')
|
||||
console.log("🚀 ~ res:", res)
|
||||
})
|
||||
} else if (from.value == 'order') {
|
||||
try {
|
||||
// 预支付
|
||||
const res1 = await teaSpecialistPrepay({
|
||||
order_id: orderId.value,
|
||||
from: 'balance',
|
||||
pay_way: pay.value,
|
||||
order_source: 2 //订单来源：1-小程序;2-h5;3app
|
||||
})
|
||||
|
||||
// 支付
|
||||
const res2 = await teaSpecialistPay({
|
||||
id: res1.pay_id
|
||||
})
|
||||
result.value = 'success'
|
||||
} catch (error) {
|
||||
result.value = 'fail'
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
uni.navigateBack({delta: 1})
|
||||
}, 500);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user