欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 小程序教程 >

    微信小程序我的订单详细列表样式模板制作设计下载(3)

    2018-05-29 10:14 来源/作者:懒人模板 分类:小程序教程  « »
    三、js页面代码如下:
    //获取应用实例
    var uctooPay = require('../../utils/uctoo-pay.js')
    var app = getApp()
    
    Page({
      data: {
        current: 0,
        orderlist:[]
      },
      onLoad:function(){
        var that=this
        var login=wx.getStorageSync('login')
        wx.request({
          url: `${app.globalData.API_URL}`+'/order',
          data: {
            id:login.mid
          },
          method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
          // header: {}, // 设置请求的 header
          success: function(res){
            // success
            console.log(res)
            that.setData({
              orderlist:res.data
            })
          },
          fail: function() {
            // fail
          },
          complete: function() {
            // complete
          }
        })
      },
      payorder:function(e){
        var orderid=e.target.dataset.id;
        wx.setStorageSync('orderid', orderid)
        uctooPay.generateOrder();
      },
      switchSlider: function (e) {
        this.setData({
          current: e.target.dataset.index
        })
      },
      changeSlider: function (e) {
        this.setData({
          current: e.detail.current
        })
      },
      delorder:function(e){
      wx.showToast({
          title: '正在取消订单,请稍候...',
          icon: 'loading',
          duration: 10000
      })
        var that=this
        console.log(e.target.dataset.id)
        wx.request({
          url: `${app.globalData.API_URL}`+'/order/'+e.target.dataset.id,
          method: 'DELETE', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
          // header: {}, // 设置请求的 header
          success: function(res){
            if(res.data==1){
               that.onLoad()
              wx.hideToast()
            }
           
          },
          fail: function() {
            // fail
          },
          complete: function() {
            // complete
          }
        })
      }
    })

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议