淘宝购物详情页80%
This commit is contained in:
tangxinyue
parent
026d39a0e5
commit
7012a8624c
21
pages.json
21
pages.json
|
|
@ -87,6 +87,13 @@
|
|||
"navigationBarTitleText": "淘宝购物外卖订单列表",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "taobao/shopping-order-detail/shopping-order-detail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "淘宝购物详情页",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -303,18 +310,16 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "silkBanner/silkBanner",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "锦旗",
|
||||
"path": "silkBanner/silkBanner",
|
||||
"style": {
|
||||
"navigationBarTitleText": "锦旗",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "certificate/index",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "证书",
|
||||
"path": "certificate/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "证书",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -961,7 +961,7 @@
|
|||
{
|
||||
"id": "70085b84-5e10-4ece-a971-9242e19b47de",
|
||||
"shopType": "self",
|
||||
"shopName": "路易威登京东官方旗舰店",
|
||||
"shopName": "路易威登官方旗舰店",
|
||||
"status": "正在出库",
|
||||
"trackingTitle": "仓库处理中",
|
||||
"trackingDesc": "预计明天9:00-15:00送达",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<view class="card-wrapper">
|
||||
<view class="card-container" v-for="(item, index) in list" :key="index">
|
||||
<view class="card-container" v-for="(item, index) in list" :key="index" @click.stop="clickItem(item)">
|
||||
<!-- 顶部店铺和状态 -->
|
||||
<view class="card-header">
|
||||
<view class="shop-info">
|
||||
|
|
@ -37,9 +37,8 @@
|
|||
</view>
|
||||
</view>
|
||||
|
||||
<view class="goods-tags"
|
||||
v-if="goods.tags && goods.tags.length && item.statusType !== 'refunding'">
|
||||
<text class="tag" v-for="(tag, tIdx) in goods.tags" :key="tIdx">{{ tag }}</text>
|
||||
<view class="goods-tags" v-if="goods.tags && item.statusType !== 'refunding'">
|
||||
<text class="tag">{{ goods.tags }}</text>
|
||||
</view>
|
||||
<!-- 单个商品的售后状态 -->
|
||||
<view class="goods-evaluation" v-if="item.statusType == 'success'">
|
||||
|
|
@ -83,7 +82,8 @@
|
|||
:src="`/static/image/shopping/taobao/${item.isSignFor ? 'yiqianshou' : 'yunshuzhong'}.png`">
|
||||
</image>
|
||||
<text class="title">{{ item.isSignFor ? '已签收' : '运输中' }}</text>
|
||||
<text class="text">{{ item.statusDesc }}</text>
|
||||
<text class="text flex-1">{{ item.statusDesc2 || item.statusDesc1 }}</text>
|
||||
<uni-icons v-if="item.statusDesc2" type="right" size="14" color="#7B7E8C"></uni-icons>
|
||||
</view>
|
||||
|
||||
<view v-else-if="item.statusType == 'refunding'" class="tips-box yunshuzhong">
|
||||
|
|
@ -129,7 +129,7 @@ const props = defineProps({
|
|||
}
|
||||
});
|
||||
|
||||
const emit = defineEmits(['action', 'detail']);
|
||||
const emit = defineEmits(['action', 'detail', 'click-item']);
|
||||
|
||||
|
||||
const instance = getCurrentInstance();
|
||||
|
|
@ -264,6 +264,10 @@ const getButtons = (status) => {
|
|||
return map[status] || [];
|
||||
};
|
||||
|
||||
const clickItem = (item) => {
|
||||
emit('click-item', item);
|
||||
}
|
||||
|
||||
const getTotalCount = (goodsList) => {
|
||||
if (!goodsList || !goodsList.length) return 0;
|
||||
return goodsList.reduce((sum, item) => sum + (Number(item.count) || 1), 0);
|
||||
|
|
@ -483,13 +487,16 @@ const goToDetail = (item) => {
|
|||
align-items: center;
|
||||
|
||||
.title {
|
||||
flex-shrink: 0;
|
||||
color: #1A1A1A;
|
||||
margin-left: 8rpx;
|
||||
margin-right: 20rpx;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tip-icon {
|
||||
flex-shrink: 0;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 12rpx;
|
||||
|
|
@ -498,6 +505,9 @@ const goToDetail = (item) => {
|
|||
.text {
|
||||
font-size: 26rpx;
|
||||
color: #7C8495;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&.daifukuan {
|
||||
|
|
|
|||
|
|
@ -3,61 +3,877 @@
|
|||
"shoppingType": [
|
||||
{
|
||||
"label": "待付款",
|
||||
"key": "daifukuan"
|
||||
"key": "wait_pay"
|
||||
},
|
||||
{
|
||||
"label": "待发货",
|
||||
"key": "daifahuo"
|
||||
"key": "wait_send"
|
||||
},
|
||||
{
|
||||
"label": "待收货",
|
||||
"key": "daishouhuo"
|
||||
"key": "wait_recv"
|
||||
},
|
||||
{
|
||||
"label": "退款/售后",
|
||||
"key": "tuikuanshouhou"
|
||||
"key": "refunding"
|
||||
},
|
||||
{
|
||||
"label": "评价",
|
||||
"key": "pingjia"
|
||||
"key": "success"
|
||||
},
|
||||
{
|
||||
"label": "已取消",
|
||||
"key": "yiquxiao"
|
||||
"key": "closed"
|
||||
}
|
||||
],
|
||||
//购物类型字段分类
|
||||
"shoppingClassfiy": {
|
||||
"daifukuan": {
|
||||
"status": "待付款",
|
||||
"statusDesc": "卖家未发货",
|
||||
"shopName": "细条条",
|
||||
"shopType": "taobao", //淘宝-taobao，天猫-tianmao，百补-baiyibutie
|
||||
"totalPrice": "",
|
||||
"carriage": "0.00",
|
||||
"products": [
|
||||
"wait_pay": {
|
||||
"id": "",
|
||||
"orderType": "shopping",
|
||||
"shopName": "路易威登京东官方旗舰店",
|
||||
"statusType": "wait_pay",
|
||||
"shopType": "taobao",
|
||||
"statusDesc": "",
|
||||
"address": "上海市浦东新区汤臣一品",
|
||||
"userName": "张三",
|
||||
"phone": "13812345678",
|
||||
"totalPrice": "23979.25",
|
||||
"platformDiscount": "",
|
||||
"storeDiscount": "",
|
||||
"points": "",
|
||||
"coupons": "",
|
||||
"goodsList": [
|
||||
{
|
||||
"image": "",
|
||||
"title": "",
|
||||
"desc": "",
|
||||
"service": "",
|
||||
"price": "",
|
||||
"count": "",
|
||||
"stuta": {
|
||||
"value": "买家已付款", //待付款-买家已付款，待发货-卖家已发货，待收货-交易完成,退款
|
||||
"key": "daifukuan",
|
||||
"desc": "申请退款"
|
||||
}
|
||||
"image": "/static/image/shopping/jingdong/product/shopping/lv.png",
|
||||
"title": "【官方正品】路易威登 经典老花手提包",
|
||||
"specs": "经典老花；手提包",
|
||||
"price": "23979.25",
|
||||
"oriPrice": "23979.25",
|
||||
"count": 1,
|
||||
"tags": "七天无理由退换"
|
||||
}
|
||||
],
|
||||
"orderId": "",
|
||||
"orderInfo": [
|
||||
{
|
||||
"label": "订单编号",
|
||||
"key": "orderNumber",
|
||||
"label": "创建时间",
|
||||
"key": "createTime",
|
||||
"value": "",
|
||||
"type": "time"
|
||||
},
|
||||
{
|
||||
"label": "支付宝交易号",
|
||||
"key": "alipayTransactionNum",
|
||||
"value": "",
|
||||
"type": "number"
|
||||
},
|
||||
{
|
||||
"label": "天猫积分",
|
||||
"key": "tianmaoIntegral",
|
||||
"value": "获得19点积分",
|
||||
"type": "text"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据",
|
||||
"type": "text"
|
||||
}
|
||||
],
|
||||
"statusDesc1": "承诺48小时内发货",
|
||||
"statusDesc2": "预计明天发货",
|
||||
"payCountdown": "11:48:50"
|
||||
},
|
||||
"wait_send": {
|
||||
"id": "",
|
||||
"orderType": "shopping",
|
||||
"shopType": "tianmao",
|
||||
"shopName": "天猫超市-五粮液自营店",
|
||||
"statusType": "wait_send",
|
||||
"statusDesc": "预计明天送达",
|
||||
"address": "上海市浦东新区汤臣一品",
|
||||
"userName": "张三",
|
||||
"phone": "13812345678",
|
||||
"totalPrice": "",
|
||||
"platformDiscount": "",
|
||||
"storeDiscount": "",
|
||||
"points": "",
|
||||
"coupons": "",
|
||||
"goodsList": [
|
||||
{
|
||||
"image": "/static/image/shopping/jingdong/product/shopping/wuliangye.png",
|
||||
"title": "五粮液 普五 第八代 浓香型白酒 52度 500ml*2瓶",
|
||||
"specs": "500ml*2礼盒装；浓香型",
|
||||
"price": "",
|
||||
"oriPrice": "",
|
||||
"count": 1,
|
||||
"tags": "正品保障 七天无理由退货"
|
||||
}
|
||||
],
|
||||
"orderId": "",
|
||||
"orderInfo": [
|
||||
{
|
||||
"label": "付款时间",
|
||||
"key": "paymentTime",
|
||||
"value": "",
|
||||
"type": "time"
|
||||
},
|
||||
{
|
||||
"label": "创建时间",
|
||||
"key": "createTime",
|
||||
"value": "",
|
||||
"type": "time"
|
||||
},
|
||||
{
|
||||
"label": "支付宝交易号",
|
||||
"key": "alipayTransactionNum",
|
||||
"value": "",
|
||||
"type": "number"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据",
|
||||
"type": "text"
|
||||
},
|
||||
{
|
||||
"label": "支付方式",
|
||||
"key": "paymentMethod",
|
||||
"value": "支付宝支付",
|
||||
"type": "text"
|
||||
}
|
||||
],
|
||||
"statusDesc1": "承诺48小时内发货",
|
||||
"statusDesc2": "预计明天发货"
|
||||
},
|
||||
"wait_recv": {
|
||||
"id": "",
|
||||
"orderType": "shopping",
|
||||
"shopName": "Apple 官方旗舰店",
|
||||
"statusType": "wait_recv",
|
||||
"address": "上海市浦东新区汤臣一品",
|
||||
"userName": "张三",
|
||||
"phone": "13812345678",
|
||||
"isSignFor": true,
|
||||
"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",
|
||||
"type": "number"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据",
|
||||
"type": "text"
|
||||
},
|
||||
{
|
||||
"label": "支付方式",
|
||||
"key": "paymentMethod",
|
||||
"value": "支付宝支付",
|
||||
"type": "text"
|
||||
}
|
||||
],
|
||||
"statusDesc1": "已签收",
|
||||
"statusDesc2": "【上海市】 您已在上海市浦东新区汤臣一品完成取件",
|
||||
"confirmReceiptCountdown": "9天7小时"
|
||||
},
|
||||
"success": {
|
||||
"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",
|
||||
"type": "number"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据",
|
||||
"type": "text"
|
||||
},
|
||||
{
|
||||
"label": "收货信息",
|
||||
"key": "shippingInfo",
|
||||
"value": "",
|
||||
"type": "address"
|
||||
},
|
||||
{
|
||||
"label": "支付方式",
|
||||
"key": "paymentMethod",
|
||||
"value": "支付宝支付",
|
||||
"type": "text"
|
||||
}
|
||||
]
|
||||
},
|
||||
"closed": {
|
||||
"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",
|
||||
"type": "number"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据",
|
||||
"type": "text"
|
||||
},
|
||||
{
|
||||
"label": "收货信息",
|
||||
"key": "shippingInfo",
|
||||
"value": "",
|
||||
"type": "address"
|
||||
}
|
||||
]
|
||||
},
|
||||
"refunding": {
|
||||
"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",
|
||||
"type": "number"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"defualtData": [
|
||||
{
|
||||
"id": "202605110001",
|
||||
"orderType": "shopping",
|
||||
"shopName": "路易威登京东官方旗舰店",
|
||||
"statusType": "wait_pay",
|
||||
"shopType": "taobao",
|
||||
"statusDesc": "",
|
||||
"address": "上海市浦东新区汤臣一品",
|
||||
"userName": "张三",
|
||||
"phone": "13812345678",
|
||||
"totalPrice": "23979.25",
|
||||
"platformDiscount": "150.00",
|
||||
"storeDiscount": "200.00",
|
||||
"points": "1.00",
|
||||
"coupons": "1.00",
|
||||
"goodsList": [
|
||||
{
|
||||
"image": "/static/image/shopping/jingdong/product/shopping/lv.png",
|
||||
"title": "【官方正品】路易威登 经典老花手提包",
|
||||
"specs": "经典老花；手提包",
|
||||
"price": "23979.25",
|
||||
"oriPrice": "23979.25",
|
||||
"count": 1,
|
||||
"tags": "七天无理由退换"
|
||||
}
|
||||
],
|
||||
"orderId": "2026031121001039760581201016",
|
||||
"orderInfo": [
|
||||
{
|
||||
"label": "创建时间",
|
||||
"key": "createTime",
|
||||
"value": "2026-03-11 09:48:05",
|
||||
"type": "time"
|
||||
},
|
||||
{
|
||||
"label": "支付宝交易号",
|
||||
"key": "alipayTransactionNum",
|
||||
"value": "2026031121001039760581201016"
|
||||
},
|
||||
{
|
||||
"label": "天猫积分",
|
||||
"key": "tianmaoIntegral",
|
||||
"value": "获得19点积分"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据"
|
||||
}
|
||||
],
|
||||
"statusDesc1": "承诺48小时内发货",
|
||||
"statusDesc2": "预计明天发货",
|
||||
"payCountdown": "11:48:50"
|
||||
},
|
||||
{
|
||||
"id": "202605110002",
|
||||
"orderType": "shopping",
|
||||
"shopType": "tianmao",
|
||||
"shopName": "天猫超市-五粮液自营店",
|
||||
"statusType": "wait_send",
|
||||
"statusDesc": "预计明天送达",
|
||||
"address": "上海市浦东新区汤臣一品",
|
||||
"userName": "张三",
|
||||
"phone": "13812345678",
|
||||
"totalPrice": "2198.00",
|
||||
"platformDiscount": "50.00",
|
||||
"storeDiscount": "50.00",
|
||||
"points": "1.00",
|
||||
"coupons": "1.00",
|
||||
"goodsList": [
|
||||
{
|
||||
"image": "/static/image/shopping/jingdong/product/shopping/wuliangye.png",
|
||||
"title": "五粮液 普五 第八代 浓香型白酒 52度 500ml*2瓶",
|
||||
"specs": "500ml*2礼盒装；浓香型",
|
||||
"price": "1099.00",
|
||||
"count": 2,
|
||||
"tags": "正品保障 七天无理由退货"
|
||||
}
|
||||
],
|
||||
"orderId": "2026031121001039760581201016",
|
||||
"orderInfo": [
|
||||
{
|
||||
"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": "承诺48小时内发货",
|
||||
"statusDesc2": "预计明天发货"
|
||||
},
|
||||
{
|
||||
"id": "202605110003",
|
||||
"orderType": "shopping",
|
||||
"shopName": "Apple 官方旗舰店",
|
||||
"statusType": "wait_recv",
|
||||
"address": "上海市浦东新区汤臣一品",
|
||||
"userName": "张三",
|
||||
"phone": "13812345678",
|
||||
"isSignFor": true,
|
||||
"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": "【上海市】 您已在上海市浦东新区汤臣一品完成取件",
|
||||
"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",
|
||||
// "shopName": "美团外卖-麦当劳",
|
||||
// "statusType": "success",
|
||||
// "statusDesc": "订单已完成",
|
||||
// "shopType": "taobao",
|
||||
// "goodsList": [
|
||||
// {
|
||||
// "image": "",
|
||||
// "title": "麦辣鸡腿堡套餐",
|
||||
// "specs": "默认",
|
||||
// "price": "32.00",
|
||||
// "count": 1,
|
||||
// "tags": "正品保障"
|
||||
// }
|
||||
// ],
|
||||
// "totalPrice": "32.00"
|
||||
// },
|
||||
// {
|
||||
// "id": "202605110009",
|
||||
// "orderType": "waimai",
|
||||
// "shopName": "饿了么-星巴克",
|
||||
// "statusType": "wait_send",
|
||||
// "statusDesc": "商家准备中",
|
||||
// "shopType": "taobao",
|
||||
// "goodsList": [
|
||||
// {
|
||||
// "image": "",
|
||||
// "title": "拿铁咖啡",
|
||||
// "specs": "大杯 / 热",
|
||||
// "price": "28.00",
|
||||
// "count": 1,
|
||||
// "tags": "正品保障"
|
||||
// }
|
||||
// ],
|
||||
// "totalPrice": "28.00"
|
||||
// },
|
||||
// {
|
||||
// "id": "202605110010",
|
||||
// "orderType": "waimai",
|
||||
// "shopName": "淘鲜达-盒马鲜生",
|
||||
// "statusType": "success",
|
||||
// "statusDesc": "订单已完成",
|
||||
// "shopType": "taobao",
|
||||
// "goodsList": [
|
||||
// {
|
||||
// "image": "",
|
||||
// "title": "进口智利车厘子 500g",
|
||||
// "specs": "JJ级",
|
||||
// "price": "59.00",
|
||||
// "count": 1,
|
||||
// "tags": "一小时送达"
|
||||
// }
|
||||
// ],
|
||||
// "totalPrice": "59.00"
|
||||
// }
|
||||
]
|
||||
}
|
||||
|
|
@ -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="搜索我的订单" />
|
||||
<input class="input" type="text" placeholder="搜索我的订单" :disabled="true" />
|
||||
</view>
|
||||
</template>
|
||||
<template v-slot:right>
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
<uni-icons type="right" size="14" color="#5E6367"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<listCard :list="displayList" />
|
||||
<listCard :list="displayList" @click-item="goDetail" />
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
|
|
@ -95,190 +95,32 @@ import { ref, computed, onMounted, getCurrentInstance } 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([
|
||||
const mockList = ref(defualtData);
|
||||
|
||||
//导航栏菜单按钮
|
||||
const buttonGroup = [
|
||||
{
|
||||
orderType: "shopping",
|
||||
shopName: '淘宝心选官方旗舰店',
|
||||
statusType: 'wait_pay',
|
||||
shopType: 'taobao',
|
||||
statusDesc: '',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: '【官方正品】全棉时代纯棉柔巾洗脸巾抽纸加厚擦脸巾100抽*6包',
|
||||
specs: '颜色分类: 100抽*6包',
|
||||
price: '69.00',
|
||||
count: 1,
|
||||
tags: ['七天无理由退换']
|
||||
}
|
||||
],
|
||||
totalPrice: '69.00'
|
||||
name: "新增购物订单",
|
||||
click: () => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/shopping/taobao/add-order/add-order'
|
||||
});
|
||||
}
|
||||
}, {
|
||||
name: "新增闪购订单",
|
||||
click: () => {
|
||||
uni.showToast({
|
||||
title: '开发中，敬请期待',
|
||||
icon: 'none'
|
||||
});
|
||||
// uni.navigateTo({
|
||||
// url: '/pages/shopping/jingdong/add-waimai/add-waimai'
|
||||
// });
|
||||
}
|
||||
},
|
||||
{
|
||||
orderType: "shopping",
|
||||
shopName: '小米官方旗舰店',
|
||||
statusType: 'wait_send',
|
||||
statusDesc: '预计明天送达',
|
||||
shopType: 'taobao',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: 'Xiaomi/小米 14 徕卡光学镜头 骁龙8Gen3 澎湃OS 小米手机',
|
||||
specs: '颜色分类: 黑色; 内存容量: 16GB+512GB',
|
||||
price: '4599.00',
|
||||
count: 1,
|
||||
tags: ['正品保障', '顺丰包邮']
|
||||
}
|
||||
],
|
||||
totalPrice: '4599.00'
|
||||
},
|
||||
{
|
||||
orderType: "shopping",
|
||||
shopName: 'NIKE官方旗舰店',
|
||||
statusType: 'wait_recv',
|
||||
statusDesc: '您已在重庆九龙坡区哈哈哈完成取件，...',
|
||||
isSignFor: true,
|
||||
shopType: 'taobao',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: 'Nike耐克官方AIR FORCE 1 07空军一号男鞋板鞋运动鞋CW2288',
|
||||
specs: '颜色分类: 纯白; 尺码: 42.5',
|
||||
price: '749.00',
|
||||
count: 1,
|
||||
tags: ['假一赔四']
|
||||
}
|
||||
],
|
||||
totalPrice: '749.00'
|
||||
},
|
||||
{
|
||||
orderType: "shopping",
|
||||
shopName: 'NIKE官方旗舰店',
|
||||
statusType: 'wait_recv',
|
||||
isSignFor: false,
|
||||
statusDesc: "平台支持退货",
|
||||
shopType: 'taobao',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: 'Nike耐克官方AIR FORCE 1 07空军一号男鞋板鞋运动鞋CW2288',
|
||||
specs: '颜色分类: 纯白; 尺码: 42.5',
|
||||
price: '749.00',
|
||||
count: 1,
|
||||
tags: ['假一赔四']
|
||||
}
|
||||
],
|
||||
totalPrice: '749.00'
|
||||
},
|
||||
{
|
||||
orderType: "shopping",
|
||||
shopName: '三只松鼠旗舰店',
|
||||
statusType: 'success',
|
||||
shopType: 'taobao',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: '三只松鼠 坚果大礼包 每日坚果 送礼佳品 1498g',
|
||||
specs: '颜色分类: 坚果礼盒1498g',
|
||||
price: '128.00',
|
||||
count: 2,
|
||||
tags: ['过敏包退']
|
||||
}
|
||||
],
|
||||
totalPrice: '256.00'
|
||||
},
|
||||
{
|
||||
orderType: "shopping",
|
||||
shopName: 'Apple Store 官方旗舰店',
|
||||
statusType: 'closed',
|
||||
shopType: 'tianmao',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: 'Apple iPhone 15 Pro (A3104) 256GB 原色钛金属 5G手机',
|
||||
specs: '颜色分类: 原色钛金属; 内存容量: 256GB',
|
||||
price: '8999.00',
|
||||
count: 1,
|
||||
tags: []
|
||||
}
|
||||
],
|
||||
totalPrice: '8999.00'
|
||||
},
|
||||
{
|
||||
orderType: "shopping",
|
||||
shopName: '优衣库官方旗舰店',
|
||||
statusType: 'refunding',
|
||||
statusDesc: '平台支持退款',
|
||||
shopType: 'taobao',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: 'UNIQLO 优衣库 男装/女装 摇粒绒拉链运动开衫(长袖) 463351',
|
||||
specs: '颜色分类: 藏青色; 尺码: L',
|
||||
price: '199.00',
|
||||
count: 1,
|
||||
tags: ['极速退款'],
|
||||
refundStatus: '退款成功'
|
||||
}
|
||||
],
|
||||
totalPrice: '199.00'
|
||||
},
|
||||
{
|
||||
orderType: "waimai",
|
||||
shopName: '美团外卖-麦当劳',
|
||||
statusType: 'success',
|
||||
statusDesc: '订单已完成',
|
||||
shopType: 'taobao',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: '麦辣鸡腿堡套餐',
|
||||
specs: '默认',
|
||||
price: '32.00',
|
||||
count: 1,
|
||||
tags: []
|
||||
}
|
||||
],
|
||||
totalPrice: '32.00'
|
||||
},
|
||||
{
|
||||
orderType: "waimai",
|
||||
shopName: '饿了么-星巴克',
|
||||
statusType: 'wait_send',
|
||||
statusDesc: '商家准备中',
|
||||
shopType: 'taobao',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: '拿铁咖啡',
|
||||
specs: '大杯 / 热',
|
||||
price: '28.00',
|
||||
count: 1,
|
||||
tags: []
|
||||
}
|
||||
],
|
||||
totalPrice: '28.00'
|
||||
},
|
||||
{
|
||||
orderType: "waimai",
|
||||
shopName: '淘鲜达-盒马鲜生',
|
||||
statusType: 'success',
|
||||
statusDesc: '订单已完成',
|
||||
shopType: 'taobao',
|
||||
goodsList: [
|
||||
{
|
||||
image: '',
|
||||
title: '进口智利车厘子 500g',
|
||||
specs: 'JJ级',
|
||||
price: '59.00',
|
||||
count: 1,
|
||||
tags: ['一小时送达']
|
||||
}
|
||||
],
|
||||
totalPrice: '59.00'
|
||||
}
|
||||
]);
|
||||
]
|
||||
|
||||
const displayList = computed(() => {
|
||||
let list = mockList.value;
|
||||
|
|
@ -383,6 +225,10 @@ const switchFilter = (index) => {
|
|||
}
|
||||
};
|
||||
|
||||
const goDetail = (item) => {
|
||||
util.goPage(`/pages/shopping/taobao/shopping-order-detail/shopping-order-detail?id=${item.id}`)
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 874 B |
Binary file not shown.
|
After Width: | Height: | Size: 890 B |
Binary file not shown.
|
After Width: | Height: | Size: 953 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 228 B |
Binary file not shown.
|
After Width: | Height: | Size: 947 B |
Binary file not shown.
|
After Width: | Height: | Size: 655 B |
Binary file not shown.
|
After Width: | Height: | Size: 873 B |
Binary file not shown.
|
After Width: | Height: | Size: 532 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 255 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 732 B |
Binary file not shown.
|
After Width: | Height: | Size: 926 B |
Loading…
Reference in New Issue