From b839c6c4ffb0e8041ba22326ee612eb38ea23e7c Mon Sep 17 00:00:00 2001
From: tangxinyue <524779910@qq.com>
Date: Sat, 28 Mar 2026 15:43:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=AC=E4=B8=9C=E8=B4=AD=E7=89=A9=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E9=A1=B550%?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shopping/jingdong/shopping-card.vue       | 311 ++++++++++++++++--
 main.js                                       |   2 +-
 pages/balance/transfer/transfer.vue           |  16 +
 pages/shopping/jingdong/list-index.vue        | 295 ++++++++++++++---
 .../image/shopping/jingdong/waimai-logo.png   | Bin 0 -> 1052 bytes
 5 files changed, 556 insertions(+), 68 deletions(-)
 create mode 100644 static/image/shopping/jingdong/waimai-logo.png

diff --git a/components/shopping/jingdong/shopping-card.vue b/components/shopping/jingdong/shopping-card.vue
index 055472d..1f8321e 100644
--- a/components/shopping/jingdong/shopping-card.vue
+++ b/components/shopping/jingdong/shopping-card.vue
@@ -4,58 +4,101 @@
         <view class="card-header">
             <view class="shop-info">
                 <view class="tag self-tag" v-if="item.shopType === 'self'">自营</view>
-                <image class="jd-tag" v-if="item.shopType === 'jd'" src="/static/image/shopping/jingdong/JD.png">JD
+                <view class="tag waimai-tag" v-if="item.shopType === 'waimai'">外卖</view>
+                <image class="jd-tag" v-if="item.shopType === 'jd'" src="/static/image/shopping/jingdong/JD.png">
                 </image>
                 <text class="shop-name">{{ item.shopName }}</text>
                 <uni-icons class="right-icon" type="right" size="12" color="#1A1A1A"></uni-icons>
             </view>
             <view class="order-status">
-                <view v-if="item.statusType === 'warning'" class="status-warning">
+                <view v-if="item.status === '等待付款'" class="status-warning">
                     <image style="width: 116rpx;height: 30rpx;" src="/static/image/shopping/jingdong/dengdaifukuan.png">
                     </image>
                     <text class="status-desc" v-if="item.statusDesc">{{ item.statusDesc }}</text>
                 </view>
-                <text v-else class="status-text" :class="item.statusColor || 'gray'">{{ item.status }}</text>
+                <text v-else class="status-text"
+                    :class="{ red: item.statusColor === 'red' || item.status === '正在出库' || item.status === '商家备餐中' || item.status === '骑手到店取餐中' || item.status === '骑手已到店' }">{{
+                        item.status }}</text>
             </view>
         </view>
 
         <!-- Tracking -->
-        <view class="tracking-box" v-if="item.trackingTitle || item.trackingDesc">
+        <view class="tracking-box" :class="{ 'waimai-tracking': item.shopType === 'waimai' }"
+            v-if="item.trackingTitle || item.trackingDesc">
+            <view class="waimai-tracking-icon" v-if="item.shopType === 'waimai'">
+                <image style="width: 32rpx; height: 32rpx;" src="/static/image/shopping/jingdong/waimai-logo.png"
+                    mode="aspectFit" v-if="!item.trackingIcon">
+                </image>
+                <!-- <image style="width: 28rpx; height: 28rpx;" :src="item.trackingIcon" mode="aspectFit" v-else></image> -->
+            </view>
             <view class="tracking-content">
-                <view class="tracking-header">
+                <view class="tracking-header" v-if="item.shopType !== 'waimai'">
                     <image class="truck-icon" v-if="!item.trackingIcon"
                         src="/static/image/shopping/jingdong/cangku.png">
                     </image>
                     <image class="truck-icon" :src="item.trackingIcon" mode="aspectFit" v-else></image>
                     <text class="tracking-title">{{ item.trackingTitle }}</text>
                 </view>
+                <view class="tracking-main-title" v-else>
+                    <view class="rich-title">预计<span style="color:#E40C24">{{ item.trackingTitle }}</span> 可送达</view>
+                </view>
                 <text class="tracking-desc" v-if="item.trackingDesc">{{ item.trackingDesc }}</text>
                 <text class="tracking-time">{{ item.trackingTime }}</text>
             </view>
-            <uni-icons class="right-icon" type="right" size="14" color="#3D3D3D"></uni-icons>
+            <uni-icons v-if="item.shopType !== 'waimai'" class="right-icon" type="right" size="14"
+                color="#3D3D3D"></uni-icons>
         </view>
 
         <!-- Product -->
-        <view class="product-box">
-            <image class="product-img" :src="item.image" mode="aspectFill"></image>
-            <view class="product-info">
-                <text class="product-title">{{ item.title }}</text>
-                <text class="product-desc" v-if="item.desc">{{ item.desc }}</text>
-                <view class="product-tags" v-if="item.tags && item.tags.length">
-                    <text class="tag" v-for="(tag, index) in item.tags" :key="index">{{ tag }}</text>
+        <view class="product-box"
+            :class="{ multiple: (item.products && item.products.length > 1) || (item.images && item.images.length > 0) }">
+            <template v-if="item.products && item.products.length > 1">
+                <scroll-view class="product-images-scroll" scroll-x :show-scrollbar="false">
+                    <image class="product-img small" v-for="(prod, idx) in item.products" :key="idx" :src="prod.image"
+                        mode="aspectFill"></image>
+                </scroll-view>
+            </template>
+            <template v-else-if="item.products && item.products.length === 1">
+                <image class="product-img" :src="item.products[0].image" mode="aspectFill"></image>
+                <view class="product-info">
+                    <text class="product-title">{{ item.products[0].title }}</text>
+                    <text class="product-desc" v-if="item.products[0].desc">{{ item.products[0].desc }}</text>
+                    <view class="product-tags" v-if="item.products[0].tags && item.products[0].tags.length">
+                        <text class="tag" v-for="(tag, index) in item.products[0].tags" :key="index">{{ tag }}</text>
+                    </view>
                 </view>
-            </view>
+            </template>
+            <template v-else-if="item.images && item.images.length > 0">
+                <scroll-view class="product-images-scroll" scroll-x :show-scrollbar="false">
+                    <image class="product-img small" v-for="(img, idx) in item.images" :key="idx" :src="img"
+                        mode="aspectFill"></image>
+                </scroll-view>
+            </template>
+            <template v-else>
+                <image class="product-img" :src="item.image" mode="aspectFill"></image>
+                <view class="product-info">
+                    <text class="product-title">{{ item.title }}</text>
+                    <text class="product-desc" v-if="item.desc">{{ item.desc }}</text>
+                    <view class="product-tags" v-if="item.tags && item.tags.length">
+                        <text class="tag" v-for="(tag, index) in item.tags" :key="index">{{ tag }}</text>
+                    </view>
+                </view>
+            </template>
             <view class="product-price-box">
                 <view class="price-wrap wx-font-regular">
                     <text class="price-symbol">￥</text>
-                    <text class="price-num">{{ item.price }}</text>
+                    <text class="price-num">{{ item.price || (item.products && item.products[0] &&
+                        item.products[0].price) }}</text>
                 </view>
-                <text class="product-count">共{{ item.count }}件</text>
+                <text class="product-count"
+                    v-if="item.count || (item.products && item.products[0] && item.products[0].count)">共{{
+                        item.count || (item.products && item.products[0] && item.products[0].count) }}件</text>
             </view>
         </view>
 
         <!-- Promo -->
-        <view class="promo-box" :class="{ 'plus-promo': item.promoType === 'plus' }"
+        <view class="promo-box"
+            :class="{ 'plus-promo': item.promoType === 'plus', 'cashback-promo': item.promoType === 'cashback', 'coupon-promo': item.promoType === 'coupon' }"
             v-if="item.promoType || item.promoText || item.promoHighlight">
             <template v-if="item.promoType === 'plus'">
                 <view class="plus-row">
@@ -64,20 +107,38 @@
                 </view>
                 <text class="promo-action">解锁权益 <uni-icons type="right" size="10" color="#654629"></uni-icons> </text>
             </template>
+            <template v-else-if="item.promoType === 'cashback'">
+                <text class="promo-text">{{ item.promoText }} <text class="highlight" v-if="item.promoHighlight">{{
+                    item.promoHighlight }}</text></text>
+                <text class="promo-action red">{{ item.promoAction || '点击领取' }} <uni-icons type="right" size="10"
+                        color="#ED1C04"></uni-icons></text>
+            </template>
+            <template v-else-if="item.promoType === 'coupon'">
+                <view class="coupon-row">
+                    <view class="coupon-tag">购物券</view>
+                    <text class="promo-text">{{ item.promoText }}</text>
+                </view>
+                <text class="promo-action red">{{ item.promoAction || '去领券' }} <uni-icons type="right" size="10"
+                        color="#ED1C04"></uni-icons></text>
+            </template>
+            <template v-else-if="item.promoType === 'text'">
+                <text class="promo-text text-basic">本单可享 <text class="highlight">{{ item.promoHighlight
+                        }}</text>，快去支付吧~</text>
+            </template>
             <template v-else>
-                <text class="promo-text text-basic">本单可享 <text class="highlight">{{
-                    item.promoHighlight }}</text>，快去支付吧~</text>
+                <text class="promo-text text-basic">当笔订单返现成功到账，<text style="color: #E31700;">点击领取</text></text>
             </template>
         </view>
 
         <!-- Footer -->
         <view class="footer-actions">
-            <view class="more-box" v-if="item.hasMore">
+            <view class="more-box" v-if="item.status == '完成' && item.shopType != 'waimai'">
                 <text class="more-text">更多</text>
             </view>
             <view class="empty-space" v-else></view>
             <view class="action-buttons">
-                <view class="btn" :class="btn.type || 'default'" v-for="(btn, index) in item.buttons" :key="index"
+                <view class="btn" :class="btn.type || 'default'"
+                    v-for="(btn, index) in getButtons(item.shopType, item.status, item)" :key="index"
                     @click="$emit('btnClick', btn)">
                     {{ btn.text }}
                     <view class="btn-badge" v-if="btn.badge">{{ btn.badge }}</view>
@@ -88,7 +149,7 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue';
+import { defineProps, computed } from 'vue';
 
 const props = defineProps({
     item: {
@@ -97,6 +158,63 @@ const props = defineProps({
         default: () => ({})
     }
 });
+
+const getButtons = (shopType, status, item) => {
+    const buttons = [];
+    if (status == '等待付款') {
+        buttons.push({ text: '取消订单', type: 'default' });
+        buttons.push({ text: '查看发票', type: 'default' });
+        buttons.push({ text: '修改订单', type: 'default' });
+        buttons.push({ text: '去支付', type: 'primary' });
+    }
+    if (shopType == 'waimai') {
+
+        if (status == '骑手到店取餐中') {
+            buttons.push({ text: '申请退款', type: 'default' });
+            buttons.push({ text: '查看发票', type: 'default' });
+        }
+        if (status == '商家备餐中') {
+            buttons.push({ text: '申请退款', type: 'default' });
+            buttons.push({ text: '查看发票', type: 'default' });
+        }
+        if (status == '完成') {
+            buttons.push({ text: '删除订单', type: 'default' });
+            buttons.push({ text: '查看发票', type: 'default' });
+            buttons.push({ text: '退换/售后', type: 'default' });
+            buttons.push({ text: '再次购买', type: 'primary' });
+        }
+        if (status == '已取消') {
+            buttons.push({ text: '删除订单', type: 'default' });
+            buttons.push({ text: '钱款去向', type: 'default' });
+            buttons.push({ text: '再次购买', type: 'primary' });
+        }
+    } else if (shopType != 'waimai') {
+        if (status == '正在出库') {
+            buttons.push({ text: '查看发票', type: 'default' });
+            buttons.push({ text: '再次购买', type: 'default' });
+            buttons.push({ text: '申请退款', type: 'default' });
+            buttons.push({ text: '修改订单', type: 'default' });
+        }
+        if (status == '完成') {
+            if (item?.trackingTitle == '已签收') {
+                buttons.push({ text: '卖了换钱', type: 'default' });
+                buttons.push({ text: '退还/售后', type: 'default' });
+                buttons.push({ text: '再次购买', type: 'primary' });
+            } else {
+                buttons.push({ text: '再次购买', type: 'default' });
+                buttons.push({ text: '申请退款', type: 'default' });
+                buttons.push({ text: '修改订单', type: 'default' });
+            }
+        }
+        if (status == '已取消') {
+            buttons.push({ text: '再次购买', type: 'default' });
+            buttons.push({ text: '申请退款', type: 'default' });
+            buttons.push({ text: '修改订单', type: 'primary' });
+        }
+    }
+    console.log(shopType, status);
+    return buttons;
+}
 </script>
 <style>
 @import "/common/main.css";
@@ -134,6 +252,11 @@ const props = defineProps({
                 &.self-tag {
                     background-color: #FC3538;
                 }
+
+                &.waimai-tag {
+                    background-color: #FEE74B;
+                    color: #1A1A1A;
+                }
             }
 
             .jd-tag {
@@ -163,6 +286,32 @@ const props = defineProps({
             flex-shrink: 0;
             font-size: 26rpx;
 
+            .waimai-status-warning {
+                display: flex;
+                align-items: center;
+                height: 32rpx;
+                border: 2rpx solid #ED1C04;
+                border-radius: 16rpx;
+                overflow: hidden;
+
+                .w-badge {
+                    background-color: #ED1C04;
+                    color: #FFFFFF;
+                    font-size: 20rpx;
+                    height: 100%;
+                    line-height: 32rpx;
+                    padding: 0 10rpx;
+                }
+
+                .w-time {
+                    color: #ED1C04;
+                    font-size: 20rpx;
+                    line-height: 32rpx;
+                    padding: 0 10rpx;
+                    background-color: #FFFFFF;
+                }
+            }
+
             .status-warning {
                 display: flex;
                 align-items: center;
@@ -192,6 +341,7 @@ const props = defineProps({
 
             .status-text {
                 font-size: 22rpx;
+                color: #87868E;
 
                 &.red {
                     color: #ED1C04;
@@ -217,6 +367,38 @@ const props = defineProps({
         border-radius: 12rpx;
         margin-bottom: 24rpx;
 
+        &.waimai-tracking {
+            align-items: flex-start;
+            background-color: #F7F8FC;
+            border-radius: 12rpx;
+            padding: 12rpx 20rpx 18rpx;
+
+            .waimai-tracking-icon {
+                margin-right: 10rpx;
+                margin-top: 2rpx;
+            }
+
+            .tracking-main-title {
+                font-size: 26rpx;
+                color: #1A1A1A;
+                font-weight: 700;
+                line-height: 36rpx;
+                margin-bottom: 8rpx;
+            }
+
+            .tracking-desc {
+                margin-top: 0;
+                font-size: 22rpx;
+                line-height: 22rpx;
+                color: #1A1A1A;
+                margin-left: -42rpx;
+            }
+
+            .tracking-time {
+                margin-left: -42rpx;
+            }
+        }
+
         .tracking-content {
             flex: 1;
 
@@ -252,6 +434,7 @@ const props = defineProps({
                 font-size: 22rpx;
                 line-height: 22rpx;
                 color: #767676;
+
             }
         }
 
@@ -263,6 +446,29 @@ const props = defineProps({
         margin-bottom: 24rpx;
         align-items: center;
 
+        &.multiple {
+            .product-images-scroll {
+                flex: 1;
+                width: 0;
+                white-space: nowrap;
+
+                .product-img {
+                    display: inline-block;
+                    width: 132rpx;
+                    height: 132rpx;
+                    margin-right: 14rpx;
+                    border-radius: 12rpx;
+                    background-color: #F5F5F5;
+                }
+            }
+
+            .product-price-box {
+                margin-left: 10rpx;
+                justify-content: center;
+                align-items: flex-end;
+            }
+        }
+
         .product-img {
             width: 144rpx;
             height: 144rpx;
@@ -350,14 +556,19 @@ const props = defineProps({
         font-size: 22rpx;
         line-height: 22rpx;
 
-        &.plus-promo {
+        &.plus-promo,
+        &.cashback-promo,
+        &.coupon-promo {
             display: flex;
             justify-content: space-between;
             align-items: center;
-            background-color: #FFEDDF;
             height: 52rpx;
             padding: 0 16rpx;
             border-radius: 8rpx;
+        }
+
+        &.plus-promo {
+            background-color: #FFEDDF;
 
             .plus-row {
                 display: flex;
@@ -382,6 +593,47 @@ const props = defineProps({
             }
         }
 
+        &.cashback-promo,
+        &.coupon-promo {
+            background-color: #FCF5F5;
+
+            .promo-text {
+                font-size: 22rpx;
+                line-height: 22rpx;
+                color: #1A1A1A;
+
+                .highlight {
+                    color: #ED1C04;
+                }
+            }
+
+            .promo-action {
+                font-size: 22rpx;
+                display: flex;
+                align-items: center;
+
+                &.red {
+                    color: #ED1C04;
+                }
+            }
+        }
+
+        &.coupon-promo {
+            .coupon-row {
+                display: flex;
+                align-items: center;
+
+                .coupon-tag {
+                    font-size: 20rpx;
+                    background-color: #ED1C04;
+                    color: #FFFFFF;
+                    padding: 2rpx 8rpx;
+                    border-radius: 4rpx;
+                    margin-right: 8rpx;
+                }
+            }
+        }
+
         .text-basic {
             font-size: 22rpx;
             line-height: 22rpx;
@@ -406,8 +658,9 @@ const props = defineProps({
             align-items: center;
 
             .more-text {
-                font-size: 24rpx;
-                color: #999999;
+                white-space: nowrap;
+                font-size: 22rpx;
+                color: #87868E;
             }
         }
 
@@ -423,11 +676,11 @@ const props = defineProps({
 
             .btn {
                 position: relative;
-                height: 52rpx;
-                line-height: 52rpx;
+                height: 56rpx;
+                line-height: 56rpx;
                 padding: 0 24rpx;
                 border-radius: 8rpx;
-                font-size: 24rpx;
+                font-size: 22rpx;
                 margin-left: 16rpx;
                 border: 1rpx solid #C7C7C7;
                 color: #1A1A1A;
diff --git a/main.js b/main.js
index 960649f..45af307 100644
--- a/main.js
+++ b/main.js
@@ -27,7 +27,7 @@ export function createApp() {
 	const systemInfo = uni.getStorageSync('systemInfo') || {}
 	app.config.globalProperties.$system = systemInfo.platform == 'ios' ? 'iOS' : 'Android'
 	app.config.globalProperties.$systemInfo = systemInfo
-	uni.setStorageSync('version', '1.0.3.sp13')
+	uni.setStorageSync('version', '1.0.3.sp14')
 	app.config.globalProperties.$version = uni.getStorageSync('version')
 
 	app.use(globalMethods);
diff --git a/pages/balance/transfer/transfer.vue b/pages/balance/transfer/transfer.vue
index a816a27..a40cbd3 100644
--- a/pages/balance/transfer/transfer.vue
+++ b/pages/balance/transfer/transfer.vue
@@ -151,6 +151,12 @@
 								</image>
 							</view>
 						</view>
+						<view class="form-item">
+							<text class="require-dot">*</text>
+							<text class="label">转账金额</text>
+							<uni-easyinput class="input" v-model="tempEditData.amount" type="digit" :inputBorder="false"
+								placeholder="请输入转账金额" />
+						</view>
 						<view class="form-item">
 							<text class="require-dot">*</text>
 							<text class="label">收款方</text>
@@ -253,6 +259,7 @@ const loadStorageData = () => {
 loadStorageData();
 
 const tempEditData = reactive({
+	amount: '',
 	recipient: '',
 	paymentMethod: '',
 	avatar: '',
@@ -269,6 +276,7 @@ const buttonGroup = [{
 }]
 
 const openEditPopup = () => {
+	tempEditData.amount = transferData.amount;
 	tempEditData.recipient = transferData.recipient;
 	tempEditData.paymentMethod = transferData.paymentMethod;
 	tempEditData.avatar = transferData.avatar;
@@ -336,6 +344,13 @@ const confirmEdit = async () => {
 		});
 		return;
 	}
+	if (!tempEditData.amount || isNaN(Number(tempEditData.amount))) {
+		uni.showToast({
+			title: '请输入有效金额',
+			icon: 'none'
+		});
+		return;
+	}
 	if (!tempEditData.recipient.trim()) {
 		uni.showToast({
 			title: '请输入收款方',
@@ -363,6 +378,7 @@ const confirmEdit = async () => {
 	}
 	// #endif
 
+	transferData.amount = tempEditData.amount;
 	transferData.recipient = tempEditData.recipient;
 	transferData.paymentMethod = tempEditData.paymentMethod;
 	transferData.avatar = finalAvatarPath;
diff --git a/pages/shopping/jingdong/list-index.vue b/pages/shopping/jingdong/list-index.vue
index 9ecc1c6..9c51582 100644
--- a/pages/shopping/jingdong/list-index.vue
+++ b/pages/shopping/jingdong/list-index.vue
@@ -29,7 +29,8 @@
 			<scroll-view class="filter-scroll" scroll-x="true" :show-scrollbar="false">
 				<view class="filter-list">
 					<view class="filter-item" v-for="(item, index) in filterList" :key="index"
-						:class="{ active: currentFilter === index }" @click="switchFilter(index)">
+						:class="{ active: currentFilter === index, disabled: item.disabled }"
+						@click="switchFilter(index)">
 						<text class="text">{{ item.name }}</text>
 						<text class="close-icon" v-if="currentFilter === index">×</text>
 					</view>
@@ -42,7 +43,7 @@
 		</view>
 	</view>
 	<view class="content" :style="{ paddingTop: contentPaddingTop }">
-		<shopping-card v-for="(item, index) in mockOrderList" :key="index" :item="item"></shopping-card>
+		<shopping-card v-for="(item, index) in filteredOrderList" :key="index" :item="item"></shopping-card>
 	</view>
 	<view class="bottom-fixed">
 		<view class="bottom-item">
@@ -60,7 +61,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, getCurrentInstance } from 'vue';
+import { ref, computed, onMounted, getCurrentInstance } from 'vue';
 import ShoppingCard from '@/components/shopping/jingdong/shopping-card.vue';
 
 const contentPaddingTop = ref('0px');
@@ -90,32 +91,212 @@ const switchTab = (index) => {
 	currentTab.value = index;
 };
 
-const currentFilter = ref(1);
+const currentFilter = ref(-1);
 const filterList = ref([
 	{ name: '待付款' },
 	{ name: '待收货' },
-	{ name: '待使用' },
+	{ name: '待使用', disabled: true },
 	{ name: '已完成' },
 	{ name: '待评价' },
 	{ name: '已取消' }
 ]);
 
 const switchFilter = (index) => {
-	currentFilter.value = index;
+	if (filterList.value[index].disabled) return;
+	if (currentFilter.value === index) {
+		currentFilter.value = -1;
+	} else {
+		currentFilter.value = index;
+	}
 };
 
+const filteredOrderList = computed(() => {
+	const tabName = tabList.value[currentTab.value].name;
+	let baseList = mockOrderList.value;
+
+	if (tabName === '购物') {
+		baseList = mockOrderList.value.filter(item => item.shopType !== 'waimai');
+	} else if (tabName === '秒送') {
+		baseList = mockOrderList.value.filter(item => item.shopType === 'waimai');
+	}
+
+	if (currentFilter.value === -1) {
+		return baseList;
+	}
+	const filterName = filterList.value[currentFilter.value].name;
+
+	return baseList.filter(item => {
+		if (filterName === '待付款') return item.status === '等待付款';
+		if (filterName === '待收货') return item.status === '正在出库' || item.status === '待收货' || item.status === '运输中' || item.status === '已发货' || item.status === '商家备餐中' || item.status === '骑手到店取餐中';
+		if (filterName === '待使用') return item.status === '待使用';
+		if (filterName === '已完成') return item.status === '完成' || item.status === '已完成' || item.status === '已签收';
+		if (filterName === '待评价') return item.status === '待评价' || item.status === '完成' || item.status === '已完成';
+		if (filterName === '已取消') return item.status === '已取消';
+		return true;
+	});
+});
+
 const mockOrderList = ref([
+	{
+		shopType: 'waimai',
+		shopName: '安野屋 (AARYE) 京...',
+		status: '等待付款',
+		statusDesc: '29分钟',
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '超值哈哈哈哈哈哈哈哈哈哈哈哈哈哈好一人份',
+				desc: '不支持7天无理由退货',
+				tags: [],
+				price: '69.00',
+				count: 1,
+			}
+		],
+		promoType: 'text',
+		promoHighlight: '近90天600+人回购',
+		buttons: [
+			{ text: '取消订单', type: 'default' },
+			{ text: '查看发票', type: 'default' },
+			{ text: '修改订单', type: 'default' },
+			{ text: '去支付', type: 'primary' }
+		]
+	},
+	{
+		shopType: 'waimai',
+		shopName: '安野屋 (AARYE) 京...',
+		status: '骑手到店取餐中',
+		trackingTitle: '10:22-10:55',
+		trackingDesc: '骑手已到店，大王',
+		trackingTime: '2026-03-10 15:14:30',
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '超值哈哈哈哈哈哈哈哈哈哈哈哈哈哈好热 少糖',
+				desc: '不支持7天无理由退货',
+				tags: [],
+				price: '69.00',
+				count: 1,
+			}
+		],
+		promoType: 'cashback',
+		promoText: '当笔订单返现成功到账，',
+		promoAction: '点击领取',
+		buttons: [
+			{ text: '申请退款', type: 'default' },
+			{ text: '查看发票', type: 'default' }
+		]
+	},
+	{
+		shopType: 'waimai',
+		shopName: '安野屋 (AARYE) 京...',
+		status: '商家备餐中',
+		trackingTitle: '10:22-10:55',
+		trackingDesc: '商家已接单，商品备餐中',
+		trackingTime: '2026-03-10 15:14:30',
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '超值哈哈哈哈哈哈哈哈哈哈哈哈哈哈好热 少糖',
+				desc: '不支持7天无理由退货',
+				tags: [],
+				price: '69.00',
+				count: 1,
+			}
+		],
+		promoType: 'cashback',
+		promoText: '当笔订单返现成功到账，',
+		promoAction: '点击领取',
+		buttons: [
+			{ text: '申请退款', type: 'default' },
+			{ text: '查看发票', type: 'default' }
+		]
+	},
+	{
+		shopType: 'waimai',
+		shopName: '瑞幸咖啡',
+		status: '完成',
+		statusColor: 'gray',
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '多肉桃桃哈哈哈哈哈哈哈哈哈哈好和和好',
+				desc: '不支持7天无理由退货',
+				tags: [],
+				price: '69.00',
+				count: 1,
+			}
+		],
+		promoType: 'coupon',
+		promoText: '恭喜您获得3元京东购物券',
+		promoAction: '去领券',
+		buttons: [
+			{ text: '删除订单', type: 'default' },
+			{ text: '查看发票', type: 'default' },
+			{ text: '退换/售后', type: 'default' },
+			{ text: '再次购买', type: 'primary' }
+		]
+	},
+	{
+		shopType: 'waimai',
+		shopName: '瑞幸咖啡',
+		status: '完成',
+		statusColor: 'gray',
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+			},
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+			},
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+			}
+		],
+		price: '17.00',
+		count: 2,
+		buttons: [
+			{ text: '删除订单', type: 'default' },
+			{ text: '查看发票', type: 'default' },
+			{ text: '退换/售后', type: 'default' },
+			{ text: '再次购买', type: 'primary' }
+		]
+	},
+	{
+		shopType: 'waimai',
+		shopName: '瑞幸咖啡',
+		status: '已取消',
+		statusColor: 'gray',
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '多肉桃桃哈哈哈哈哈哈哈哈哈哈好和和好',
+				desc: '不支持7天无理由退货',
+				tags: [],
+				price: '69.00',
+				count: 1,
+			}
+		],
+		buttons: [
+			{ text: '删除订单', type: 'default' },
+			{ text: '钱款去向', type: 'default' },
+			{ text: '再次购买', type: 'primary' }
+		]
+	},
 	{
 		shopType: 'self',
 		shopName: '安野屋 (AARYE) 京联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
-		statusType: 'warning',
+		status: '等待付款',
 		statusDesc: '20小时11分钟',
-		image: '/static/image/shopping/jingdong/product1.png',
-		title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
-		desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
-		tags: ['无理由退货政策'],
-		price: '69.00',
-		count: 1,
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
+				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
+				tags: ['无理由退货政策'],
+				price: '69.00',
+				count: 1,
+			}
+		],
 		promoType: 'text',
 		promoHighlight: '白条支付券0.5元优惠券',
 		buttons: [
@@ -129,16 +310,19 @@ const mockOrderList = ref([
 		shopType: 'none',
 		shopName: '甜小南旗舰店',
 		status: '正在出库',
-		statusColor: 'red',
 		trackingTitle: '仓库处理中',
 		trackingDesc: '预计 3月12日24:00 前发货，3月15日 24:00 前送达',
 		trackingTime: '2026-03-10 15:14:30',
-		image: '/static/image/shopping/jingdong/product1.png',
-		title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
-		desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
-		tags: ['无理由退货政策'],
-		price: '69.00',
-		count: 1,
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
+				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
+				tags: ['无理由退货政策'],
+				price: '69.00',
+				count: 1,
+			}
+		],
 		promoType: 'plus',
 		promoText: '告别凑单, 享免运优惠',
 		buttons: [
@@ -156,12 +340,16 @@ const mockOrderList = ref([
 		trackingTitle: '已签收',
 		trackingDesc: '您的订单已签收，可对快递员的服务进行评价或打赏哦~',
 		trackingTime: '2026-03-10 15:14:30',
-		image: '/static/image/shopping/jingdong/product1.png',
-		title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
-		desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
-		tags: ['无理由退货政策'],
-		price: '69.00',
-		count: 1,
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
+				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
+				tags: ['无理由退货政策'],
+				price: '69.00',
+				count: 1,
+			}
+		],
 		promoType: 'plus',
 		promoText: '告别凑单, 享免运优惠',
 		hasMore: true,
@@ -176,12 +364,16 @@ const mockOrderList = ref([
 		shopName: '甜小南旗舰店',
 		status: '完成',
 		statusColor: 'gray',
-		image: '/static/image/shopping/jingdong/product1.png',
-		title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
-		desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
-		tags: ['无理由退货政策'],
-		price: '1669.00',
-		count: 1,
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
+				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
+				tags: ['无理由退货政策'],
+				price: '1669.00',
+				count: 1,
+			}
+		],
 		hasMore: true,
 		buttons: [
 			{ text: '再次购买', type: 'default' },
@@ -194,12 +386,16 @@ const mockOrderList = ref([
 		shopName: '甜小南旗舰店',
 		status: '已取消',
 		statusColor: 'gray',
-		image: '/static/image/shopping/jingdong/product1.png',
-		title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
-		desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
-		tags: ['无理由退货政策'],
-		price: '1669.00',
-		count: 1,
+		products: [
+			{
+				image: '/static/image/shopping/jingdong/product1.png',
+				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
+				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
+				tags: ['无理由退货政策'],
+				price: '1669.00',
+				count: 1,
+			}
+		],
 		buttons: [
 			{ text: '再次购买', type: 'default' },
 			{ text: '申请退款', type: 'default' },
@@ -365,6 +561,15 @@ const mockOrderList = ref([
 					color: #E40C24;
 				}
 			}
+
+			// &.disabled {
+			// 	background-color: #F8F8F8;
+			// 	border-color: transparent;
+
+			// 	.text {
+			// 		color: #CCCCCC;
+			// 	}
+			// }
 		}
 	}
 
@@ -427,5 +632,19 @@ const mockOrderList = ref([
 		width: 92rpx;
 		height: 92rpx;
 	}
+
+	.upload-screenshot-content {
+		display: flex;
+		align-items: center;
+		flex-direction: column;
+		justify-content: center;
+
+		.upload-screenshot-text {
+			font-size: 36rpx;
+			color: #1777FF;
+			line-height: 50rpx;
+			margin-top: 16rpx;
+		}
+	}
 }
 </style>
\ No newline at end of file
diff --git a/static/image/shopping/jingdong/waimai-logo.png b/static/image/shopping/jingdong/waimai-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c3a93e3b4e119c629768294259408f42ee7729e
GIT binary patch
literal 1052
zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA3?vioaBgK_V5|-B32_B-N5MdaK)vA8_dvVr
zN`m}?85o&a*f}`4xOsT_M8w1;B&B7QRa7;!b#(PjOdTAZJiUGV1A;@sBcq~Y5|cBs
z^70D`i%Uw&tEy}38ycHhJ370%d;9t)OrAD<*6g{9R;}N-b^D(EhYlY-aq`sZv*#~d
zzH<G}-Fx>RJbL`(`K#A&-@X6v@zduo-@gC&_507?e<e>pO97L_1y2{p5Rc<;gTtc_
zIS3qCutI~YYj3jtjolF&zIP?9*DzyIRbrcYKToLdNmHFl<%hGCw`T9&dHd#FV~Kws
zudk3QR9z5SAm_{!#oAEUxNl0yowe~3Zl6n^<Z*K5de;l0Q)KpAn$9^N)yShek9$wT
z^`lI0g&Vuw&hj_@m8{z>v9p80<9C{F!L*g`2Fzz9MVO{e+2hb0q;M!G_IkvepWV-E
z8cut**oKGOCLM^Fy=}3R-Nm=pl+;`U_~$GMu)Mo`QtOY>^^rSYvx!aVdHNvMLh6Hz
z9p`zMZ(c8BpRs(5nsq|M^4a7szTH!|`Nq~U?GD?;U1uYDxv3~$W})iKON%VU?ntHX
zQ{>>cEu41QBF<`4>LHVZ_BRyQw_B{4z2f9uW~W>)|Ida$axOht`>5E!S?<V24yRa6
z*UfVuFYceH)wIC*-s#(a9^Hx5WJ;TII4thcXXQUz(l=Kh|Fd{|>i3E*lW#D}NKT#m
z|LO4$moNJ~@=S>Pd-{X(HjhKj8An(JS+;O7xfn=aEwi)nOSL$$ac<IulSPL!J)5o-
z<b?hZT=w)vws(}#O;7oIt=?)8cSM${PR{6N*gh}1?#o=Q6d`8*MVoimg-$vUVOcD^
i@5Ty)Rg?Y)95wgMdDivkptUn7g?qaCxvX<aXaWFF0y<Iv

literal 0
HcmV?d00001