对接数据库，模拟第三方接入信息

pages/mall/delivery/test/merchant-order-list.uvue

@@ -1,6 +1,7 @@
 <template>
 	<view class="container">
 		<view class="header">
+			<text class="back-link" @click="goBack">⬅ 返回</text>
 			<text class="title">商家发货管理</text>
 		</view>
 
@@ -84,13 +85,13 @@
 				showShipModal: false,
 				selectedOrder: null as MockOrder | null,
 				carriers: [
-					{ label: '韵达快递', value: '韵达' },
-					{ label: '圆通速递', value: '圆通' },
-					{ label: '中通快递', value: '中通' },
-					{ label: '申通快递', value: '申通' },
-					{ label: '顺丰速运', value: '顺丰' }
+					{ label: '韵达快递', value: '韵达快递' },
+					{ label: '圆通速递', value: '圆通速递' },
+					{ label: '中通快递', value: '中通快递' },
+					{ label: '申通快递', value: '申通快递' },
+					{ label: '顺丰速运', value: '顺丰速运' }
 				],
-				currentCarrier: '韵达',
+				currentCarrier: '韵达快递',
 				trackingNo: ''
 			}
 		},
@@ -112,9 +113,12 @@
 			}
 		},
 		methods: {
-			loadData() {
-				// 使用展开运算符创建新数组引用，确保 Vue 响应式触发
-				this.orders = [...mockService.getMockOrders()]
+			goBack() {
+				uni.navigateBack()
+			},
+			async loadData() {
+				const data = await mockService.getMockOrders()
+				this.orders = [...data]
 			},
 			setFilter(filter: string) {
 				this.currentFilter = filter
@@ -132,7 +136,7 @@
 			},
 			openShipModal(order: MockOrder) {
 				this.selectedOrder = order
-				this.currentCarrier = 'YUNDA'
+				this.currentCarrier = '韵达快递'
 				this.trackingNo = ''
 				this.showShipModal = true
 			},
@@ -180,7 +184,7 @@
 	}
 </script>
 
-<style scoped>
+<style lang="scss">
 	.container {
 		padding: 20px;
 		background-color: #f5f5f5;
@@ -194,6 +198,15 @@
 	}
 	.header {
 		padding: 30rpx 0;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		gap: 20rpx;
+	}
+	.back-link {
+		font-size: 26rpx;
+		color: #007AFF;
+		cursor: pointer;
 	}
 	.title {
 		font-size: 36rpx;