|
$(document).ready(function()
|
{
|
//======================== 页面数据 ============================
|
//数据请求地址头http://192.168.1.200:8088 http://flq.yeshitv.com
|
var https = 'http://flq.yeshitv.com';
|
//-------------------------------------------------
|
//输入框组件相关
|
var shuru = ''; //搜索框输入内容
|
var shurulian = []; //联想词组
|
var show_liandiv = false; //是否显示联想框
|
//-------------------------------------------------
|
//筛选排序相关
|
var index_dao = 0; //导航栏下标
|
var paixu = 0; //排序栏下标
|
var jiage = { min: '', max: '' }; //价格最低、最高区域
|
//-------------------------------------------------
|
//商品相关
|
var listworking = false; //是否正在获取商品列表
|
var sp = {
|
yema: 1, //当前页码
|
pagesize: 40, //每页显示数量
|
list: [], //列表
|
};
|
|
|
|
//======================== 组件事件 ============================
|
//顶部按钮点击
|
$(".topdan").click(function()
|
{
|
//获取按钮name
|
var name = $(this).attr("name");
|
var siteurl = window.location; // 网页连接
|
var title = document.title; // 网页标题
|
|
//点击了收藏一下
|
if (name == 'shoucang')
|
{
|
if (document.all) { window.external.addFavorite(siteurl,title); }
|
else if (window.sidebar) { window.sidebar.addPanel(title, siteurl,''); }
|
else { Showtoast("浏览器不支持，请进行手动添加"); }
|
}
|
//点击了放到桌面
|
else if (name == 'zhuomian')
|
{
|
try
|
{
|
var WshShell = new ActiveXObject("WScript.Shell");
|
var oUrlLink = WshShell.CreateShortcut(WshShell.SpecialFolders("Desktop") + "\\" + title + ".url");
|
oUrlLink.TargetPath = siteurl;
|
oUrlLink.Save();
|
}
|
catch (e) { Showtoast("当前浏览器安全级别不允许操作"); }
|
}
|
});
|
//logo点击
|
$('.titlelogo').click(function(){ window.location.href = 'index.html'; });
|
//-------------------------------------------------------------
|
//搜索组件相关
|
//搜索按钮点击, 进行 商品搜索
|
$(".searchbtn").click(function() { shuru = $("#ishuru").val(); if (shuru.length <= 0) { Showtoast("请输入宝贝标题"); } else { sp.yema = 1; Get_list(); } });
|
$("#ishuru").keyup(function(ev) { if (ev.keyCode == '13') { shuru = $("#ishuru").val(); if (shuru.length <= 0) { Showtoast("请输入宝贝标题"); } else { sp.yema = 1; Get_list(); } } });
|
|
//输入框输入中, 获取 联想词
|
$("#ishuru").bind('input propertychange', function() { shuru = $(this).val(); Get_lian(); });
|
|
//输入框获取焦点
|
$("#ishuru").click(function(ev){ ev.stopPropagation(); show_liandiv = true; Show_lian(); });
|
//输入框失去焦点
|
$(".allwai").click(function(){ show_liandiv = false; Show_lian(); });
|
//--------------------------------------------------------------
|
//导航选择
|
$('.seadaodan').click(function() { index_dao = $(this).attr('name'); Show_dao(); sp.yema = 1; Get_list(); });
|
//排序选择
|
$('.seapaidan').click(function() { var name = $(this).attr('name'); if (name == 'liang') { paixu = 0; } else if (name == 'renqi') { paixu = 1; } else if (name == 'jiage') { if (paixu == 2) { paixu = 3; } else { paixu = 2; } } Show_pai(); sp.yema = 1; Get_list(); });
|
//确认价格区间点击
|
$(".jiageok").click(function() { jiage.min = $("#imin").val(); jiage.max = $("#imax").val(); sp.yema = 1; Get_list(); });
|
//--------------------------------------------------------------
|
//二维码生成,参数： 要添加二维码的商品单框节点this
|
function Creat_ewm (thC)
|
{
|
$(".spewmwai").remove();
|
var jiedian = '<div class="spewmwai fboxCol Xcenter Ycenter">';
|
jiedian += '<div id="ispewm" class="spewmimgwai fboxCol Xcenter Ycenter"></div>';
|
jiedian += '<div class="spewmcon fboxRow Xcenter Ycenter">返利券APP扫码直接购买</div>';
|
jiedian += '</div>';
|
thC.children('.spimgwai').append(jiedian);
|
var qrcode = new QRCode(document.getElementById("ispewm"));
|
qrcode.makeCode(thC.attr('spid'));
|
}
|
//--------------------------------------------------------------
|
//页面滚动
|
$(".allwai").scroll(function()
|
{
|
//获取需要高度
|
var viewH = $(this).height(); //可见高度
|
var allH = $(this)[0].scrollHeight; //总高度
|
var scrollH = $(this).scrollTop(); //滚动了多远
|
//页面滚动300px后
|
if (scrollH > 300)
|
{
|
//让搜索框悬浮
|
$(".titlewai").addClass("seafuwai");
|
$(".topnei").addClass("seafunei");
|
//让火箭显示
|
$(".seatotop").removeClass("displayNone");
|
}
|
else
|
{
|
//让搜索框固定
|
$(".titlewai").removeClass("seafuwai");
|
$(".topnei").removeClass("seafunei");
|
//让火箭隐藏
|
$(".seatotop").addClass("displayNone");
|
}
|
//页面滚动到底部
|
if ((viewH + scrollH) > (allH - 100)) { sp.yema++; Get_list(); }
|
});
|
//火箭点击
|
$(".seatotop").click(function() { $(".allwai").ScrolltoTop(1000); });
|
|
|
|
//======================== 页面数据打印 ============================
|
//输入信息初始化
|
Getshuru();
|
function Getshuru () { if(GetCookie("index_shuru")) { shuru = GetCookie("index_shuru"); } $("#ishuru").val(shuru); Get_list(); }
|
//打印出联想关键字
|
Show_lian();
|
function Show_lian ()
|
{
|
if (show_liandiv == true && shurulian.length > 0)
|
{
|
//删除所有子元素
|
$(".searchlianwai").empty();
|
//向div中循环添加节点
|
for (var i = 0; i < shurulian.length; i++) { var jiedian = '<div class="searchliandan">'+shurulian[i]+'</div>'; $(".searchlianwai").append(jiedian); }
|
//联想词点击事件
|
$(".searchliandan").click(function() { shuru = $(this).html(); $("#ishuru").val(shuru); Get_list(); });
|
//显示
|
$(".searchlianwai").show();
|
}
|
else { $(".searchlianwai").hide(); }
|
}
|
//----------------------------------------------------------------
|
//导航选择打印
|
Show_dao();
|
function Show_dao () { $('.seadaodan').eq(index_dao).addClass("seadaodanxuan").siblings().removeClass("seadaodanxuan"); }
|
//排序选择打印
|
Show_pai();
|
function Show_pai ()
|
{
|
if (paixu == 0 || paixu == 1)
|
{ $(".seapaidan").eq(paixu).addClass('seapaidanxuan').siblings().removeClass('seapaidanxuan'); }
|
else if (paixu > 1) { $(".seapaidan").eq(2).addClass('seapaidanxuan').siblings().removeClass('seapaidanxuan'); }
|
//价格的图标
|
if (paixu == 2) { $(".seapaiimg").attr('src','img/search_xu1.png'); }
|
else if (paixu == 3) { $(".seapaiimg").attr('src','img/search_xu2.png'); }
|
else { $(".seapaiimg").attr('src','img/search_xu0.png'); }
|
}
|
//----------------------------------------------------------------
|
//商品列表打印，参数：要打印的内容组
|
function Show_splist (zuC)
|
{
|
for (var i = 0; i < zuC.length; i++)
|
{
|
//初始化节点
|
var jiedian = '';
|
//单框外层
|
jiedian += '<div class="seaspdan fboxCol Ycenter" spid="taobao://'+zuC[i].auctionId+'">';
|
//商品图片
|
jiedian += '<div class="spimgwai"><img src="'+zuC[i].pictUrl+'"/></div>';
|
//商品标题
|
if (zuC[i].shopType == 1) { jiedian += '<div class="sptitlewai"><span class="spfrom1">淘宝</span><span>'+zuC[i].title+'</span><div class="spthree">...</div></div>'; }
|
else if (zuC[i].shopType == 2) { jiedian += '<div class="sptitlewai"><span class="spfrom2">天猫</span><span>'+zuC[i].title+'</span><div class="spthree">...</div></div>'; }
|
//商品价格
|
jiedian += '<div class="spjiagewai fboxCol">';
|
if (zuC[i].taoBaoQuanInfo) { jiedian += '<div class="fboxRow Yend"><div class="font_min">券后价</div><div class="font_normol">￥'+zuC[i].quanPrice+'</div></div>'; }
|
else { jiedian += '<div class="fboxRow Yend"><div class="font_normol">￥'+zuC[i].zkPrice+'</div></div>'; }
|
jiedian += '<div class="fboxRow Yend"><div class="font_min">返利 </div><div class="font_normol">'+zuC[i].taoBaoHongBaoInfo.rate+'</div></div>';
|
jiedian += '</div>';
|
//商品券
|
if (zuC[i].taoBaoQuanInfo) { jiedian += '<div class="spquanwai fboxRow"><div class="spquan1 fboxRow Ycenter"><div>￥'+zuC[i].taoBaoQuanInfo.couponAmount+'</div></div><div class="spquan2 flex1 fboxRow Ycenter"><div>'+zuC[i].taoBaoQuanInfo.couponInfo+'</div></div></div>'; }
|
else { jiedian += '<div class="spquanwai fboxRow"><div class="font_gray font_min">月销量：'+zuC[i].biz30day+'</div></div>'; }
|
//结束
|
jiedian += '</div>';
|
//添加节点
|
$('.seaspwai').append(jiedian);
|
}
|
//具体商品悬浮
|
$('.seaspdan').mouseenter(function(){ var th = $(this); Creat_ewm(th); });
|
$('.seaspdan').mouseleave(function(){ $(".spewmwai").remove(); });
|
}
|
|
|
|
//======================== 数据请求 ============================
|
//联想关键字
|
function Get_lian ()
|
{
|
var myurl = https + '/fanli/api/web/v1/webSearch/suggestsearch';
|
var mydata = { kw: shuru };
|
AjaxJsonp(myurl, mydata, function(res)
|
{
|
if (res.code != 0) { Showtoast(res.msg); }
|
else { shurulian = res.data; Show_lian(); }
|
});
|
}
|
|
//获取商品列表
|
function Get_list ()
|
{
|
if (listworking == false && shuru.length > 0)
|
{
|
Showloading("获取商品");
|
listworking = true;
|
|
var myurl = https + '/fanli/api/web/v1/webSearch/search';
|
var mydata = {
|
kw: shuru, //输入搜索内容
|
page: sp.yema, //页码
|
pagesize: sp.pagesize, //每页数量
|
filter: index_dao, //导航选择类别
|
order: paixu, //排序方式
|
startprice: jiage.min,
|
endprice: jiage.max,
|
};
|
AjaxJsonp(myurl, mydata, function(res)
|
{
|
Hideloading();
|
|
if (res.code != 0) { Showtoast(res.msg); }
|
else
|
{
|
if (res.data.result.length <= 0)
|
{
|
$('.seaspwai').empty();
|
sp.list = new Array();
|
var jiedian = '<div class="seanospwai fboxRow Xcenter Ycenter">';
|
jiedian += '<div class="font_min">抱歉！没有找到与“<span style="font-weight: bold;">'+shuru+'</span>”相关的商品</div></div>';
|
$('.seaspwai').append(jiedian);
|
}
|
else
|
{
|
if (sp.yema == 1) { $('.seaspwai').empty(); sp.list = res.data.result; }
|
else if (sp.yema > 1) { sp.list.concat(res.data.result); }
|
Show_splist(res.data.result);
|
}
|
}
|
|
listworking = false;
|
|
});
|
}
|
}
|
|
});
|
