合完了
This commit is contained in:
parent
0bcacb5f82
commit
c25d31ea79
|
|
@ -12,12 +12,6 @@ export const stateList = [
|
|||
msg: '等待卖家发货',
|
||||
tips: '耐心等待工艺品发货~'
|
||||
},
|
||||
{
|
||||
state: '退款中',
|
||||
img: '',
|
||||
msg: '退款审核中',
|
||||
tips: '请君耐心等待退款结果'
|
||||
},
|
||||
{
|
||||
state: '已退款',
|
||||
img: 'https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FlPnvgqCp-yituikuan.png',
|
||||
|
|
@ -67,7 +61,7 @@ export const serviceStateList = [
|
|||
tips: '希望下次能让君满意'
|
||||
},
|
||||
{
|
||||
state: '已完成',
|
||||
state: '交易成功',
|
||||
img: '',
|
||||
msg: '订单完成，感谢您的支持',
|
||||
tips: '感谢您的支持'
|
||||
|
|
|
|||
|
|
@ -10,3 +10,10 @@ export const dealResult = (res) => {
|
|||
}
|
||||
return response.data
|
||||
}
|
||||
|
||||
|
||||
|
||||
export const JudgeIsNullity = (val) => {
|
||||
if (val === null || val === undefined || val === '') return true
|
||||
return false
|
||||
}
|
||||
28
pages.json
28
pages.json
|
|
@ -1,5 +1,33 @@
|
|||
{
|
||||
"pages": [
|
||||
{
|
||||
"path" : "pages/my-order/myGeneralOrderDetail/myGeneralOrderDetail",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/my-order/myServiceOrderDetail/myServiceOrderDetail",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/my-order/myOrderList/myOrderList",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/my-order/researchOrder/researchOrder",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/home/home",
|
||||
"style" :
|
||||
|
|
|
|||
|
|
@ -250,7 +250,7 @@
|
|||
content: '支付失败，原因为:' + e.errMsg,
|
||||
showCancel: false
|
||||
})
|
||||
console.log('e.errMsg--->',e.errMsg);
|
||||
// console.log('e.errMsg--->',e.errMsg);
|
||||
},
|
||||
complete() {
|
||||
uni.redirectTo({
|
||||
|
|
@ -445,6 +445,14 @@
|
|||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
button {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
button::after{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: fixed;
|
||||
|
|
|
|||
|
|
@ -35,8 +35,8 @@
|
|||
<view class="flex-col list-item mt-17" v-for="(item, index) in myCouponList" :key="index" @click="selectOne(index)">
|
||||
<view class="flex-row justify-between self-stretch group_3" :style="borderStyle">
|
||||
<view class="flex-row items-baseline self-start group_6">
|
||||
<text class="font_3 text_4">{{item.couponVO.standardAmount}}</text>
|
||||
<text class="font_4 text_5">￥</text>
|
||||
<text class="font_3 text_4">{{ item.couponVO.standardAmount }}</text>
|
||||
</view>
|
||||
<view class="flex-row items-center self-center group_4">
|
||||
<view class="flex-col shrink-0 group_5">
|
||||
|
|
@ -325,7 +325,7 @@
|
|||
color: #c35c5d;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 26.25rpx;
|
||||
// margin-left: 26.25rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 30rpx;
|
||||
|
|
@ -334,7 +334,7 @@
|
|||
color: #c35c5d;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: -82.5rpx;
|
||||
// margin-left: -82.5rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 7.5rpx;
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
<view class="flex-col page">
|
||||
<view class="flex-col group">
|
||||
<view class="flex-row items-center group_2">
|
||||
<button class="image avatar_button" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
|
||||
<image class="image" :src="myAvatar" />
|
||||
<button class="avatar_button" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
|
||||
<image class="avatar_son" :src="myAvatar" />
|
||||
</button>
|
||||
|
||||
|
||||
|
|
@ -15,30 +15,30 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-center" @click="goto('全部')">
|
||||
<view class="flex-col items-center" @click="goto(0)">
|
||||
<image class="shrink-0 image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FjqkEyOpY-totalorder.png" />
|
||||
<text class="font text_3">总订单</text>
|
||||
<text class="font text_3">全部</text>
|
||||
</view>
|
||||
<view class="flex-col items-center ml-1" @click="goto('待支付')">
|
||||
<view class="flex-col items-center ml-1" @click="goto(1)">
|
||||
<image class="shrink-0 image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEzgKLIBS-waitproduct.png" />
|
||||
<text class="font text_5">待支付</text>
|
||||
</view>
|
||||
<view class="flex-col items-center ml-1" @click="goto('待发货')">
|
||||
<view class="flex-col items-center ml-1" @click="goto(2)">
|
||||
<image class="shrink-0 image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVWTrHegX-waitpay.png" />
|
||||
<text class="font text_4">待发货</text>
|
||||
</view>
|
||||
<view class="flex-col items-center ml-1" @click="goto('已发货')">
|
||||
<view class="flex-col items-center ml-1" @click="goto(3)">
|
||||
<image class="shrink-0 image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FWAdobYmD-waitshouhou.png" />
|
||||
<text class="font text_6">已发货</text>
|
||||
<text class="font text_6">待收货</text>
|
||||
</view>
|
||||
<view class="flex-col items-center ml-1" @click="goto('已退款')">
|
||||
<view class="flex-col items-center ml-1" @click="goto(4)">
|
||||
<image class="shrink-0 image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FGEFKFVXw-shouhou.png" />
|
||||
<text class="font text_7">退款/售后</text>
|
||||
<text class="font text_7">已退款</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -132,7 +132,7 @@ const goTo = ()=>{ //跳转到预约
|
|||
}
|
||||
const goto = (tab) => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mineorders/mineorders?zt='+JSON.stringify(tab)
|
||||
url: '/pages/my-order/myOrderList/myOrderList?status=' + tab
|
||||
})
|
||||
}
|
||||
|
||||
|
|
@ -212,7 +212,7 @@ const onChooseAvatar = (e) => {
|
|||
cookie
|
||||
},
|
||||
success: (res) => {
|
||||
myAvatar.value = JSON.parse(res.data).data
|
||||
myAvatar.value = JSON.parse(res.data).data.url
|
||||
console.log(myAvatar.value)
|
||||
updateMyUser()
|
||||
},
|
||||
|
|
@ -265,6 +265,9 @@ const getMyUser = async () => {
|
|||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
button{padding: 0;margin: 0;}
|
||||
button::after{ border: none; }
|
||||
|
||||
.ml-1 {
|
||||
margin-left: 1.88rpx;
|
||||
}
|
||||
|
|
@ -297,10 +300,19 @@ const getMyUser = async () => {
|
|||
.image {
|
||||
border-radius: 50%;
|
||||
width: 150rpx;
|
||||
height: 151.88rpx;
|
||||
height: 150rpx;
|
||||
}
|
||||
.avatar_button {
|
||||
padding: 0;
|
||||
height: 150rpx;
|
||||
width: 150rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
}
|
||||
.avatar_son {
|
||||
border-radius: 50%;
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
}
|
||||
|
||||
.text {
|
||||
|
|
|
|||
|
|
@ -272,6 +272,7 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
// showCancel: false
|
||||
// })
|
||||
// console.log('e.errMsg--->',e.errMsg);
|
||||
|
||||
}
|
||||
})
|
||||
}catch(error) {
|
||||
|
|
|
|||
637
pages/my-order/myGeneralOrderDetail/myGeneralOrderDetail.vue
Normal file
637
pages/my-order/myGeneralOrderDetail/myGeneralOrderDetail.vue
Normal file
|
|
@ -0,0 +1,637 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start relative page">
|
||||
<view class="section"></view>
|
||||
<view class="flex-row section_2 pos">
|
||||
<image
|
||||
class="self-center image"
|
||||
:src="orderStatusObj.img"
|
||||
/>
|
||||
<view class="ml-6 flex-col items-start flex-1 self-start group">
|
||||
<text class="font text">{{ orderStatusObj.msg }}</text>
|
||||
<text class="mt-6 font_2 text_2">{{ orderStatusObj.tips }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center section_3 pos_2">
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
src="https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=387313f270b8e4f6cc89b61569777988.png"
|
||||
/>
|
||||
<view class="ml-8 flex-col items-start flex-1">
|
||||
<text class="font text_3">{{ addressObj.name }} {{ addressObj.phone }}</text>
|
||||
<text class="font_2 text_4 mt-9">{{ addressObj.region }}{{ addressObj.detailAddress}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_4 pos_3">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-between mt-8 list-item" v-for="(item, index) in order.orderItemList" :key="index">
|
||||
<view class="flex-row">
|
||||
<image
|
||||
class="image_3"
|
||||
:src="item.goodSnapshot.goodImg"
|
||||
/>
|
||||
<view class="flex-col items-start ml-11">
|
||||
<text class="font text_5">{{ item.goodSnapshot.name }}</text>
|
||||
<text class="mt-58 font_3 text_6">￥{{ item.goodSnapshot.price.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="self-start font_4 text_7">×{{ item.quantity }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col mt-25">
|
||||
<view class="flex-row justify-between items-baseline">
|
||||
<text class="font_5 text_8">商品金额</text>
|
||||
<text class="font_6">￥ {{ allAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-baseline group_2">
|
||||
<text class="font_5 text_9">优惠券</text>
|
||||
<text class="font_6">￥{{ couponAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-end items-baseline group_3">
|
||||
<text class="font text_10">应付款：</text>
|
||||
<view class="group_4">
|
||||
<text class="font_4 text_11">￥</text>
|
||||
<text class="text_12">{{ order.totalAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group_5">
|
||||
<text class="self-start font_7 text_13">买家留言</text>
|
||||
<view class="mt-2 flex-col justify-start self-stretch text-wrapper">
|
||||
<text class="font_2 text_14">
|
||||
{{ order.note }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-baseline group_6">
|
||||
<text class="font_7">创建时间：</text>
|
||||
<text class="font_4 text_15">{{ order.createTime }}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_7">
|
||||
<text class="font_5 text_16">订单编号：</text>
|
||||
<view class="flex-row items-center">
|
||||
<text class="font_4 text_17">{{ order.orderNumber }}</text>
|
||||
<view class="ml-4 flex-col justify-start items-center shrink-0 text-wrapper_2" @click="copy(order.orderNumber)">
|
||||
<text class="font_8">复制</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_8" v-if="order.orderStatus === '待收货'">
|
||||
<text class="font_5 text_18">物流单号：</text>
|
||||
<view class="flex-row items-center">
|
||||
<text class="font_4 text_19">{{ order.trackingNumber }}</text>
|
||||
<view class="ml-4 flex-col justify-start items-center shrink-0 text-wrapper_2" @click="copy(order.orderNumber)">
|
||||
<text class="font_8">复制</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-center items-center group_9">
|
||||
<button style="display: flex; align-items: center; height: 60rpx;" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=c8d71ce891d47896e44d7aba3b432ab8.png"
|
||||
/>
|
||||
<text class="font text_20">在线客服</text>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_5 pos_4">
|
||||
<view class="flex-row items-baseline">
|
||||
<text class="font text_21">应付款：</text>
|
||||
<view class="group_10">
|
||||
<text class="font_9 text_22">￥</text>
|
||||
<text class="font_9 text_23">{{ order.totalAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="order.operationList[0]" class="flex-col justify-start items-center text-wrapper_3" @click="wxPayFd(order.id)">
|
||||
<text class="font text_24">去支付</text>
|
||||
</view>
|
||||
|
||||
<view v-if="order.operationList[1]" class="flex-col justify-start items-center text-wrapper_3" @click="gotoDelieverPage(order.id)">
|
||||
<text class="font text_24">查看物流</text>
|
||||
</view>
|
||||
|
||||
<view v-if="order.operationList[2]" class="flex-col justify-start items-center text-wrapper_3" @click="gotoDeleteOrder(order.id)">
|
||||
<text class="font text_24">删除订单</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {onMounted, ref} from 'vue'
|
||||
import { stateList } from '../../../common/global.js'
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import { JudgeIsNullity } from '../../../common/globalFunction';
|
||||
const order = ref({})
|
||||
const cookie = wx.getStorageSync('cookie')
|
||||
let orderId = ''
|
||||
const couponAmount = ref(0)
|
||||
const allAmount = ref(0)
|
||||
const addressObj = ref({})
|
||||
const orderStatusObj = ref({})
|
||||
onLoad((options) => {
|
||||
orderId = options.id
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
getOrderById(orderId)
|
||||
})
|
||||
|
||||
|
||||
|
||||
const getOrderById = async (val) => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/get/id',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
data: {
|
||||
id: val
|
||||
}
|
||||
})
|
||||
console.log(res.data.data)
|
||||
order.value = res.data.data
|
||||
addressObj.value = order.value.addressSnapshot
|
||||
couponAmount.value = JudgeIsNullity(order.value.couponSnapshot) ? 0 : order.value.couponSnapshot.conditionAmount
|
||||
allAmount.value = order.value.totalAmount + couponAmount.value
|
||||
if (order.value.orderStatus === '待支付') {
|
||||
order.value.operationList = [true, false, false]
|
||||
orderStatusObj.value = stateList[0]
|
||||
} else if (order.value.orderStatus === '交易关闭') {
|
||||
order.value.operationList = [false, false, true]
|
||||
orderStatusObj.value = stateList[5]
|
||||
} else if (order.value.orderStatus === '待发货') {
|
||||
order.value.operationList = [false, false, false]
|
||||
orderStatusObj.value = stateList[1]
|
||||
} else if (order.value.orderStatus === '已退款') {
|
||||
order.value.operationList = [false, false, false]
|
||||
orderStatusObj.value = stateList[2]
|
||||
} else if (order.value.orderStatus === '交易成功') {
|
||||
order.value.operationList = [false, false, false]
|
||||
orderStatusObj.value = stateList[4]
|
||||
} else if (order.value.orderStatus === '待收货') {
|
||||
order.value.operationList = [false, true, false]
|
||||
orderStatusObj.value = stateList[3]
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
const copy = ( orderNumber ) => {
|
||||
console.log('订单编号为--->',orderNumber);
|
||||
uni.setClipboardData({
|
||||
data: orderNumber,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '成功复制到剪贴板'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
const wxPayFd = (order) => { //微信支付按钮防抖
|
||||
clearTimeout(wxPayTimer)
|
||||
showLoading()
|
||||
isShow.value = true //打开遮罩
|
||||
wxPayTimer = setTimeout(async () => {
|
||||
await wxPay(order.id)
|
||||
}, 1000)
|
||||
setTimeout(()=>{
|
||||
hideLoading()
|
||||
isShow.value = false //关闭遮罩
|
||||
},2000)
|
||||
}
|
||||
|
||||
function showLoading() { //加载弹窗
|
||||
if (!loading) {
|
||||
wx.showLoading({
|
||||
title: '加载中...',
|
||||
});
|
||||
loading = true;
|
||||
isLoading.value = true
|
||||
}
|
||||
}
|
||||
|
||||
function hideLoading() { //关闭弹窗
|
||||
if (loading) {
|
||||
wx.hideLoading();
|
||||
loading = false;
|
||||
isLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
const wxPay = async( oid )=> { //传入订单id
|
||||
try {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/wechat/payment/create',
|
||||
method: 'POST',
|
||||
header: {
|
||||
'cookie': wx.getStorageSync("cookie")
|
||||
},
|
||||
data: { id: oid }
|
||||
})
|
||||
const paymentData = res.data.data
|
||||
wx.requestPayment({
|
||||
appid: paymentData.appId,
|
||||
nonceStr: paymentData.nonceStr,
|
||||
package: paymentData.packageVal,
|
||||
paySign: paymentData.paySign,
|
||||
timeStamp: paymentData.timeStamp,
|
||||
signType: paymentData.signType,
|
||||
success(res) {
|
||||
uni.showModal({
|
||||
content: '支付成功',
|
||||
showCancel: false
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(oid)
|
||||
})
|
||||
console.log('支付成功res--->',res);
|
||||
},
|
||||
fail(e) {
|
||||
|
||||
}
|
||||
})
|
||||
}catch(error) {
|
||||
console.error('支付请求失败');
|
||||
uni.showModal({
|
||||
content: '支付请求失败,请重试。',
|
||||
showCancel: false
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const gotoDeleteOrder = (val) => {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '您确定要删除订单吗？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
deleteOrder(val)
|
||||
}
|
||||
},
|
||||
complete: () => {
|
||||
uni.redirectTo({
|
||||
url: '../myOrderList/myOrderList'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
const deleteOrder = async (val) => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/delete/id',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
data: {
|
||||
id: val
|
||||
}
|
||||
})
|
||||
console.log(res.data.data)
|
||||
}
|
||||
|
||||
|
||||
|
||||
let waybillToken = ''
|
||||
var plugin = requirePlugin('logisticsPlugin')
|
||||
const gotoDelieverPage = (val) => {
|
||||
uni.request({
|
||||
url: baseUrl + '/logistics/get/info',
|
||||
method: 'POST',
|
||||
data: {
|
||||
id: val
|
||||
},
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
success: (res) => {
|
||||
console.log(res.data.data)
|
||||
waybillToken = res.data.data.waybill_token
|
||||
plugin.openWaybillTracking({
|
||||
waybillToken: waybillToken
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
button {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
button::after{
|
||||
border: none;
|
||||
}
|
||||
.mt-9 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
.ml-11 {
|
||||
margin-left: 20.63rpx;
|
||||
}
|
||||
.mt-25 {
|
||||
margin-top: 46.88rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #fff;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=24453f696e665b4a146abeed1b16ec7c.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=24453f696e665b4a146abeed1b16ec7c.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
height: 100vh;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 15rpx 16.88rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 16.88rpx;
|
||||
right: 15rpx;
|
||||
top: 20.63rpx;
|
||||
}
|
||||
.image {
|
||||
width: 75rpx;
|
||||
height: 75rpx;
|
||||
}
|
||||
.group {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 28.13rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 29.18rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text {
|
||||
color: #323233;
|
||||
line-height: 27.58rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 24.38rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 29.18rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_2 {
|
||||
color: #6b6e72;
|
||||
line-height: 24rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 26.25rpx 22.5rpx 22.5rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 16.88rpx;
|
||||
right: 15rpx;
|
||||
top: 144.38rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 43.13rpx;
|
||||
height: 43.13rpx;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 24.28rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 30rpx;
|
||||
width: 571.88rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 22.5rpx 15rpx 22.5rpx 24.38rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 15rpx;
|
||||
right: 16.88rpx;
|
||||
top: 287.5rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 146.25rpx;
|
||||
height: 165rpx;
|
||||
}
|
||||
.text_5 {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.18rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_6 {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 18.73rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_7 {
|
||||
margin-right: 15rpx;
|
||||
margin-top: 136.88rpx;
|
||||
font-size: 26.25rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 29.18rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 26.04rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.79rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_2 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 27.36rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.text_10 {
|
||||
line-height: 25.71rpx;
|
||||
}
|
||||
.group_4 {
|
||||
line-height: 20.76rpx;
|
||||
height: 20.76rpx;
|
||||
}
|
||||
.text_11 {
|
||||
color: #ffaaa5;
|
||||
line-height: 20.29rpx;
|
||||
}
|
||||
.text_12 {
|
||||
color: #ffaaa5;
|
||||
font-size: 28.13rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 20.76rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-top: 26.25rpx;
|
||||
padding: 22.5rpx 0 18.75rpx;
|
||||
border-top: solid 1.88rpx #dfdfdf;
|
||||
border-bottom: solid 1.88rpx #dfdfdf;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 26.47rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_13 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 11.25rpx;
|
||||
padding: 3.75rpx 0;
|
||||
border-radius: 9.38rpx;
|
||||
border-left: solid 1.88rpx #ffffff;
|
||||
border-right: solid 1.88rpx #ffffff;
|
||||
border-top: solid 1.88rpx #ffffff;
|
||||
border-bottom: solid 1.88rpx #ffffff;
|
||||
}
|
||||
.text_14 {
|
||||
margin-right: 7.5rpx;
|
||||
line-height: 30rpx;
|
||||
text-shadow: 0 1.88rpx #ffffff, 0 -1.88rpx #ffffff, 1.88rpx 0 #ffffff, -1.88rpx 0 #ffffff;
|
||||
}
|
||||
.group_6 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.text_15 {
|
||||
font-size: 26.25rpx;
|
||||
line-height: 19.41rpx;
|
||||
}
|
||||
.group_7 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.text_16 {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.text_17 {
|
||||
font-size: 26.25rpx;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
background-color: #ffffff;
|
||||
width: 65.63rpx;
|
||||
height: 30rpx;
|
||||
border-left: solid 0.94rpx #d1d1d1;
|
||||
border-right: solid 0.94rpx #d1d1d1;
|
||||
border-top: solid 0.94rpx #d1d1d1;
|
||||
border-bottom: solid 0.94rpx #d1d1d1;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.83rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.group_8 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.text_18 {
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.text_19 {
|
||||
font-size: 26.25rpx;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
.group_9 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.image_4 {
|
||||
width: 45rpx;
|
||||
height: 45rpx;
|
||||
}
|
||||
.text_20 {
|
||||
font-size: 30rpx;
|
||||
line-height: 28.48rpx;
|
||||
}
|
||||
.section_5 {
|
||||
padding: 15rpx 26.25rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.pos_4 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_21 {
|
||||
color: #000000;
|
||||
font-size: 30rpx;
|
||||
line-height: 27.43rpx;
|
||||
}
|
||||
.group_10 {
|
||||
margin-left: -7.5rpx;
|
||||
line-height: 24.92rpx;
|
||||
height: 24.92rpx;
|
||||
}
|
||||
.font_9 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
.text_22 {
|
||||
line-height: 24.34rpx;
|
||||
}
|
||||
.text_23 {
|
||||
font-weight: 700;
|
||||
line-height: 24.92rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 22.5rpx 0;
|
||||
background-color: #ffaaa5;
|
||||
border-radius: 75rpx;
|
||||
width: 204.38rpx;
|
||||
height: 71.25rpx;
|
||||
}
|
||||
.text_24 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
line-height: 27.77rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
760
pages/my-order/myOrderList/myOrderList.vue
Normal file
760
pages/my-order/myOrderList/myOrderList.vue
Normal file
|
|
@ -0,0 +1,760 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start items-center relative page">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=666fe70fbe2b3eb6bec964adf12deccc.png"
|
||||
/>
|
||||
<view class="flex-col section pos">
|
||||
<view class="flex-col relative section_2">
|
||||
<view class="flex-row justify-center section_3" style="display: flex; align-items: center;" @click="gotoResearch">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=4ff44c6bdf30d5c8585ab27127ca096f.png"
|
||||
/>
|
||||
<text class="font text ml-17" v-if="isHiddenInput">搜索订单</text>
|
||||
<input class="font text ml-7" v-if="!isHiddenInput" placeholder="搜索订单" :disabled="true" v-model="orderNumber" style="width: 85%; color: #323232;"/>
|
||||
</view>
|
||||
<view class="flex-row justify-between group">
|
||||
<view @click="isSelectedState(0)">
|
||||
<text class="font_2 text_2" :style="{ color: color[0] }"> 全部 </text>
|
||||
<view class="flex-col justify-start items-center" v-if="isShowUnderLine[0]" style="border: 1.88rpx solid #e79ea1; width: 90rpx; margin-top: 10rpx;"></view>
|
||||
</view>
|
||||
<view @click="isSelectedState(1)">
|
||||
<text class="font_2 text_3" :style="{ color: color[1] }">待支付</text>
|
||||
<view class="flex-col justify-start items-center" v-if="isShowUnderLine[1]" style="border: 1.88rpx solid #e79ea1; width: 90rpx; margin-top: 10rpx;"></view>
|
||||
</view>
|
||||
<view @click="isSelectedState(2)">
|
||||
<text class="font_2 text_4" :style="{ color: color[2] }">待发货</text>
|
||||
<view class="flex-col justify-start items-center" v-if="isShowUnderLine[2]" style="border: 1.88rpx solid #e79ea1; width: 90rpx; margin-top: 10rpx;"></view>
|
||||
</view>
|
||||
<view @click="isSelectedState(3)">
|
||||
<text class="font_2 text_5" :style="{ color: color[3] }">待收货</text>
|
||||
<view class="flex-col justify-start items-center" v-if="isShowUnderLine[3]" style="border: 1.88rpx solid #e79ea1; width: 90rpx; margin-top: 10rpx;"></view>
|
||||
</view>
|
||||
<view @click="isSelectedState(4)">
|
||||
<text class="font_2 text_6" :style="{ color: color[4] }">已退款</text>
|
||||
<view class="flex-col justify-start items-center" v-if="isShowUnderLine[4]" style="border: 1.88rpx solid #e79ea1; width: 90rpx; margin-top: 10rpx;"></view><strong></strong>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col list mt-14">
|
||||
<view class="flex-col list-item mt-20" v-for="(item, index) in orderList" :key="index" @click="gotoOrderDetail(item.id, item.orderType)">
|
||||
<view class="flex-row justify-between group_3">
|
||||
<text class="font_2 text_7">泠珑水月阁</text>
|
||||
<view class="flex-row items-center group_1">
|
||||
<text class="font_3 text_8" v-if="item.orderStatus === '待支付'">{{ item.countdown }}</text>
|
||||
<text class="font text_9 ml-4">{{ item.orderStatus }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center group_16">
|
||||
<text class="font_4">订单编号：</text>
|
||||
<text class="font_5 text_10">{{ item.orderNumber }}</text>
|
||||
</view>
|
||||
<view class="flex-col group_4">
|
||||
<view class="flex-row justify-between list-item_2 group_6" v-for="(subItem, index) in item.orderItemList" :key="index">
|
||||
<view class="flex-row">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=1ab7a54755e0a23722c1b9dd0ae981c4.png"
|
||||
/>
|
||||
<view class="flex-col items-start group_19 ml-11">
|
||||
<text class="font_2">{{ subItem.goodSnapshot.name }}</text>
|
||||
<text v-if="item.orderType === 'service'" class="appointmentDate">已选时间：{{ subItem.reservationDate }} {{ getWeekday(subItem.reservationDate) }}</text>
|
||||
<text v-if="item.orderType === 'service'" class="timeSlot">{{ subItem.timeSlot }}</text>
|
||||
<text v-if="item.orderType === 'product'" class="appointmentDate"> </text>
|
||||
<text v-if="item.orderType === 'product'" class="timeSlot"> </text>
|
||||
<text class="font_6 text_28 mt-18">￥{{ subItem.goodSnapshot.price.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="self-start font_7 text_29">×{{ subItem.quantity }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group_12">
|
||||
<view class="flex-row justify-end items-baseline group_13">
|
||||
<text class="font_8 text_14">已优惠：</text>
|
||||
<text class="font_6 text_15 ml-9">￥{{ item.couponSnapshot === null ? (0).toFixed(2) : item.couponSnapshot.conditionAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-end items-baseline mt-12 group_13_2">
|
||||
<text class="font_8 text_16">应付款：</text>
|
||||
<text class="font_9 text_17 ml-9">￥{{ item.totalAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-end group_14">
|
||||
|
||||
<view class="flex-col justify-start items-center text-wrapper" v-if="item.operationList[0]" @click.stop="gotoCancelOrder(item.id, item.orderType)">
|
||||
<text class="font_10">取消订单</text>
|
||||
</view>
|
||||
|
||||
<button class="flex-col justify-start items-center text-wrapper" v-if="item.operationList[1]" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
|
||||
<text class="font_10">联系客服</text>
|
||||
</button>
|
||||
|
||||
<view class="flex-col justify-start items-center text-wrapper" v-if="item.operationList[2]" @click.stop="gotoDeleteOrder(item.id)">
|
||||
<text class="font_10">删除订单</text>
|
||||
</view>
|
||||
|
||||
<view class="flex-col justify-start items-center text-wrapper_2 ml-11" v-if="item.operationList[3]" @click.stop="gotoPay">
|
||||
<text class="font_11 text_18">去付款</text>
|
||||
</view>
|
||||
|
||||
<view class="flex-col justify-start items-center text-wrapper_2 ml-11" v-if="item.operationList[4] && item.orderType === 'product'" @click.stop="gotoDelieverPage(item.id)">
|
||||
<text class="font_11 text_18">查看物流</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {onBeforeUnmount, onMounted, ref} from 'vue'
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { JudgeIsNullity } from '../../../common/globalFunction';
|
||||
const color = ref(new Array(5).fill('#323232'))
|
||||
const point = ref(0)
|
||||
const isShowUnderLine = ref([true, false, false, false, false])
|
||||
let orderStatusList = ['全部', '待支付', '待发货', '待收货', '已退款']
|
||||
const operationList = ref(new Array(5))
|
||||
const cookie = wx.getStorageSync('cookie')
|
||||
const orderList = ref([])
|
||||
const orderNumber = ref('')
|
||||
const isHiddenInput = ref(true)
|
||||
const status = ref(0)
|
||||
|
||||
onLoad((options) => {
|
||||
orderNumber.value = options.orderNumber
|
||||
if (!JudgeIsNullity(orderNumber.value)) {
|
||||
isHiddenInput.value = false
|
||||
}
|
||||
status.value = options.status
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
color.value[0] = '#e79ea1'
|
||||
if (!JudgeIsNullity(status.value)) {
|
||||
getMyStatusOrder(Number(status.value))
|
||||
} else {
|
||||
getMyOrder()
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
const getMyStatusOrder = async (val) => {
|
||||
point.value = val
|
||||
for (var i = 0; i < 5; i ++ ) {
|
||||
if (i === val) {
|
||||
isShowUnderLine.value[i] = true
|
||||
color.value[i] = '#e79ea1'
|
||||
} else {
|
||||
isShowUnderLine.value[i] = false
|
||||
color.value[i] = '#323232'
|
||||
}
|
||||
}
|
||||
await getMyOrder()
|
||||
if (point.value !== 0) {
|
||||
orderList.value = orderList.value.filter(item => item.orderStatus === orderStatusList[point.value])
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
const isSelectedState = async (val) => {
|
||||
if (point.value === val) return
|
||||
point.value = val
|
||||
for (var i = 0; i < 5; i ++ ) {
|
||||
if (i === val) {
|
||||
isShowUnderLine.value[i] = true
|
||||
color.value[i] = '#e79ea1'
|
||||
} else {
|
||||
isShowUnderLine.value[i] = false
|
||||
color.value[i] = '#323232'
|
||||
}
|
||||
}
|
||||
await getMyOrder()
|
||||
if (point.value !== 0) {
|
||||
orderList.value = orderList.value.filter(item => item.orderStatus === orderStatusList[point.value])
|
||||
}
|
||||
}
|
||||
|
||||
const getMyOrder = async () => {
|
||||
orderList.value.forEach(order => {
|
||||
if (order.countdownInterval) {
|
||||
clearInterval(order.countdownInterval); // 清除定时器
|
||||
}
|
||||
})
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/list',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie
|
||||
}
|
||||
})
|
||||
console.log(res.data.data)
|
||||
orderList.value = res.data.data
|
||||
for (var i = 0; i < orderList.value.length; i ++ ) {
|
||||
let order = orderList.value[i]
|
||||
if (order.orderStatus === '待支付') {
|
||||
orderList.value[i].operationList = [true, false, false, true, false]
|
||||
} else if (order.orderStatus === '待发货') {
|
||||
orderList.value[i].operationList = [false, true, false, false, false]
|
||||
} else if (order.orderStatus === '待收货') {
|
||||
orderList.value[i].operationList = [false, true, false, false, true]
|
||||
} else if (order.orderStatus === '已退款') {
|
||||
orderList.value[i].operationList = [false, true, false, false, false]
|
||||
} else {
|
||||
orderList.value[i].operationList = [false, false, true, false, false]
|
||||
}
|
||||
}
|
||||
orderList.value.forEach(order => {
|
||||
if (order.orderStatus === '待支付') {
|
||||
startCountdown(order)
|
||||
}
|
||||
});
|
||||
if (!JudgeIsNullity(orderNumber.value)) {
|
||||
orderList.value = orderList.value.filter(item => item.orderNumber === orderNumber.value)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const gotoResearch = () => {
|
||||
uni.navigateTo({
|
||||
url: '../researchOrder/researchOrder'
|
||||
})
|
||||
}
|
||||
|
||||
const gotoOrderDetail = (val, type) => {
|
||||
if (type === 'product') {
|
||||
uni.navigateTo({
|
||||
url: '../myGeneralOrderDetail/myGeneralOrderDetail?id=' + val
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '../myServiceOrderDetail/myServiceOrderDetail?id=' + val
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const wxPayFd = (order) => { //微信支付按钮防抖
|
||||
clearTimeout(wxPayTimer)
|
||||
showLoading()
|
||||
isShow.value = true //打开遮罩
|
||||
wxPayTimer = setTimeout(async () => {
|
||||
await wxPay(order.id)
|
||||
}, 1000)
|
||||
setTimeout(()=>{
|
||||
hideLoading()
|
||||
isShow.value = false //关闭遮罩
|
||||
},2000)
|
||||
}
|
||||
|
||||
function showLoading() { //加载弹窗
|
||||
if (!loading) {
|
||||
wx.showLoading({
|
||||
title: '加载中...',
|
||||
});
|
||||
loading = true;
|
||||
isLoading.value = true
|
||||
}
|
||||
}
|
||||
|
||||
function hideLoading() { //关闭弹窗
|
||||
if (loading) {
|
||||
wx.hideLoading();
|
||||
loading = false;
|
||||
isLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
const wxPay = async( oid )=> { //传入订单id
|
||||
try {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/wechat/payment/create',
|
||||
method: 'POST',
|
||||
header: {
|
||||
'cookie': wx.getStorageSync("cookie")
|
||||
},
|
||||
data: { id: oid }
|
||||
})
|
||||
const paymentData = res.data.data
|
||||
wx.requestPayment({
|
||||
appid: paymentData.appId,
|
||||
nonceStr: paymentData.nonceStr,
|
||||
package: paymentData.packageVal,
|
||||
paySign: paymentData.paySign,
|
||||
timeStamp: paymentData.timeStamp,
|
||||
signType: paymentData.signType,
|
||||
success(res) {
|
||||
uni.showModal({
|
||||
content: '支付成功',
|
||||
showCancel: false
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(oid)
|
||||
})
|
||||
console.log('支付成功res--->',res);
|
||||
},
|
||||
fail(e) {
|
||||
|
||||
}
|
||||
})
|
||||
}catch(error) {
|
||||
console.error('支付请求失败');
|
||||
uni.showModal({
|
||||
content: '支付请求失败,请重试。',
|
||||
showCancel: false
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
let waybillToken = ''
|
||||
var plugin = requirePlugin('logisticsPlugin')
|
||||
const gotoDelieverPage = (val) => {
|
||||
uni.request({
|
||||
url: baseUrl + '/logistics/get/info',
|
||||
method: 'POST',
|
||||
data: {
|
||||
id: val
|
||||
},
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
success: (res) => {
|
||||
console.log(res.data.data)
|
||||
waybillToken = res.data.data.waybill_token
|
||||
plugin.openWaybillTracking({
|
||||
waybillToken: waybillToken
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
const gotoCancelOrder = (val, type) => {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '您确定要取消订单吗？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
if (type === 'product') cancelGeneralOrder(val)
|
||||
else cancelServiceOrder(val)
|
||||
}
|
||||
},
|
||||
complete: () => {
|
||||
getMyOrder()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
const gotoDeleteOrder = (val) => {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '您确定要删除订单吗？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
deleteOrder(val)
|
||||
}
|
||||
},
|
||||
complete: () => {
|
||||
getMyOrder()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
const cancelGeneralOrder = async (val) => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/cancel/id',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
data: {
|
||||
id: val
|
||||
}
|
||||
})
|
||||
console.log(res.data.data)
|
||||
}
|
||||
|
||||
|
||||
const cancelServiceOrder = async (val) => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/cancel/service/id',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
data: {
|
||||
id: val
|
||||
}
|
||||
})
|
||||
console.log(res.data.data)
|
||||
}
|
||||
|
||||
|
||||
|
||||
const deleteOrder = async (val) => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/delete/id',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
data: {
|
||||
id: val
|
||||
}
|
||||
})
|
||||
console.log(res.data.data)
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 启动每个订单的倒计时（仅对待支付订单有效）
|
||||
const startCountdown = (order) => {
|
||||
|
||||
if (order.orderStatus === '待支付') {
|
||||
order.endTime = add30Minutes(order.createTime); // 设置最终取消时间
|
||||
|
||||
order.countdownInterval = setInterval(() => {
|
||||
const now = Math.floor(Date.now() / 1000); // 获取当前时间的时间戳（秒）
|
||||
const remainingTime = order.endTime - now;
|
||||
if (remainingTime <= 0) {
|
||||
order.countdown = '00:00';
|
||||
clearInterval(order.countdownInterval); // 清除定时器
|
||||
order.orderStatus = '交易关闭'
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '订单超时未支付，已取消',
|
||||
showCancel: false
|
||||
})
|
||||
} else {
|
||||
const minutes = Math.floor(remainingTime / 60); // 计算剩余分钟
|
||||
const seconds = remainingTime % 60; // 计算剩余秒数
|
||||
order.countdown = `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
// 时间格式化函数，处理后端返回的时间
|
||||
const parseDate = (dateString) => {
|
||||
const [date, time] = dateString.split(' ');
|
||||
const [year, month, day] = date.split('-').map(Number);
|
||||
const [hour, minute, second] = time.split(':').map(Number);
|
||||
return new Date(year, month - 1, day, hour, minute, second); // JavaScript Date的月份是从0开始的
|
||||
};
|
||||
|
||||
// 给订单创建时间加上30分钟
|
||||
const add30Minutes = (createdTime) => {
|
||||
const date = parseDate(createdTime);
|
||||
date.setMinutes(date.getMinutes() + 1); // 加上30分钟
|
||||
return Math.floor(date.getTime() / 1000); // 返回时间戳（秒）
|
||||
};
|
||||
|
||||
// 在组件卸载时清除所有定时器，避免内存泄漏
|
||||
onBeforeUnmount(() => {
|
||||
orderList.value.forEach(order => {
|
||||
if (order.countdownInterval) {
|
||||
clearInterval(order.countdownInterval); // 清除定时器
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
|
||||
function getWeekday(dateStr) {
|
||||
const date = new Date(dateStr);
|
||||
const weekdays = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
|
||||
return weekdays[date.getDay()];
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
button{padding: 0;margin: 0;}
|
||||
button::after{ border: none; }
|
||||
.appointmentDate {
|
||||
margin-top: 20.63rpx;
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 24.51rpx;
|
||||
color: #818181;
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.timeSlot {
|
||||
margin-top: 20.63rpx;
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 17.53rpx;
|
||||
color: #818181;
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.ml-11 {
|
||||
margin-left: 20.63rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100vh;
|
||||
}
|
||||
.image_3 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.section {
|
||||
background-image: url(https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 31.88rpx 35.63rpx 0;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0rpx 3.75rpx 3.75rpx #00000040;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 13.13rpx 0 15rpx;
|
||||
height: 60rpx;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 75rpx;
|
||||
}
|
||||
.image {
|
||||
width: 28.13rpx;
|
||||
height: 28.13rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.84rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
.text {
|
||||
color: #bdbdbd;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.group {
|
||||
padding: 24.26rpx 0 0;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 29.18rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
.list {
|
||||
padding: 170rpx 15rpx 50rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 28.01rpx 22.5rpx 0 24.38rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.group_3 {
|
||||
padding-left: 9.96rpx;
|
||||
padding-right: 4.5rpx;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 28.01rpx;
|
||||
}
|
||||
.group_1 {
|
||||
margin-top: 2.34rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 18.73rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
.text_8 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 18.79rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 25.74rpx;
|
||||
}
|
||||
.group_16 {
|
||||
margin-top: 19.26rpx;
|
||||
padding: 0 8.94rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.84rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 18.73rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_10 {
|
||||
line-height: 17.53rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-top: 30.06rpx;
|
||||
}
|
||||
.list-item_2:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_2 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 146.25rpx;
|
||||
height: 165rpx;
|
||||
}
|
||||
.group_19 {
|
||||
margin-bottom: 3.32rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.18rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_28 {
|
||||
margin-left: 3.36rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 18.73rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_29 {
|
||||
margin-right: 5.83rpx;
|
||||
margin-top: 136.88rpx;
|
||||
}
|
||||
.group_12 {
|
||||
margin-top: 66.28rpx;
|
||||
padding-left: 3.06rpx;
|
||||
padding-right: 3.04rpx;
|
||||
}
|
||||
.group_13 {
|
||||
padding: 0 10.11rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.group_13_2 {
|
||||
padding: 0 10.11rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.84rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_14 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 26.59rpx;
|
||||
}
|
||||
.text_15 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.text_16 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 26.04rpx;
|
||||
}
|
||||
.font_9 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 22.18rpx;
|
||||
font-weight: 600;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
.text_17 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 21.13rpx;
|
||||
}
|
||||
.group_14 {
|
||||
margin-top: 26.92rpx;
|
||||
padding: 33.75rpx 0 35.63rpx;
|
||||
border-top: solid 1.88rpx #dfdfdf;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 13.35rpx 0 13.31rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 75rpx;
|
||||
width: 153.75rpx;
|
||||
height: 56.25rpx;
|
||||
border: solid 1.88rpx #e79ea1;
|
||||
}
|
||||
.font_10 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.84rpx;
|
||||
color: #e79ea1;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 16.07rpx 0 16.18rpx;
|
||||
background-color: #e79ea1;
|
||||
border-radius: 75rpx;
|
||||
width: 153.75rpx;
|
||||
height: 56.25rpx;
|
||||
}
|
||||
.font_11 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.84rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
.text_18 {
|
||||
line-height: 24rpx;
|
||||
}
|
||||
.group_6 {
|
||||
margin-top: 28.75rpx;
|
||||
}
|
||||
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
616
pages/my-order/myServiceOrderDetail/myServiceOrderDetail.vue
Normal file
616
pages/my-order/myServiceOrderDetail/myServiceOrderDetail.vue
Normal file
|
|
@ -0,0 +1,616 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start relative page">
|
||||
<view class="section"></view>
|
||||
<view class="flex-row items-center section_2 pos">
|
||||
<image
|
||||
class="image"
|
||||
:src="orderStatusObj.img"
|
||||
/>
|
||||
<view class="flex-col items-start flex-1 ml-6">
|
||||
<text class="font text">{{ orderStatusObj.msg }}</text>
|
||||
<text class="font_2 text_2 mt-3">{{ orderStatusObj.tips }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-center section_3 pos_2">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=c722632a6d3422b784ca869ba8b27cb0.png"
|
||||
/>
|
||||
<text class="font_3 text_3 ml-9">{{ contactObj.name }} {{ contactObj.phone }}</text>
|
||||
</view>
|
||||
<view class="flex-col section_4 pos_3">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row list-item mt-12" v-for="(item, index) in order.orderItemList" :key="index">
|
||||
<image
|
||||
class="shrink-0 image_3"
|
||||
:src="item.goodSnapshot.goodImg"
|
||||
/>
|
||||
<view class="flex-col items-start flex-1 group_2 ml-20">
|
||||
<text class="font"> {{ item.goodSnapshot.name }}</text>
|
||||
<text class="font_4 text_4">已选时间：{{ item.reservationDate }} {{ getWeekday(item.reservationDate) }}</text>
|
||||
<text class="font_5 text_5">{{ item.timeSlot }}</text>
|
||||
<text class="font_6 text_6">￥{{ item.goodSnapshot.price.toFixed(2) }}</text>
|
||||
</view>
|
||||
<text class="self-start font_6 text_7 ml-20">× {{ item.quantity }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-baseline view_2">
|
||||
<text class="font_3 text_8">商品金额</text>
|
||||
<text class="font_6 text_1">￥{{ allAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-baseline view_3">
|
||||
<text class="font_7 text_10">优惠券</text>
|
||||
<text class="font_6 text_9">￥{{ couponAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-end items-baseline group_3">
|
||||
<text class="font text_11">应付款：</text>
|
||||
<view class="group_4">
|
||||
<text class="font_6 text_12">￥</text>
|
||||
<text class="text_13">{{ order.totalAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group_5">
|
||||
<text class="self-start font_8 text_14">买家留言</text>
|
||||
<view class="flex-col justify-start self-stretch text-wrapper mt-2">
|
||||
<text class="font_2 text_15">
|
||||
{{ order.note }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-baseline group_6">
|
||||
<text class="font_8 text_16">创建时间：</text>
|
||||
<text class="font_9 text_17">{{ order.createTime }}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_7">
|
||||
<text class="font_7 text_18">订单编号：</text>
|
||||
<view class="flex-row items-center group_8">
|
||||
<text class="font_9 text_19">{{ order.orderNumber }}</text>
|
||||
<view class="flex-col justify-start items-center shrink-0 text-wrapper_2 ml-4" @click="copy(order.orderNumber)">
|
||||
<text class="text_20">复制</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-center items-center group_9">
|
||||
<button style="display: flex; align-items: center; height: 60rpx;" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=c8d71ce891d47896e44d7aba3b432ab8.png"
|
||||
/>
|
||||
<text class="font text_21">在线客服</text>
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_5 pos_4">
|
||||
<view class="flex-row items-baseline">
|
||||
<text class="font text_22">应付款：</text>
|
||||
<view class="group_10">
|
||||
<text class="font_10 text_23">￥</text>
|
||||
<text class="font_10 text_24">{{ order.totalAmount.toFixed(2) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="order.operationList[0]" class="flex-col justify-start items-center text-wrapper_3" @click="wxPayFd(order.id)">
|
||||
<text class="font text_25">去支付</text>
|
||||
</view>
|
||||
|
||||
<view v-if="order.operationList[1]" class="flex-col justify-start items-center text-wrapper_3" @click="gotoDeleteOrder(order.id)">
|
||||
<text class="font text_25">删除订单</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {onMounted, ref} from 'vue'
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import { JudgeIsNullity } from '../../../common/globalFunction';
|
||||
import { serviceStateList } from '../../../common/global.js'
|
||||
const cookie = wx.getStorageSync('cookie')
|
||||
let orderId = ''
|
||||
const order = ref({})
|
||||
const couponAmount = ref(0)
|
||||
const allAmount = ref(0)
|
||||
const contactObj = ref({})
|
||||
const orderStatusObj = ref({})
|
||||
onLoad((options) => {
|
||||
orderId = options.id
|
||||
})
|
||||
onMounted(() => {
|
||||
getOrderById(orderId)
|
||||
})
|
||||
|
||||
|
||||
const getOrderById = async (val) => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/get/id',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
data: {
|
||||
id: val
|
||||
}
|
||||
})
|
||||
console.log(res.data.data)
|
||||
order.value = res.data.data
|
||||
contactObj.value = order.value.contactsSnapshot
|
||||
couponAmount.value = JudgeIsNullity(order.value.couponSnapshot) ? 0 : order.value.couponSnapshot.conditionAmount
|
||||
allAmount.value = order.value.totalAmount + couponAmount.value
|
||||
if (order.value.orderStatus === '待支付') {
|
||||
order.value.operationList = [true, false]
|
||||
orderStatusObj.value = serviceStateList[0]
|
||||
} else if (order.value.orderStatus === '交易关闭') {
|
||||
order.value.operationList = [false, true]
|
||||
orderStatusObj.value = serviceStateList[4]
|
||||
} else if (order.value.orderStatus === '待发货') {
|
||||
order.value.operationList = [false, false]
|
||||
orderStatusObj.value = serviceStateList[1]
|
||||
} else if (order.value.orderStatus === '已退款') {
|
||||
order.value.operationList = [false, false]
|
||||
orderStatusObj.value = serviceStateList[2]
|
||||
} else if (order.value.orderStatus === '交易成功') {
|
||||
order.value.operationList = [false, false]
|
||||
orderStatusObj.value = serviceStateList[3]
|
||||
}
|
||||
}
|
||||
|
||||
const copy = ( orderNumber ) => {
|
||||
console.log('订单编号为--->',orderNumber);
|
||||
uni.setClipboardData({
|
||||
data: orderNumber,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '成功复制到剪贴板'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
const wxPayFd = (order) => { //微信支付按钮防抖
|
||||
clearTimeout(wxPayTimer)
|
||||
showLoading()
|
||||
isShow.value = true //打开遮罩
|
||||
wxPayTimer = setTimeout(async () => {
|
||||
await wxPay(order.id)
|
||||
}, 1000)
|
||||
setTimeout(()=>{
|
||||
hideLoading()
|
||||
isShow.value = false //关闭遮罩
|
||||
},2000)
|
||||
}
|
||||
|
||||
function showLoading() { //加载弹窗
|
||||
if (!loading) {
|
||||
wx.showLoading({
|
||||
title: '加载中...',
|
||||
});
|
||||
loading = true;
|
||||
isLoading.value = true
|
||||
}
|
||||
}
|
||||
|
||||
function hideLoading() { //关闭弹窗
|
||||
if (loading) {
|
||||
wx.hideLoading();
|
||||
loading = false;
|
||||
isLoading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
const wxPay = async( oid )=> { //传入订单id
|
||||
try {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/wechat/payment/create',
|
||||
method: 'POST',
|
||||
header: {
|
||||
'cookie': wx.getStorageSync("cookie")
|
||||
},
|
||||
data: { id: oid }
|
||||
})
|
||||
const paymentData = res.data.data
|
||||
wx.requestPayment({
|
||||
appid: paymentData.appId,
|
||||
nonceStr: paymentData.nonceStr,
|
||||
package: paymentData.packageVal,
|
||||
paySign: paymentData.paySign,
|
||||
timeStamp: paymentData.timeStamp,
|
||||
signType: paymentData.signType,
|
||||
success(res) {
|
||||
uni.showModal({
|
||||
content: '支付成功',
|
||||
showCancel: false
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(oid)
|
||||
})
|
||||
console.log('支付成功res--->',res);
|
||||
},
|
||||
fail(e) {
|
||||
|
||||
}
|
||||
})
|
||||
}catch(error) {
|
||||
console.error('支付请求失败');
|
||||
uni.showModal({
|
||||
content: '支付请求失败,请重试。',
|
||||
showCancel: false
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const gotoDeleteOrder = (val) => {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '您确定要删除订单吗？',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
deleteOrder(val)
|
||||
}
|
||||
},
|
||||
complete: () => {
|
||||
uni.redirectTo({
|
||||
url: '../myOrderList/myOrderList'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
const deleteOrder = async (val) => {
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/order/delete/id',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie
|
||||
},
|
||||
data: {
|
||||
id: val
|
||||
}
|
||||
})
|
||||
console.log(res.data.data)
|
||||
}
|
||||
|
||||
|
||||
|
||||
function getWeekday(dateStr) {
|
||||
const date = new Date(dateStr);
|
||||
const weekdays = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
|
||||
return weekdays[date.getDay()];
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
button {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
button::after{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.mt-3 {
|
||||
margin-top: 5.63rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=9df295c356c1b6849e20b6b4853b4d1c.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=9df295c356c1b6849e20b6b4853b4d1c.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
height: 100vh;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 16.88rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 16.88rpx;
|
||||
right: 15rpx;
|
||||
top: 26.25rpx;
|
||||
}
|
||||
.image {
|
||||
width: 75rpx;
|
||||
height: 75rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 29.18rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text {
|
||||
color: #323233;
|
||||
font-size: 28.13rpx;
|
||||
line-height: 27.58rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 24.38rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
}
|
||||
.text_2 {
|
||||
color: #6b6e72;
|
||||
line-height: 24rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 24.38rpx 24.38rpx 26.25rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 16.88rpx;
|
||||
right: 15rpx;
|
||||
top: 159.38rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 46.88rpx;
|
||||
height: 46.88rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 24.51rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 25.89rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 20.63rpx 16.01rpx 24.38rpx 20.85rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 15rpx;
|
||||
right: 16.88rpx;
|
||||
top: 281.25rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding-left: 12.9rpx;
|
||||
padding-right: 10.74rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image_3 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 142.5rpx;
|
||||
height: 166.88rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-bottom: 3.34rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 24.51rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_4 {
|
||||
margin-left: 3.92rpx;
|
||||
margin-top: 17.72rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 17.53rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: 5.14rpx;
|
||||
margin-top: 20.1rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 21.41rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_6 {
|
||||
margin-left: 3.36rpx;
|
||||
margin-top: 31.29rpx;
|
||||
line-height: 22.18rpx;
|
||||
}
|
||||
.text_7 {
|
||||
margin-top: 145.46rpx;
|
||||
}
|
||||
.view_2 {
|
||||
margin-top: 46.52rpx;
|
||||
padding-left: 4.97rpx;
|
||||
}
|
||||
.text_8 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 26.04rpx;
|
||||
}
|
||||
.text_1 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.view_3 {
|
||||
margin-top: 18.08rpx;
|
||||
padding-left: 3.98rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 29.18rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_10 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 27.36rpx;
|
||||
}
|
||||
.text_9 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 20.79rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-top: 18.41rpx;
|
||||
padding: 0 5.91rpx;
|
||||
}
|
||||
.text_11 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 25.71rpx;
|
||||
}
|
||||
.group_4 {
|
||||
line-height: 20.76rpx;
|
||||
height: 20.76rpx;
|
||||
}
|
||||
.text_12 {
|
||||
color: #ffaaa5;
|
||||
font-size: 28.13rpx;
|
||||
line-height: 20.29rpx;
|
||||
}
|
||||
.text_13 {
|
||||
color: #ffaaa5;
|
||||
font-size: 28.13rpx;
|
||||
font-family: Open Sans;
|
||||
font-weight: 700;
|
||||
line-height: 20.76rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-top: 27.88rpx;
|
||||
padding: 21.41rpx 3.52rpx 14.31rpx;
|
||||
border-top: solid 1.88rpx #dfdfdf;
|
||||
border-bottom: solid 1.88rpx #dfdfdf;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 26.47rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_14 {
|
||||
margin-left: 2.53rpx;
|
||||
font-size: 28.13rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-right: 6.71rpx;
|
||||
padding: 6.6rpx 0 2.96rpx;
|
||||
border-radius: 9.38rpx;
|
||||
border: solid 1.88rpx #ffffff;
|
||||
}
|
||||
.text_15 {
|
||||
margin-right: 8.74rpx;
|
||||
color: #818181;
|
||||
line-height: 30rpx;
|
||||
text-shadow: 0 1.88rpx #ffffff, 0 -1.88rpx #ffffff, 1.88rpx 0 #ffffff, -1.88rpx 0 #ffffff;
|
||||
}
|
||||
.group_6 {
|
||||
margin-top: 28.14rpx;
|
||||
}
|
||||
.text_16 {
|
||||
font-size: 28.13rpx;
|
||||
}
|
||||
.font_9 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
color: #323232;
|
||||
}
|
||||
.text_17 {
|
||||
line-height: 19.41rpx;
|
||||
}
|
||||
.group_7 {
|
||||
margin-top: 19.2rpx;
|
||||
}
|
||||
.text_18 {
|
||||
font-size: 28.13rpx;
|
||||
line-height: 27.69rpx;
|
||||
}
|
||||
.group_8 {
|
||||
margin-right: 4.59rpx;
|
||||
}
|
||||
.text_19 {
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 3.43rpx 0 3.86rpx;
|
||||
background-color: #ffffff;
|
||||
width: 65.63rpx;
|
||||
height: 30rpx;
|
||||
border: solid 0.94rpx #d1d1d1;
|
||||
}
|
||||
.text_20 {
|
||||
color: #323232;
|
||||
font-size: 22.5rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 20.83rpx;
|
||||
}
|
||||
.group_9 {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
.image_4 {
|
||||
width: 45rpx;
|
||||
height: 45rpx;
|
||||
}
|
||||
.text_21 {
|
||||
line-height: 28.48rpx;
|
||||
}
|
||||
.section_5 {
|
||||
padding: 16.88rpx 15rpx 15rpx 21.56rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.pos_4 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.text_22 {
|
||||
color: #000000;
|
||||
line-height: 27.43rpx;
|
||||
}
|
||||
.group_10 {
|
||||
line-height: 24.92rpx;
|
||||
height: 24.92rpx;
|
||||
}
|
||||
.font_10 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 24.51rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
.text_23 {
|
||||
line-height: 24.34rpx;
|
||||
}
|
||||
.text_24 {
|
||||
font-weight: 700;
|
||||
line-height: 24.92rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 20.63rpx 0 22.86rpx;
|
||||
background-color: #ffaaa5;
|
||||
border-radius: 75rpx;
|
||||
width: 204.38rpx;
|
||||
height: 71.25rpx;
|
||||
}
|
||||
.text_25 {
|
||||
color: #ffffff;
|
||||
line-height: 27.77rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
77
pages/my-order/researchOrder/researchOrder.vue
Normal file
77
pages/my-order/researchOrder/researchOrder.vue
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start relative page">
|
||||
<view class="section"></view>
|
||||
<view class="flex-col justify-start section_2 pos">
|
||||
<view class="flex-row section_3" style="display: flex; align-items: center;">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=4ff44c6bdf30d5c8585ab27127ca096f.png"
|
||||
/>
|
||||
<input confirm-type="search" @confirm="search" class="ml-7" placeholder="搜索订单" style="width: 100%;" v-model="orderNumber"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {ref} from 'vue'
|
||||
const orderNumber = ref('')
|
||||
const search = () => {
|
||||
if (orderNumber.value === null || orderNumber.value === undefined || orderNumber.value === '') {
|
||||
uni.showToast({
|
||||
title: '请输入订单号',
|
||||
icon: 'error'
|
||||
})
|
||||
return ;
|
||||
}
|
||||
uni.redirectTo({
|
||||
url: '../myOrderList/myOrderList?orderNumber=' + orderNumber.value
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=98c27c9593262699d4de87045e9a792c.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67cf80c84ae84d001228feb1&name=98c27c9593262699d4de87045e9a792c.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 750rpx;
|
||||
height: 1571.25rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 33.75rpx 0 35.63rpx;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0rpx 3.75rpx 3.75rpx #00000040;
|
||||
}
|
||||
.pos {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.section_3 {
|
||||
margin-left: 35.63rpx;
|
||||
margin-right: 35.63rpx;
|
||||
padding: 18.75rpx 24.38rpx;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 75rpx;
|
||||
}
|
||||
.image {
|
||||
width: 28.13rpx;
|
||||
height: 28.13rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -411,17 +411,13 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
showCancel: false
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(oid)
|
||||
url: '/pages/my-order/myGeneralOrderDetail/myGeneralOrderDetail?id=' + oid
|
||||
})
|
||||
console.log('支付成功res--->',res);
|
||||
},
|
||||
fail(e) {
|
||||
// uni.showModal({
|
||||
// content: '支付失败，原因为:' + e.errMsg,
|
||||
// showCancel: false
|
||||
// })
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(oid)
|
||||
url: '/pages/my-order/myGeneralOrderDetail/myGeneralOrderDetail?id=' + oid
|
||||
})
|
||||
console.log('e.errMsg--->',e.errMsg);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -395,13 +395,13 @@
|
|||
showCancel: false
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/service-paystatus/service-paystatus?oid=' + JSON.stringify(oid)
|
||||
url: '/pages/my-order/myServiceOrderDetail/myServiceOrderDetail?id=' + oid
|
||||
})
|
||||
console.log('支付成功res--->',res);
|
||||
},
|
||||
fail(e) {
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/service-paystatus/service-paystatus?oid=' + JSON.stringify(oid)
|
||||
url: '/pages/my-order/myServiceOrderDetail/myServiceOrderDetail?id=' + oid
|
||||
})
|
||||
console.log('e.errMsg--->',e.errMsg);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -515,17 +515,17 @@ const wxPay = async ( oid )=> { //传入订单id
|
|||
showCancel: false
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(oid)
|
||||
url: '/pages/my-order/myGeneralOrderDetail/myGeneralOrderDetail?id=' + oid
|
||||
})
|
||||
console.log('支付成功res--->',res);
|
||||
},
|
||||
fail(e) {
|
||||
uni.showModal({
|
||||
content: '支付失败，原因为:' + e.errMsg,
|
||||
content: '支付失败',
|
||||
showCancel: false
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(oid)
|
||||
url: '/pages/my-order/myGeneralOrderDetail/myGeneralOrderDetail?id=' + oid
|
||||
})
|
||||
console.log('e.errMsg--->',e.errMsg);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
class="shrink-0 image"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FXymRmdOc-lianxiren.png"
|
||||
/>
|
||||
<text class="text ml-10">{{ contactRealInfo.name }} {{ contactRealInfo.phone }}</text>
|
||||
<text class="text ml-10" style="font-size: 30rpx;">{{ contactRealInfo.name }} {{ contactRealInfo.phone }}</text>
|
||||
</view>
|
||||
<view class="flex-row items-center group" @click="loadPop" :style="{ pointerEvents: isLoading ? 'none' : 'auto' }">
|
||||
<image
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
<!-- <text class="font">{{ item.cartExperienceGoodVO }}</text> -->
|
||||
<text class="font text_3">【 服务类 】 {{singleService.name}} </text>
|
||||
</view>
|
||||
<text class="self-start font_2 text_7 mt-9">已选时间：{{ bookDate }}星期二</text>
|
||||
<text class="self-start font_2 text_7 mt-9">已选时间：{{ bookDate }} {{ getWeekday(bookDate) }}</text>
|
||||
<text class="self-start font_3 text_8 mt-9">{{ timeSlot }}</text>
|
||||
<view class="flex-row justify-between items-end self-stretch mt-9">
|
||||
<view class="flex-row items-center">
|
||||
|
|
@ -104,10 +104,9 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_5">
|
||||
<text class="self-start font_8 text_15">订单备注</text>
|
||||
<view class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
|
||||
<text class="font_7 text_16">备注建议提前协商（250字以内）</text>
|
||||
</view>
|
||||
<text class="self-start font_8 text_15" style="margin: 10rpx 0 0 5rpx">订单备注</text>
|
||||
<textarea maxlength="250" placeholder-style="font-size: 25rpx;" placeholder="备注建议提前协商（250字以内）" class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
|
||||
</textarea>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_6">
|
||||
<view class="flex-row items-center">
|
||||
|
|
@ -148,6 +147,7 @@
|
|||
import contactsComponentVue from '../component/contactsComponent.vue'; //联系人弹窗\
|
||||
import contactPopVue from '../../mine/component/contactPop.vue'; //新增联系人弹窗
|
||||
import couponPopupVue from '../../coupon/component/couponPopup.vue';
|
||||
import { dealResult } from '../../../common/globalFunction';
|
||||
const sumprice = ref(0) //总价格
|
||||
const popup = ref(null) //弹窗对象
|
||||
const contactRealInfo = ref({
|
||||
|
|
@ -306,10 +306,13 @@
|
|||
orderItemMainInfoAddRequestList: toRaw(postCartArr.value)
|
||||
}
|
||||
})
|
||||
console.log('后台返回订单响应==>',resOrder.data);
|
||||
if(resOrder.data.code === 1) {
|
||||
wxPay(resOrder.data.data)
|
||||
if (!dealResult(resOrder)) {
|
||||
hideLoading()
|
||||
isShow.value = false
|
||||
return
|
||||
}
|
||||
console.log('后台返回订单响应==>',resOrder.data);
|
||||
wxPay(resOrder.data.data)
|
||||
}
|
||||
|
||||
//减少当前商品数量
|
||||
|
|
@ -369,13 +372,13 @@
|
|||
showCancel: false
|
||||
})
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/service-paystatus/service-paystatus?oid=' + JSON.stringify(oid)
|
||||
url: '/pages/my-order/myServiceOrderDetail/myServiceOrderDetail?id=' + oid
|
||||
})
|
||||
console.log('支付成功res--->',res);
|
||||
},
|
||||
fail(e) {
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/service-paystatus/service-paystatus?oid=' + JSON.stringify(oid)
|
||||
url: '/pages/my-order/myServiceOrderDetail/myServiceOrderDetail?id=' + oid
|
||||
})
|
||||
console.log('e.errMsg--->',e.errMsg);
|
||||
}
|
||||
|
|
@ -481,6 +484,13 @@
|
|||
console.log('============================>', myCouponList.value)
|
||||
}
|
||||
|
||||
|
||||
function getWeekday(dateStr) {
|
||||
const date = new Date(dateStr);
|
||||
const weekdays = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
|
||||
return weekdays[date.getDay()];
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
@ -665,7 +675,7 @@
|
|||
height: 21.71rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 22.5rpx;
|
||||
font-size: 25.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 22.54rpx;
|
||||
color: #818181;
|
||||
|
|
@ -730,7 +740,7 @@
|
|||
}
|
||||
.section_5 {
|
||||
margin: 28.13rpx 15rpx 110rpx 18.75rpx;
|
||||
padding: 17.81rpx 24.13rpx 22.5rpx;
|
||||
padding: 17.81rpx 24.13rpx 32.5rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
|
|
@ -739,11 +749,13 @@
|
|||
line-height: 29.53rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
margin-left: 3.99rpx;
|
||||
margin-right: 3.99rpx;
|
||||
padding: 22.35rpx 0 115.22rpx;
|
||||
height: 200rpx;
|
||||
width: 650rpx;
|
||||
padding: 22.35rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #ffefef;
|
||||
border-radius: 9.38rpx;
|
||||
margin: 20rpx auto 0;
|
||||
}
|
||||
.text_16 {
|
||||
margin-left: 21.15rpx;
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
|
||||
<script setup>
|
||||
import tipVue from './tip.vue';
|
||||
import {onMounted, onUnmounted, ref} from 'vue'
|
||||
import {nextTick, onMounted, onUnmounted, ref} from 'vue'
|
||||
import emitter from '../../../utils/emitter';
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import { workshopUrl } from '../../../common/globalImagesUrl';
|
||||
|
|
@ -145,11 +145,19 @@
|
|||
statusChange() //更改按钮文字
|
||||
}
|
||||
|
||||
const closeyyxzTipHandler = () => {
|
||||
nextTick(() => {
|
||||
if (tip.value) {
|
||||
tip.value.close()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
getFonts() //获取字体
|
||||
closeyyxzTip()
|
||||
emitter.on('closeyyxzTip', closeyyxzTipHandler)
|
||||
|
||||
emitter.on('getGoodData', getGoodDataHandler)
|
||||
|
||||
emitter.on('getBookingNumberMap', getBookingNumberMapHandler)
|
||||
|
|
@ -159,6 +167,8 @@
|
|||
|
||||
|
||||
onUnmounted(() => {
|
||||
emitter.off('closeyyxzTip', closeyyxzTipHandler)
|
||||
|
||||
emitter.off('getGoodData', getGoodDataHandler)
|
||||
|
||||
emitter.off('getBookingNumberMap', getBookingNumberMapHandler)
|
||||
|
|
@ -209,12 +219,6 @@
|
|||
|
||||
const tip = ref(null)
|
||||
|
||||
const closeyyxzTip = () => {
|
||||
emitter.on('closeyyxzTip', () => {
|
||||
tip.value.close()
|
||||
})
|
||||
}
|
||||
|
||||
const openyyxzTip = () => {
|
||||
tip.value.open()
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user