<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" /> <link rel="stylesheet" type="text/css" href="../css/init.css" /> <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" /> <link rel="stylesheet" type="text/css" href="../css/myorder/paydetails.css" /> <script src="../js/base.js" type="text/javascript" charset="utf-8"></script> <title>订单详情待评价</title> <style> /*.nav_item_pay_btn{ border: 1px solid #FCB200; color: #FCB200; font-size: 0.24rem; margin-left: 0.3rem; width: 0.66rem; height: 0.36rem; text-align: center; } .nav_item_pay_btn_eat{ border: 1px solid #67C33E; color: #67C33E; }*/ </style> </head> <body> <div class="container" id="evalutedetail"> <!--遮罩--> <div class="wrap"> <!--弹层--> <div class="popup"> <p>确认拨打配送点电话?</p> <p>{{orderinfo.spot_tel}}</p> <div class="btn"> <span>确定</span><span>取消</span> </div> </div> </div> <!--头部--> <div class="header"> <div class="header_top"> <i class="iconfont icon-pingjia"></i><span class="evaluate_text">待评价</span> <p class="num">{{orderinfo.order_sn}}</p> <p :class="orderinfo.order_type=='1'?'nav_item_pay_btn':'nav_item_pay_btn_eat'">{{orderinfo.order_type|stoptype}}</p> </div> <!--产品--> <div class="nav_item_product" v-for="item in ordergood"> <div class="nav_item_product_pic"> <!--<img src="../img/矩形6拷贝2@2x.png" />--> <img :src="item.thumb"/> </div> <div class="nav_item_product_box"> <div class="nav_item_product_item"> <p>{{item.goods_name}}</p> <span>¥{{item.goods_price}}</span> </div> <div class="nav_item_product_item_sub"> <p>{{item.goods_description}}</p> <span>x{{item.goods_num}}</span> </div> </div> </div> <!--详情--> <div class="details_list"> <div class="pay"> <span>支付方式</span><span>{{orderinfo.payment|payment}}</span> </div> <div class="pay"> <span>支付金额</span><span>¥{{orderinfo.order_amount}}</span> </div> <div class="pay"> <span>取货地点</span><span>{{orderinfo.spot_name}}</span> </div> <div class="pay call_num"> <span>取货电话</span><span class="active"><i class="iconfont icon-VectorSmartObject"></i>{{orderinfo.spot_tel}}</span> </div> <div class="pay"> <span>取货时间</span><span>{{orderinfo.pick_up_time}}</span> </div> <div class="pay"> <span>下单时间</span><span>{{orderinfo.add_time}}</span> </div> <div class="pay"> <span>取餐号</span><span>{{orderinfo.pick_up_no}}</span> </div> </div> <!--备注--> <div class="remark"> <span>订单备注</span><span class="limit">{{orderinfo.order_notes}}</span> </div> <!--底部按钮--> <div class="footer_take"> <span class="evaluate" @click="goevalute()">去评价</span> </div> </div> </div> <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script> <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script> <script src="../js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="../js/evalutedetail.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var call_num = document.getElementsByClassName('call_num')[0]; var wrap = document.getElementsByClassName('wrap')[0]; var popup = document.getElementsByClassName('popup')[0]; call_num.onclick = function(){ wrap.style.display = 'block'; } wrap.onclick = function(){ wrap.style.display = 'none'; } var footer_take = document.getElementsByClassName('footer_take')[0]; footer_take.onclick = function(){ window.location.href = 'evaluate.html'; } </script> </body> </html>