项目实训（三十二）——预约成功页面以及查看预约

一、实现效果：

当我们确认预约后，就会跳转出这个支付订单页面，我们可以详细浏览我们的订单信息。

同样是要通过查询各种信息，从数据库中得到信息，因为前面介绍了很多了这里仅把代码贴上来。

// pages/my/message/message.js

Page({

  /**

   * 页面的初始数据

   */

  data: {

    url: getApp().globalData.$url,

    doctor:{},

    patId:'',

    datetime:'',

    timi:'',

    doctorId:'',

    depTwoId:'',

    dia:'',

    reg:'',

    hosId:'',

    hosName:'',

    depName:'',

    patName:'',

    price:''

  },

  /**

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

   */

  onLoad(options) {

    this.setData({

      patId:options.patId,

      datetime:options.datetime,

      timi:options.timi,

      doctorId:options.doctorId,

      depTwoId:options.depTwoId,

      dia:options.dia,

      reg:options.reg,

      hosId:options.hosId,

      hosName:options.hosName,

      type:options.type,

      patName:options.patName,

      depName:options.depName,

      price:Number(options.dia) + Number(options.reg)

      

    })

    

    console.log(this.data.timi)

    let token = wx.getStorageSync('token')

    wx.request({

      url:  `http://localhost:18080/user/get_doctor`,

      method: 'GET',

      data: {

        doc_id: this.data.doctorId // 要传递的参数

      },

      header: {

        'Authorization': token

      },

      success:(result)=>{

        wx.hideLoading()

         this.setData({

           doctor:result.data

         })

       }

    })

  },

  readUigo(){

    wx.navigateTo({

      url: './notice/notice',

    })

  },

  post(){

    let obj = { ...this.data };

    const user_id = wx.getStorageSync('user_id');

     obj.doctor = '';

    obj.url = '';

    let token = wx.getStorageSync('token')

    wx.showLoading({

      title: '提交中...',

    })

    console.log(this.data.patId)

    wx.request({

      url:  `http://localhost:18080/user/make_order`,

      data:{

      user_id: user_id,

      doc_id:this.data.doctorId,

      depName:this.data.depName,

      doctorName:this.data.doctorName,

      hosName:this.data.hosName,

      state:0,

      timi:this.data.timi,

      type:this.data.type,

      price:this.data.price,

      },

      header: {

        'Authorization': token

      },

      success:(result)=>{

        console.log("提交成功")

        let ds= `user_id=${user_id}`;

        console.log(ds)

        wx.hideLoading()

         if(result.statusCode == 200){

          wx.navigateTo({

            url: './complete/complete?'+ds,

          })

         }else{

           wx.showToast({

           title: result.data.msg,

           icon:'error'

           })

         }

       },

       fail:(err)=>{

        console.log(err);

        wx.showToast({

          title: '请检查网络连接',

          icon:'error'

        })

       }

    })

  },

  /**

   * 生命周期函数--监听页面初次渲染完成

   */

  onReady() {

  },

  /**

   * 生命周期函数--监听页面显示

   */

  onShow() {

  },

  /**

   * 生命周期函数--监听页面隐藏

   */

  onHide() {

  },

  /**

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

   */

  onUnload() {

  },

  /**

   * 页面相关事件处理函数--监听用户下拉动作

   */

  onPullDownRefresh() {

  },

  /**

   * 页面上拉触底事件的处理函数

   */

  onReachBottom() {

  },

  /**

   * 用户点击右上角分享

   */

  onShareAppMessage() {

  }

})

 当我们确认订单后，我们会跳转到页面显示

这时我们可以查看预约详情，也可以点击返回首页。

在预约详情中我们可以看到我们的预约信息。

并且这里的预约信息是不一样的。当你没支付的时候是未支付状态，还有待就诊状态等等。

因此我们针对不同的预约情况也要采取相对应的方法。