diff --git a/src/Mini-12306前端开发/pages.json b/src/Mini-12306前端开发/pages.json index fd3c3247..78a8edcc 100644 --- a/src/Mini-12306前端开发/pages.json +++ b/src/Mini-12306前端开发/pages.json @@ -17,6 +17,12 @@ "navigationBarTitleText": "Mini-12306" } }, + { + "path": "pages/index/ticket", + "style": { + "navigationBarTitleText": "Mini-12306" + } + }, { "path": "pages/index/user-center", "style": { @@ -33,7 +39,7 @@ "navigationBarTitleText": "Mini-12306" } },{ - "path": "pages/index/Buy-ticket", + "path": "pages/index/confirm-order", "style": { "navigationBarTitleText": "Mini-12306" } diff --git a/src/Mini-12306前端开发/pages/index/Home.vue b/src/Mini-12306前端开发/pages/index/Home.vue index 939b51ba..3e6f124f 100644 --- a/src/Mini-12306前端开发/pages/index/Home.vue +++ b/src/Mini-12306前端开发/pages/index/Home.vue @@ -43,17 +43,6 @@ export default { this.date = this.today; // 设置日期输入框默认值为当天日期 }, methods: { - - // handleDepartureClick() { - // uni.navigateTo({ - // url: '/pages/index/Station?type=departure' - // }); - // }, - // handleDestinationClick() { - // uni.navigateTo({ - // url: '/pages/index/Station?type=destination' - // }); - // }, goToHome() { // 导航到首页 uni.navigateTo({ @@ -73,9 +62,6 @@ export default { }); }, searchTickets() { - // 在这里执行搜索车票的逻辑,可以发送请求给后端获取车票信息 - // console.log('出发地:', this.departure); - // console.log('目的地:', this.destination); const formData = { departure: this.departure, destination: this.destination, @@ -93,17 +79,15 @@ export default { // 请求成功处理,检查返回的状态码和数据 if (res.statusCode === 200) { // 确保状态码为200 const data = res.data; - const ticketInfo = { }; - this.ticketInfo = data.trains; - localStorage.setItem('ticketInfo', JSON.stringify(ticketInfo)); if (data.message === '查询成功') { - console.log('请求成功',data); + console.log('请求成功',data); + localStorage.setItem('ticketInfo', JSON.stringify(data.trains)); uni.showToast({ title: '查询成功', icon: 'success' }); - uni.navigateTo({ - url: '/pages/index/search-results' + uni.navigateTo({ + url: '/pages/index/search-results' }); } else { // 如果有其他错误消息,显示给用户 @@ -125,8 +109,6 @@ export default { }); } }); - // 这里简单模拟搜索结果 - // 实际开发中需要根据实际情况获取真实数据并更新ticketList }, } }; diff --git a/src/Mini-12306前端开发/pages/index/Payment.vue b/src/Mini-12306前端开发/pages/index/Payment.vue index 7bc1d08c..c77a1d08 100644 --- a/src/Mini-12306前端开发/pages/index/Payment.vue +++ b/src/Mini-12306前端开发/pages/index/Payment.vue @@ -1,64 +1,44 @@ + + diff --git a/src/Mini-12306前端开发/pages/index/search-results.vue b/src/Mini-12306前端开发/pages/index/search-results.vue index 6d202085..5ec8a4c7 100644 --- a/src/Mini-12306前端开发/pages/index/search-results.vue +++ b/src/Mini-12306前端开发/pages/index/search-results.vue @@ -1,12 +1,26 @@ @@ -14,26 +28,81 @@ export default { data() { return { - ticketInfo: [] // 初始化为空数组 + ticketInfo: [] // 存储车票信息的变量 }; }, mounted() { - // 从 localStorage 中获取存储的数据 - const ticketInfoString = localStorage.getItem('ticketInfo'); - - if (ticketInfoString) { - // 解析 JSON 字符串为 JavaScript 对象 - this.ticketInfo = JSON.parse(ticketInfoString); - } else { - console.log('未在 localStorage 中找到火车票信息'); + // 从本地存储中读取车票信息 + const storedTicketInfo = JSON.parse(localStorage.getItem('ticketInfo')); + if (storedTicketInfo) { + this.ticketInfo = storedTicketInfo; + } + }, + methods: { + handleBookClick(ticket) { + uni.navigateTo({ + url: '/pages/index/confirm-order' + }); } } }; diff --git a/src/Mini-12306前端开发/pages/index/ticket.vue b/src/Mini-12306前端开发/pages/index/ticket.vue new file mode 100644 index 00000000..5e37c276 --- /dev/null +++ b/src/Mini-12306前端开发/pages/index/ticket.vue @@ -0,0 +1,95 @@ + + + + +