如何做定单页面php,订单详情页面的操作方法

摘要：总结：本章主要学习到了，查询到订单数据和商品数据，赋值到前端模板，以及两个按钮的实现，去支付和取消订单，了解到了操作的逻辑，对于数据的传参理解还不是很清楚，希望能通过多看几遍视频能明白。、/********************  order_details.wxml  *************************/

订单号: {{orders.order_no}}

等待付款

已付款 待发送

已完成

订单金额：¥ {{orders.money}}

收货人：

{{orders.name}}

{{orders.phone}}

{{orders.address}}

{{item.shop.title}}

￥{{item.count}}

x{{item.price}}

买家留言

{{orders.desc}}

取消订单

立即支付

/**********************  order_details.js  **************************************/

// pages/my/order_details.js

const app = getApp();

var com = require("../../utils/util.js");

Page({

/**

* 页面的初始数据

*/

data: {

orders : {},

list   : {},

},

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (e) {

com.post('Api/Home/order_details', { id: e.id }, "setContent", this);

},

setContent : function(e){

this.setData({

orders: e.orders,

list: e.product

});

},

/**

* 取消订单，只能未支付的可以取消

*/

cancelOrder : function(e){

com.post('Api/Home/cancel_order', { id: e.currentTarget.dataset.id }, "cancelAfter", this);

},

cancelAfter : function(e){

wx.navigateBack({

delta: 2

})

},

/**

* 支付按钮，调用原生微信支付

*/

goPay : function(e){

wx.requestPayment({

'timeStamp': '',

'nonceStr': '',

'package': 'prepay_id=1',

'signType': 'MD5',

'paySign': '',

'success': function (res) {

},

'fail': function (res) {

}

})

}

})