120 lines
3.9 KiB
HTML
120 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head style="visibility:hidden;">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
|
<title>顺带件</title>
|
|
<link rel="stylesheet" type="text/css" href="../css/mui.css" />
|
|
</head>
|
|
|
|
<body style="visibility:hidden;">
|
|
<div class="header">
|
|
<div class="header_con">
|
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
<!--<img src="../img/title_news.png" class="oc_logo" />-->
|
|
<p class="title">顺带件</p>
|
|
</div>
|
|
</div>
|
|
<div style="height: 36px;"></div>
|
|
<style>
|
|
.indicator {
|
|
display: inline-block;
|
|
width: 33%;
|
|
padding: 10px 0;
|
|
margin: 0 10px;
|
|
text-align: center;
|
|
color: black;
|
|
background-color: #ddd;
|
|
}
|
|
.act.indicator {
|
|
color: white;
|
|
background-color: #444;
|
|
}
|
|
.subPage {
|
|
padding-top: 10px;
|
|
overflow-y: auto;
|
|
height: calc(100vh - 160px);
|
|
width: 100vw;
|
|
border: none;
|
|
}
|
|
</style>
|
|
<div class="block" style="display: flex;width: 100vw;">
|
|
</div>
|
|
<div id="app" v-cloak>
|
|
<div class="float_center" v-if="highlightText">
|
|
<div class="text">
|
|
{{highlightText}}
|
|
</div>
|
|
<div class="operation">
|
|
<div class="op" @click="copyText()">复制</div>
|
|
<div class="op" @click="dismissHighLight()">关闭</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="row clearfix" v-for="(each, index) in orderList" :data-id="each.id">
|
|
<div class="row_header">
|
|
{{each.deliverBefore}}前送达
|
|
</div>
|
|
<div class="name">
|
|
<span class="_text" @click="setHighLightText(each.shopAddress)">店铺：{{each.shopAddress}}</span>
|
|
<span class="_img" @click="window.open(`tel:${each.shopPhone}`)">
|
|
<img src="../img/lianxishangjia4.png" alt="">
|
|
</span>
|
|
</div>
|
|
<div class="name">
|
|
<span class="_text" @click="setHighLightText(each.userAddress)">送至：{{each.userAddress}}</span>
|
|
<span class="_img" @click="window.open(`tel:${each.userPhone}`)">
|
|
<img src="../img/lianxishangjia4.png" alt="">
|
|
</span>
|
|
</div>
|
|
<div class="loc_range">
|
|
<span>我</span>
|
|
<span class="between" @click="navi([each.shopLat, each.shopLng])">{{getDistance(location, [each.shopLat, each.shopLng])}}</span>
|
|
<span class="with_img" @click="navi([each.shopLat, each.shopLng])">
|
|
<img src="../img/gothere.png" alt="">
|
|
商家
|
|
</span>
|
|
<span class="between" @click="search(each.userAddress)">{{each.distance_to_buyer}}</span>
|
|
<span class="with_img" @click="search(each.userAddress)">
|
|
<img src="../img/gothere.png" alt="">
|
|
购户
|
|
</span>
|
|
</div>
|
|
<div class="row_foot">
|
|
<span class="price_tag">
|
|
运费<span class="price">{{each.deliverMoney}}</span>元
|
|
</span>
|
|
<span class="price_tag">
|
|
奖励<span class="price">{{each.feeMoney}}</span>元
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="apear"></div>
|
|
</div>
|
|
</body>
|
|
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../lib/vue/vue.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script type="text/javascript">
|
|
mui.plusReady(function() {
|
|
var element;
|
|
var parent = document.body;
|
|
element = document.createElement('script');
|
|
element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
|
|
parent.appendChild(element);
|
|
element.onload = function() {
|
|
var style = [JZL.getCssUrl('shundaijian.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
|
|
JZL.css_init(style);
|
|
var script = [JZL.getJsUrl('shundaijian.js')];
|
|
JZL.js_init(script);
|
|
setTimeout(function() {
|
|
parent.style.visibility = "visible";
|
|
}, 100);
|
|
};
|
|
})
|
|
</script>
|
|
</html>
|