顺丰订单详情页面设计与API数据结构解析

设计顺丰订单详情页面，不需要调用工具，以下是api返回的数据结构示例：{
"id": "1",
"order_id": "AMG2603200013175765",
"tracking_number": "SF7444702148192",
"status": "已签收",
"cargoDetails": {
"name": "电子产品",
"weight": 1.5,
"count": 1,
"unit": "个",
"volume": 0.1,
"length": 10,
"width": 5,
"height": 2,
"amount": 500
},
"sender_contact": {
"address": "十堰市丹江口市公园路155号",
"city": "十堰市",
"company": "清雅轩保健品专营店",
"contact": "张三丰",
"contactType": 1,
"county": "武当山风景区",
"mobile": "17006805888",
"province": "湖北省"
},
"receiver_contact": {
"address": "湖北省襄阳市襄城区环城东路122号",
"city": "襄阳市",
"company": null,
"contact": "郭襄阳",
"contactType": 2,
"county": "襄城区",
"mobile": "18963828829",
"province": "湖北省"
},
"routes": [
{
"acceptAddress": "苏州市",
"firstStatusCode": "1",
"secondaryStatusName": "已揽收",
"acceptTime": "2025-10-02 19:10:44",
"remark": "顺丰速运 已收取快件，您的期待，我们定竭诚守护，不负所托。",
"opCode": "50",
"secondaryStatusCode": "101",
"firstStatusName": "已揽收"
},
{
"acceptAddress": "苏州市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-02 19:29:24",
"remark": "快件在【新冷运昆山项目营业部】完成分拣，准备发往 【上海运输中转部】",
"opCode": "30",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "苏州市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-02 19:29:39",
"remark": "快件离开 【新冷运昆山项目营业部】，已在发往【上海运输中转部】 的路上",
"opCode": "36",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "上海市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-02 21:11:06",
"remark": "快件到达 【上海运输中转部】",
"opCode": "31",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "上海市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-02 21:34:24",
"remark": "快件在【上海运输中转部】完成分拣，准备发往 【上海华新转运中心】",
"opCode": "30",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "上海市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-02 21:34:36",
"remark": "快件离开 【上海运输中转部】，已在发往 【上海华新转运中心】 的路上",
"opCode": "36",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "上海市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-02 22:18:47",
"remark": "快件到达 【上海华新转运中心】，该场地已实现光伏供电，低碳绿色物流、共建零碳未来！",
"opCode": "31",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "上海市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-02 22:58:26",
"remark": "快件在【上海华新转运中心】完成分拣，准备发往 【杭州萧山转运中心】",
"opCode": "30",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "上海市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-03 00:49:40",
"remark": "快件离开 【上海华新转运中心】，已在发往 【杭州萧山转运中心】 的路上",
"opCode": "36",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "杭州市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-03 03:48:25",
"remark": "快件到达 【杭州萧山转运中心】",
"opCode": "31",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "杭州市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-03 04:16:31",
"remark": "快件在【杭州萧山转运中心】完成分拣，准备发往 【杭州萧山丰瑞南苑店】",
"opCode": "30",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "杭州市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-03 04:17:15",
"remark": "快件离开 【杭州萧山转运中心】，已在发往 【杭州萧山丰瑞南苑店】 的路上",
"opCode": "36",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "杭州市",
"firstStatusCode": "2",
"secondaryStatusName": "运送中",
"acceptTime": "2025-10-03 06:42:03",
"remark": "快件到达 【杭州萧山丰瑞南苑店，地址：萧山区文明路881号丰瑞南苑】",
"opCode": "31",
"secondaryStatusCode": "201",
"firstStatusName": "运送中"
},
{
"acceptAddress": "杭州市",
"firstStatusCode": "3",
"secondaryStatusName": "派送中",
"acceptTime": "2025-10-03 06:58:30",
"remark": "快件交给【杜保奎，联系电话：18358192592】，正在派送途中（如有任何问题可先联系我，我将尽全力为您解决。您的认可，是我最大的动力！）",
"opCode": "204",
"secondaryStatusCode": "301",
"firstStatusName": "派送中"
},
{
"acceptAddress": "杭州市",
"firstStatusCode": "4",
"secondaryStatusName": "已签收",
"acceptTime": "2025-10-03 07:55:56",
"remark": "经客户同意，快件已放在（柏峰珑悦府家门口），如有疑问请电联快递员【杜保奎，电话：18358192592】。您的体验对于我们至关重要，如果您对我们的服务有任何的想法和建议，请随时联系我们，我们一定用心倾听，全力改进，不辜负您的信任与支持。",
"opCode": "80",
"secondaryStatusCode": "401",
"firstStatusName": "已签收"
}
]
}