订单成功页面功能实现

image.png

1、获取订单详情

首先从页面的url中获取orderId(上个页面传过来的),然后将orderId的参数传过去,然后从后端获取订单详情的orderTotal

 mounted(){
          this.orderId=this.$route.query.orderId;
          axios.get('users/orderDetail',{
            params:{
              orderId:this.orderId
            }
          }).then((response)=>{
            let res=response.data;
            if(res.status=='0'){
              this.orderId=res.result.orderId;
              this.orderTotal=res.result.orderTotal;
            }
          })
        }

后端订单详情:
找到用户信息后,遍历orderList的订单列表,找到对应orderId的订单,将此订单的orderTotal记录下来,传到前端去,做了很多逻辑判断,严谨一下。

router.get('/orderDetail',(req,res,next)=>{
    let userId=req.cookies.userId;
    let orderId=req.param("orderId");
    let orderTotal=0;
    User.findOne({userId:userId},(err,doc)=>{
        if(err){
            res.json({
                status:'1',
                msg:err.message,
                result:''
            })
        }else{
            if(doc.orderList<1){
                res.json({
                    status:'100001',
                    msg:'未找到订单',
                    result:''
                })
            }else{
                doc.orderList.forEach((item)=>{
                    if(item.orderId==orderId){
                        orderTotal=item.orderTotal;
                    }
                })
                if(orderTotal==0){
                    res.json({
                        status:'1000002',
                        msg:'订单金额为0',
                        result:''
                    })
                }else{
                    res.json({
                        status:'0',
                        msg:'suc',
                        result:{
                            orderId:orderId,
                            orderTotal:orderTotal
                        }
                    })
                }
            }
        }
        
    })
})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,556评论 25 708
  • 最后,我看着你还俗,从一个信徒退回你最初的俗世间,看着你娶妻,生子,看你破了戒,给她们做好吃的东西,经历着人间那么...
    也甜y阅读 406评论 0 0
  • 看书时看到乐百氏掌门何伯权的文章:我的五大“反对”,将其反对的五点简要摘下,道理看似朴素,能长期坚持却相当不易: ...
    自由和安阅读 205评论 1 1
  • 今天发现了不一样的美。看杂技表演感觉到了艺术演员肢体的力量控制美,看光秃秃的树木感觉到了树枝向外伸展的美!那么美那...
    丰和阅读 188评论 0 1