顺丰订单列表接口数据生成前端UI实现

以下是顺丰订单列表接口，根据返回的接口数据生成前端UI，不需要调用工具：{
"rows": [
{
"id": "5",
"order_id": "AMG2603312208574335",
"tracking_number": "SF7444702396485",
"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": "17006805774",
"province": "湖北省"
},
"receiver_contact": {
"address": "湖北省襄阳市襄城区历次路122号",
"city": "襄阳市",
"company": "莅临理财",
"contact": "王五",
"contactType": 2,
"county": "襄城区",
"mobile": "18963828564",
"province": "湖北省"
},
"routes": []
},
{
"id": "4",
"order_id": "AMG2603312205158805",
"tracking_number": "SF7444702396458",
"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": "17006805774",
"province": "湖北省"
},
"receiver_contact": {
"address": "湖北省襄阳市襄城区历次路122号",
"city": "襄阳市",
"company": null,
"contact": "王五",
"contactType": 2,
"county": "襄城区",
"mobile": "18963828564",
"province": "湖北省"
},
"routes": []
},
{
"id": "3",
"order_id": "AMG2603200107181963",
"tracking_number": "SF7444702152151",
"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": []
},
{
"id": "2",
"order_id": "AMG2603200032444787",
"tracking_number": "SF7444702151581",
"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": "已揽收"
}
]
},
{
"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": "已揽收"
}
]
}
],
"pager": {
"current_page": 0,
"total_items": 5,
"total_pages": 1,
"items_per_page": 10
}
}