<!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>