From 6625889aeea02762237afe4d9681eb41021efdbe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com> Date: Wed, 17 Sep 2025 09:52:24 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8B=86=E5=88=86=E8=AE=A2=E5=8D=95=E4=B8=BA?= =?UTF-8?q?=E6=98=93=E8=B4=AD=E5=92=8C=E5=9B=A2=E8=B4=AD=E4=B8=A4=E4=B8=AA?= =?UTF-8?q?=E5=88=97=E8=A1=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/myOrders/afterSale/index.css | 1 + packages/myOrders/afterSale/index.vue | 2 +- packages/myOrders/groupOrders/index.css | 594 ++++++++++++++++++++++++ pages.json | 6 + pages/user/index.vue | 4 +- 5 files changed, 604 insertions(+), 3 deletions(-) create mode 100644 packages/myOrders/groupOrders/index.css diff --git a/packages/myOrders/afterSale/index.css b/packages/myOrders/afterSale/index.css index 189d24df..7f645a9f 100644 --- a/packages/myOrders/afterSale/index.css +++ b/packages/myOrders/afterSale/index.css @@ -41,6 +41,7 @@ } .company-name { + width: 550rpx; font-size: 32rpx; font-weight: bold; } diff --git a/packages/myOrders/afterSale/index.vue b/packages/myOrders/afterSale/index.vue index 7205e036..dd3df452 100644 --- a/packages/myOrders/afterSale/index.vue +++ b/packages/myOrders/afterSale/index.vue @@ -5,7 +5,7 @@ - {{ item.commodity_order_item[0].goods_name }} + {{ item.commodity_order_item[0].goods_name }} {{ item.after_sales_type === 1 ? '退款' : (item.after_sales_type === 2 ? '退货瑞款' : '换货') }} diff --git a/packages/myOrders/groupOrders/index.css b/packages/myOrders/groupOrders/index.css new file mode 100644 index 00000000..5a8d4692 --- /dev/null +++ b/packages/myOrders/groupOrders/index.css @@ -0,0 +1,594 @@ +page { + background-color: #f6f7fb; + padding-bottom: 50rpx; + min-height: 100vh; +} + +.tabs { + display: flex; + align-items: center; + background: #ffffff; + height: 100rpx; + padding: 0 20rpx; + box-sizing: border-box; + display: flex; + overflow-x: auto; + white-space: nowrap; +} + +.tabItem { + font-size: 25rpx; + color: #222222; + margin-right: 60rpx; + height: 42rpx; +} + +.active2 { + font-size: 25rpx; + font-weight: 700; + position: relative; +} + +.active2::after { + content: ''; + background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_active.png) no-repeat; + background-size: 100% 100%; + width: 52rpx; + height: 22rpx; + position: absolute; + left: 50%; + bottom: -16rpx; + transform: translateX(-50%); +} + +.contentList { + margin: 20rpx; + min-height: 250rpx; + background-color: #ffffff; + border-radius: 20rpx; + padding: 10rpx; +} + +.order-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20rpx; + font-size: 24rpx; + color: #a3a3a3; + border-bottom: 1rpx solid #eee; +} + +.orderTitle { + width: 100%; + font-size: 24rpx; + font-weight: bold; +} + +.orderTitleSupplier { + font-size: 28rpx; + color: #333; + font-weight: bold; + margin-bottom: 10rpx; + display: flex; + justify-content: space-between; +} + +.status { + color: #ff5252; + font-weight: bold; + font-size: 24rpx; +} + +.status2 { + color: #333; + font-weight: bold; + border: 1rpx solid #f83d19; + display: flex; + padding: 10rpx; + border-radius: 10rpx; + font-size: 24rpx; +} + +.status2 img { + width: 30rpx; + height: 30rpx; + margin-right: 10rpx; +} + +.status3 { + color: #949494; + font-weight: bold; + font-size: 24rpx; +} + +.order_status{ + color: #333; + font-weight: bold; + font-size: 24rpx; +} + +.goods-list { + display: flex; + flex-wrap: wrap; + padding: 15rpx; + gap: 15rpx; +} + +.goods-item { + width: 120rpx; + height: 120rpx; +} + +.goods-img { + width: 100%; + height: 100%; + border-radius: 8rpx; +} + +.order-footer { + padding: 15rpx; + margin-top: 20rpx; + border-top: 1rpx solid #eee; +} + +.order-footer-text { + font-size: 24rpx; + display: flex; + justify-content: flex-end; +} + +.order-footer-text text { + color: #ff3710; + margin-left: 10rpx; + font-weight: bold; +} + +.btn-group { + display: flex; + justify-content: flex-end; + margin-top: 30rpx; +} + +.cancel-btn { + width: 160rpx; + height: 60rpx; + background: #d9d9d9; + color: black; + border: 1rpx solid #ddd; + border-radius: 30rpx; + font-size: 24rpx; + margin: 0; +} + +.afterSaleNum { + font-size: 26rpx; + color: #ff3710; + align-items: center; + display: flex; + position: relative; + right: 230rpx; + font-weight: bold; +} + +.yfd-btn { + width: 160rpx; + height: 60rpx; + background: #ffebcb; + color: #802002; + border: none; + border-radius: 30rpx; + font-size: 24rpx; + margin: 0 20rpx; +} + +.pay-btn { + width: 160rpx; + height: 60rpx; + background: #ff5252; + color: #fff; + border: none; + border-radius: 30rpx; + font-size: 24rpx; + margin: 0; + margin-left: 15rpx; +} + +.required{ + color: red; +} + +.cancel-reason-container { + width: 100%; + background-color: #fff; + border-radius: 16rpx; + padding: 30rpx; + box-sizing: border-box; + max-height: 80vh; + overflow-y: auto; +} + +.asType { + margin-bottom: 30rpx; +} + +.asType text { + font-size: 28rpx; + color: #333; + display: block; + margin-bottom: 20rpx; +} + +.asTabs { + display: flex; + gap: 20rpx; +} + +.asTab { + padding: 15rpx 20rpx; + border-radius: 10rpx; + font-size: 28rpx; + color: #333; +} + +.asTab.active { + border: 1rpx solid #ff5252; + color: #ff5252; +} + +.asTabs2 { + display: flex; + justify-content: space-between; +} + +.asTab2 { + width: 50%; + padding: 15rpx 20rpx; + font-size: 28rpx; + color: #333; + text-align: center; +} + +.asTab2.active { + border-bottom: 1rpx solid #ff5252; + color: #ff5252; + margin-bottom: 20rpx; +} + +.asGoodsInfo { + margin-bottom: 30rpx; +} + +.asGoodInfo { + display: flex; + padding: 20rpx 0; + border-bottom: 1rpx solid #f0f0f0; + position: relative; +} + +.asGoodRadio{ + margin-top: 60rpx; +} + +.asGoodImg { + width: 160rpx; + height: 160rpx; + border-radius: 20rpx; + margin-right: 20rpx; + object-fit: cover; +} + +.asGoodDetail { + flex: 1; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.asGoodTitle { + font-size: 28rpx; + color: #333; + line-height: 40rpx; + display: -webkit-box; + -webkit-line-clamp: 2; + line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.asGoodTag { + background-color: #ff7d00; + color: white; + font-size: 22rpx; + padding: 5rpx 10rpx; + border-radius: 20rpx 0 20rpx 20rpx; +} + +.asGoodTag1 { + margin-right: 15rpx; +} + +.tag-img { + position: absolute; + top: 145rpx; + left: 130rpx; + z-index: 1; +} + +.asGoodDesc { + font-size: 24rpx; + color: #999; +} + +.asGoodPrice { + font-size: 28rpx; + color: #ff5252; + font-weight: bold; +} + +.asGoodNum { + font-size: 28rpx; + color: #333; + align-self: flex-start; + margin-top: 120rpx; +} + +.title { + font-size: 32rpx; + font-weight: bold; + text-align: center; + margin-bottom: 30rpx; + color: #333; +} + +.reason-list { + margin-bottom: 30rpx; +} + +.reason-item { + display: flex; + align-items: center; + padding: 20rpx 0; + border-bottom: 1rpx solid #f0f0f0; +} + +.radio { + width: 28rpx; + height: 28rpx; + border-radius: 50%; + border: 2rpx solid #999; + margin-right: 20rpx; + position: relative; +} + +.radio.active { + border-color: #e60012; +} + +.radio.active::after { + content: ''; + position: absolute; + width: 14rpx; + height: 14rpx; + background-color: #e60012; + border-radius: 50%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.reason-item text { + font-size: 28rpx; + color: #333; +} + +.confirm-btn { + width: 100%; + height: 88rpx; + background-color: #ff451b; + color: #fff; + font-size: 32rpx; + border-radius: 44rpx; + line-height: 88rpx; + text-align: center; + margin-top: 20rpx; + border: none; +} + +.noSalePopup { + padding: 50rpx 50rpx 0 50rpx; + text-align: center; +} + +.noSalePopup-btn { + width: 250rpx; + height: 70rpx; + background-color: #e60012; + color: #fff; + font-size: 32rpx; + border-radius: 44rpx; + line-height: 70rpx; + text-align: center; + margin-top: 40rpx; + border: none; +} + +/* 确认退款信息弹窗样式 */ +.refund-info-container { + background-color: #ffffff; + border-radius: 10rpx; + padding: 30rpx; + box-sizing: border-box; +} + +.refund-title { + font-size: 32rpx; + color: #333333; + font-weight: bold; + text-align: center; + margin-bottom: 30rpx; +} + +.refund-item { + display: flex; + margin-bottom: 26rpx; + padding-bottom: 26rpx; + border-bottom: 1rpx solid #f0f0f0; +} + +.hr{ + position: relative; + left: -30rpx; + right: -30rpx; + width: 120%; + height: 20rpx; + background-color: #f0f2f5; + margin-top: 20rpx; + margin-bottom: 30rpx; +} + +.refund-item2 { + margin-bottom: 26rpx; + border-bottom: 1rpx solid #f0f0f0; +} + +.refund-item:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; +} + +.refund-label { + width: 200rpx; + font-size: 28rpx; + color: #333333; + display: flex; + align-items: center; +} + +.refund-value { + flex: 1; + font-size: 28rpx; + color: #666666; + text-align: right; + display: flex; + justify-content: flex-end; + align-items: center; + position: relative; +} + +.price { + color: #ff4d4f; + font-size: 32rpx; + font-weight: bold; +} + +.modify-btn { + color: #989898; + font-size: 26rpx; + margin-left: 15rpx; +} + +.refund-hint { + font-size: 24rpx; + color: #999999; + text-align: right; + position: absolute; + top: 45rpx; +} + +.refund-description { + width: 100%; + height: 160rpx; + border: 1rpx solid #e8e8e8; + border-radius: 8rpx; + padding: 20rpx; + box-sizing: border-box; + font-size: 26rpx; + color: #333333; + resize: none; + margin-top: 10rpx; +} + +.refund-attachment { + margin-top: 20rpx; +} + +.upload-btn { + display: flex; + align-items: center; + font-size: 26rpx; + color: #1989fa; +} + +.upload-icon { + width: 40rpx; + height: 40rpx; + margin-right: 10rpx; +} + +.contact-info { + font-size: 26rpx; + color: #666666; + margin-top: 10rpx; + text-align: right; +} + +.submit-btn { + width: 100%; + height: 90rpx; + background-color: #ff4d4f; + color: #ffffff; + font-size: 32rpx; + border-radius: 45rpx; + margin-top: 30rpx; + display: flex; + justify-content: center; + align-items: center; + border: none; +} + +.arrow-right { + display: inline-block; + width: 14rpx; + height: 14rpx; + border-top: 2rpx solid #999999; + border-right: 2rpx solid #999999; + transform: rotate(45deg); + margin-left: 10rpx; +} + +/* 图片上传 */ +.imgCon { + font-size: 18rpx; + color: #222222; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 120rpx; + height: 120rpx; + background: #F6F7FB; + border: 1rpx solid #D1D1D1; + border-radius: 10rpx 10rpx 10rpx 10rpx; + margin: 20rpx 0; +} + +.imgCon image { + width: 34rpx; + height: 34rpx; + margin-bottom: 8rpx; +} + +.u-upload__wrap__preview { + width: 120rpx; + height: 120rpx; + border-radius: 10rpx 0rpx 10rpx 10rpx !important; + margin-top: 20rpx !important; +} + +.u-upload__wrap__preview__image { + width: 100% !important; + height: 100% !important; + object-fit: cover; +} \ No newline at end of file diff --git a/pages.json b/pages.json index 7eb64ebc..28dfa9d2 100644 --- a/pages.json +++ b/pages.json @@ -781,6 +781,12 @@ "navigationBarTitleText": "我的订单" } }, + { + "path": "groupOrders/index", + "style": { + "navigationBarTitleText": "团购订单" + } + }, { "path": "freightBill/index", "style": { diff --git a/pages/user/index.vue b/pages/user/index.vue index 2d02e541..d034338a 100644 --- a/pages/user/index.vue +++ b/pages/user/index.vue @@ -161,8 +161,8 @@ export default { }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Group_1567.png", - name: "我的拼团", - url: "", + name: "团购订单", + url: "/packages/myOrders/groupOrders/index", }, { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Group_1565.png",