diff --git a/components/common/auto-width-input.vue b/components/common/auto-width-input.vue
index 3425c1a..13f17cf 100644
--- a/components/common/auto-width-input.vue
+++ b/components/common/auto-width-input.vue
@@ -1,7 +1,8 @@
 <template>
 	<view class="auto-width-input-container" :class="{ 'is-textarea': type === 'textarea' }">
 		<!-- 测量层：用于计算宽度的影藏文本，必须保持与 input 相同的字体样式 -->
-		<text v-if="type !== 'textarea'" class="measure-text" :style="[inputStyle, { visibility: 'hidden', position: 'absolute', whiteSpace: 'nowrap' }]">
+		<text v-if="type !== 'textarea'" class="measure-text"
+			:style="[inputStyle, { visibility: 'hidden', position: 'absolute', whiteSpace: 'nowrap' }]">
 			{{ modelValue || placeholder }}
 		</text>
 
@@ -187,9 +188,10 @@ onMounted(() => {
 	vertical-align: middle;
 	max-width: 100%;
 	flex-wrap: nowrap;
-	
+
 	// 当父级赋予 flex-1 或手动设置 width: 100% 时，转为标准 flex 布局
-	&.flex-1, &.w100 {
+	&.flex-1,
+	&.w100 {
 		display: flex !important;
 		width: 100% !important;
 	}
@@ -215,7 +217,7 @@ onMounted(() => {
 		height: 1.4em;
 		line-height: 1.4em;
 		flex-shrink: 0;
-		
+
 		// 如果容器是撑开的，input 也应该撑开
 		& {
 			flex: 1;
diff --git a/pages.json b/pages.json
index 9969a46..0c85b57 100644
--- a/pages.json
+++ b/pages.json
@@ -94,6 +94,14 @@
 						"navigationBarTitleText": "淘宝购物详情页",
 						"navigationStyle": "custom"
 					}
+				},
+				{
+					"path" : "taobao/add-shopping-order/add-shopping-order",
+					"style" : 
+					{
+						"navigationBarTitleText" : "新增淘宝购物订单",
+						"navigationStyle": "custom"
+					}
 				}
 			]
 		},
diff --git a/pages/shopping/taobao/add-shopping-order/add-shopping-order.vue b/pages/shopping/taobao/add-shopping-order/add-shopping-order.vue
new file mode 100644
index 0000000..62de94d
--- /dev/null
+++ b/pages/shopping/taobao/add-shopping-order/add-shopping-order.vue
@@ -0,0 +1,1877 @@
+<template>
+	<view>
+		<NavBar :title="navTitle" bgColor="#F2F3F7" isRightButton @right-click="onConfirm"></NavBar>
+		<view class="page-container">
+			<view class="tab-box" v-if="!isEditMode">
+				<view class="tab" :class="{ active: item.key == activeTab }" v-for="item in shoppingType"
+					:key="item.key" @click="switchTab(item)">
+					<text>{{ item.label }}</text>
+				</view>
+			</view>
+
+			<view v-if="!isEditMode" class="random-dice">
+				<image style="width: 2rem;height: 2rem;" src="/static/image/common/random-dice.png"
+					@click="clickRandomDate"></image>
+			</view>
+
+			<view v-if="activeTab != 'refunding'">
+				<view class="time-box" v-if="activeTab == 'wait_pay'" style="margin-top: 16rpx;">
+					<view style="color: #87868E;" class="flex-justify-between flex-align-center">
+						<text>剩余付款时间</text>
+						<picker mode="multiSelector" :range="timeRange" :value="timeValue" @change="handleTimeChange">
+							<text>
+								<text style="color: #DD223F;font-weight: 500; margin-left: 10rpx;">{{ order.payCountdown
+								}}</text>
+								<image class="edit-icon" src="/static/image/common/edit.png"></image>
+							</text>
+						</picker>
+					</view>
+				</view>
+				<!-- 状态切换开关 -->
+				<view v-if="activeTab == 'wait_recv'" class="time-box" style="margin-top: 10rpx;">
+					<view style="color: #87868E;" class="flex-justify-between flex-align-center">
+						<text>物流状态</text>
+						<view class="flex-align-center" @click="order.isSignFor = !order.isSignFor">
+							<text style="color: #1A1A1A; margin-right: 12rpx;">{{ order.isSignFor ? '已签收' : '运输中'
+							}}</text>
+							<switch :checked="order.isSignFor" color="#FF7824" style="transform: scale(0.7);" />
+						</view>
+					</view>
+				</view>
+				<!-- 已发货（运输中/已签收） -->
+				<view v-if="activeTab == 'wait_recv'" class="card status-box">
+					<image style="width: 34rpx;height: 34rpx;flex-shrink: 0;margin-right: 8rpx;"
+						:src="`/static/image/shopping/taobao/detail/${activeTab == 'wait_recv' && order.isSignFor ? 'yiqianshou' : 'yunshuzhong'}.png`"
+						mode="aspectFill"></image>
+					<text class="status-text">{{ activeTab == 'wait_recv' && !order.isSignFor ? '运输中' : '已签收'
+					}}</text>
+					<view class="status-desc flex-1 animate-scale" style="width: 100px;">
+						<auto-width-input v-model="order.statusDesc2" fontSize="30rpx" fontWeight="500" color="#1A1A1A"
+							placeholder="物流进度描述" show-edit type="textarea" />
+					</view>
+				</view>
+
+				<!-- 交易关闭/交易成功（已送达） -->
+				<view v-if="activeTab == 'closed' || activeTab == 'success'" class="card status-box"
+					style="margin-bottom: 10rpx;flex-direction: column;align-items: start;">
+					<view class="flex flex-align-center">
+						<image style="width: 34rpx;height: 34rpx;flex-shrink: 0;"
+							src="/static/image/shopping/taobao/detail/location.png" mode="aspectFill"></image>
+						<view class="animate-scale" style="margin-left: 8rpx;">
+							<auto-width-input v-model="order.userName" fontSize="30rpx" fontWeight="500"
+								placeholder="姓名" show-edit />
+						</view>
+						<view class="animate-scale" style="margin-left: 8rpx;">
+							<auto-width-input v-model="order.phone" fontSize="30rpx" fontWeight="500" placeholder="电话"
+								show-edit />
+						</view>
+					</view>
+
+					<view class="animate-scale flex-1" style="margin-left: 8rpx;margin-top: 8rpx;">
+						<auto-width-input v-model="order.address" fontSize="30rpx" fontWeight="500" placeholder="详细地址"
+							show-edit />
+					</view>
+				</view>
+				<!-- 待付款（订单信息），待发货，待收货（未签收） -->
+				<view v-if="activeTab != 'closed' && activeTab != 'success'" class="address-box flex">
+					<image class="icon" src="/static/image/shopping/taobao/detail/location.png" mode="aspectFit">
+					</image>
+					<view class="content flex-1">
+						<view class="up animate-scale">
+							<auto-width-input v-model="order.address" fontSize="30rpx" fontWeight="500"
+								placeholder="收货地址" type="textarea" show-edit />
+						</view>
+						<view class="down flex-align-center">
+							<view class="animate-scale">
+								<auto-width-input v-model="order.userName" fontSize="26rpx" color="#7C8495"
+									placeholder="姓名" show-edit />
+							</view>
+							<view class="animate-scale" style="margin-left: 8rpx;">
+								<auto-width-input v-model="order.phone" fontSize="26rpx" color="#7C8495"
+									placeholder="电话" show-edit />
+							</view>
+						</view>
+					</view>
+				</view>
+				<view v-if="activeTab != 'closed' && activeTab != 'success'" class="card status-desc flex-align-center">
+					<image style="width: 34rpx;height: 34rpx;margin-right: 8rpx;"
+						src="/static/image/shopping/taobao/detail/shandian.png"></image>
+					<view class="animate-scale flex-1" :class="{ 'flex-1': activeTab != 'wait_pay' }">
+						<auto-width-input v-model="order.statusDesc1" fontSize="30rpx" fontWeight="500"
+							placeholder="状态描述1" show-edit />
+					</view>
+					<template v-if="activeTab == 'wait_pay'">
+						<text
+							style="margin: 0 14rpx;color: #D8D8D8;font-weight: 200;font-size: 24rpx;line-height: 24rpx;margin-top: -2px;">|</text>
+						<view class="animate-scale flex-1">
+							<auto-width-input v-model="order.statusDesc2" fontSize="26rpx" color="#7C8495"
+								placeholder="状态描述2" show-edit />
+						</view>
+					</template>
+				</view>
+
+				<!-- 商店类型 (淘宝,天猫,其它)-->
+				<view class="time-box" style="margin-top: 16rpx;">
+					<view style="color: #87868E;" class="flex-justify-between flex-align-center">
+						<text>商店类型</text>
+						<picker class="flex-1" style="display: flex;justify-content: flex-end;" :range="shopTypeOptions"
+							:value="shopTypeIndex" @change="onShopTypeChange">
+							<view class="flex-align-center">
+								<text style="color: #1A1A1A; margin-right: 8rpx;">{{ shopTypeOptions[shopTypeIndex]
+								}}</text>
+								<uni-icons type="right" size="14" color="#87868E"></uni-icons>
+							</view>
+						</picker>
+					</view>
+				</view>
+
+				<!-- 商品卡片 -->
+				<view class="card product-card">
+					<!-- 商店名称 -->
+					<view class="shop-name-box flex-align-center">
+						<image style="height: 28rpx;" :src="`/static/image/shopping/taobao/${order.shopType}.png`"
+							mode="heightFix">
+						</image>
+						<view class="animate-scale flex-1" style="margin: 0 4rpx;width: 100%;">
+							<auto-width-input v-model="order.shopName" fontSize="28rpx" fontWeight="600" color="#00032A"
+								placeholder="店铺名称" show-edit />
+						</view>
+					</view>
+					<!-- 商品信息 -->
+					<view class="goods-list flex" v-for="(item, index) in order.goodsList" :key="index">
+						<image class="goods-img" :src="item.image" mode="aspectFill" @click="chooseImage"></image>
+						<view class="goods-info flex-1">
+							<view class="goods-title flex-justify-between flex-align-center">
+								<view class="title-box flex animate-scale">
+									<auto-width-input v-model="item.title" fontSize="26rpx" fontWeight="500"
+										color="#00032A" placeholder="商品标题" type="textarea" show-edit />
+								</view>
+								<!-- <view class="price-box animate-scale flex-align-center">
+									<text style="font-size: 24rpx;margin-right: 2rpx;">￥</text>
+									<auto-width-input v-model="item.price" type="number" fontSize="36rpx"
+										fontWeight="500" color="#1A1A1A" placeholder="价格" show-edit />
+								</view> -->
+							</view>
+							<view class="goods-specs flex-justify-between flex-align-center">
+								<view class="title-box flex animate-scale">
+									<auto-width-input v-model="item.specs" fontSize="26rpx" color="#7C8495"
+										placeholder="商品规格" type="textarea" show-edit />
+								</view>
+
+							</view>
+							<view class="inline-tag flex-justify-between flex-align-center">
+								<view class="animate-scale flex-1">
+									<auto-width-input v-model="item.tags" fontSize="24rpx" color="#0AA957"
+										placeholder="标签" type="textarea" show-edit />
+								</view>
+
+							</view>
+							<view class="inline-tag flex-justify-between flex-align-center">
+								<view class="price-box animate-scale">
+									<auto-width-input v-model="item.oriPrice" type="digit" fontSize="26rpx"
+										color="#7B7E8C" placeholder="商品原价" show-edit />
+								</view>
+							</view>
+							<view class="inline-tag flex-justify-between flex-align-center">
+
+								<view class="price-box animate-scale">
+									到手价：
+									<auto-width-input v-model="item.price" type="digit" fontSize="26rpx" color="#7B7E8C"
+										placeholder="商品到手价" show-edit />
+								</view>
+							</view>
+							<view class="inline-tag flex-justify-between flex-align-center">
+								<view class="animate-scale">
+									数量：<auto-width-input v-model="item.count" type="number" fontSize="26rpx"
+										color="#1A1A1A" placeholder="商品数量" show-edit prefix="x" />
+								</view>
+							</view>
+						</view>
+					</view>
+
+					<view class="discount-box">
+						<view class="flex-justify-between flex-align-center item">
+							<view class="flex-align-center">
+								<image style="width:32rpx;height: 32rpx;"
+									src="/static/image/shopping/taobao/detail/dianpuyouhui.png">
+								</image>
+								<text style="margin: 0 12rpx;font-size: 26rpx;font-weight: 500;">店铺优惠</text>
+								<text style="font-size: 24rpx;color: #1A1A1A;line-height: 24rpx;">超级立减</text>
+							</view>
+							<view class="animate-scale flex-align-center">
+								<text style="font-size: 32rpx;color: #FF7824;font-weight: 500;">-￥</text>
+								<auto-width-input v-model="order.platformDiscount" type="digit" fontSize="32rpx"
+									fontWeight="500" color="#FF7824" placeholder="优惠金额" show-edit />
+
+							</view>
+						</view>
+						<view class="flex-justify-between flex-align-center item">
+							<view class="flex-align-center">
+								<image style="width:32rpx;height: 32rpx;"
+									src="/static/image/shopping/taobao/detail/pingtaiyouhui.png">
+								</image>
+								<text style="margin: 0 12rpx;font-size: 26rpx;font-weight: 500;">平台优惠</text>
+							</view>
+							<view class="animate-scale flex-align-center">
+								<text style="font-size: 32rpx;color: #FF7824;font-weight: 500;">-￥</text>
+								<auto-width-input v-model="order.storeDiscount" type="digit" fontSize="32rpx"
+									fontWeight="500" color="#FF7824" placeholder="优惠金额" show-edit />
+
+							</view>
+						</view>
+					</view>
+					<view class="flex-justify-between flex-align-center" style="height: 30rpx;">
+						<text class="bold-text">实付款 <text v-if="activeTab == 'success' || activeTab == 'closed'"
+								class="yellow-text"><text>共减</text><text class="wx-font-medium"
+									style="font-size: 32rpx;">￥{{
+										(Number(order.storeDiscount || 0) + Number(order.platformDiscount || 0)).toFixed(2)
+									}}</text></text></text>
+						<view class="price wx-font-medium flex-align-center">
+							<text style="font-size: 40rpx;">￥</text>
+							<auto-width-input v-model="order.totalPrice" type="digit" fontSize="44rpx" fontWeight="500"
+								color="#1A1A1A" placeholder="实付款" show-edit />
+
+						</view>
+					</view>
+				</view>
+				<view class="order-info card">
+					<view class="info-box">
+						<view v-for="item in order.orderInfo" :key="item.key"
+							class="flex-justify-between flex-align-center item" @click="onClickItemInfo(item)">
+							<view class="lable">
+								<text style="white-space: nowrap;">{{ item.label }}</text>
+							</view>
+							<view class="flex-1 flex-align-center"
+								style="justify-content: flex-end;margin-left: 20rpx;width: 100px;">
+								<text v-if="item.key == 'shippingInfo'" class="value"
+									style="text-align: right;line-height: 34rpx;">{{
+										order.userName + ' ' +
+										"86-" + order.phone + '，' +
+										order.address
+									}}</text>
+								<auto-width-input v-else class="value" v-model="item.value" fontSize="26rpx"
+									color="#7C8495" :type="item.type ? item.type : 'text'" show-edit
+									style="text-align: right;"
+									:disabled="item.type == 'time' || item.type == 'timeRange'" />
+							</view>
+						</view>
+					</view>
+					<view class="order-ID flex-justify-between flex-align-center">
+						<text class="lable flex-align-center" @click="isFoldOrderInfoCard = !isFoldOrderInfoCard">订单信息
+							<uni-icons :type="isFoldOrderInfoCard ? 'up' : 'down'" size="16"
+								color="#7C8495"></uni-icons></text>
+						<view class="value flex-align-center animate-scale">
+							<auto-width-input v-model="order.orderId" fontSize="26rpx" color="#7C8495" placeholder="订单号"
+								show-edit />
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="" v-else>
+				<view class="card refund-box">
+					<view class="card flex-column flex-align-center">
+						<view class="main-text animate-scale">
+							退款成功
+						</view>
+						<view class="desc animate-scale" style="margin-top: 12rpx;">
+							<auto-width-input v-model="order.statusDesc" fontSize="26rpx" color="#7C8495"
+								placeholder="状态描述" show-edit />
+						</view>
+						<view class="line"></view>
+					</view>
+					<view class="flex-align-center refund-money-box" style="line-height: 34rpx;">
+						<image style="width: 34rpx;height: 34rpx;"
+							:src="`/static/image/shopping/taobao/detail/refund/icon${order.refundIcon}.png`">
+						</image>
+						<image style="width: 28rpx;height: 28rpx;margin-right: 16rpx;"
+							src="/static/image/common/edit.png" @click="onChangeRefundIcon(order.refundIcon)"></image>
+						<view class="label flex-1 animate-scale">
+							<auto-width-input v-model="order.statusDesc1" fontSize="26rpx" color="#1A1A1A"
+								placeholder="退款去向描述" show-edit />
+						</view>
+						<view class="wx-font-medium animate-scale flex-align-center">
+							<text style="font-size: 28rpx;">￥</text>
+							<auto-width-input v-model="order.refundMoney" type="number" fontSize="38rpx"
+								fontWeight="500" color="#1A1A1A" placeholder="金额" show-edit />
+						</view>
+					</view>
+					<view class="flex refund-money-box">
+						<image style="width: 34rpx;height: 34rpx;margin-right: 16rpx;"
+							src="/static/image/shopping/taobao/detail/refund/yunfeibaozhang.png"></image>
+						<view>
+							<view class="label">运费保障</view>
+							<view class="desc animate-scale">
+								<auto-width-input v-model="order.statusDesc2" fontSize="24rpx" color="#7C8495"
+									placeholder="保障描述详情" show-edit />
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="card refund-product-card">
+					<view class="product-info flex-align-center" v-for="(goods, index) in order.goodsList" :key="index">
+						<image
+							style="width: 140rpx;height: 140rpx;margin-right: 24rpx;flex-shrink: 0;border-radius: 12rpx;"
+							:src="goods.image" mode="aspectFill" @click="chooseImage">
+						</image>
+						<view class="flex-1">
+							<view class="name animate-scale">
+								<auto-width-input v-model="goods.title" fontSize="28rpx" fontWeight="500"
+									color="#1A1A1A" placeholder="商品标题" show-edit />
+							</view>
+							<view class="spec animate-scale" style="margin-top: 8rpx;">
+								<auto-width-input v-model="goods.specs" fontSize="24rpx" color="#7C8495"
+									placeholder="商品规格" show-edit />
+							</view>
+							<view class="tags animate-scale" style="margin-top: 8rpx;">
+								<auto-width-input v-model="goods.tags" fontSize="22rpx" color="#FF7824"
+									placeholder="商品标签" show-edit />
+							</view>
+							<view class="tags animate-scale" style="margin-top: 8rpx;">
+								<auto-width-input v-model="goods.price" fontSize="22rpx" color="#1A1A1A"
+									placeholder="商品价格" type="digit" show-edit />
+							</view>
+						</view>
+					</view>
+					<view class="order-info-box">
+						<view class="item flex-justify-between flex-align-center">
+							<text class="label">协商历史</text>
+							<text class="value" style="color: #1A1A1A;">查看</text>
+						</view>
+						<view v-show="!isFoldRefundOrderInfoCard || item.key == 'refunTime'"
+							class="item flex-justify-between flex-align-center" v-for="item in order.orderInfo"
+							:key="item.key" @click="onClickItemInfo(item)">
+							<text class="label">{{ item.label }}</text>
+							<view class="flex-align-center">
+								<auto-width-input class="value" v-model="item.value" fontSize="26rpx" color="#7C8495"
+									:type="item.type ? item.type : 'text'" show-edit
+									:disabled="item.type == 'time' || item.type == 'timeRange'" />
+							</view>
+						</view>
+					</view>
+				</view>
+				<text style="margin: 0 8rpx;display: block;font-size: 20rpx;color: #7C8495;">*点击切换商品长按可上传自定义图片*</text>
+				<view class="product-img-card flex-center" @longpress.prevent="onUploadRefundImg">
+					<image :src="order.productImgUrl || '/static/image/shopping/taobao/detail/refund/product1.png'"
+						@click.stop="changeImage" style="width: 100%;" mode="widthFix">
+					</image>
+				</view>
+			</view>
+
+		</view>
+	</view>
+
+	<uni-popup ref="timepopup" type="bottom">
+		<!-- 时间选择器 -->
+		<view v-if="selectItemInfo.type == 'time'" class="timeBox">
+			<view class="titleBox">
+				<view class="title" @click="closeTimePicker">
+					取消
+				</view>
+				<view class="btn" @click="settmes">
+					确定
+				</view>
+			</view>
+			<DateTimePicker :defaultDate="datePickerData.selectDate" :minDate="datePickerData.startDate"
+				:maxDate="datePickerData.endDate" :mode="4" @onChange="onChangeStartDate" />
+		</view>
+
+		<!-- 时间段选择器 -->
+		<view v-if="selectItemInfo.type == 'timeRange'" class="timeBox">
+			<view class="titleBox">
+				<view class="title" @click="closeTimePicker">
+					取消
+				</view>
+				<view class="btn" @click="settmes">
+					确定
+				</view>
+			</view>
+			<view class="picker-container">
+				<picker-view class="range-picker-view" :value="timeRangePickerData.rangeSelect"
+					@change="onTimeRangeChange">
+					<picker-view-column>
+						<view class="picker-item" v-for="(item, index) in timeRangePickerData.rangeCols[0]"
+							:key="index">
+							{{ item }}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view class="picker-item" v-for="(item, index) in timeRangePickerData.rangeCols[1]"
+							:key="index">
+							{{ item }}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view class="picker-item" v-for="(item, index) in timeRangePickerData.rangeCols[2]"
+							:key="index">
+							{{ item }}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view class="picker-item" v-for="(item, index) in timeRangePickerData.rangeCols[3]"
+							:key="index">
+							{{ item }}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view class="picker-item" v-for="(item, index) in timeRangePickerData.rangeCols[4]"
+							:key="index">
+							{{ item }}
+						</view>
+					</picker-view-column>
+				</picker-view>
+			</view>
+		</view>
+	</uni-popup>
+</template>
+
+<script setup>
+import { onLoad } from "@dcloudio/uni-app";
+import { ref, computed, watch, onMounted, nextTick } from "vue";
+import NavBar from "@/components/nav-bar/nav-bar.vue";
+import { shoppingType, shoppingClassfiy, shoppingProductList, defualtData } from "../json/order.json";
+import AutoWidthInput from "@/components/common/auto-width-input.vue";
+import DateTimePicker from '@/components/dengrq-datetime-picker/dateTimePicker/index.vue';
+import { stringUtil } from '@/utils/common.js';
+
+const activeTab = ref("wait_pay");
+const isEditMode = ref(false);
+const currentId = ref('');
+const navTitle = computed(() => isEditMode.value ? "修改订单" : "新增订单");
+
+const shopTypeOptions = ['淘宝', '天猫'];
+const shopTypeValues = ['taobao', 'tianmao'];
+const shopTypeIndex = computed(() => {
+	if (!order.value || !order.value.shopType) return 2; // 默认“其它”
+	const idx = shopTypeValues.indexOf(order.value.shopType);
+	return idx > -1 ? idx : 2;
+});
+
+const statusBarHeight = ref(0);
+const timepopup = ref();
+
+const selectItemInfo = ref({
+	type: '',
+	value: '',
+	label: '',
+	id: ''
+});
+
+const datePickerData = ref({
+	selectDate: "",
+	startDate: "",
+	endDate: "",
+});
+
+// 时间段选择器数据
+const timeRangePickerData = ref({
+	rangeCols: [[], [], [], [], []], // 年, 月, 日, 开始时间, 结束时间
+	rangeSelect: [0, 5, 14, 9, 22]    // 2026, 06, 15, 09:00, 22:00 (基于索引)
+});
+
+// 初始化时间段选择器的列数据
+const initTimeRangeColumns = () => {
+	const years = [];
+	const now = new Date();
+	const currentYear = now.getFullYear();
+	for (let i = currentYear - 5; i <= currentYear + 5; i++) {
+		years.push(i + '年');
+	}
+
+	const months = [];
+	for (let i = 1; i <= 12; i++) {
+		months.push(i.toString().padStart(2, '0') + '月');
+	}
+
+	const days = [];
+	for (let i = 1; i <= 31; i++) {
+		days.push(i.toString().padStart(2, '0') + '日');
+	}
+
+	const hours = [];
+	for (let i = 0; i < 24; i++) {
+		hours.push(i.toString().padStart(2, '0') + ':00');
+	}
+
+	timeRangePickerData.value.rangeCols = [years, months, days, hours, hours];
+
+	// 根据当前日期设置默认索引 (2026-06-15 示例或当前日期)
+	const yearIdx = years.indexOf('2026年') !== -1 ? years.indexOf('2026年') : 5;
+	timeRangePickerData.value.rangeSelect = [yearIdx, 5, 14, 9, 22];
+};
+
+onMounted(() => {
+	const info = uni.getSystemInfoSync();
+	statusBarHeight.value = info.statusBarHeight || 0;
+	initTimeRangeColumns();
+});
+const order = ref({
+	...JSON.parse(JSON.stringify(shoppingClassfiy[activeTab.value])),
+	productImgUrl: '/static/image/shopping/taobao/detail/refund/product1.png'
+});
+
+// 初始化默认地址信息，防止渲染时为空
+if (order.value) {
+	order.value.consignee = order.value.consignee || "";
+	order.value.phone = order.value.phone || "";
+	order.value.fullAddress = order.value.fullAddress || "";
+}
+
+// 时间选择器数据
+const timeRange = ref([
+	Array.from({ length: 24 }, (_, i) => (i < 10 ? '0' + i : i + '')), // 时
+	Array.from({ length: 60 }, (_, i) => (i < 10 ? '0' + i : i + '')),  // 分
+	Array.from({ length: 60 }, (_, i) => (i < 10 ? '0' + i : i + ''))   // 秒
+]);
+
+// 当前选择器索引
+const timeValue = computed(() => {
+	if (!order.value || !order.value.payCountdown) return [0, 0, 0];
+	const parts = order.value.payCountdown.split(' : ');
+	if (parts.length !== 3) return [0, 0, 0];
+	return [
+		parseInt(parts[0]) || 0,
+		parseInt(parts[1]) || 0,
+		parseInt(parts[2]) || 0
+	];
+});
+
+//切换退款账户图标
+const onChangeRefundIcon = (index) => {
+	if (index < 3) {
+		order.value.refundIcon = index + 1;
+	} else {
+		order.value.refundIcon = 1;
+	}
+}
+
+const changeImage = () => {
+	// 如果当前是图 1 (或为空导致的兜底图 1)，则切到图 2；否则切回图 1
+	if (!order.value.productImgUrl || order.value.productImgUrl.includes('product1.png')) {
+		order.value.productImgUrl = '/static/image/shopping/taobao/detail/refund/product2.png';
+	} else {
+		order.value.productImgUrl = '/static/image/shopping/taobao/detail/refund/product1.png';
+	}
+}
+
+// 长按上传自定义退款图
+const onUploadRefundImg = () => {
+	// 记录旧图路径用于清理
+	const oldImg = order.value.productImgUrl;
+
+	uni.chooseImage({
+		count: 1,
+		success: (res) => {
+			const tempPath = res.tempFilePaths[0];
+			uni.showLoading({ title: '持久化处理中...' });
+
+			// 立即转存为本地永久路径
+			uni.saveFile({
+				tempFilePath: tempPath,
+				success: (saveRes) => {
+					order.value.productImgUrl = saveRes.savedFilePath;
+
+					// 清理旧的本地物理文件
+					if (oldImg && (oldImg.includes('_doc') || oldImg.includes('store_'))) {
+						uni.removeSavedFile({
+							filePath: oldImg,
+							success: () => console.log('旧退款图已物理删除:', oldImg)
+						});
+					}
+					uni.hideLoading();
+					uni.showToast({ title: '图片已保存', icon: 'success' });
+				},
+				fail: (err) => {
+					console.error('退款图保存失败:', err);
+					uni.hideLoading();
+					order.value.productImgUrl = tempPath; // 失败则降级使用临时路径
+				}
+			});
+		}
+	});
+}
+
+/**
+ * 修改倒计时时间
+ */
+const handleTimeChange = (e) => {
+	const val = e.detail.value;
+	const h = timeRange.value[0][val[0]];
+	const m = timeRange.value[1][val[1]];
+	const s = timeRange.value[2][val[2]];
+	order.value.payCountdown = `${h} : ${m} : ${s}`;
+};
+
+onLoad((options) => {
+	console.log('页面参数接收:', options);
+	const editFlag = String(options.isEdit) === 'true' || options.isEdit === true;
+
+	if (editFlag && options.id) {
+		// ... (编辑模式逻辑保持不变)
+		isEditMode.value = true;
+		currentId.value = String(options.id);
+		const list = uni.getStorageSync('taobaoShopping') || [];
+		let editData = list.find(item => String(item.id) === String(options.id));
+
+		// 如果缓存没找到，尝试从默认 JSON 数据中找
+		if (!editData) {
+			editData = defualtData.find(item => String(item.id) === String(options.id));
+		}
+
+		if (editData) {
+			order.value = JSON.parse(JSON.stringify(editData));
+
+			// 优先使用 statusType 对齐 Tab 状态，兜底使用 activeTab
+			activeTab.value = editData.statusType || editData.activeTab || 'wait_pay';
+		}
+
+	} else {
+		// 新增：执行通用随机化逻辑
+		if (order.value) {
+			randomizeOrderInfo();
+			// 随机初始化特定状态字段 (倒计时等)
+			if (activeTab.value === 'wait_pay' && !order.value.payCountdown) {
+				const h = (Math.floor(Math.random() * 23) + 1).toString().padStart(2, '0');
+				const m = Math.floor(Math.random() * 59).toString().padStart(2, '0');
+				const s = Math.floor(Math.random() * 59).toString().padStart(2, '0');
+				order.value.payCountdown = `${h} : ${m} : ${s}`;
+			}
+			// 随机初始化商品
+			clickRandomDate();
+		}
+	}
+});
+
+/**
+ * 随机选择商品 (避开当前商品)
+ */
+const clickRandomDate = () => {
+	if (!shoppingProductList || shoppingProductList.length === 0) return;
+
+	// 获取当前商品标题 (用于去重)
+	const currentTitle = order.value?.goodsList?.[0]?.title || '';
+
+	// 过滤掉当前已经选中的商品
+	let availableProducts = shoppingProductList.filter(p => {
+		const title = p.goodsList?.[0]?.title || '';
+		return title !== currentTitle;
+	});
+
+	// 如果过滤后没剩或者只有一个商品且刚好是当前的，则 fallback 到全量随机
+	if (availableProducts.length === 0) {
+		availableProducts = shoppingProductList;
+	}
+
+	// 随机抽选
+	const randomIndex = Math.floor(Math.random() * availableProducts.length);
+	const selected = JSON.parse(JSON.stringify(availableProducts[randomIndex]));
+
+	// 更新到当前订单对象
+	if (order.value) {
+		order.value.shopType = selected.shopType || order.value.shopType;
+		order.value.shopName = selected.shopName || order.value.shopName;
+		order.value.totalPrice = selected.totalPrice || order.value.totalPrice;
+		order.value.carriage = selected.carriage || order.value.carriage;
+		order.value.discount = selected.discount || order.value.discount;
+		order.value.storeDiscount = selected.storeDiscount || order.value.storeDiscount;
+		order.value.platformDiscount = selected.platformDiscount || order.value.platformDiscount;
+
+
+		if (selected.goodsList && selected.goodsList.length > 0) {
+			order.value.goodsList[0] = {
+				...order.value.goodsList[0],
+				...selected.goodsList[0]
+			};
+		}
+	}
+};
+
+/**
+ * 选择图片并转换为本地持久化路径 (并清理旧图)
+ */
+const chooseImage = () => {
+	// 记录旧图路径用于清理
+	const oldImagePath = order.value.goodsList[0].image;
+
+	uni.chooseImage({
+		count: 1,
+		sizeType: ['original', 'compressed'],
+		sourceType: ['album', 'camera'],
+		success: (res) => {
+			const tempFilePath = res.tempFilePaths[0];
+			uni.showLoading({ title: '处理图片中...' });
+
+			// 将新图保存为持久化文件
+			uni.saveFile({
+				tempFilePath: tempFilePath,
+				success: (saveRes) => {
+					// 1. 设置新图片路径
+					order.value.goodsList[0].image = saveRes.savedFilePath;
+
+					// 2. 如果旧图是本地持久化文件，则物理删除它
+					if (oldImagePath && (oldImagePath.includes('_doc') || oldImagePath.includes('store_') || oldImagePath.includes('at_'))) {
+						uni.removeSavedFile({
+							filePath: oldImagePath,
+							success: () => console.log('旧图片已清理:', oldImagePath),
+							fail: (err) => console.error('旧图片清理失败:', err)
+						});
+					}
+
+					uni.showToast({ title: '图片已更新', icon: 'success' });
+				},
+				fail: (err) => {
+					console.error('保存图片失败:', err);
+					uni.showToast({ title: '图片持久化失败', icon: 'none' });
+					order.value.products[0].image = tempFilePath;
+				},
+				complete: () => {
+					uni.hideLoading();
+				}
+			});
+		}
+	});
+}
+
+/**
+ * 选择快递员头像并转换为本地持久化路径 (并清理旧图)
+ */
+const chooseCourierImg = () => {
+	// 记录旧图路径用于清理
+	const oldImagePath = order.value.courierImg;
+
+	uni.chooseImage({
+		count: 1,
+		sizeType: ['original', 'compressed'],
+		sourceType: ['album', 'camera'],
+		success: (res) => {
+			const tempFilePath = res.tempFilePaths[0];
+			uni.showLoading({ title: '处理图片中...' });
+
+			// 将新图保存为持久化文件
+			uni.saveFile({
+				tempFilePath: tempFilePath,
+				success: (saveRes) => {
+					// 1. 设置新图片路径
+					order.value.courierImg = saveRes.savedFilePath;
+
+					// 2. 如果旧图是本地持久化文件，则物理删除它
+					if (oldImagePath && (oldImagePath.includes('_doc') || oldImagePath.includes('store_') || oldImagePath.includes('at_'))) {
+						uni.removeSavedFile({
+							filePath: oldImagePath,
+							success: () => console.log('旧头像已清理:', oldImagePath),
+							fail: (err) => console.error('旧头像清理失败:', err)
+						});
+					}
+				},
+				fail: (err) => {
+					console.error('保存头像失败:', err);
+					order.value.courierImg = tempFilePath;
+				},
+				complete: () => {
+					uni.hideLoading();
+				}
+			});
+		}
+	});
+}
+
+/**
+ * 点击列表项触发
+ */
+const onClickItemInfo = (item) => {
+	if (item.label === '收货信息') return; // 收货信息不可手动修改
+	if (item.type == 'time') {
+		datePickerData.value.selectDate = item.value;
+		datePickerData.value.endDate = formatTime(new Date());
+		selectItemInfo.value = item;
+		timepopup.value.open();
+	} else if (item.type == 'timeRange') {
+		selectItemInfo.value = item;
+		timepopup.value.open();
+	} else {
+		// 普通输入聚焦逻辑
+		item.focus = false;
+		nextTick(() => {
+			item.focus = true;
+		});
+	}
+}
+
+/**
+ * 时间选择器变化
+ */
+const onChangeStartDate = (e) => {
+	datePickerData.value.selectDate = e;
+}
+
+/**
+ * 点击出库时间
+ */
+const onClickTrackingTime = () => {
+	selectItemInfo.value = {
+		type: 'time',
+		isTrackingTime: true
+	};
+	datePickerData.value.selectDate = order.value.trackingTime || formatTime(new Date());
+	datePickerData.value.endDate = "2099-12-31 23:59:59";
+	timepopup.value.open();
+}
+
+/**
+ * 确认时间选择
+ */
+const settmes = () => {
+	if (selectItemInfo.value.type == 'time') {
+		if (selectItemInfo.value.isTrackingTime) {
+			order.value.trackingTime = datePickerData.value.selectDate;
+		} else {
+			selectItemInfo.value.value = datePickerData.value.selectDate;
+		}
+	} else if (selectItemInfo.value.type == 'timeRange') {
+		const cols = timeRangePickerData.value.rangeCols;
+		const sel = timeRangePickerData.value.rangeSelect;
+		const y = cols[0][sel[0]].replace('年', '');
+		const m = cols[1][sel[1]].replace('月', '');
+		const d = cols[2][sel[2]].replace('日', '');
+		const startStr = cols[3][sel[3]];
+		const endStr = cols[4][sel[4]];
+		selectItemInfo.value.value = `${y}-${m}-${d},${startStr}-${endStr}`;
+	}
+	timepopup.value.close();
+}
+
+/**
+ * 时间段选择器变化
+ */
+const onTimeRangeChange = (e) => {
+	timeRangePickerData.value.rangeSelect = e.detail.value;
+}
+
+/**
+ * 关闭时间选择器
+ */
+const closeTimePicker = () => {
+	timepopup.value.close();
+}
+
+/**
+ * 格式化时间
+ */
+const formatTime = (date) => {
+	const year = date.getFullYear();
+	const month = date.getMonth() + 1;
+	const day = date.getDate();
+	const hour = date.getHours();
+	const minute = date.getMinutes();
+	const second = date.getSeconds();
+	return `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')} ${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}:${second.toString().padStart(2, '0')}`;
+}
+
+/**
+ * 随机生成 18 位订单号 (淘宝格式 1/3 开头)
+ */
+const generateRandomOrder = () => {
+	let orderNo = Math.random() > 0.5 ? '3' : '1';
+	for (let i = 0; i < 17; i++) {
+		orderNo += Math.floor(Math.random() * 10);
+	}
+	return orderNo;
+}
+
+/**
+ * 生成默认期望配送时间 (明天 09:00-21:00)
+ */
+const generateDefaultExpectedTime = () => {
+	const tomorrow = new Date();
+	tomorrow.setDate(tomorrow.getDate() + 1);
+	const y = tomorrow.getFullYear();
+	const m = (tomorrow.getMonth() + 1).toString().padStart(2, '0');
+	const d = tomorrow.getDate().toString().padStart(2, '0');
+	return `${y}-${m}-${d} 09:00-21:00`;
+}
+
+/**
+ * 切换tab
+ * @param item 
+ */
+const switchTab = (item) => {
+	// 备份当前输入，防止切换 tab 导致数据丢失
+	const oldData = order.value ? JSON.parse(JSON.stringify(order.value)) : null;
+
+	activeTab.value = item.key;
+	order.value = JSON.parse(JSON.stringify(shoppingClassfiy[activeTab.value]));
+
+	// 确保从模板加载后 productImgUrl 不为空
+	if (!order.value.productImgUrl) {
+		order.value.productImgUrl = '/static/image/shopping/taobao/detail/refund/product1.png';
+	}
+
+	if (order.value && oldData) {
+		// 恢复通用字段
+		order.value.userName = oldData.userName || order.value.userName;
+		order.value.phone = oldData.phone || order.value.phone;
+		order.value.address = oldData.address || order.value.address;
+		order.value.shopName = oldData.shopName || order.value.shopName;
+		order.value.shopType = oldData.shopType || order.value.shopType;
+		order.value.carriage = oldData.carriage || order.value.carriage;
+		order.value.discount = oldData.discount || order.value.discount;
+		order.value.totalPrice = oldData.totalPrice || order.value.totalPrice;
+		order.value.productImgUrl = oldData.productImgUrl || order.value.productImgUrl;
+
+		// 如果不是退款模式，则恢复优惠金额；如果是退款模式，则保持模板中的空值（或显式清空）
+		if (activeTab.value !== 'refunding') {
+			order.value.platformDiscount = oldData.platformDiscount || order.value.platformDiscount;
+			order.value.storeDiscount = oldData.storeDiscount || order.value.storeDiscount;
+		} else {
+			order.value.platformDiscount = '';
+			order.value.storeDiscount = '';
+		}
+
+		// 恢复商品数据
+		if (order.value.goodsList && order.value.goodsList[0] && oldData.goodsList && oldData.goodsList[0]) {
+			order.value.goodsList[0] = JSON.parse(JSON.stringify(oldData.goodsList[0]));
+		}
+
+		// 恢复 orderInfo 中的手动输入值
+		if (order.value.orderInfo && oldData.orderInfo) {
+			order.value.orderInfo.forEach(newInfo => {
+				const target = oldData.orderInfo.find(o => o.label === newInfo.label);
+				if (target && target.value) {
+					newInfo.value = target.value;
+				}
+			});
+		}
+
+		// 针对新增模式，如果数据仍然为空，则自动生成
+		if (!isEditMode.value && order.value) {
+			randomizeOrderInfo();
+			// 随机初始化特定状态字段 (如待付款倒计时)
+			if (activeTab.value === 'wait_pay' && !order.value.payCountdown) {
+				const h = (Math.floor(Math.random() * 23) + 1).toString().padStart(2, '0');
+				const m = Math.floor(Math.random() * 59).toString().padStart(2, '0');
+				const s = Math.floor(Math.random() * 59).toString().padStart(2, '0');
+				order.value.payCountdown = `${h} : ${m} : ${s}`;
+			}
+		}
+	}
+}
+
+/**
+ * 通用随机化订单信息字段 (针对 time, date, number 类型)
+ */
+const randomizeOrderInfo = () => {
+	if (!order.value) return;
+
+	// 1. 处理主订单号 (18位)：仅在为空时生成
+	if (!order.value.orderId || order.value.orderId.trim() === '') {
+		order.value.orderId = generateRandomOrder();
+	}
+
+	if (!order.value.orderInfo) return;
+
+	const now = new Date();
+	const createDate = new Date(now.getTime() - (Math.floor(Math.random() * 60 + 60) * 60 * 1000));
+	const payDate = new Date(createDate.getTime() + (Math.floor(Math.random() * 10 + 5) * 60 * 1000));
+	const deliverDate = new Date(payDate.getTime() + (Math.floor(Math.random() * 120 + 30) * 60 * 1000));
+	const finishDate = new Date(deliverDate.getTime() + (Math.floor(Math.random() * 180 + 60) * 60 * 1000));
+
+	order.value.orderInfo.forEach(item => {
+		// 只有在值为空时才进行随机化填充，防止覆盖手动修改的数据
+		if (!item.value || item.value.trim() === '') {
+			// 处理时间/日期类
+			if (item.type === 'time' || item.type === 'date') {
+				let targetDate = now;
+				if (item.key === 'createTime') targetDate = createDate;
+				else if (item.key === 'paymentTime' || item.key === 'applyTime') targetDate = payDate;
+				else if (item.key === 'deliveryTime') targetDate = deliverDate;
+				else if (item.key === 'refunTime') targetDate = finishDate;
+				else {
+					targetDate = new Date(now.getTime() - Math.floor(Math.random() * 3 * 24 * 3600 * 1000));
+				}
+				item.value = formatTime(targetDate);
+			}
+			// 处理数字类
+			else if (item.type === 'number') {
+				const prefix = formatTime(now).replace(/[- :]/g, '').substring(0, 8);
+				let suffix = '';
+				for (let i = 0; i < 20; i++) suffix += Math.floor(Math.random() * 10);
+				item.value = prefix + suffix;
+			}
+		}
+	});
+};
+
+async function onConfirm() {
+	let list = uni.getStorageSync('taobaoShopping') || [];
+	if (!Array.isArray(list)) {
+		list = [];
+	}
+
+	order.value.activeTab = activeTab.value;
+	order.value.statusType = activeTab.value; // 同步状态字段，适配详情页
+
+	// 处理图片持久化 (主图)
+	const product = order.value.goodsList[0];
+	if (product && product.image && (product.image.includes('tmp') || product.image.includes('blob'))) {
+		try {
+			const res = await new Promise((resolve, reject) => {
+				uni.saveFile({
+					tempFilePath: product.image,
+					success: resolve,
+					fail: reject
+				});
+			});
+			product.image = res.savedFilePath;
+		} catch (err) {
+			console.error('主图保存失败:', err);
+		}
+	}
+
+	// 处理图片持久化 (退款图)
+	if (order.value.productImgUrl && (order.value.productImgUrl.includes('tmp') || order.value.productImgUrl.includes('blob'))) {
+		try {
+			const res = await new Promise((resolve, reject) => {
+				uni.saveFile({
+					tempFilePath: order.value.productImgUrl,
+					success: resolve,
+					fail: reject
+				});
+			});
+			order.value.productImgUrl = res.savedFilePath;
+			console.log('退款图持久化成功:', order.value.productImgUrl);
+		} catch (err) {
+			console.error('退款图保存失败:', err);
+		}
+	}
+
+	if (isEditMode.value) {
+		// 修改模式：查找原有 ID 并替换 (强制转字符串匹配)
+		const index = list.findIndex(item => String(item.id) === String(currentId.value));
+		if (index > -1) {
+			list[index] = JSON.parse(JSON.stringify(order.value));
+		} else {
+			// 如果缓存中没找到（可能是第一次修改系统默认数据），则追加
+			list.push(JSON.parse(JSON.stringify(order.value)));
+		}
+	} else {
+		// 新增模式：仅在真正新增时生成 UUID 并追加
+		order.value.id = stringUtil.uuid();
+		list.push(JSON.parse(JSON.stringify(order.value)));
+	}
+
+	uni.setStorageSync('taobaoShopping', list);
+	uni.showToast({
+		title: isEditMode.value ? '修改成功' : '保存成功',
+		icon: 'success'
+	});
+	setTimeout(() => {
+		uni.navigateBack();
+	}, 500);
+}
+
+const onShopTypeChange = (e) => {
+	const idx = e.detail.value;
+	order.value.shopType = shopTypeValues[idx];
+}
+
+// 自动同步“收货信息”与“收货地址”
+watch([
+	() => order.value?.userName,
+	() => order.value?.phone,
+	() => order.value?.address
+], ([name, phone, addr]) => {
+	if (!order.value) return;
+
+	// 1. 同步“收货信息”
+	const userInfoValue = `${name || ''} ${phone || ''}，${addr || ''}`.trim();
+	const findAndSet = (list, label, value, onlyIfEmpty = false) => {
+		if (!list) return;
+		const target = list.find(i => i.label === label);
+		if (target) {
+			if (!onlyIfEmpty || !target.value || target.value.trim() === '') {
+				target.value = value;
+			}
+		}
+	};
+
+	findAndSet(order.value.orderInfo, '收货信息', userInfoValue);
+}, { deep: true, immediate: true });
+
+// 自动计算实付款总额
+watch([
+	() => order.value?.goodsList?.[0]?.price,
+	() => order.value?.goodsList?.[0]?.count,
+	() => order.value?.platformDiscount,
+	() => order.value?.storeDiscount,
+	() => order.value?.carriage
+], ([price, count, pDiscount, sDiscount, carriage]) => {
+	if (!order.value) return;
+	const p = parseFloat(price) || 0;
+	const n = parseInt(count) || 1;
+	const pd = parseFloat(pDiscount) || 0;
+	const sd = parseFloat(sDiscount) || 0;
+	const c = parseFloat(carriage) || 0;
+
+	// 计算逻辑：(原价 * 数量) - platformDiscount - storeDiscount + carriage
+	const total = (p * n - pd - sd + c).toFixed(2);
+	order.value.totalPrice = total;
+}, { deep: true, immediate: true });
+
+// 实时同步“退款金额”字段 (头部大字与详情列表联动)
+watch(() => order.value?.refundMoney, (newVal) => {
+	if (!order.value || !order.value.orderInfo) return;
+	const target = order.value.orderInfo.find(i => i.key === 'refunMoney');
+	if (target && target.value !== newVal) {
+		target.value = newVal;
+	}
+}, { immediate: true });
+
+watch(() => order.value?.orderInfo, (newInfo) => {
+	if (!order.value || !newInfo) return;
+	const target = newInfo.find(i => i.key === 'refunMoney');
+	if (target && target.value !== order.value.refundMoney) {
+		order.value.refundMoney = target.value;
+	}
+}, { deep: true });
+
+</script>
+
+<style lang="less" scoped>
+/* 右上角点击蒙层：position:fixed，透明，覆盖导航栏右侧按钮区域 */
+.right-btn-mask {
+	position: fixed;
+	top: 0;
+	right: 0;
+	width: 80px;
+	/* height 由 :style 动态绑定 = statusBarHeight + 44px */
+	z-index: 10000;
+	background: transparent;
+}
+
+.tab-box {
+	// // position: -webkit-sticky;
+	// position: sticky;
+	// /* #ifdef H5 */
+	// top: 44px;
+	// /* H5 端通常有导航栏高度 */
+	// /* #endif */
+	// /* #ifndef H5 */
+	// top: 88rpx;
+	// /* #endif */
+	// z-index: 9;
+	background-color: #F2F3F7;
+	padding: 22rpx 24rpx;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	overflow: hidden;
+	overflow-x: scroll;
+
+	&::-webkit-scrollbar {
+		display: none;
+		/* 隐藏滚动条 */
+	}
+
+	.tab {
+		white-space: nowrap;
+		padding: 10rpx 20rpx;
+		border-radius: 28rpx;
+		margin-right: 16rpx;
+		background-color: #fff;
+		font-size: 26rpx;
+		color: #1a1a1a;
+		flex-shrink: 0;
+		font-weight: 500;
+
+		&.active {
+			color: #1B71F8;
+		}
+	}
+
+}
+
+.title-box {
+	display: flex;
+	align-items: center;
+
+	.wait-icon {
+		width: 40rpx;
+		height: 40rpx;
+		margin-right: 12rpx;
+	}
+
+	text {
+		font-size: 36rpx;
+		font-weight: 500;
+		color: #1a1a1a;
+	}
+}
+
+.right-box {
+	display: flex;
+
+	.icon {
+		width: 40rpx;
+		height: 40rpx;
+		margin-left: 20rpx;
+	}
+}
+
+.status-box {
+	padding: 16rpx 32rpx;
+	background-color: #FFFFFF;
+	display: flex;
+	align-items: center;
+
+	.status-text {
+		flex-shrink: 0;
+		font-size: 30rpx;
+		color: #FF7824;
+		line-height: 30rpx;
+		font-weight: 500;
+		white-space: nowrap;
+	}
+
+	.status-desc {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		flex-shrink: 0;
+		font-size: 30rpx;
+		color: #1A1A1A;
+		line-height: 30rpx;
+		font-weight: 500;
+		margin-left: 8rpx;
+		white-space: nowrap;
+	}
+}
+
+.address-box {
+	background-color: #FFFFFF;
+	padding: 18rpx 32rpx 28rpx;
+	display: flex;
+	align-items: flex-start;
+
+	.icon {
+		width: 34rpx;
+		height: 34rpx;
+		margin-right: 8rpx;
+	}
+
+	.edit-text {
+		display: flex;
+		align-items: center;
+		font-size: 26rpx;
+		color: #FF7824;
+		line-height: 26rpx;
+		margin-top: 6rpx;
+	}
+
+	.content {
+		.up {
+			font-weight: 500;
+			font-size: 30rpx;
+			line-height: 1.5;
+			color: #1A1A1A;
+			margin-bottom: 18rpx;
+		}
+
+		.down {
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 24rpx;
+		}
+
+	}
+
+}
+
+.card {
+	background-color: #FFFFFF;
+
+	&.status-desc {
+		margin: 16rpx 0;
+		padding: 0 32rpx;
+		height: 84rpx;
+
+		.title {
+			font-size: 30rpx;
+			color: #1A1A1A;
+			line-height: 30rpx;
+			font-weight: 500;
+		}
+
+		text {
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 24rpx;
+		}
+	}
+
+	&.product-card {
+		background-color: #FFFFFF;
+		padding: 32rpx;
+
+		.shop-name-box {
+			.shop-name {
+				font-size: 28rpx;
+				color: #00032A;
+				line-height: 1.5;
+				font-weight: 600;
+				margin: 0 4rpx;
+			}
+		}
+
+		.goods-list {
+			margin-top: 24rpx;
+
+			.goods-img {
+				flex-shrink: 0;
+				width: 156rpx;
+				height: 156rpx;
+				border-radius: 12rpx;
+				margin-right: 24rpx;
+			}
+
+			.goods-specs {
+				color: #7C8495 !important;
+				font-size: 26rpx;
+				line-height: 26rpx;
+				margin-top: 24rpx;
+
+				.title {
+					color: #7C8495 !important;
+					size: 26rpx;
+					font-weight: 400;
+				}
+
+				.price {
+					font-size: 26rpx;
+					color: #7B7E8C;
+					line-height: 26rpx;
+					font-weight: 500;
+
+					.small {
+						font-size: 26rpx;
+						font-weight: 500;
+					}
+				}
+			}
+
+			.inline-tag {
+				margin-top: 18rpx;
+
+				.desc {
+					font-size: 24rpx;
+					color: #0AA957;
+					line-height: 24rpx;
+				}
+
+			}
+
+			.title-box {
+				flex: 1;
+				width: 100px;
+				min-height: 32rpx;
+				line-height: 1.5;
+				text-align: left;
+			}
+
+			.title {
+				position: relative;
+				width: 100%;
+				font-size: 26rpx;
+				color: #00032A;
+				line-height: 1.5;
+				font-weight: 500;
+			}
+
+
+			.price {
+				margin-left: 18rpx;
+				color: #1A1A1A;
+				font-size: 36rpx;
+				font-weight: 500;
+				line-height: 30rpx;
+
+				.small {
+					font-size: 30rpx;
+				}
+			}
+		}
+
+		.btn-box {
+			display: flex;
+			justify-content: flex-end;
+			margin-top: 12rpx;
+			margin-bottom: 40rpx;
+
+			.btn {
+				height: 64rpx;
+				line-height: 64rpx;
+				border-radius: 12rpx;
+				margin-left: 12rpx;
+				font-size: 26rpx;
+				color: #1A1A1A;
+				padding: 0 28rpx;
+				background-color: #F1F5F8;
+			}
+
+			.primary {
+				background-color: #FFECE5;
+				color: #F37120;
+				font-weight: 500;
+			}
+		}
+
+		.total-price-box {
+
+			padding-bottom: 30rpx;
+			border-bottom: 0.5px solid #D8D8D8;
+
+			.title {
+				font-size: 30rpx;
+				color: #00032A;
+				line-height: 30rpx;
+				font-weight: 500;
+				margin-right: 8rpx;
+			}
+
+			.count {
+				color: #7B7E8C;
+				font-size: 24rpx;
+				line-height: 24rpx;
+			}
+
+			.price {
+				font-weight: 500;
+				font-size: 30rpx;
+				color: #1A1A1A;
+				line-height: 24rpx;
+			}
+		}
+
+		.discount-box {
+			margin-top: 48rpx;
+
+			.item {
+				margin-bottom: 46rpx;
+				height: 32rpx;
+			}
+
+			.discount-price {
+				font-size: 32rpx;
+				color: #FF7824;
+				font-weight: 500;
+			}
+		}
+	}
+
+	&.order-info {
+		padding: 28rpx 32rpx;
+		margin: 16rpx 0;
+
+		.order-ID {
+
+			.lable {
+				font-size: 30rpx;
+				line-height: 32rpx;
+				color: #1A1A1A;
+				font-weight: 500;
+				// margin-right: 6rpx;
+			}
+
+			.value {
+				font-weight: 400;
+				font-size: 26rpx;
+				color: #7C8495;
+				line-height: 26rpx;
+				text-align: right;
+
+			}
+		}
+
+		.item {
+			margin-bottom: 40rpx;
+			display: flex;
+			align-items: center;
+
+			.lable {
+				font-size: 26rpx;
+				color: #1A1A1A;
+				line-height: 26rpx;
+				flex-shrink: 0;
+				display: flex;
+				flex-wrap: nowrap;
+				align-content: center;
+			}
+
+			.value {
+				font-size: 26rpx;
+				color: #7C8495;
+				line-height: 26rpx;
+				margin-left: 50rpx;
+			}
+		}
+	}
+}
+
+.bottom-template {
+	height: 108rpx;
+	height: calc(108rpx + env(safe-area-inset-bottom));
+	height: calc(108rpx + constant(safe-area-inset-bottom));
+}
+
+.bottom-box {
+	display: flex;
+	justify-content: space-between;
+	background-color: #FFFFFF;
+	padding: 0 28rpx;
+	padding-top: 24rpx;
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	border-top: 0.5px solid #ECEDEF;
+	height: 108rpx;
+	height: calc(108rpx + env(safe-area-inset-bottom));
+	height: calc(108rpx + constant(safe-area-inset-bottom));
+	padding-bottom: env(safe-area-inset-bottom);
+	padding-bottom: constant(safe-area-inset-bottom);
+
+	.left-icons {
+		.icon-box {
+			margin-right: 28rpx;
+
+			.text {
+				font-size: 20rpx;
+				color: #7C8495;
+				line-height: 20rpx;
+			}
+		}
+	}
+
+	.right-btns {
+		.count {
+			font-size: 26rpx;
+			color: #7B7E8C;
+			line-height: 24rpx;
+		}
+
+		.btn {
+			height: 70rpx;
+			width: 164rpx;
+			text-align: center;
+			line-height: 70rpx;
+			background-color: #F4F5F7;
+			color: #1A1A1A;
+			margin-left: 16rpx;
+			border-radius: 12rpx;
+			font-size: 26rpx;
+			font-weight: 400;
+
+			&.primary {
+				background-color: #FD6205;
+				color: #FFFFFF;
+			}
+		}
+
+		&.wait_pay {
+			.price {
+				font-size: 36rpx;
+				color: #FF7824;
+				line-height: 24rpx;
+			}
+
+			.btn {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				width: 220rpx;
+				height: 80rpx;
+
+				.pay {
+					font-size: 26rpx;
+					color: #FFFFFF;
+					line-height: 26rpx;
+				}
+
+				.time {
+					font-size: 22rpx;
+					color: #FFFFFF;
+					line-height: 22rpx;
+					margin-top: 8rpx;
+				}
+			}
+
+			.save {
+				font-size: 26rpx;
+				color: #FF7824;
+				line-height: 24rpx;
+				text-align: right;
+				margin-top: 8rpx;
+			}
+		}
+	}
+}
+
+.bold-text {
+	font-size: 30rpx;
+	color: #00032A;
+	line-height: 30rpx;
+	font-weight: 500;
+
+	.yellow-text {
+		color: #FF7824;
+		font-weight: 400;
+		margin-left: 6rpx;
+	}
+}
+
+.refund-box {
+	padding: 0 32rpx;
+	padding-top: 68rpx;
+	padding-bottom: 10rpx;
+
+	.main-text {
+		font-size: 52rpx;
+		color: #1A1A1A;
+		line-height: 52rpx;
+		font-weight: 500;
+	}
+
+	.desc {
+		font-size: 26rpx;
+		color: #7C8495;
+		line-height: 24rpx;
+		margin-top: 26rpx;
+	}
+
+	.line {
+		margin-top: 58rpx;
+		height: 0.5px;
+		width: 100%;
+		background-color: #E5E5E5;
+	}
+
+	.refund-money-box {
+		padding: 28rpx;
+
+		.label {
+			font-size: 30rpx;
+			color: #1A1A1A;
+			line-height: 30rpx;
+			font-weight: 500;
+		}
+
+		.wx-font-medium {
+			font-weight: 500;
+		}
+
+		.desc {
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 26rpx;
+			margin-top: 16rpx;
+		}
+	}
+
+
+
+}
+
+.refund-product-card {
+	margin: 16rpx 0;
+	padding: 20rpx 32rpx;
+
+	.product-info {
+		margin-bottom: 16rpx;
+
+		.flex-1 {
+			width: 100rpx;
+		}
+
+		.name {
+			font-size: 26rpx;
+			color: #00032A;
+			line-height: 1.5;
+			min-height: 28rpx;
+		}
+
+		.spec {
+			margin-top: 18rpx;
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 1.5;
+		}
+
+		.tags {
+			margin-top: 18rpx;
+			font-size: 26rpx;
+			color: #DD6F0E;
+			line-height: 22rpx;
+		}
+	}
+
+	.order-info-box {
+		border-top: 0.5px solid #E5E5E5;
+		padding-top: 24rpx;
+
+		.item {
+			margin-bottom: 32rpx;
+			line-height: 1.5;
+			font-size: 26rpx;
+			color: #7C8495;
+		}
+	}
+
+
+}
+
+.help-box {
+	padding: 30rpx 32rpx;
+
+	.card-title-box {
+		width: 100%;
+
+		.title {
+			font-size: 30rpx;
+			color: #1A1A1A;
+			line-height: 30rpx;
+			font-weight: 500;
+		}
+
+		.look-more {
+			font-size: 26rpx;
+			color: #7C8495;
+			line-height: 26rpx;
+			font-weight: 400;
+		}
+	}
+
+	.btn-box {
+		width: 100%;
+		flex-wrap: wrap;
+		justify-content: space-between;
+
+		.btn {
+			width: calc(50% - 9rpx);
+			height: 56rpx;
+			line-height: 56rpx;
+			white-space: nowrap;
+			text-align: center;
+			font-size: 26rpx;
+			color: #41495C;
+			font-weight: 400;
+			border-radius: 12rpx 12rpx 12rpx 12rpx;
+			border: 2rpx solid #D0D0D2;
+			margin-top: 16rpx;
+		}
+	}
+}
+
+.refunding-title-box {
+	display: flex;
+	flex-wrap: nowrap;
+
+	text {
+		font-size: 26rpx;
+		color: #7C8495;
+		line-height: 24rpx;
+		white-space: nowrap;
+	}
+
+	.icon {
+		width: 20rpx;
+		height: 20rpx;
+		margin-left: 2rpx;
+	}
+
+	.next {
+		margin: 0 18rpx;
+	}
+}
+
+.timeBox {
+	background-color: #fff;
+	padding: 10px;
+	border-radius: 24rpx 24rpx 0 0;
+
+	.titleBox {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 20px;
+		padding: 0 10px;
+
+		.title {
+			font-size: 28rpx;
+			color: #999;
+		}
+
+		.btn {
+			font-size: 28rpx;
+			color: #1676FE;
+			font-weight: 500;
+		}
+	}
+
+	.range-picker-view {
+		width: 100%;
+		height: 400rpx;
+		background-color: #fff;
+	}
+
+	.picker-item {
+		line-height: 40px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		font-size: 24rpx;
+		color: #333;
+	}
+}
+</style>
+<style>
+/* 直接在页面导入公共样式 */
+@import '/common/main.css';
+@import "@/common/specify-style.less";
+
+.page-container {
+	padding-bottom: 100rpx;
+}
+
+.edit-icon {
+	width: 28rpx;
+	height: 28rpx;
+	margin-left: 0;
+	flex-shrink: 0;
+}
+
+.auto-input {
+	overflow-x: auto;
+}
+
+.time-box {
+	text-align: left;
+	margin: 8rpx 0;
+	padding: 16rpx;
+	background-color: #ffffff;
+}
+
+.random-dice {
+	display: flex;
+	justify-content: flex-end;
+	margin: 0 16rpx;
+}
+
+.product-img-card {
+	margin: 16rpx 0;
+	min-height: 100rpx;
+	background-color: #ffffff;
+}
+
+.animate-scale {
+	overflow: auto;
+}
+</style>
\ No newline at end of file
diff --git a/pages/shopping/taobao/components/list-card/list-card.vue b/pages/shopping/taobao/components/list-card/list-card.vue
index 2bedc34..1d8997a 100644
--- a/pages/shopping/taobao/components/list-card/list-card.vue
+++ b/pages/shopping/taobao/components/list-card/list-card.vue
@@ -1,6 +1,7 @@
 <template>
     <view class="card-wrapper">
-        <view class="card-container" v-for="(item, index) in list" :key="index" @click.stop="clickItem(item)">
+        <view class="card-container" v-for="(item, index) in list" :key="index" @click.stop="clickItem(item)"
+            @touchstart="handleTouchStart($event, item)" @touchmove="handleTouchMove" @touchend="handleTouchEnd">
             <!-- 顶部店铺和状态 -->
             <view class="card-header">
                 <view class="shop-info">
@@ -25,8 +26,8 @@
                     </image>
                     <view class="goods-info" :id="'goods-info-' + index + '-' + gIdx">
                         <view class="goods-title-row">
-                            <view class="good-info-box">
-                                <text class="goods-title">{{ goods.title }}</text>
+                            <view class="good-info-box" :id="'title-box-' + index + '-' + gIdx">
+                                <text class="goods-title">{{ getTruncatedTitle(item, index, goods, gIdx) }}</text>
                                 <view class="goods-spec" v-if="goods.specs">{{ goods.specs }}</view>
                             </view>
 
@@ -120,7 +121,7 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits, ref, watch, nextTick, getCurrentInstance } from 'vue';
+import { defineProps, defineEmits, ref, watch, nextTick, getCurrentInstance, onMounted } from 'vue';
 
 const props = defineProps({
     list: {
@@ -129,32 +130,81 @@ const props = defineProps({
     }
 });
 
-const emit = defineEmits(['action', 'detail', 'click-item']);
+const emit = defineEmits(['action', 'detail', 'click-item', 'longpress']);
 
 
 const instance = getCurrentInstance();
 const imgHeights = ref({});
+const titleMap = ref({});   // key: 'itemIdx-goodsIdx' → 截取后的标题
+const longPressTimer = ref(null);
+const touchStartPos = ref({ x: 0, y: 0 });
+
+/**
+ * 与 shopping-card.vue 对齐的字符权重截断算法
+ */
+const calcFitTitle = (originalTitle, containerWidth) => {
+    const fontSize = uni.upx2px(26);
+    let currentWidth = 0;
+    let cutIndex = 0;
+    let found = false;
+
+    for (let i = 0; i < originalTitle.length; i++) {
+        const char = originalTitle[i];
+        const charCode = char.charCodeAt(0);
+        let weight = 1;
+
+        if (charCode <= 255) {
+            if (/[A-Z]/.test(char)) weight = 0.7;
+            else if (/[a-z]/.test(char)) weight = 0.5;
+            else if (/[0-9]/.test(char)) weight = 0.55;
+            else if (char === ' ') weight = 0.25;
+            else weight = 0.5;
+        }
+
+        currentWidth += weight * fontSize;
+
+        if (currentWidth > containerWidth - uni.upx2px(4)) {
+            cutIndex = i;
+            found = true;
+            break;
+        }
+    }
+
+    return found ? originalTitle.slice(0, cutIndex - 1) : originalTitle;
+};
+
+/**
+ * 供模板调用：返回截取后的标题
+ */
+const getTruncatedTitle = (item, index, goods, gIdx) => {
+    const key = index + '-' + gIdx;
+    return titleMap.value[key] !== undefined ? titleMap.value[key] : (goods.title || '');
+};
 
 const calculateHeights = () => {
     nextTick(() => {
         setTimeout(() => {
             if (!instance || !instance.proxy) return;
-            const query = uni.createSelectorQuery().in(instance.proxy);
-            let keys = [];
 
             if (!props.list || props.list.length === 0) return;
 
+            const heightQuery = uni.createSelectorQuery().in(instance.proxy);
+            const titleQuery = uni.createSelectorQuery().in(instance.proxy);
+            let keys = [];
+
             props.list.forEach((item, index) => {
                 if (!item.goodsList) return;
                 item.goodsList.forEach((goods, gIdx) => {
                     const key = index + '-' + gIdx;
                     keys.push(key);
-                    query.select('#goods-info-' + key).boundingClientRect();
+                    heightQuery.select('#goods-info-' + key).boundingClientRect();
+                    titleQuery.select('#title-box-' + key).boundingClientRect();
                 });
             });
 
             if (keys.length > 0) {
-                query.exec((res) => {
+                // 查询商品信息区高度（用于同步图片高度）
+                heightQuery.exec((res) => {
                     if (res && res.length > 0) {
                         res.forEach((data, i) => {
                             if (data && data.height) {
@@ -163,8 +213,23 @@ const calculateHeights = () => {
                         });
                     }
                 });
+
+                // 查询标题容器宽度，计算最大字符截取
+                titleQuery.exec((res) => {
+                    if (res && res.length > 0) {
+                        res.forEach((data, i) => {
+                            if (data && data.width) {
+                                const [li, gi] = keys[i].split('-').map(Number);
+                                const goods = props.list[li]?.goodsList?.[gi];
+                                if (goods && goods.title) {
+                                    titleMap.value[keys[i]] = calcFitTitle(goods.title, data.width);
+                                }
+                            }
+                        });
+                    }
+                });
             }
-        }, 100); // 延迟等待视图完全渲染
+        }, 300); // 延迟等待视图渲染稳定
     });
 };
 
@@ -172,6 +237,12 @@ watch(() => props.list, () => {
     calculateHeights();
 }, { deep: true, immediate: true });
 
+// 首次挂载后再做一次延迟校准，覆盖页面转场动画的干扰
+// 与 shopping-card.vue 的 onMounted 调用保持一致
+onMounted(() => {
+    setTimeout(calculateHeights, 500);
+});
+
 // 状态文案映射
 const getStatusText = (status) => {
     const map = {
@@ -268,6 +339,47 @@ const clickItem = (item) => {
     emit('click-item', item);
 }
 
+const handleTouchStart = (e, item) => {
+    const touch = e.touches[0];
+    touchStartPos.value = { x: touch.clientX, y: touch.clientY };
+
+    // 清除之前的计时器
+    if (longPressTimer.value) clearTimeout(longPressTimer.value);
+
+    // 开启 800ms 计时器 (可根据需求调整时长)
+    longPressTimer.value = setTimeout(() => {
+        // 触发震动反馈
+        uni.vibrateShort();
+        emit('longpress', {
+            item,
+            x: touch.clientX,
+            y: touch.clientY
+        });
+        longPressTimer.value = null;
+    }, 800);
+}
+
+const handleTouchMove = (e) => {
+    const touch = e.touches[0];
+    const offsetX = Math.abs(touch.clientX - touchStartPos.value.x);
+    const offsetY = Math.abs(touch.clientY - touchStartPos.value.y);
+
+    // 如果手指移动距离超过 10px，认为是在滑动，取消长按计时
+    if (offsetX > 10 || offsetY > 10) {
+        if (longPressTimer.value) {
+            clearTimeout(longPressTimer.value);
+            longPressTimer.value = null;
+        }
+    }
+}
+
+const handleTouchEnd = () => {
+    if (longPressTimer.value) {
+        clearTimeout(longPressTimer.value);
+        longPressTimer.value = null;
+    }
+}
+
 const getTotalCount = (goodsList) => {
     if (!goodsList || !goodsList.length) return 0;
     return goodsList.reduce((sum, item) => sum + (Number(item.count) || 1), 0);
@@ -335,6 +447,8 @@ const goToDetail = (item) => {
             margin-bottom: 18rpx;
 
             .goods-img {
+                height: 92px;
+                width: 92px;
                 min-width: 178rpx;
                 min-height: 178rpx;
                 border-radius: 12rpx;
@@ -342,6 +456,8 @@ const goToDetail = (item) => {
                 flex-shrink: 0;
 
                 &.refunding {
+                    width: 74px;
+                    height: 74px;
                     min-width: 142rpx;
                     min-height: 142rpx;
                 }
@@ -367,9 +483,7 @@ const goToDetail = (item) => {
                         font-size: 26rpx;
                         color: #00032A;
                         line-height: 36rpx;
-                        display: -webkit-box;
-                        -webkit-box-orient: vertical;
-                        -webkit-line-clamp: 1;
+                        white-space: nowrap;
                         overflow: hidden;
                         flex: 1;
                         margin-right: 18rpx;
diff --git a/pages/shopping/taobao/json/order.json b/pages/shopping/taobao/json/order.json
index 30387e8..f641c65 100644
--- a/pages/shopping/taobao/json/order.json
+++ b/pages/shopping/taobao/json/order.json
@@ -18,11 +18,11 @@
             "key": "refunding"
         },
         {
-            "label": "评价",
+            "label": "交易成功",
             "key": "success"
         },
         {
-            "label": "已取消",
+            "label": "交易关闭",
             "key": "closed"
         }
     ],
@@ -45,11 +45,11 @@
             "coupons": "",
             "goodsList": [
                 {
-                    "image": "/static/image/shopping/jingdong/product/shopping/lv.png",
-                    "title": "【官方正品】路易威登 经典老花手提包",
-                    "specs": "经典老花；手提包",
-                    "price": "23979.25",
-                    "oriPrice": "23979.25",
+                    "image": "",
+                    "title": "",
+                    "specs": "",
+                    "price": "",
+                    "oriPrice": "",
                     "count": 1,
                     "tags": "七天无理由退换"
                 }
@@ -163,37 +163,37 @@
                     "title": "Apple iPhone 17 Pro Max",
                     "specs": "Apple/苹果 iPhone 17 Pro Max 1TB 星宇橙色",
                     "price": "10999.00",
-                    "oriPrice": "12999.00",
+                    "oriPrice": " ",
                     "count": 1,
                     "tags": "免费上门退换  七天无理由退货"
                 }
             ],
-            "totalPrice": "10999.00",
-            "platformDiscount": "200.00",
+            "platformDiscount": "",
+            "storeDiscount": "",
             "orderId": "2026031121001039760581201016",
             "orderInfo": [
                 {
                     "label": "发货时间",
                     "key": "deliveryTime",
-                    "value": "2026-03-11 09:48:05",
+                    "value": "",
                     "type": "time"
                 },
                 {
                     "label": "付款时间",
                     "key": "paymentTime",
-                    "value": "2026-03-11 09:48:05",
+                    "value": "",
                     "type": "time"
                 },
                 {
                     "label": "创建时间",
                     "key": "createTime",
-                    "value": "2026-03-11 09:48:05",
+                    "value": "",
                     "type": "time"
                 },
                 {
                     "label": "支付宝交易号",
                     "key": "alipayTransactionNum",
-                    "value": "2026031121001039760581201016",
+                    "value": "",
                     "type": "number"
                 },
                 {
@@ -234,8 +234,8 @@
                 }
             ],
             "totalPrice": "266.00",
-            "platformDiscount": "30.00",
-            "storeDiscount": "20.00",
+            "platformDiscount": "",
+            "storeDiscount": "",
             "points": "10.00",
             "coupons": "5.00",
             "orderId": "2026031121001039760581201016",
@@ -243,31 +243,31 @@
                 {
                     "label": "成交时间",
                     "key": "deliveryTime",
-                    "value": "2026-03-11 09:48:05",
+                    "value": "",
                     "type": "time"
                 },
                 {
                     "label": "发货时间",
                     "key": "deliveryTime",
-                    "value": "2026-03-11 09:48:05",
+                    "value": "",
                     "type": "time"
                 },
                 {
                     "label": "付款时间",
                     "key": "paymentTime",
-                    "value": "2026-03-11 09:48:05",
+                    "value": "",
                     "type": "time"
                 },
                 {
                     "label": "创建时间",
                     "key": "createTime",
-                    "value": "2026-03-11 09:48:05",
+                    "value": "",
                     "type": "time"
                 },
                 {
                     "label": "支付宝交易号",
                     "key": "alipayTransactionNum",
-                    "value": "2026031121001039760581201016",
+                    "value": "",
                     "type": "number"
                 },
                 {
@@ -311,25 +311,26 @@
                 }
             ],
             "totalPrice": "8999.00",
-            "platformDiscount": "1000.00",
+            "platformDiscount": "",
+            "storeDiscount": "",
             "orderId": "2026031121001039760581201016",
             "orderInfo": [
                 {
                     "label": "成交时间",
                     "key": "deliveryTime",
-                    "value": "2026-03-11 09:48:05",
+                    "value": "",
                     "type": "time"
                 },
                 {
                     "label": "创建时间",
                     "key": "createTime",
-                    "value": "2026-03-11 09:48:05",
+                    "value": "",
                     "type": "time"
                 },
                 {
                     "label": "支付宝交易号",
                     "key": "alipayTransactionNum",
-                    "value": "2026031121001039760581201016",
+                    "value": "",
                     "type": "number"
                 },
                 {
@@ -354,6 +355,8 @@
             "statusDesc": "平台支持退款",
             "shopType": "taobao",
             "refundMoney": "199.00",
+            "refundIcon": 1,
+            "productImgUrl": "/static/image/shopping/taobao/detail/refund/product1.png",
             "goodsList": [
                 {
                     "image": "",
@@ -371,36 +374,150 @@
                 {
                     "label": "退款原因",
                     "key": "refundReason",
-                    "value": "不需要了",
+                    "value": "七天无理由退货",
                     "type": "text"
                 },
                 {
                     "label": "退款金额",
                     "key": "refunMoney",
-                    "value": "199.00",
-                    "type": "money"
+                    "value": "",
+                    "type": "digit"
                 },
                 {
                     "label": "退款完结",
                     "key": "refunTime",
-                    "value": "2026-3-11 10:48",
-                    "type": "date"
+                    "value": "",
+                    "type": "time"
                 },
                 {
                     "label": "申请时间",
                     "key": "applyTime",
-                    "value": "2026-3-11 10:48",
-                    "type": "date"
+                    "value": "",
+                    "type": "time"
                 },
                 {
                     "label": "退款编号",
                     "key": "refundId",
-                    "value": "2026031121001039760581201016",
+                    "value": "",
                     "type": "number"
                 }
+            ],
+            "statusDesc1": "退回支付宝",
+            "statusDesc2": "您已享受全额保障5.56元"
+        }
+    },
+    // "购物随机产品列表"
+    "shoppingProductList": [
+        {
+            "shopType": "taobao",
+            "shopName": "京东数码自营旗舰店",
+            "totalPrice": "0",
+            "carriage": "0.00",
+            "discount": "0",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/xianka.png",
+                    "name": "",
+                    "title": "华硕 TUF 5090显卡",
+                    "specs": "5090旗舰算力 水冷夜神OC",
+                    "tags": "不支持7天无理由退货",
+                    "price": "39849.00",
+                    "count": "1"
+                }
+            ]
+        },
+        {
+            "shopType": "tianmao",
+            "shopName": "Apple 产品京东自营旗舰店",
+            "totalPrice": "",
+            "platformDiscount": "10.00",
+            "storeDiscount": "20.00",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/iphone.png",
+                    "name": "Apple iPhone 17 Pro",
+                    "title": "Apple/苹果 iPhone 17 Pro Max 1TB 星宇橙色",
+                    "specs": "星宇橙色；全网通5G",
+                    "tags": "免费上门退换  七天无理由退货",
+                    "price": "12999.00",
+                    "count": "1"
+                }
+            ]
+        },
+        {
+            "shopType": "taobao",
+            "shopName": "路易威登京东官方旗舰店",
+            "totalPrice": "",
+            "platformDiscount": "50.00",
+            "storeDiscount": "8.00",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/lv.png",
+                    "name": "LV",
+                    "title": "路易威登 经典老花手提包",
+                    "specs": "经典老花；手提包",
+                    "tags": "次日达",
+                    "price": "23979.25",
+                    "count": "1"
+                }
+            ]
+        },
+        {
+            "shopType": "tianmao",
+            "shopName": "索尼（SONY）数码京东官方旗舰店",
+            "totalPrice": "15499.00",
+            "platformDiscount": "1.32",
+            "storeDiscount": "2.3",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/sony.png",
+                    "name": "Sony",
+                    "title": "索尼（SONY）Alpha 7 IV 全画幅微单数码相机",
+                    "specs": "单机身（不含镜头）；约3300万有效像素",
+                    "tags": "厂家发货",
+                    "price": "15499.00",
+                    "count": "1"
+                }
+            ]
+        },
+        {
+            "shopType": "tianmao",
+            "shopName": "京东超市-五粮液自营店",
+            "totalPrice": "2198.00",
+            "platformDiscount": "100.00",
+            "storeDiscount": "200.00",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/wuliangye.png",
+                    "name": "五粮液",
+                    "title": "五粮液 普五 第八代 浓香型白酒 52度 500ml*2瓶",
+                    "specs": "500ml*2礼盒装；浓香型",
+                    "tags": "211限时达",
+                    "price": "1099.00",
+                    "count": "2"
+                }
+            ]
+        },
+        {
+            "shopType": "taobao",
+            "shopName": "戴森Dyson京东自营官方旗舰店",
+            "totalPrice": "3299.00",
+            "platformDiscount": "150.00",
+            "storeDiscount": "200.00",
+            "goodsList": [
+                {
+                    "image": "/static/image/shopping/jingdong/product/shopping/dyson_v12.png",
+                    "name": "戴森",
+                    "title": "戴森(Dyson) V12 Detect Slim 无绳吸尘器",
+                    "specs": "轻量版；激光探测；轻量吸尘器",
+                    "tags": "次日达",
+                    "price": "3299.00",
+                    "count": "1"
+                }
             ]
         }
-    },
+    ],
+    //默认数据
     "defualtData": [
         {
             "id": "202605110001",
@@ -576,248 +693,7 @@
             "statusDesc1": "已签收",
             "statusDesc2": "【上海市】 您已在上海市浦东新区汤臣一品完成取件",
             "confirmReceiptCountdown": "9天7小时"
-        },
-        {
-            "id": "202605110008",
-            "orderType": "shopping",
-            "shopName": "Apple 官方旗舰店",
-            "statusType": "wait_recv",
-            "address": "上海市浦东新区汤臣一品",
-            "userName": "张三",
-            "phone": "13812345678",
-            "isSignFor": false,
-            "shopType": "taobao",
-            "goodsList": [
-                {
-                    "image": "/static/image/shopping/jingdong/product/shopping/iphone.png",
-                    "title": "Apple iPhone 17 Pro Max",
-                    "specs": "Apple/苹果 iPhone 17 Pro Max 1TB 星宇橙色",
-                    "price": "10999.00",
-                    "oriPrice": "12999.00",
-                    "count": 1,
-                    "tags": "免费上门退换  七天无理由退货"
-                }
-            ],
-            "totalPrice": "10999.00",
-            "platformDiscount": "200.00",
-            "orderId": "2026031121001039760581201016",
-            "orderInfo": [
-                {
-                    "label": "发货时间",
-                    "key": "deliveryTime",
-                    "value": "2026-03-11 09:48:05",
-                    "type": "time"
-                },
-                {
-                    "label": "付款时间",
-                    "key": "paymentTime",
-                    "value": "2026-03-11 09:48:05",
-                    "type": "time"
-                },
-                {
-                    "label": "创建时间",
-                    "key": "createTime",
-                    "value": "2026-03-11 09:48:05",
-                    "type": "time"
-                },
-                {
-                    "label": "支付宝交易号",
-                    "key": "alipayTransactionNum",
-                    "value": "2026031121001039760581201016"
-                },
-                {
-                    "label": "交易快照",
-                    "key": "transactionSnapshot",
-                    "value": "发生交易争执时，可作为判断依据"
-                },
-                {
-                    "label": "支付方式",
-                    "key": "paymentMethod",
-                    "value": "支付宝支付"
-                }
-            ],
-            "statusDesc1": "预计明天送达",
-            "statusDesc2": "【上海市】 快件已发往 上海转运中心，下一站浦东新区"
-        },
-        {
-            "id": "202605110005",
-            "orderType": "shopping",
-            "shopName": "三只松鼠旗舰店",
-            "statusType": "success",
-            "shopType": "taobao",
-            "address": "上海市浦东新区汤臣一品",
-            "userName": "张三",
-            "phone": "13812345678",
-            "goodsList": [
-                {
-                    "image": "",
-                    "title": "三只松鼠 坚果大礼包 每日坚果 送礼佳品 1498g",
-                    "specs": "颜色分类: 坚果礼盒1498g",
-                    "price": "128.00",
-                    "oriPrice": "158.00",
-                    "count": 2,
-                    "tags": "正品保障"
-                }
-            ],
-            "totalPrice": "266.00",
-            "platformDiscount": "30.00",
-            "storeDiscount": "20.00",
-            "points": "10.00",
-            "coupons": "5.00",
-            "orderId": "2026031121001039760581201016",
-            "orderInfo": [
-                {
-                    "label": "成交时间",
-                    "key": "deliveryTime",
-                    "value": "2026-03-11 09:48:05",
-                    "type": "time"
-                },
-                {
-                    "label": "发货时间",
-                    "key": "deliveryTime",
-                    "value": "2026-03-11 09:48:05",
-                    "type": "time"
-                },
-                {
-                    "label": "付款时间",
-                    "key": "paymentTime",
-                    "value": "2026-03-11 09:48:05",
-                    "type": "time"
-                },
-                {
-                    "label": "创建时间",
-                    "key": "createTime",
-                    "value": "2026-03-11 09:48:05",
-                    "type": "time"
-                },
-                {
-                    "label": "支付宝交易号",
-                    "key": "alipayTransactionNum",
-                    "value": "2026031121001039760581201016"
-                },
-                {
-                    "label": "交易快照",
-                    "key": "transactionSnapshot",
-                    "value": "发生交易争执时，可作为判断依据"
-                },
-                {
-                    "label": "收货信息",
-                    "key": "shippingInfo",
-                    "value": ""
-                },
-                {
-                    "label": "支付方式",
-                    "key": "paymentMethod",
-                    "value": "支付宝支付"
-                }
-            ]
-        },
-        {
-            "id": "202605110006",
-            "orderType": "shopping",
-            "shopName": "Apple Store 官方旗舰店",
-            "statusType": "closed",
-            "shopType": "tianmao",
-            "address": "上海市浦东新区汤臣一品",
-            "userName": "张三",
-            "phone": "13812345678",
-            "goodsList": [
-                {
-                    "image": "",
-                    "title": "Apple iPhone 15 Pro (A3104) 256GB 原色钛金属 5G手机",
-                    "specs": "颜色分类: 原色钛金属; 内存容量: 256GB",
-                    "price": "8999.00",
-                    "oriPrice": "9999.00",
-                    "count": 1,
-                    "tags": "正品保障"
-                }
-            ],
-            "totalPrice": "8999.00",
-            "platformDiscount": "1000.00",
-            "orderId": "2026031121001039760581201016",
-            "orderInfo": [
-                {
-                    "label": "成交时间",
-                    "key": "deliveryTime",
-                    "value": "2026-03-11 09:48:05",
-                    "type": "time"
-                },
-                {
-                    "label": "创建时间",
-                    "key": "createTime",
-                    "value": "2026-03-11 09:48:05",
-                    "type": "time"
-                },
-                {
-                    "label": "支付宝交易号",
-                    "key": "alipayTransactionNum",
-                    "value": "2026031121001039760581201016"
-                },
-                {
-                    "label": "交易快照",
-                    "key": "transactionSnapshot",
-                    "value": "发生交易争执时，可作为判断依据"
-                },
-                {
-                    "label": "收货信息",
-                    "key": "shippingInfo",
-                    "value": ""
-                }
-            ]
-        },
-        {
-            "id": "202605110007",
-            "orderType": "shopping",
-            "shopName": "优衣库官方旗舰店",
-            "statusType": "refunding",
-            "statusDesc": "平台支持退款",
-            "shopType": "taobao",
-            "refundMoney": "199.00",
-            "goodsList": [
-                {
-                    "image": "",
-                    "title": "UNIQLO 优衣库 男装/女装 摇粒绒拉链运动开衫(长袖) 463351",
-                    "specs": "颜色分类: 藏青色; 尺码: L",
-                    "price": "199.00",
-                    "count": 1,
-                    "tags": "正品保障",
-                    "refundStatus": "退款成功"
-                }
-            ],
-            "totalPrice": "199.00",
-            "orderId": "2026031121001039760581201016",
-            "orderInfo": [
-                {
-                    "label": "退款原因",
-                    "key": "refundReason",
-                    "value": "不需要了",
-                    "type": "text"
-                },
-                {
-                    "label": "退款金额",
-                    "key": "refunMoney",
-                    "value": "199.00",
-                    "type": "money"
-                },
-                {
-                    "label": "退款完结",
-                    "key": "refunTime",
-                    "value": "2026-3-11 10:48",
-                    "type": "date"
-                },
-                {
-                    "label": "申请时间",
-                    "key": "applyTime",
-                    "value": "2026-3-11 10:48",
-                    "type": "date"
-                },
-                {
-                    "label": "退款编号",
-                    "key": "refundId",
-                    "value": "2026031121001039760581201016"
-                }
-            ]
-        },
+        }
         // {
         //     "id": "202605110008",
         //     "orderType": "waimai",
diff --git a/pages/shopping/taobao/list-index.vue b/pages/shopping/taobao/list-index.vue
index f33976e..69cca1b 100644
--- a/pages/shopping/taobao/list-index.vue
+++ b/pages/shopping/taobao/list-index.vue
@@ -12,7 +12,7 @@
 						<image class="search-icon" src="/static/image/shopping/jingdong/search-icon.png"
 							mode="aspectFit">
 						</image>
-						<input class="input" type="text" placeholder="搜索我的订单" :disabled="true" />
+						<input class="input" type="text" placeholder="搜索我的订单" />
 					</view>
 				</template>
 				<template v-slot:right>
@@ -32,6 +32,9 @@
 					</view>
 				</template>
 			</nav-bar>
+			<nav-bar v-else title="拼图" bgColor="#EFEFEF" noBack @back="closeImage" isRightButton
+				@right-click="confirmImage">
+			</nav-bar>
 			<view class="tab-list">
 				<view class="tab-item" v-for="(item, index) in tabList" :key="index"
 					:class="{ active: currentTab === index }" @click="switchTab(index)">
@@ -75,29 +78,141 @@
 					<uni-icons type="right" size="14" color="#5E6367"></uni-icons>
 				</view>
 			</view>
-			<listCard :list="displayList" @click-item="goDetail" />
+			<listCard v-if="displayList.length > 0" :list="displayList" @click-item="goDetail"
+				@longpress="onItemLongPress" />
+			<view v-else class="null-data-box flex-center flex-column">
+				<image style="width: 254rpx;height: 200rpx;" src="/static/image/shopping/taobao/null.png"></image>
+				<text
+					style="font-size: 28rpx;color: #7C8495;line-height: 28rpx;margin-top: 16rpx;font-weight: 500;">您还没有相关的订单</text>
+			</view>
+			<view class="bottom-fixed" style="height: 1000rpx;">
+				<view v-if="!selectedImage" class="upload-screenshot-box" @touchstart="handleTouchStart"
+					@touchend="handleTouchEnd">
+					<view v-if="!screenshotImage" class="upload-screenshot-content">
+						<image class="upload-screenshot" src="/static/image/common/upload-screenshot.png"
+							mode="aspectFit">
+						</image>
+						<view class="upload-screenshot-text">长按替换截图</view>
+					</view>
+					<view v-else class="screenshot-preview-box">
+						<image class="screenshot-preview" :src="screenshotImage" mode="widthFix"></image>
+					</view>
+					<!-- <image v-else class="w100 h100" :src="screenshotImage" mode="widthFix"></image> -->
+				</view>
+				<view v-else class="upload-screenshot-box scroll-image-box">
+					<scroll-view class="image-box" style="width: 100%;height: 100%;" scroll-y :show-scrollbar="false"
+						@scroll="onImageScroll">
+						<image class="crop-image-target" style="width:100%;" :src="selectedImage" mode="widthFix">
+						</image>
+					</scroll-view>
+					<view class="dashed-line-box">
+						<view class="dashed-line-text">我是分割线</view>
+					</view>
+				</view>
+				<canvas canvas-id="crop-canvas"
+					style="position: fixed; left: -9999px; width: 750rpx; height: 100vh; pointer-events: none;"></canvas>
+			</view>
 		</scroll-view>
 
 	</view>
 
+	<!-- 自定义长按上下文菜单 -->
+	<view v-if="menuState.show" class="menu-mask" @click="menuState.show = false" @touchmove.stop.prevent>
+		<view class="menu-content" :style="{ top: menuState.y + 'px', left: menuState.x + 'px' }">
+			<view class="menu-item" @click.stop="handleMenuAction('edit')">
+				<uni-icons type="compose" size="18" color="#1A1A1A"></uni-icons>
+				<text>编辑</text>
+			</view>
+			<view class="menu-line"></view>
+			<view class="menu-item" @click.stop="handleMenuAction('delete')">
+				<uni-icons type="trash" size="18" color="#FF4D4F"></uni-icons>
+				<text style="color: #FF4D4F;">删除</text>
+			</view>
+		</view>
+	</view>
 
-	<!-- 水印 -->
-	<!-- <view v-if="$isVip()">
-		<watermark dark="light" source="uni_alipay_shopping_taobao" />
-		<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_shopping_taobao')">
-			<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
-		</liu-drag-button>
-	</view> -->
+	<!-- 切换底部图片弹窗 -->
+	<uni-popup ref="bottomImgPopup" type="center">
+		<view class="bottom-img-popup-card">
+			<view class="p-header">选择底部商品图</view>
+			<view class="p-content">
+				<view class="option-item" @click="selectBottomImg(1)">
+					<image class="preview-img" src="/static/image/shopping/taobao/bottom-bg-1.png" mode="aspectFill">
+					</image>
+					<view class="info">
+						<text class="name">商品图片 1</text>
+						<text class="desc">默认背景布局</text>
+					</view>
+					<uni-icons type="right" size="16" color="#C7C7CC"></uni-icons>
+				</view>
+				<view class="option-item" @click="selectBottomImg(2)">
+					<image class="preview-img" src="/static/image/shopping/taobao/bottom-bg-2.png" mode="aspectFill">
+					</image>
+					<view class="info">
+						<text class="name">商品图片 2</text>
+						<text class="desc">备选商品排列</text>
+					</view>
+					<uni-icons type="right" size="16" color="#C7C7CC"></uni-icons>
+				</view>
+				<text
+					style="color: #949494;font-size: 24rpx;text-align: center;display: block;">*长按底部商品图片区域可上传自定义图片*</text>
+			</view>
+			<view class="p-footer" @click="bottomImgPopup.close()">取消</view>
+		</view>
+	</uni-popup>
 </template>
 
 <script setup>
-import { ref, computed, onMounted, getCurrentInstance } from 'vue';
+import { ref, computed, onMounted, getCurrentInstance, reactive } from 'vue';
 import { onShow } from '@dcloudio/uni-app';
 import { util } from '@/utils/common.js';
 import listCard from './components/list-card/list-card.vue';
 import { defualtData } from './json/order.json'
 
-const mockList = ref(defualtData);
+const instance = getCurrentInstance();
+const mockList = ref([]);
+const menuState = reactive({
+	show: false,
+	x: 0,
+	y: 0,
+	target: null
+});
+
+const bottomImgPopup = ref(null);
+
+const selectBottomImg = (type) => {
+	const path = `/static/image/shopping/taobao/bottom-bg-${type}.png`;
+	screenshotImage.value = path;
+	uni.setStorageSync('taobao_screenshot', path);
+	bottomImgPopup.value.close();
+	uni.showToast({
+		title: '切换成功',
+		icon: 'success'
+	});
+};
+
+onShow(() => {
+	// 加载缓存数据
+	let storageData = uni.getStorageSync('taobaoShopping');
+
+	// 如果缓存为空，则初始化默认数据
+	if (!storageData || (Array.isArray(storageData) && storageData.length === 0)) {
+		console.log('检测到淘宝订单缓存为空，注入初始默认数据');
+		storageData = JSON.parse(JSON.stringify(defualtData));
+		uni.setStorageSync('taobaoShopping', storageData);
+	}
+
+	mockList.value = storageData || [];
+
+	// 加载拼图截图缓存 (若不存在则初始化默认底图)
+	let savedScreenshot = uni.getStorageSync('taobao_screenshot');
+	if (!savedScreenshot) {
+		savedScreenshot = '/static/image/shopping/taobao/bottom-bg-1.png';
+		uni.setStorageSync('taobao_screenshot', savedScreenshot);
+	}
+	screenshotImage.value = savedScreenshot;
+});
+
 
 //导航栏菜单按钮
 const buttonGroup = [
@@ -105,7 +220,7 @@ const buttonGroup = [
 		name: "新增购物订单",
 		click: () => {
 			uni.navigateTo({
-				url: '/pages/shopping/taobao/add-order/add-order'
+				url: '/pages/shopping/taobao/add-shopping-order/add-shopping-order'
 			});
 		}
 	}, {
@@ -115,15 +230,17 @@ const buttonGroup = [
 				title: '开发中，敬请期待',
 				icon: 'none'
 			});
-			// uni.navigateTo({
-			// 	url: '/pages/shopping/jingdong/add-waimai/add-waimai'
-			// });
+		}
+	}, {
+		name: "切换底部商品图片",
+		click: () => {
+			bottomImgPopup.value.open();
 		}
 	},
 ]
 
 const displayList = computed(() => {
-	let list = mockList.value;
+	let list = JSON.parse(JSON.stringify(mockList.value));
 
 	// 1. 一级 Tab 过滤 (orderType)
 	if (currentTab.value === 1) { // 购物
@@ -135,15 +252,14 @@ const displayList = computed(() => {
 	// 2. 二级分类过滤 (currentFilter)
 	if (currentFilter.value > 0) {
 		const filterName = filterList.value[currentFilter.value]?.name;
-
-		// 统一定义状态映射
 		const statusMap = {
 			'待付款': ['wait_pay'],
 			'待发货': ['wait_send'],
 			'待收货': ['wait_recv'],
 			'退款/售后': ['refunding'],
-			'已关闭': ['closed'],
-			'待评价': ['success'] // 闪购下 success 状态代表已送达可评价
+			'评价': ['success'],
+			'已关闭': ['closed']
+
 		};
 
 		const targetStatus = statusMap[filterName];
@@ -152,6 +268,19 @@ const displayList = computed(() => {
 		}
 	}
 
+	// 3. 时间降序排列逻辑 (创建时间 || 申请时间)
+	list.sort((a, b) => {
+		const getTime = (order) => {
+			if (!order.orderInfo) return '';
+			const create = order.orderInfo.find(i => i.key === 'createTime')?.value;
+			const apply = order.orderInfo.find(i => i.key === 'applyTime')?.value;
+			return create || apply || '';
+		};
+		const timeA = getTime(a);
+		const timeB = getTime(b);
+		return timeB.localeCompare(timeA); // 降序
+	});
+
 	return list;
 });
 
@@ -162,6 +291,7 @@ const filterList = ref([
 	{ name: '待发货' },
 	{ name: '待收货' },
 	{ name: '退款/售后' },
+	{ name: '评价' },
 	{ name: '已关闭' }
 ]);
 
@@ -173,6 +303,170 @@ const tabList = ref([
 	{ name: '飞猪', icon: '/static/image/shopping/taobao/lvxing.png', disabled: true }
 ]);
 
+// 长按替换截图相关
+const screenshotImage = ref('');
+const selectedImage = ref('');
+const scrollTop = ref(0);
+let longPressTimer = null;
+
+
+// 长按替换截图 - 选择图片
+const chooseImage = () => {
+	if (selectedImage.value) return;
+	uni.chooseImage({
+		count: 1,
+		sourceType: ['album'],
+		success: (res) => {
+			selectedImage.value = res.tempFilePaths[0];
+		}
+	});
+};
+
+// 长按事件
+const handleTouchStart = (e) => {
+	const systemInfo = uni.getSystemInfoSync();
+	if (systemInfo.platform === 'ios' && systemInfo.safeAreaInsets?.bottom) {
+		const clientY = e.touches[0].clientY;
+		const windowHeight = systemInfo.windowHeight;
+		if (clientY > windowHeight - systemInfo.safeAreaInsets.bottom) {
+			return;
+		}
+	}
+	longPressTimer = setTimeout(() => {
+		uni.vibrateShort();
+		chooseImage();
+	}, 1200);
+};
+
+const handleTouchEnd = () => {
+	if (longPressTimer) {
+		clearTimeout(longPressTimer);
+		longPressTimer = null;
+	}
+};
+
+// 图片滚动
+const onImageScroll = (e) => {
+	scrollTop.value = e.detail.scrollTop;
+};
+// 确认图片裁剪
+const confirmImage = () => {
+	uni.showLoading({
+		title: '处理中...'
+	})
+	const query = uni.createSelectorQuery().in(instance)
+
+	// 获取容器和图片信息
+	query.select('.image-box').boundingClientRect()
+	query.select('.crop-image-target').boundingClientRect()
+	query.exec(res => {
+		if (!res[0] || !res[1]) {
+			uni.hideLoading()
+			return
+		}
+
+		console.log('rects', res)
+		const container = res[0] // 容器
+		const image = res[1] // 图片实际渲染尺寸
+
+		// 计算缩放比例 (渲染宽度 / 实际宽度 不准确，应该反过来用 图片原始宽/渲染宽?)
+		// 这里更简单的方法是：canvas设为容器大小，把图片画进去
+		// canvas drawImage 参数: img, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight
+
+		// 获取图片原始尺寸
+		uni.getImageInfo({
+			src: selectedImage.value,
+			success: (imgInfo) => {
+				const scale = imgInfo.width / image.width // 图片 原始宽 / 渲染宽
+				const sTop = scrollTop.value * scale // 原始图上的裁切起始Y
+				const sHeight = container.height * scale // 原始图上的裁切高度
+
+				// 因为是 widthFix，宽度就是原始图宽度（或裁切全宽）
+				const sWidth = imgInfo.width
+
+				// 设置画布尺寸 (使用像素值)
+				// 注意：canvasContext绘制使用的是逻辑像素还是物理像素？通常需要考虑到 pixelRatio，
+				// 但 uni-app canvas-id 方式通常对应逻辑像素(px)
+				// 我们把 canvas 大小设为和容器显示一致
+				const canvasW = container.width
+				const canvasH = container.height
+
+				const ctx = uni.createCanvasContext('crop-canvas', instance)
+
+				// 清除画布
+				ctx.clearRect(0, 0, canvasW, canvasH)
+
+				// 绘制
+				// drawImage(imageResource, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
+				ctx.drawImage(
+					imgInfo.path,
+					0, sTop, sWidth, sHeight, // 源图裁剪区域
+					0, 0, canvasW, canvasH // 画布绘制区域
+				)
+				ctx.draw(false, () => {
+					uni.canvasToTempFilePath({
+						canvasId: 'crop-canvas',
+						width: canvasW,
+						height: canvasH,
+						destWidth: sWidth, // 使用原图实际宽度,保持原图清晰度
+						destHeight: sHeight, // 使用原图实际高度,保持原图清晰度
+						success: (res) => {
+							console.log('crop success (temp)', res
+								.tempFilePath)
+
+							// 将临时路径保存为永久路径
+							uni.saveFile({
+								tempFilePath: res.tempFilePath,
+								success: (saveRes) => {
+									console.log('save success (saved)', saveRes.savedFilePath)
+									screenshotImage.value = saveRes.savedFilePath
+									selectedImage.value = '' // 隐藏编辑模式
+									setTimeout(() => {
+										plus.navigator.setStatusBarStyle("light");
+									}, 200)
+									// 保存到缓存
+									uni.setStorageSync('taobao_screenshot', screenshotImage.value)
+									uni.hideLoading()
+								},
+								fail: (err) => {
+									console.error('saveFile fail', err)
+									uni.hideLoading()
+									uni.showToast({
+										title: '保存失败',
+										icon: 'none'
+									})
+								}
+							})
+						},
+						fail: (err) => {
+							console.error(err)
+							uni.hideLoading()
+							uni.showToast({
+								title: '裁剪失败',
+								icon: 'none'
+							})
+						}
+					}, instance)
+				})
+			},
+			fail: () => {
+				uni.hideLoading()
+				uni.showToast({
+					title: '图片加载失败',
+					icon: 'none'
+				})
+			}
+		})
+
+	})
+}
+
+// 关闭截图预览
+const closeImage = () => {
+	selectedImage.value = '';
+};
+
+
 /**
  * 切换tab
  * @param index 
@@ -194,10 +488,10 @@ const updateFilterList = () => {
 	// 根据tab切换不同的筛选项数据
 	switch (currentTab.value) {
 		case 0:
-			sourceList = ["全部", "待付款", "待发货", "待收货", "退款/售后", "已关闭"];
+			sourceList = ["全部", "待付款", "待发货", "待收货", "退款/售后", "评价", "已关闭"];
 			break;
 		case 1:
-			sourceList = ["全部", "待付款", "待发货", "待收货", "退款/售后", "已关闭"];
+			sourceList = ["全部", "待付款", "待发货", "待收货", "退款/售后", "评价", "已关闭"];
 			break;
 		case 2:
 			sourceList = ["全部", "待付款", "待发货", "待收货", "待评价", "已关闭"];
@@ -229,6 +523,89 @@ const goDetail = (item) => {
 	util.goPage(`/pages/shopping/taobao/shopping-order-detail/shopping-order-detail?id=${item.id}`)
 }
 
+/**
+ * 长按管理订单 - 记录坐标并显示自定义菜单
+ */
+const onItemLongPress = (data) => {
+	const { item, x, y } = data;
+	menuState.target = item;
+
+	// 计算菜单位置，避免手指遮挡（向上偏移 60px，向左偏移 40px）
+	// 并简单处理边界溢出（示例：不超出右边界）
+	const screenWidth = uni.getSystemInfoSync().windowWidth;
+	let posX = x - 40;
+	if (posX + 120 > screenWidth) {
+		posX = screenWidth - 130;
+	}
+
+	menuState.x = Math.max(10, posX);
+	menuState.y = y - 80;
+	menuState.show = true;
+};
+
+/**
+ * 处理菜单点击
+ */
+const handleMenuAction = (action) => {
+	const item = menuState.target;
+	menuState.show = false;
+	if (!item) return;
+
+	if (action === 'edit') {
+		uni.navigateTo({
+			url: `/pages/shopping/taobao/add-shopping-order/add-shopping-order?id=${item.id}&isEdit=true`
+		});
+	} else if (action === 'delete') {
+		uni.showModal({
+			title: '提示',
+			content: '确定要删除该订单吗？',
+			confirmColor: '#FF7824',
+			success: (modalRes) => {
+				if (modalRes.confirm) {
+					deleteOrder(item.id);
+				}
+			}
+		});
+	}
+};
+
+/**
+ * 从缓存执行删除
+ */
+const deleteOrder = (id) => {
+	let list = uni.getStorageSync('taobaoShopping') || [];
+
+	// 1. 物理删除关联图片
+	const target = list.find(item => String(item.id) === String(id));
+	if (target) {
+		const imagesToClear = [];
+		if (target.goodsList?.[0]?.image) imagesToClear.push(target.goodsList[0].image);
+		if (target.productImgUrl) imagesToClear.push(target.productImgUrl);
+
+		imagesToClear.forEach(path => {
+			if (path && (path.includes('_doc') || path.includes('store_'))) {
+				uni.removeSavedFile({
+					filePath: path,
+					success: () => console.log('删除订单关联图片成功:', path),
+					fail: (err) => console.log('图片文件不存在或已删除:', path)
+				});
+			}
+		});
+	}
+
+	// 2. 移除缓存记录
+	list = list.filter(item => String(item.id) !== String(id));
+	// 同步缓存
+	uni.setStorageSync('taobaoShopping', list);
+	// 同步 UI
+	mockList.value = list;
+
+	uni.showToast({
+		title: '已删除',
+		icon: 'success'
+	});
+};
+
 
 </script>
 
@@ -450,7 +827,252 @@ const goDetail = (item) => {
 		}
 	}
 }
+
+.menu-mask {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 9999;
+	background-color: transparent;
+}
+
+.menu-content {
+	position: absolute;
+	width: 240rpx;
+	background: rgba(255, 255, 255, 0.95);
+	backdrop-filter: blur(10px);
+	border-radius: 16rpx;
+	box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.12);
+	border: 1px solid rgba(255, 255, 255, 0.2);
+	overflow: hidden;
+	animation: menu-show 0.15s ease-out;
+}
+
+.menu-item {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx;
+	transition: background 0.2s;
+
+	&:active {
+		background-color: #f5f5f5;
+	}
+
+	text {
+		font-size: 28rpx;
+		color: #1A1A1A;
+		margin-left: 16rpx;
+		font-weight: 500;
+	}
+}
+
+.menu-line {
+	height: 1px;
+	background-color: #EEEEEE;
+	margin: 0 20rpx;
+}
+
+@keyframes menu-show {
+	from {
+		opacity: 0;
+		transform: scale(0.9);
+	}
+
+	to {
+		opacity: 1;
+		transform: scale(1);
+	}
+}
+
+.null-data-box {
+	padding: 68rpx;
+}
+
+.bottom-fixed {
+	display: flex;
+	flex-direction: column;
+
+	.upload-screenshot-box {
+		width: 100%;
+		flex: 1;
+		min-height: 540rpx;
+		background-color: #FFFFFF;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+
+		.upload-screenshot {
+			width: 92rpx;
+			height: 92rpx;
+		}
+
+		.upload-screenshot-content {
+			width: 100%;
+			height: 100%;
+			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;
+			}
+
+
+		}
+
+		.screenshot-preview-box {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			align-items: flex-start;
+			// flex-direction: column;
+			justify-content: center;
+
+			.screenshot-preview {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.scroll-image-box {
+			width: 100%;
+			min-height: 0; // 修复 flex一出问题
+			// overflow: hidden; // scroll-view 需要
+			position: relative;
+		}
+
+		.dashed-line-box {
+			width: 100%;
+			height: 100%;
+			position: absolute;
+			top: 0;
+			left: 0;
+			border: 4rpx dashed #ffffff;
+			pointer-events: none;
+
+			.dashed-line-text {
+				height: 44rpx;
+				line-height: 44rpx;
+				width: 180rpx;
+				padding: 0 20rpx;
+				border-radius: 8rpx;
+				color: #1777FF;
+				font-size: 24rpx;
+				font-weight: 500;
+				background-color: #fff;
+				position: absolute;
+				top: 0;
+				left: 50%;
+				transform: translate(-50%, -50%);
+			}
+		}
+
+		.mask {
+			position: fixed;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background-color: rgba(0, 0, 0, 0.8);
+			z-index: 999;
+
+			.mask-icon {
+				position: absolute;
+				top: 50%;
+				right: 52rpx;
+				transform: translateY(-25%);
+				width: 360rpx;
+				height: 360rpx;
+			}
+		}
+	}
+}
+
+.bottom-img-popup-card {
+	width: 600rpx;
+	background-color: #FFFFFF;
+	border-radius: 32rpx;
+	overflow: hidden;
+	box-shadow: 0 20rpx 40rpx rgba(0, 0, 0, 0.15);
+
+	.p-header {
+		padding: 40rpx 0 20rpx;
+		text-align: center;
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #1A1A1A;
+	}
+
+	.p-content {
+		padding: 20rpx 30rpx;
+
+		.option-item {
+			display: flex;
+			align-items: center;
+			padding: 24rpx;
+			margin-bottom: 20rpx;
+			background-color: #F8F9FA;
+			border-radius: 20rpx;
+			transition: all 0.2s;
+
+			&:active {
+				background-color: #F0F2F5;
+				transform: scale(0.98);
+			}
+
+			.preview-img {
+				width: 100rpx;
+				height: 100rpx;
+				border-radius: 12rpx;
+				background-color: #EEE;
+			}
+
+			.info {
+				flex: 1;
+				margin: 0 24rpx;
+				display: flex;
+				flex-direction: column;
+
+				.name {
+					font-size: 28rpx;
+					font-weight: 500;
+					color: #1A1A1A;
+				}
+
+				.desc {
+					font-size: 22rpx;
+					color: #8E8E93;
+					margin-top: 4rpx;
+				}
+			}
+		}
+	}
+
+	.p-footer {
+		height: 100rpx;
+		line-height: 100rpx;
+		text-align: center;
+		border-top: 1rpx solid #F0F2F5;
+		font-size: 30rpx;
+		color: #8E8E93;
+
+		&:active {
+			background-color: #F8F9FA;
+		}
+	}
+}
 </style>
 <style>
 @import '@/common/main.css';
+
+page {
+	background-color: #F1F5F8;
+}
 </style>
\ No newline at end of file
diff --git a/pages/shopping/taobao/shopping-order-detail/shopping-order-detail.vue b/pages/shopping/taobao/shopping-order-detail/shopping-order-detail.vue
index bcdbbd3..0bbba58 100644
--- a/pages/shopping/taobao/shopping-order-detail/shopping-order-detail.vue
+++ b/pages/shopping/taobao/shopping-order-detail/shopping-order-detail.vue
@@ -2,30 +2,26 @@
 	<nav-bar title="订单详情" bgColor="#FFFFFF" isBack :buttonGroup="buttonGroup" @button-click="util.clickTitlePopupButton"
 		tipLayerType="taobao-shopping-order-detail-tip" isTipLayer tipLayerText="编辑订单信息">
 		<template v-slot:left>
-			<image @click="util.goBack" class="back-icon"
-				:src="`/static/image/shopping/taobao/detail/${order.statusType == 'refunding' ? 'refund-back' : 'back'}.png`"
+			<image v-if="order" @click="util.goBack" class="back-icon"
+				:src="`/static/image/shopping/taobao/detail/${order?.statusType == 'refunding' ? 'refund-back' : 'back'}.png`"
 				mode="aspectFit"></image>
 		</template>
 		<template v-slot:center>
-			<view v-if="order.statusType == 'refunding'" class="refunding-title-box">
-				<image class="icon" src="/static/image/shopping/taobao/detail/refund/finish.png">
-				</image>
-				<text>商家处理</text>
-				<image class="next icon" style="width: 20rpx;height: 20rpx;"
-					src="/static/image/shopping/taobao/detail/refund/next.png">
-				</image>
-				<image class="icon" src="/static/image/shopping/taobao/detail/refund/finish.png">
-				</image>
-				<text>寄回商品</text>
-				<image class="icon next" style="width: 20rpx;height: 20rpx;"
-					src="/static/image/shopping/taobao/detail/refund/next.png">
-				</image>
-				<text>3退款结束</text>
-			</view>
-			<view v-else class="title-box">
-				<view class="title">{{ titleList[order.statusType] }}</view>
-				<view v-if="order.statusType == 'wait_recv' && order.isSignFor" class="desc">
-					还剩{{ order.confirmReceiptCountdown }}自动确认</view>
+			<view v-if="order" class="center-content">
+				<view v-if="order.statusType == 'refunding'" class="refunding-title-box">
+					<image class="icon" src="/static/image/shopping/taobao/detail/refund/finish.png"></image>
+					<text>商家处理</text>
+					<image class="next icon" src="/static/image/shopping/taobao/detail/refund/next.png"></image>
+					<image class="icon" src="/static/image/shopping/taobao/detail/refund/finish.png"></image>
+					<text>寄回商品</text>
+					<image class="icon next" src="/static/image/shopping/taobao/detail/refund/next.png"></image>
+					<text>3退款结束</text>
+				</view>
+				<view v-else class="title-box">
+					<view class="title">{{ titleList[order.statusType] }}</view>
+					<view v-if="order.statusType == 'wait_recv' && order.isSignFor" class="desc">
+						还剩{{ order.confirmReceiptCountdown }}自动确认</view>
+				</view>
 			</view>
 		</template>
 		<template v-slot:right>
@@ -36,7 +32,7 @@
 		</template>
 	</nav-bar>
 
-	<view v-if="order.statusType != 'refunding'">
+	<view v-if="order && order.statusType != 'refunding'">
 		<view v-if="order.statusType == 'wait_recv'" class="card status-box">
 			<image style="width: 34rpx;height: 34rpx;flex-shrink: 0;margin-right: 8rpx;"
 				:src="`/static/image/shopping/taobao/detail/${order.statusType == 'wait_recv' && order.isSignFor ? 'yiqianshou' : 'yunshuzhong'}.png`"
@@ -100,7 +96,8 @@
 					<view class="goods-title flex-justify-between flex-align-center">
 						<view class="title-box flex ">
 							<text class="title flex-1">{{ item.title }}</text>
-							<uni-icons class="uni-icon" type="down" size="12" color="#7C8495"></uni-icons>
+							<uni-icons v-if="item.title.length > 15" class="uni-icon" type="down" size="12"
+								color="#7C8495"></uni-icons>
 						</view>
 
 						<text class="price wx-font-medium flex-align-center"><text class="small">￥</text>{{
@@ -112,13 +109,14 @@
 					<view class="goods-specs flex-justify-between flex-align-center">
 						<view class="title-box flex ">
 							<text class="title flex-1">{{ item.specs }}</text>
-							<uni-icons class="uni-icon" type="down" size="12" color="#7C8495"></uni-icons>
+							<uni-icons v-if="item.specs.length > 15" class="uni-icon" type="down" size="12"
+								color="#7C8495"></uni-icons>
 						</view>
 
 						<text
 							v-if="item.oriPrice && Number(item.oriPrice) > 0 && Number(item.oriPrice) > Number(item.price)"
 							class="price wx-font-medium flex-align-center"><text class="small">￥</text>{{
-								item.oriPrice }}</text>
+								Number(item.oriPrice).toFixed(2) }}</text>
 					</view>
 					<view class="inline-tag flex-justify-between flex-align-center">
 						<text class="desc flex-1">
@@ -219,8 +217,18 @@
 				</view>
 			</view>
 		</view>
+		<view class="card service-card flex-align-center flex-justify-between">
+			<text class="label">服务保障</text>
+			<view class="">
+				<text class="more">查看更多</text>
+				<uni-icons type="right" size="14" color="#EF7518"></uni-icons>
+			</view>
+		</view>
+		<view style="margin-top: 16rpx;">
+			<image style="width: 100%;" :src="screenshotImage" mode="widthFix"></image>
+		</view>
 	</view>
-	<view class="" v-else>
+	<view v-else-if="order.statusType == 'refunding'">
 		<view class="card  refund-box">
 			<view class="card  flex-column flex-align-center">
 				<view class="main-text">退款成功</view>
@@ -228,8 +236,9 @@
 				<view class="line"></view>
 			</view>
 			<view class="flex-align-center refund-money-box" style="line-height: 34rpx;">
-				<image style="width: 34rpx;height: 34rpx;margin-right: 16rpx;" src=""></image>
-				<text class="label flex-1">退回支付宝小荷包</text>
+				<image style="width: 34rpx;height: 34rpx;margin-right: 16rpx;"
+					:src="`/static/image/shopping/taobao/detail/refund/icon${order.refundIcon}.png`"></image>
+				<text class="label flex-1">{{ order.statusDesc1 }}</text>
 				<text class="wx-font-medium">
 					<text style="font-size: 28rpx;">￥</text>
 					<text style="font-size: 38rpx;">{{ Number(order.refundMoney).toFixed(2).split('.')[0] }}.</text>
@@ -241,7 +250,7 @@
 					src="/static/image/shopping/taobao/detail/refund/yunfeibaozhang.png"></image>
 				<view>
 					<view class="label">运费保障</view>
-					<view class="desc">您已享受全额保障5.56元</view>
+					<view class="desc">{{ order.statusDesc2 }}</view>
 				</view>
 			</view>
 		</view>
@@ -276,6 +285,11 @@
 				</view>
 			</view>
 		</view>
+		<view class="product-img-card">
+			<image :src="order.productImgUrl || '/static/image/shopping/taobao/detail/refund/product1.png'"
+				style="width: 100%;" mode="widthFix">
+			</image>
+		</view>
 		<view class="card help-box">
 			<view class="flex-align-center card-title-box">
 				<image style="width: 34rpx;height: 34rpx;margin-right: 16rpx;"
@@ -291,13 +305,14 @@
 				<view class="btn">运费谁承担</view>
 			</view>
 		</view>
+		<view class="bottom-template">
 
-	</view>
-	<view class="bottom-template">
+		</view>
 
 	</view>
 
-	<view class="bottom-box flex-justify-between flex-align-center">
+
+	<view v-if="order" class="bottom-box flex-justify-between flex-align-center">
 		<view class="left-icons flex">
 			<view class="icon-box" v-for="icon in bottomBtnList[order.statusType].icons" :key="icon.name">
 				<image style="width: 40rpx;height: 40rpx;"
@@ -338,6 +353,22 @@ import { onLoad, onShow } from '@dcloudio/uni-app';
 import { util } from '@/utils/common.js';
 import { shoppingType, defualtData } from '../json/order.json'
 
+//导航栏菜单按钮
+const buttonGroup = [
+	{
+		name: "编辑订单",
+		click: () => {
+			if (order.value && order.value.id) {
+				uni.navigateTo({
+					url: `/pages/shopping/taobao/add-shopping-order/add-shopping-order?id=${order.value.id}&isEdit=true`
+				});
+			} else {
+				uni.showToast({ title: '订单数据未加载', icon: 'none' });
+			}
+		}
+	}
+]
+const screenshotImage = ref('')
 const titleList = {
 	"wait_pay": "待付款",
 	"wait_send": "待发货",
@@ -533,9 +564,9 @@ const bottomBtnList = {
 	}
 }
 
-const isFoldProductCard = ref(true)
-const isFoldOrderInfoCard = ref(true)
-const isFoldRefundOrderInfoCard = ref(true)
+const isFoldProductCard = ref(false)
+const isFoldOrderInfoCard = ref(false)
+const isFoldRefundOrderInfoCard = ref(false)
 
 
 const getGoodsTotalPrice = (list) => {
@@ -543,7 +574,6 @@ const getGoodsTotalPrice = (list) => {
 	for (const key in list) {
 		totalPrice = totalPrice + Number(list[key].oriPrice ? list[key].oriPrice : list[key].price) * Number(list[key].count || 1)
 	}
-	console.log("11111111111", totalPrice)
 	return totalPrice.toFixed(2)
 }
 
@@ -554,18 +584,105 @@ const getGoodsTotalCount = (list) => {
 	}
 	return totalCount
 }
-let order = ref('')
+let order = ref(null)
+
+const currentId = ref(null);
+let countdownTimer = null;
+
+const loadOrderDetail = () => {
+	if (!currentId.value) return;
+	// 1. 优先从持久化缓存读取 (用户新增或修改的数据)
+	const storageList = uni.getStorageSync('taobaoShopping') || [];
+	const target = storageList.find(item => String(item.id) === String(currentId.value));
+
+	if (target) {
+		order.value = JSON.parse(JSON.stringify(target));
+		console.log('从缓存加载订单详情成功');
+		// 如果是等待付款状态，启动倒计时
+		if (order.value.statusType === 'wait_pay' && order.value.payCountdown) {
+			initCountdown();
+		}
+	} else {
+		// 2. 兜底从默认 JSON 读取
+		const defaultTarget = defualtData.find((item) => String(item.id) === String(currentId.value));
+		if (defaultTarget) {
+			order.value = JSON.parse(JSON.stringify(defaultTarget));
+			console.log('从默认数据加载订单详情');
+			// 默认数据也需要启动倒计时
+			if (order.value.statusType === 'wait_pay' && order.value.payCountdown) {
+				initCountdown();
+			}
+		}
+	}
+}
+
+/**
+ * 初始化并启动倒计时
+ */
+const initCountdown = () => {
+	if (countdownTimer) clearInterval(countdownTimer);
+
+	// 解析时间字符串 "HH : mm : ss" 或 "HH:mm:ss" 为秒数
+	const parseTimeToSeconds = (timeStr) => {
+		if (!timeStr) return 0;
+		// 统一格式，移除空格并将冒号分隔
+		const parts = timeStr.replace(/\s/g, '').split(':');
+		let seconds = 0;
+		if (parts.length === 3) {
+			seconds = parseInt(parts[0]) * 3600 + parseInt(parts[1]) * 60 + parseInt(parts[2]);
+		} else if (parts.length === 2) {
+			seconds = parseInt(parts[0]) * 60 + parseInt(parts[1]);
+		}
+		return isNaN(seconds) ? 0 : seconds;
+	};
+
+	// 将秒数格式化为 "HH : mm : ss"
+	const formatSecondsToTime = (totalSeconds) => {
+		if (totalSeconds <= 0) return "00:00:00";
+		const h = Math.floor(totalSeconds / 3600);
+		const m = Math.floor((totalSeconds % 3600) / 60);
+		const s = totalSeconds % 60;
+		const pad = (n) => String(n).padStart(2, '0');
+		return `${pad(h)}:${pad(m)}:${pad(s)}`;
+	};
+
+	let remainingSeconds = parseTimeToSeconds(order.value.payCountdown);
+
+	if (remainingSeconds <= 0) return;
+
+	countdownTimer = setInterval(() => {
+		remainingSeconds--;
+		if (remainingSeconds <= 0) {
+			order.value.payCountdown = "00 : 00 : 00";
+			clearInterval(countdownTimer);
+			// 可选：倒计时结束时改变状态为“已取消”
+			// order.value.status = '已取消';
+		} else {
+			order.value.payCountdown = formatSecondsToTime(remainingSeconds);
+		}
+	}, 1000);
+};
 
 onLoad((options) => {
-	console.log('shoppingType', shoppingType)
 	if (options?.id) {
-		order.value = defualtData.find((item) => item.id == options.id)
+		currentId.value = options.id;
 	}
-
 })
 
 onShow(() => {
+	loadOrderDetail();
+	// 加载拼图截图缓存
+	const savedScreenshot = uni.getStorageSync('taobao_screenshot');
+	if (savedScreenshot) {
+		screenshotImage.value = savedScreenshot;
+	}
+})
 
+onUnmounted(() => {
+	if (countdownTimer) {
+		clearInterval(countdownTimer);
+		countdownTimer = null;
+	}
 })
 </script>
 
@@ -1136,6 +1253,7 @@ onShow(() => {
 
 .help-box {
 	padding: 30rpx 32rpx;
+	margin-bottom: 120rpx;
 
 	.card-title-box {
 		width: 100%;
@@ -1201,6 +1319,29 @@ onShow(() => {
 ::v-deep .uni-navbar__header-btns {
 	width: 24px !important;
 }
+
+.product-img-card {
+	margin: 16rpx 0;
+	margin-bottom: 10rpx;
+}
+
+.service-card {
+	padding: 28rpx 32rpx;
+	line-height: 30rpx;
+
+	.label {
+		font-size: 30rpx;
+		color: #1A1A1A;
+		line-height: 30rpx;
+		font-weight: 500;
+	}
+
+	.more {
+		font-size: 26rpx;
+		color: #EF7518;
+		line-height: 28rpx;
+	}
+}
 </style>
 <style>
 @import '@/common/main.css';
diff --git a/static/image/shopping/taobao/bottom-bg-1.png b/static/image/shopping/taobao/bottom-bg-1.png
new file mode 100644
index 0000000..511fb64
Binary files /dev/null and b/static/image/shopping/taobao/bottom-bg-1.png differ
diff --git a/static/image/shopping/taobao/bottom-bg-2.png b/static/image/shopping/taobao/bottom-bg-2.png
new file mode 100644
index 0000000..d43ace0
Binary files /dev/null and b/static/image/shopping/taobao/bottom-bg-2.png differ
diff --git a/static/image/shopping/taobao/detail/refund/icon1.png b/static/image/shopping/taobao/detail/refund/icon1.png
new file mode 100644
index 0000000..43169c8
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund/icon1.png differ
diff --git a/static/image/shopping/taobao/detail/refund/icon2.png b/static/image/shopping/taobao/detail/refund/icon2.png
new file mode 100644
index 0000000..2c92ebd
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund/icon2.png differ
diff --git a/static/image/shopping/taobao/detail/refund/icon3.png b/static/image/shopping/taobao/detail/refund/icon3.png
new file mode 100644
index 0000000..95d3de9
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund/icon3.png differ
diff --git a/static/image/shopping/taobao/detail/refund/product1.png b/static/image/shopping/taobao/detail/refund/product1.png
new file mode 100644
index 0000000..7f47cc2
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund/product1.png differ
diff --git a/static/image/shopping/taobao/detail/refund/product2.png b/static/image/shopping/taobao/detail/refund/product2.png
new file mode 100644
index 0000000..6f9c2e5
Binary files /dev/null and b/static/image/shopping/taobao/detail/refund/product2.png differ
diff --git a/static/image/shopping/taobao/null.png b/static/image/shopping/taobao/null.png
new file mode 100644
index 0000000..63e36e0
Binary files /dev/null and b/static/image/shopping/taobao/null.png differ