<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>共享充电宝</title>
<link rel="stylesheet" type="text/css" href="../css/zy_common.css"/>
<link rel="stylesheet" type="text/css" href="../css/zy_index.css"/>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/tooltipbox.js"></script>
<script type="text/javascript" src="../js/dlc.js" ></script>
<style>
div[onpositionupdate="return;"],div[draggable="false"]{display: none;}
</style>
</head>
<body>
<div id="allmap"></div>
<a id="list" href="zy_person_center.html">
<img src="../img/person.png"/>
</a>
<div id="tool">
<p class="getlocal"><img src="../img/location.png" style="width: 75%;"/></p>
<div id="scanQRCode1"><img src="../img/sao.png"/></div>
<a class="tel" id="sell_list"><img src="../img/nearby.png" alt="" style="width: 75%;"/></a>
</div>
<!--搜索框-->
<header class="hd_search" id="hd_search" style="display: none;">
<a><img src="../img/search.png"/><span>请输入搜索内容</span></a>
</header>
<!--详情-->
<section class="Using_details" style="display: none;">
<!--<div class="shop_details flex-center marginLR-20 paddingTB-3 border_bottom">
<img src="../img/bg1.png" style="width: 1.76rem;height: 1.3rem;margin-right: 0.2rem;"/>
<div class="flex-1">
<p class="font-15 color-333">广东东莞南城高盛科技22号</p>
<p class="font-14 color-999"><img src="../img/time.png" /><span>10:00-20:00</span></p>
<p class="font-14 color-999"><img src="../img/s_location.png" /><span>广东东莞南城高盛科技路</span></p>
</div>
</div>
<div class="flex-center marginLR-20 justify-between color-999 font-14">
<span>设备编号: 0225</span>
<span><img src="../img/an.png" style="width: 0.3rem;"/> 20</span>
<span><img src="../img/ios.png" style="width: 0.26rem;"/> 20</span>
<span>可归还 50</span>
</div>-->
</section>
<!--使用弹窗-->
<div class="mask mask1 mask2 mask3 mask4 mask5" style="display: none;"></div>
<section class="use_win" style="display: none;" id="user_win">
<img src="../img/logo.png"/>
<div class="cd_cot font-15 text-center">
<p class="color-999">充电宝ID</p>
<p class="color-333" id="device_num">45421854352135</p>
</div>
<a class="confirm_index" id="userBtn">确认</a>
</section>
<!--缴押金-->
<section class="user_win1" style="display: none;">
<img src="../img/message.png"/>
<p class="font-16 color-333">请缴纳押金再去充电哟</p>
<a class="confirm_index" id="yj_recharge">充押金</a>
</section>
<!--充值-->
<section class="user_win2" style="display: none;">
<img src="../img/message.png"/>
<p class="font-16 color-333">余额不足，快快充值！</p>
<a href="recharge.html" class="confirm_index">去充值</a>
</section>
<!--弹出电源-->
<section class="user_win3" style="display: none;">
<img src="../img/power.png"/>
<p class="font-16 color-333">请等待弹出卡槽</p>
</section>
<!--结束弹窗-->
<section class="use_win use_win4" style="top: calc(50% - 2.4rem);display: none;">
<img src="../img/logo.png"/>
<div class="cd_cot font-15 text-center">
<p class="color-999">充电宝ID</p>
<p class="color-333 border_bottom" id="num">45421854352135</p>
<p class="color-999">使用时间:<span id="times">30:00</span></p>
<p class="color-999">费用:<span id="fees">30:00</span></p>
</div>
<a class="confirm_index" id="end_fee">结算费用</a>
</section>
</body>
</html>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
<script type="text/javascript">
$("div#allmap").on("click", function () {
// $(".Using_details").hide();
});
// $(".Using_details").on("click", function () {
// $(".use_win").hide();
// $(".use_win1").hide();
// $(".use_win2").hide();
// $(".use_win3").hide();
// $(".use_win4").hide();
// })
$('#yj_recharge').click(function(){
location.href = 'deposit.html?from=1';
});
var geolocation = new qq.maps.Geolocation("N6RBZ-AJN35-AACI2-Q2ICF-HYV6O-JRBBZ", "myapp");
var options = {
timeout: 4000
};
$('.getlocal').click(function(){
location.replace('./index.php');
});
var lng='',lat='',seller_id='';
loadingShow();
var id=getUrlParam('id');
if(id==1){//详情
console.log(getUrlParam('seller_id'));
$('.Using_details').show();
// 获取详情
$.ajax({
type:"POST",
data:{seller_id:getUrlParam('seller_id')},
url:dlcUrl()+"user_api/seller_detail",
dataType:'json',
success:function(data){
console.log(data);
var str='';
if(data.code=='1'){
seller_id=data.data.seller_id;
str='<div class="shop_details flex-center marginLR-20 paddingTB-3 border_bottom">'+
'<img src="'+data.data.img+'" style="width: 1.76rem;height: 1.3rem;margin-right: 0.2rem;"/>'+
'<div class="flex-1">'+
'<p class="font-15 color-333">'+data.data.agentname+'</p>'+
'<p class="font-14 color-999"><img src="../img/time.png" /><span>'+data.data.work_hours+'</span></p>'+
'<p class="font-14 color-999"><img src="../img/s_location.png" /><span>'+data.data.addr+'</span></p>'+
'</div>'+
'</div>'+
'<div class="flex-center marginLR-20 justify-between color-999 font-14">'+
'<span>设备编号: '+data.data.macno+'</span>'+
'<span><img src="../img/an.png" style="width: 0.3rem;"/> '+data.data.androids+'</span>'+
'<span><img src="../img/ios.png" style="width: 0.26rem;"/> '+data.data.apples+'</span>'+
'<span>可归还 '+data.data.frees+'</span>'+
'</div>';
$('.Using_details').html(str)
}
}
});
}else{
$('.hd_search').show();
if(id=='2'){
$('#device_num').text(getUrlParam('number'));
$('.mask1').show();
$('#user_win').css('display','flex');
}else if(id=='3'){
$('.mask2').show();
$('.user_win1').css('display','flex');
}else if(id=='4'){
$('.mask3').show();
$('.user_win2').css('display','flex');
}
}
function showPosition(position) {
console.log(position);
lat=position.lat;
lng=position.lng;
center = new qq.maps.LatLng(lat,lng);
map = new qq.maps.Map(document.getElementById('allmap'),{
center: center,
zoom: 14,
zoomControl: false,
draggable: true,//手势控制, 用来设置地图是否能够鼠标拖拽，默认值为“可以”；
scrollwheel: false,//用来配置地图是否能够通过鼠标滚轮操作进行放大，默认值为“可以”；
disableDoubleClickZoom: false// 用来配置地图是否可以通过鼠标双击进行放大，默认值为“可以”。
});
qq.maps.event.addListener(map, 'center_changed', function() {//地图中心发生变化
$('.Using_details').hide();
$('#hd_search').show();
$('.user_win1').hide();
});
qq.maps.event.addListener(map, 'click', function() {
$('.Using_details').hide();
});
//创建marker
var my_pos = new qq.maps.Marker({
position: center,
map: map
});
//自定义标注图标
var anchor = new qq.maps.Point(45, 45),
size = new qq.maps.Size(90,90),
origin = new qq.maps.Point(0, 0),
markerIcon = new qq.maps.MarkerImage(
"../img/ic_location.png",
size,
origin,
anchor
);
my_pos.setIcon(markerIcon);
$('#sell_list').click(function(){
window.location.href='zy_nearby.html?lng='+lng+'&lat='+lat;
});
$('#hd_search').click(function(){
window.location.href='zy_search.html?lng='+lng+'&lat='+lat;
});
//关闭使用弹窗
$('.mask1').on('click',function(){
$(this).hide();
$('.use_win').hide();
window.location.href="index.php";
});
//
$('#userB
某共享充电宝系统项目源码.zip
版权申诉
129 浏览量
2024-02-28
18:24:39
上传
评论
收藏 479KB ZIP 举报
某共享充电宝系统项目源码.zip （78个子文件） 
code_20105 js drop 
dropload.min.js 4KB dropload.js 11KB dropload.css 1KB dlc.js 9KB tooltipbox.js 4KB jquery.form.js 42KB jquery.min.js 92KB img 
recharge_fall.png 9KB message.png 8KB B_ios.png 2KB pay_fail.png 6KB bg2.png 187KB ic_location.png 4KB money.png 638B sao.png 4KB time.png 613B logo.png 3KB recharge_success.png 8KB fail.png 20KB B_ios_active.png 18KB empty_page_nothing.png 4KB true.png 778B ic_charge.png 1KB person.png 7KB arrow_right.png 417B search.png 1KB B_an_active.png 2KB ic_wechat.png 2KB ios.png 372B s_location.png 727B tel.png 381B ic_detail.png 935B bg1.png 29KB close.png 407B location.png 5KB ic_order.png 455B an.png 523B c_success.png 20KB wechat.png 1KB checking.png 7KB power.png 3KB B_an.png 18KB deposit_logo.png 4KB ic_money.png 3KB ic_wallet.png 4KB pay_success.png 7KB shop.png 708B nearby.png 4KB css zy_index.css 2KB zy_common.css 13KB zy_base.css 7KB html 
fail.html 1KB shop_apply.html 4KB my_wallet.html 5KB gai_phone.html 4KB details.html 6KB recharge_success.html 1KB zy_person_data.html 8KB pay.html 6KB charging_type.html 3KB pay_success.html 1KB zy_person_center.html 3KB aa.php 6KB zy_search.html 4KB index.php 20KB nearby.html 9KB deposit.html 3KB recharge.html 5KB bd_phone.html 4KB shop_data.html 3KB tui_success.html 1KB checking.html 1KB zy_nearby.html 3KB success.html 1KB xiaofei.html 3KB order.html 6KB recharge_fail.html 1KB pay_fail.html 1KB资源评论
