作者 lihan

列表页、详情页导航取货完成

var state = GetQueryString("state");
var state = GetQueryString("state");
console.log(state);
new Vue({
... ... @@ -128,18 +128,30 @@ new Vue({
},
//导航去取货
navigation:function(obj){
window.event.stopPropagation();
var that=this;
var oid=obj.oid;
var url = '/Map/goMap'
var params = {
oid:oid
$.ajax({
url:"/index.php?g=&m=template&a=myorder",
data:{
oid:oid,
},
type:"POST",
dataType:"JSON",
success: function (data) {
//console.log(data.data);
lng=parseFloat(data.data.lng);
lat=parseFloat(data.data.lat);
wx.openLocation({
latitude: lat, // 纬度,浮点数,范围为90 ~ -90
longitude: lng, // 经度,浮点数,范围为180 ~ -180。
name: data.data.spot_name, // 位置名
address: data.data.address, // 地址详情说明
scale: 16, // 地图缩放级别,整形值,范围从1~28。默认为最大
infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
});
}
ajaxsend(url, params, function(res) {
/*console.log(JSON.stringify(res))*/
console.log(res);
})
},
//定位
... ...
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<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="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" />
... ... @@ -15,7 +15,7 @@
<script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<title>我的订单</title>
<style type="text/css">
.nodata{
... ... @@ -28,10 +28,23 @@
margin-top: 10px;
}
</style>
</head>
</head>
<body>
<div class="container" id="mineorder">
<script>
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '{$sdk.appId}', // 必填,公众号的唯一标识
timestamp: '{$sdk.timestamp}', // 必填,生成签名的时间戳
nonceStr: '{$sdk.nonceStr}', // 必填,生成签名的随机串
signature: '{$sdk.signature}',// 必填,签名
jsApiList: [
'openLocation'
] // 必填,需要使用的JS接口列表
});
</script>
<body>
<div class="container" id="mineorder">
<!--遮罩-->
<div class="wrap">
<!--弹层-->
... ... @@ -93,7 +106,7 @@
<span>去支付</span>
</div>
<div class="nav_item_product_take_btn" v-if="item.status==3" >
<span>合计:¥{{item.order_amount}}</span><span class="go_take" @click="navigation(item)">导航去取货</span>
<span>合计:¥{{item.order_amount}}</span><span class="go_take" @click.stop="navigation(item)">导航去取货</span>
</div>
<div class="nav_item_product_take_btn" v-if="item.status==4">
<span>合计:¥{{item.order_amount}}</span><span class="go_evaluate" @click="goevalute(item)">去评价</span>
... ... @@ -110,15 +123,19 @@
<div class="nodata" v-if="orderinfo.length==0">
暂无订单
</div>
</div>
</div>
<script>
function openLocation(item) {
console.log(item);
}
</script>
<script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/myorder.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
<script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/myorder.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var cancel_btn = document.getElementsByClassName('cancel_btn')[0];
var wrap = document.getElementsByClassName('wrap')[0];
var popup = document.getElementsByClassName('popup')[0];
... ... @@ -225,10 +242,10 @@
this.classList.add('active')
finish_details.style.display = 'block';
}
</script>
</script>
</body>
</body>
</html>
\ No newline at end of file
... ...