对接数据库,模拟第三方接入信息
This commit is contained in:
@@ -1,5 +1,10 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="header">
|
||||
<text class="back-link" @click="goBack">⬅ 返回</text>
|
||||
<text class="title">商家订单详情</text>
|
||||
</view>
|
||||
|
||||
<!-- 状态卡片 -->
|
||||
<view class="status-card">
|
||||
<text class="status-title">{{ getStatusText(order.status) }}</text>
|
||||
@@ -101,16 +106,19 @@
|
||||
this.loadData()
|
||||
},
|
||||
methods: {
|
||||
loadData() {
|
||||
goBack() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
async loadData() {
|
||||
// 获取匹配的订单基本信息
|
||||
const allOrders = mockService.getMockOrders()
|
||||
const allOrders = await mockService.getMockOrders()
|
||||
const found = allOrders.find((o : MockOrder) : boolean => o.order_no === this.orderNo)
|
||||
if (found != null) {
|
||||
this.order = found
|
||||
}
|
||||
|
||||
// 获取轨迹
|
||||
this.statusHistory = mockService.getMockTracking(this.orderNo)
|
||||
this.statusHistory = await mockService.getMockTracking(this.orderNo)
|
||||
},
|
||||
getStatusText(status: string) : string {
|
||||
const maps = {
|
||||
@@ -158,6 +166,19 @@
|
||||
background-color: #f8f8f8;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.header {
|
||||
padding: 20rpx 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 20rpx;
|
||||
}
|
||||
.back-link {
|
||||
font-size: 28rpx;
|
||||
color: #007AFF;
|
||||
cursor: pointer;
|
||||
}
|
||||
.status-card {
|
||||
background: linear-gradient(to right, #007AFF, #00C6FF);
|
||||
padding: 40rpx;
|
||||
|
||||
Reference in New Issue
Block a user