Files
g.hnyhua.cn/Mtxfw.VipSite/mobile/business.html
2026-02-07 15:48:27 +08:00

669 lines
28 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>门店</title>
<link rel="stylesheet" type="text/css" href="/css/api.css" />
<link rel="stylesheet" type="text/css" href="/css/content.css" />
<script type="text/javascript" src="/scripts/jquery-2.0.2.min.js"></script>
<!--<script type="text/javascript" src="/scripts/iscroll.js"></script>-->
<script type="text/javascript" src="/script/main.js?t=0"></script>
<script type="text/javascript" src="/layer/layer.js"></script>
<script type="text/javascript" src="/Scripts/long.js"></script>
<script type="text/javascript" src="/script/moment.js"></script>
<script type="text/javascript" src="/Scripts/clipboard.min.js"></script>
<script type="text/javascript" src="/Scripts/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="/script/api.js"></script>
<style type="text/css">
html, body {
overflow: hidden;
}
/* 本例子css -------------------------------------- */
.slideBox {
position: relative;
margin: 0 auto;
max-width: 100%; /* 设置焦点图最大宽度 */
padding: 0;
padding-bottom: 0;
box-sizing: border-box;
overflow: hidden;
}
.slideBox .hd {
position: absolute;
margin: 0 auto;
width: 100%;
height: 28px;
line-height: 28px;
bottom: 0em;
right: 0;
z-index: 1;
text-align: center;
}
.slideBox .hd li {
display: inline-block;
width: 5px;
height: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #333;
text-indent: -9999px;
overflow: hidden;
margin: 0 6px;
}
.slideBox .hd li.on {
background: #00B050;
}
.slideBox .bd {
position: relative;
z-index: 0;
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
.slideBox .bd li {
position: relative;
text-align: center;
width: 100%;
overflow: hidden;
}
.slideBox .bd li img {
background: url(images/loading.gif) center center no-repeat;
/*border-radius: 0.5em;*/
vertical-align: top;
width: 100%; /* 图片宽度100%,达到自适应效果 */
overflow: hidden;
}
.slideBox .bd li a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* 去掉链接触摸高亮 */
.slideBox .bd li .tit {
display: block;
width: 100%;
position: absolute;
bottom: 0;
text-indent: 10px;
height: 28px;
line-height: 28px;
background: url(images/focusBg.png) repeat-x;
color: #fff;
text-align: left;
}
.slideBox#slideBox0 .bd li {
position: relative;
text-align: center;
width: 25%;
overflow: hidden;
}
.slideBox#slideBox0 .bd li {
width: 25%;
height: 5.8em;
float: left;
text-align: center;
font-size: 0.85em;
overflow: hidden;
}
.slideBox#slideBox0 .bd li img {
width: 3em;
height: 3em;
border: 1px solid #dfdfdf;
border-radius: 0.4em;
}
.slideBox#slideBox0 .bd li span {
display: block;
width: 100%;
color: #000;
line-height: 2em;
}
#wrapper {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.pullDown {
position: absolute;
top: -1.25rem;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
display: none;
}
.pullUp {
position: absolute;
bottom: -1.25rem;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
display: none;
}
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
display: block;
}
.floor-product-item .product-item-cont {
margin-top: 0.8em;
}
.floor-product-item .product-item-cont .product-cont {
padding-left: 0em;
}
.floor-product-item .product-item-cont .product-cont.product-cont0 {
padding-right: 0em;
}
</style>
<script type="text/javascript">
var userId = null;
var LoginId = null;
var CartId = null;
var opentimes = null;
var t = 8, sjuLevel = 0, ckuLevel = 0, orderby=0;
var ifapp = 0, ifvideo = 0;
var lbid = "";
var myScroll = null;
var pullDown = 1; // 下拉刷新避免多次执行
var pullUp = 1; // 上拉加载避免多次执行
var downHeight = 0;
var upHeight = 0;
var isload = true;//设置是否终止滚动加载
var curScrollHeight = 0;//当前滚动位置
var curCount = 1;//计数器,防止滚动时重复执行加载下一页
$(document).ready(function () {
userId = getlocalStorage("userId");
LoginId = getlocalStorage("LoginId");
CartId = getlocalStorage("CartId");
var aifapp = getlocalStorage("ifapp");
if (aifapp != null) {
ifapp = aifapp;
}
var aifvideo = getlocalStorage("ifvideo");
if (aifvideo != null) {
ifvideo = aifvideo;
}
if (ifapp == 1 && ifvideo == 0) {
$("#index_1_box").removeClass("uhide");
} else {
$("#index_1_box").addClass("uhide");
}
var borderby=getlocalStorage("business_orderby");
if (borderby != null) {
orderby = borderby;
$(".orderby_box .orderby_item.hover").removeClass("hover");
$(".orderby_box .orderby_item#orderby" + borderby).addClass("hover");
}
rdata(1);
var closeInterval = setInterval(function () {
clearInterval(closeInterval);
onbusiness();
}, 600);
document.onkeydown = function (event) {
var e = event || window.event;
if (e.keyCode === 13) {
onkeyword();
}
};
var clipboard = new Clipboard('#copybtn');
clipboard.on('success', function (e) {
tishi3("复制成功");
});
clipboard.on('error', function (e) {
tishi3("复制失败");
});
});
function onbusiness() {
if (ifapp == 1) {
var longitude = getlocalStorage("longitude");
var latitude = getlocalStorage("latitude");
if (longitude != null && latitude != null) {
} else {
try {
var permission = 'location';
var resultList = api.hasPermission({
list: [permission]
});
var granted = resultList[0].granted;
if (!granted) {
var _index = layer.confirm('应用需要您的授权才能访问定位,是否要授权定位?', {
btn: ['是', '否'] //按钮
}, function () {
api.requestPermission({
list: [permission],
}, function (res) {
if (res.list[0].granted) {
// 已授权,可以继续下一步操作
layer.close(_index);
tishi3("授权成功!");
GetLocation();
} else {
}
});
}, function () {
});
} else {
GetLocation();
}
} catch (err) {
}
}
}
}
function GetLocation() {
api.startLocation({
accuracy: '100m',
filter: 1,
autoStop: true
}, function (ret, err) {
if (ret && ret.status) {
setlocalStorage("longitude", ret.longitude);
setlocalStorage("latitude", ret.latitude);
api.stopLocation();
rdata(1);
} else {
}
});
}
function onkeyword() {
var key = fTrim($("#keyword0").val());
rdata(1);
}
function onScroll0() {
isload = true;//设置是否终止滚动加载
curScrollHeight = 0;//当前滚动位置
curCount = 1;//计数器,防止滚动时重复执行加载下一页
$("#wrapper").scroll(function () {
var pageHeight = $("#sysnew").height();
var showHeight = $("#wrapper").height();
var scrollHeight = $("#wrapper").scrollTop();
if (curScrollHeight - scrollHeight < 10 && curScrollHeight > 0) {
if (curCount == 1 && isload) {
rdata(0);
}
curCount++; //加载下一页后计数器+1
}
if (curScrollHeight < scrollHeight) {
curScrollHeight = pageHeight - showHeight;//滚动到页面底部时,重设当前滚动位置
curCount = 1;
}
});
}
function rdata(ag) {
userId = getlocalStorage("userId");
LoginId = getlocalStorage("LoginId");
var longitude = getlocalStorage("longitude");
var latitude = getlocalStorage("latitude");
var userinfo = getlocalStorage("userinfo");
var userdata = JSON.parse(userinfo);
sjuLevel = userdata.sjuLevel;
if (sjuLevel == 2) {
$("#nav-right").html("我的门店中心");
} else if (sjuLevel == 1) {
$("#nav-right").html("门店入驻正在审核中");
} else {
$("#nav-right").html("门店入驻");
}
var Start = $("#sysnew .databox").length;
if (ag == 1) {
Start = 0;
}
if ($(".ajaxLoader.uhide").length > 0) {
$(".ajaxLoader").removeClass("uhide");
$(".more_box").html("");
var keyword = fTrim($("#keyword0").val());
var datas = {
action: "getBusinessdata",
userId: userId,
LoginId: LoginId,
longitude: (longitude != null ? longitude : ""),
latitude: (latitude != null ? latitude : ""),
orderby: orderby,
t: lbid,
Start: Start,
keyword: keyword
};
$.ajax({
type: 'POST',
url: "/apiajax.ashx?ifweb=0",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
if (data) {
if (data.status == 1) {
var html = "";
if (ag == 1 || ag == 2) {
if (data.lbs.length > 0) {
for (i = 0; i < data.lbs.length; i++) {
if (i == 0 || i == 8 || i == 16 || i == 24) {
html += '<ul class="nav">';
}
html += '<li onclick="onlistmore(\'' + data.lbs[i].name + '\',' + data.lbs[i].id + ')" class="ico1">';
html += '<div><img src="' + data.lbs[i].img + '" /></div><span>' + data.lbs[i].name + '</span>';
html += '</li>';
if (i == 7 || i == 15 || i == 23 || i == data.lbs.length - 1) {
html += '</ul>';
}
}
}
$("#nav_box").html(html);
if (data.lbs.length > 0) {
try {
TouchSlide({
slideCell: "#slideBox0",
titCell: ".hd ul", //开启自动分页 autoPage:true ,此时设置 titCell 为导航元素包裹层
mainCell: ".bd",
effect: "leftLoop",
interTime: 6000,
autoPage: true, //自动分页
autoPlay: true //自动播放
});
} catch (err) {
}
}
}
html = "";
var list = data.Businesslist;
if (ag == 1 || ag == 2) {
$("#sysnew").html(html);
}
if (list.length > 0) {
for (i = 0; i < list.length; i++) {
if ($api.domAll("#databox_" + list[i]._id).length == 0) {
html += '<div class="ub ub-ver business_item databox" id="databox_' + list[i]._id + '" onclick="onitem(' + list[i]._id + ')">';
html += '<div class="ub business_item_top">';
html += '<div class="ub item_image">';
html += '<img src="' + list[i].image + '" />';
html += '</div>';
html += '<div class="ub ub-ver ub-f1 item_info">';
html += '<div class="ub item_title">' + list[i].name + '</div>';
html += '<div class="clear"></div>';
html += '<div class="ub item_tel"><div class="ub-f1""><img src="../image/telephone.png" /><a href="tel:' + list[i].tel + '">' + list[i].tel + '</a></div><div style="width:auto;margin-right:0.8em;" class="alink">' + list[i].status + '</div></div>';
html += '<div class="clear"></div>';
html += '<div class="ub item_distance"><div class="ub item_distance_box"><div class="ub-f1"></div><div class="ub ub-ver addressico" style="width:5em;text-align:center;" onclick="event.cancelBubble=true"><img src="../image/Pin-Assistor.png" onclick="onamap(\'' + list[i].name + '' + list[i].address + '\',\'' + list[i].lat + '\',\'' + list[i].lon + '\')" style="width:1.4em;height:1.4em" /><div class="clear"></div><div style="margin-top:0em;">' + list[i].distance + '</div></div></div></div>';
html += '</div>';
html += '</div>';
html += '<div class="ub address_box">' + list[i].address + '</div>';
html += '<div class="ub business_item_bottom">';
var list0 = list[i].products;
for (j = 0; j < list0.length; j++) {
html += '<div class="ub ub-ver ub-f1 item_product" onclick="event.cancelBubble=true">';
html += '<div onclick="ondetail(' + list0[j]._id + ')">'
html += '<div class="ub ub-pc product_image">';
html += '<img src="' + list0[j].image + '" />';
html += '</div>';
html += '<div class="ub ub-pc products_title">' + list0[j].name + '</div>';
html += '<div class="ub ub-pc products_price"><span>¥' + list0[j].hyje + '<span></div>';
//html+='<div class="ub ub-pc products_price"><del>¥'+list0[j].scje+'<del></div>';
html += '</div>';
html += '</div>';
}
html += '</div>';
html += '</div>';
}
}
$(".more_box").html("");
if (ag == 1 || ag == 2) {
$("#sysnew").html(html);
if (ag == 1) {
onScroll0();
}
} else {
$("#sysnew").append(html);
}
} else {
if (Start > 0) {
if (Start > 10) {
$(".more_box").html("亲!找不到更多了");
isload = false;
}
} else {
$('#sysnew').html("");
$(".more_box").html("亲,暂无信息!");
}
}
if (data.iflogin == 1) {
setlocalStorage("userinfo", JSON.stringify(data.userInfo));
var userdata = data.userInfo;
sjuLevel = userdata.sjuLevel;
ckuLevel = userdata.ckuLevel;
if (sjuLevel == 2) {
$("#nav-right").html("我的门店中心");
} else if (sjuLevel == 1) {
$("#nav-right").html("门店入驻正在审核中");
} else {
$("#nav-right").html("门店入驻");
}
if (data.CloseEnable != null) {
if (data.CloseEnable == "1") {
clearlocalStorage("userId");
clearlocalStorage("LoginId");
api.openWin("login", "/");
}
}
}
$(".ajaxLoader").addClass("uhide");
} else {
tishi3(data.msg);
$(".ajaxLoader").addClass("uhide");
if (data.msg == "您未登录") {
onlink("/");
}
}
} else {
tishi3("网络错误!");
$(".ajaxLoader").addClass("uhide");
}
}
});
}
}
function onitem(id){
onlink("business_view.html?id=" + id);
}
function oncopy0(font) {
$("#copyinput").val(font);
$("#copybtn").click();
}
function onlistmore(title, id) {
lbid = id;
rdata(1);
}
function ondetail(id) {
onlink("shop_view.html?id=" + id);
}
function appbus() {
if (sjuLevel == 0 || sjuLevel == 1) {
onloginlink('applicant.html');
} else {
onloginlink('mybusiness.html');
}
}
function onamap(address, longitude, latitude) {
layer.open({
type: 2,
title: false,
closeBtn: false,
content: "bzmap.html?t=1&xcoo=" + longitude + "&ycoo=" + latitude + "&key=" + address,
area: ['100%', '100%']
});
}
function onorderby(id) {
orderby = id;
$(".orderby_box .orderby_item.hover").removeClass("hover");
$(".orderby_box .orderby_item#orderby" + id).addClass("hover");
setlocalStorage("business_orderby", id);
rdata(1);
}
</script>
</head>
<body class="wrap">
<header>
<div class="ub">
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:3em" onclick="closeWin()">
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
</div>
<h1 class="ub-f1">门店</h1>
<div class="nav-btn blue" id="nav-right" onclick="appbus()" style="color:#fff; margin:0; padding:0; min-width:4em; padding-right:1em;">
</div>
</div>
</header>
<section class="ub-f1" id="wrapper">
<div style="background-color:#029947;padding:0 0.8em;height:3.8em;">
<div class="header-search-box">
<div class="header-search-keyword-box">
<input id="keyword0" name="keyword0" onfocus="placeholder='';" onblur="onkeyword()" class="keyword" value="" placeholder="请输入关键字搜索门店" type="search" />
</div>
</div>
</div>
<!-- <div class="nav_box">
<div id="slideBox0" class="slideBox">
<div class="bd" id="nav_box">
<ul></ul>
</div>
<div class="hd">
<ul></ul>
</div>
</div>
</div>-->
<div style="padding:0; margin-top:0.8em; box-sizing:border-box">
<div class="ub orderby_box">
<div class="ub orderby_item hover" id="orderby0" onclick="onorderby(0)">
按距离排序
</div>
<div class="ub orderby_item" id="orderby1" onclick="onorderby(1)">
按销售额排序
</div>
<div class="ub orderby_item" id="orderby2" onclick="onorderby(2)">
按线上产品排序
</div>
</div>
<div class="clear"></div>
<div class="business_box" id="sysnew">
</div>
</div>
<div class="clear"></div>
<div class="more_box"></div>
<div style="width:0.1em;height:0.1em;overflow:hidden;"><input type="text" id="copyinput" style="color:#fff" value="" /><input type="button" id="copybtn" style="color:#fff" value="复制" data-clipboard-action="copy" data-clipboard-target="#copyinput" /></div>
</section>
<footer style="">
<!--overflow:hidden;box-sizing:border-box;-->
<div class="ub">
<div class="pos_re ub ub-f1 footer-box">
<div id="index_0" class="ub-f1 ub ub-ver" onclick='onloginlink("/mobile/")'>
<div class="ub-img5 icon"></div>
<div class="uinn-a13 tx-c">
首页
</div>
</div>
</div>
<div class="pos_re ub ub-f1 footer-box">
<div id="index_2" class="ub-f1 ub ub-ver" onclick='onloginlink("news.html")'>
<div class="ub-img5 icon"></div>
<div class="uinn-a13 tx-c">
资讯
</div>
</div>
</div>
<div class="pos_re ub ub-f1 footer-box uhide" id="index_1_box">
<div id="index_1" class="ub-f1 ub ub-ver " onclick='onloginlink("dvideo.html")'>
<div class="ub-img5 icon"></div>
<div class="uinn-a13 tx-c">
视频
</div>
</div>
</div>
<div class="pos_re ub ub-f1 footer-box">
<div id="index_3" class="ub-f1 ub ub-ver " onclick='onloginlink("business.html")'>
<div class="ub-img5 icon icon_act"></div>
<div class="uinn-a13 uinn-a13-hover tx-c">
门店
</div>
</div>
</div>
<div class="pos_re ub ub-f1 footer-box">
<div id="index_4" class="ub-f1 ub ub-ver " onclick='onloginlink("my.html")'>
<div class="ub-img5 icon"></div>
<div class="uinn-a13 tx-c">
我的
</div>
</div>
</div>
</div>
</footer>
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
</div>
</body>
</html>