From 61d145f40de87b7e4dd2382b0928fd3d1a5c1a10 Mon Sep 17 00:00:00 2001
From: jevononlie <728254585@qq.com>
Date: Wed, 3 Apr 2024 15:29:24 +0800
Subject: [PATCH] no message
---
src/pages/orderDetail/orderDetail.vue | 13 ++++++----
.../orderSiteList/components/OrderList.vue | 25 +++++++++++++------
src/pages/orderSiteList/orderSiteList.vue | 1 -
3 files changed, 25 insertions(+), 14 deletions(-)
diff --git a/src/pages/orderDetail/orderDetail.vue b/src/pages/orderDetail/orderDetail.vue
index 8efea69..dc388dd 100644
--- a/src/pages/orderDetail/orderDetail.vue
+++ b/src/pages/orderDetail/orderDetail.vue
@@ -119,15 +119,15 @@ const handleCancleOrder = () => {
{{ item.product.name }}
- 实际价格:{{ item.actualRecoveryPrice }}元
- 实际重量:{{ item.productActualWeight }}千克
+ 实际价格:{{ item.actualRecoveryPrice }}元
+ 实际重量:{{ item.productActualWeight }}千克
下单时间:{{ order.creatorTime || '-' }}
完成时间:{{ order.completeTime || '-' }}
预估重量:{{ order.predictWeight?.desc || '-' }}
- 总金额:{{ order.orderAmount || '-' }}
+ 总金额:{{ order.orderAmount + '元' || '-' }}
备注:{{ order.remark || '-' }}
@@ -327,7 +327,7 @@ page {
.img-url {
width: 40rpx;
height: 40rpx;
- margin-right: 20rpx;
+ margin-right: 10rpx;
}
.name {
@@ -348,12 +348,15 @@ page {
font-size: 28rpx;
color: #3D3D3D;
}
+ .marginLeft50 {
+ margin-left: 50rpx;
+ }
}
}
.predict-weight {
font-size: 28rpx;
- margin-top: 40rpx;
+ margin: 20rpx 0;
color: #3D3D3D;
}
diff --git a/src/pages/orderSiteList/components/OrderList.vue b/src/pages/orderSiteList/components/OrderList.vue
index 2c799dc..c9478d5 100644
--- a/src/pages/orderSiteList/components/OrderList.vue
+++ b/src/pages/orderSiteList/components/OrderList.vue
@@ -23,7 +23,7 @@ const queryParams: Required = {
}
// 获取订单列表
-const orderList = ref([])
+const orderList = ref([])
// 是否加载中标记,用于防止滚动触底触发多次请求
const isLoading = ref(false)
// 是否分页结束
@@ -38,14 +38,11 @@ const getData = async () => {
// 发送请求前,标记为加载中
isLoading.value = true
// 发送请求
- const data = await getMemberOrderAPI(queryParams)
+ const res = await getMemberOrderAPI(queryParams)
+ const data = res.data
// 发送请求后,重置标记
isLoading.value = false
data.list.forEach((e) => {
- const str = e.appointmentTimeStart.slice(0, 10)
- const start = e.appointmentTimeStart.slice(11, 16)
- const end = e.appointmentTimeEnd.slice(11, 16)
- e.appointmentTime = str + ' ' + start + '-' + end
// if (e.orderDetails) {
// e.orderDetails.forEach((q) => {
// const arr = JSON.parse(q.product.photo)
@@ -57,9 +54,9 @@ const getData = async () => {
// }
})
// 数组追加
- orderList.value.push(...res.data.list)
+ orderList.value.push(...data.list)
// 分页条件
- if (queryParams.pageNo < res.data.pages) {
+ if (queryParams.pageNo < data.pages) {
// 页码累加
queryParams.pageNo++
} else {
@@ -135,49 +132,59 @@ const onRefresherrefresh = async () => {
margin: 20rpx 20rpx;
border-radius: 10rpx;
background-color: #fff;
+
.hd {
padding: 10rpx;
font-size: 28rpx;
display: flex;
justify-content: space-between;
+
.statusLabel {
font-size: 24rpx;
color: #FF7D00;
}
}
+
.md {
padding: 10rpx;
min-height: 100rpx;
font-size: 28rpx;
border-top: 2rpx solid #F2F2F2;
border-bottom: 2rpx solid #F2F2F2;
+
.order-details {
.detail-item {
margin: 20rpx 0;
display: flex;
align-items: center;
+
.img-url {
width: 40rpx;
height: 40rpx;
margin-right: 20rpx;
}
+
.product-name {
//
}
}
}
+
.predict-weight {
margin: 40rpx 0 20rpx;
}
}
+
.foot {
margin-top: 16rpx;
padding: 10rpx;
position: relative;
font-size: 24rpx;
+
.appointment-time {
margin: 10rpx 0;
}
+
.cancle {
position: absolute;
right: 0;
@@ -190,6 +197,7 @@ const onRefresherrefresh = async () => {
border-radius: 40rpx;
}
}
+
&:last-child {
padding-bottom: 40rpx;
}
@@ -231,6 +239,7 @@ const onRefresherrefresh = async () => {
border-radius: 10rpx;
overflow: hidden;
position: relative;
+
.image {
width: 170rpx;
height: 170rpx;
diff --git a/src/pages/orderSiteList/orderSiteList.vue b/src/pages/orderSiteList/orderSiteList.vue
index fc2564a..b687721 100644
--- a/src/pages/orderSiteList/orderSiteList.vue
+++ b/src/pages/orderSiteList/orderSiteList.vue
@@ -31,7 +31,6 @@ page {
height: 100%;
display: flex;
flex-direction: column;
- background-color: #fff;
}
// swiper
.swiper {