abroad.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587
  1. function getParams(url) {
  2. var theRequest = new Object();
  3. if (!url)
  4. url = location.href;
  5. if (url.indexOf("?") !== -1)
  6. {
  7. var str = url.substr(url.indexOf("?") + 1) + "&";
  8. var strs = str.split("&");
  9. for (var i = 0; i < strs.length - 1; i++)
  10. {
  11. var key = strs[i].substring(0, strs[i].indexOf("="));
  12. var val = strs[i].substring(strs[i].indexOf("=") + 1);
  13. theRequest[key] = val;
  14. }
  15. }
  16. return theRequest;
  17. }
  18. var objUrl = {}; //获取get参数
  19. var url = window.location.href;
  20. var searchParams = ''; //最后拼接的参数
  21. var urlParams = '';
  22. // 页数
  23. var page = 0;
  24. // 每页展示5个
  25. var size = 10;
  26. var Wxdata = new Object(); // 用于处理选中问题
  27. var params = getParams(url); //获取get请求的参数
  28. if(!$.isEmptyObject(params)){
  29. $.each(params,function(key,val){
  30. if(key == 'city') feng_cityTel = val;
  31. objUrl[key] = val;
  32. urlParams += key+'='+val+'&';
  33. })
  34. urlParams = urlParams.substring(0,urlParams.length - 1);
  35. searchParams = '&'+ urlParams;
  36. }
  37. // 为了解决选中问题
  38. if(!$.isEmptyObject(params)){
  39. $.each(params,function(k,v){
  40. if(k != 'price' && k !='py'){
  41. $('.y_qylist_cnet a[name="'+k+'"][value="'+v+'"]').addClass('ki');
  42. }
  43. })
  44. }
  45. // $('.y_qylist_cnet_ind').on('click','a.link_click',function () {
  46. // var _this = $(this);
  47. // if(_this.attr('name') == 'city' && _this.attr('value') != 0){
  48. // _this.parent().parent().hide();
  49. // }
  50. // _this.parent().hide();
  51. // var nameattr = $(this).attr('name');
  52. // var subject = price_deal(_this.find('span').text());
  53. // $('.feng_'+nameattr).children('span').html(subject);
  54. //_this.parent().hide();
  55. // var nameattr = $(this).attr('name');
  56. // $('.feng_'+nameattr).children('span').html(_this.html());
  57. // if( _this.attr('name') == 'price'){
  58. // var subject = price_deal(_this.find('span').text());
  59. // if(subject != 1){
  60. // $('.feng_'+nameattr).children('span').html(subject);
  61. // }else{
  62. // $('.feng_'+nameattr).children('span').html(_this.html());
  63. // }
  64. // }
  65. // if(_this.attr('name') == 'city'){
  66. // objUrl['py'] = _this.attr('pinyin');
  67. // }
  68. // var ParamsArr = ['city','type','characteristic','price','py']; //搜索字段
  69. // var atrName = _this.attr('name');
  70. // var _val = _this.attr('value');
  71. // var urlParams = '';
  72. // for (var k in ParamsArr){
  73. // if(ParamsArr[k] == atrName){
  74. // objUrl[atrName] = _val;
  75. // delete objUrl.page;
  76. // delete objUrl.name;
  77. // }
  78. // }
  79. // $.each(objUrl,function(key,val){
  80. // if(key == 'py') return true; //跳出当前循环
  81. // urlParams += key+'='+val+'&';
  82. // })
  83. // var cityUrl = '';
  84. // urlParams = urlParams.substring(0,urlParams.length - 1);
  85. // if(typeof objUrl.py == 'string'){
  86. // cityUrl = 'py='+objUrl.py+'&';
  87. // }
  88. // if(urlParams == '' && cityUrl != '')
  89. // {
  90. // cityUrl = cityUrl.substring(0,cityUrl.length - 1);
  91. // }
  92. // // 筛选确定按钮
  93. // $('.wx_confirm').on('click',function(){
  94. // window.location.href = '/house/search?'+ cityUrl+urlParams;
  95. // })
  96. //window.location.href = '/house/search?'+ cityUrl+urlParams;
  97. // $.each(objUrl,function(key,val){
  98. // if(key == 'city') return true; //跳出当前循环
  99. // urlParams += key+'='+val+'&';
  100. // })
  101. //
  102. // var cityUrl = '';
  103. // urlParams = urlParams.substring(0,urlParams.length - 1);
  104. // if(typeof objUrl.city == 'string'){
  105. // cityUrl = 'city='+objUrl.city+'&';
  106. // }
  107. //
  108. // if(urlParams == '' && cityUrl != '')
  109. // {
  110. // cityUrl = cityUrl.substring(0,cityUrl.length - 1);
  111. // }
  112. //
  113. // window.location.href = '/house/search?'+ cityUrl+urlParams;
  114. // 拼接HTML
  115. // var result = '';
  116. // $.ajax({
  117. // type: 'GET',
  118. // // url: 'js/navs.json',
  119. // url: '/house/searchdata?page='+page+'&limit='+size+searchParams,
  120. // dataType: 'json',
  121. // async:false,
  122. // success: function(data){
  123. // console.log(data);
  124. // var data = data.data;
  125. // $('.y_homelist_list ul').html('');
  126. //
  127. // if(data != null){
  128. // $.each(data,function (key,val) {
  129. // var randomX = 300;
  130. // var randomY = 800;
  131. // var randvalue = parseInt(Math.random() * (randomX - randomY + 1) + randomY);
  132. // result += '<li class="c">'
  133. // +'<div class="y_img">'
  134. // +'<p class="y_tu"><a href="/house/'+val.id+'/"><img src="'+val.thumb+'" alt=""></a></p>'
  135. // // +'<p class="y_vid c">'
  136. // // +'<span><img src="/image/ico_11.png" alt=""></span>'
  137. // // +'<span><img src="/image/ico_9.png" alt=""></span>'
  138. // // +'</p>'
  139. // +'<p class="y_licyit">'+val.city_name+'</p>'
  140. // +'</div>'
  141. // +'<div class="y_text">'
  142. // +'<div class="y_text_main">'
  143. // +'<a href="/house/'+val.id+'/">'
  144. // +'<p class="y_title"><span>'+val.name+'</span></p>'
  145. // +'<p class="y_shijian">有效期:'+time+'-'+getNextMonth(time)+'</p>';
  146. // if(val.sale_price != 0){
  147. // result += '<p class="y_jiage">均价:<span>'+ val.sale_price +'</span><em>'+val.price_unit+'</em></p>';
  148. // }else{
  149. // result +='<p class="y_jiage">均价:<span>待定</span></p>';
  150. // }
  151. // // 已有<span>600</span>
  152. // result +='<p class="y_gz">已有<span> '+randvalue+' </span>关注</p>'
  153. // +'<p class="y_tese y_lptese_color c">'
  154. // if(val.characteristic){
  155. // $.each(val.characteristic,function(k,v){
  156. // result +='<i>'+v+'</i>';
  157. // })
  158. // }
  159. // result+='</p>'
  160. // +'<a>'
  161. // +'</div>'
  162. // +'<div class="y_text_call">'
  163. // +'<a href="tel:'+val.citytel+'"><img src="/image/ico_call.png" alt="'+val.citytel+'"></a>'
  164. // +'</div>'
  165. // +'</div>'
  166. // +'</li>'
  167. // })
  168. // $('.y_homelist_list ul').append(result);
  169. // // 如果没有数据
  170. // }
  171. //
  172. //
  173. // },
  174. // error: function(xhr, type){
  175. // // alert('Ajax error!');
  176. // // 即使加载出错,也得重置
  177. // // me.resetload();
  178. // }
  179. // });
  180. // })
  181. $(function(){
  182. $('.y_homelist_list').dropload({
  183. scrollArea : window,
  184. loadDownFn : function(me,da){
  185. page++;
  186. // 拼接HTML
  187. var result = '';
  188. $.ajax({
  189. type: 'GET',
  190. url: '/house/searchdata?page='+page+'&limit='+size+searchParams,
  191. dataType: 'json',
  192. async:false,
  193. success: function(data){
  194. Qalert(data.count);
  195. var data = data.data;
  196. if(data != null){
  197. $.each(data,function (key,val) {
  198. var randomX = 300;
  199. var randomY = 800;
  200. var randvalue = parseInt(Math.random() * (randomX - randomY + 1) + randomY);
  201. result += '<li>'
  202. +'<a href="/house/'+val.id+'/">'
  203. +'<div class="sell_img"><img src="'+val.thumb+'/same" alt=""><i class="sell_img_i">'+val.city_name+'</i></div>'
  204. +'<div class="sell_conter_right">'
  205. +'<p class="title">'+val.name+'</p>'
  206. if(val.sale_price != 0 && val.sale_price != null && val.sale_price != ''){
  207. result += '<p class="jg_ing jg_ingdd" style="margin-top:9px"><span><em>'+ val.sale_price +'</em>'+val.price_unit+'</span></p>';
  208. }else{
  209. result += '<p class="jg_ing jg_ingdd" style="margin-top:9px"><span><em>待定</em></span></p>';
  210. }
  211. result += '<p class="jg_ing" style="margin-top:8px">有效期:'+whtmltime+'</p>'
  212. +'</div>'
  213. +'<div class="m_gzlx">'
  214. +'<p class="attention">已有 <span>'+randvalue+'</span> 人关注</p>'
  215. +'<div class="m_gzlx_style">'
  216. if(val.characteristic){
  217. $.each(val.characteristic,function(k,v){
  218. result +='<i>'+v+'</i>';
  219. })
  220. }
  221. result += '</div>'
  222. +'</div>'
  223. +'</a>'
  224. +'<div class="cal_price"><a href="tel:'+val.citytel+'"><img src="/image/index/tel_calltu.png"></a></div>'
  225. +'</li>'
  226. })
  227. // 如果没有数据
  228. }else{
  229. // 锁定
  230. me.lock();
  231. // 无数据
  232. me.noData();
  233. }
  234. // 为了测试,延迟1秒加载
  235. setTimeout(function(){
  236. // 插入数据到页面,放到最后面
  237. $('.y_homelist_list ul').append(result);
  238. // 每次数据插入,必须重置
  239. me.resetload();
  240. },100);
  241. },
  242. error: function(xhr, type){
  243. // alert('Ajax error!');
  244. // 即使加载出错,也得重置
  245. me.resetload();
  246. }
  247. });
  248. }
  249. });
  250. });
  251. $.each($('.m_nav_qy').find('a'),function(){
  252. var each_name = $(this).attr('name');
  253. var each_val = $(this).attr('value');
  254. if(each_val == objUrl[each_name]){
  255. $(this).attr('id','nav');
  256. }
  257. })
  258. //
  259. $(".y_qylist_cnet_ind").on('click','a.link-item',function(){
  260. var _this = $(this);
  261. _this.addClass('on');
  262. _this.siblings().removeClass('on');
  263. $('.three_area').show();
  264. // _this.show();
  265. $.post('/house/soncity',{pid:_this.attr('value')},function(data){
  266. $(".three_area").html('');
  267. if(data.code == 200){
  268. var str = '';
  269. // str += '<a class="link_click" name="city" value="'+_this.attr('value')+'" href="javascript:;">全部</a>';
  270. str += '<a class="link_click" name="city" pinyin="'+_this.attr('pinyin')+'" value="'+_this.attr('value')+'" href="javascript:;">'+_this.find('span').html()+'</a>';
  271. $.each(data.data,function (k,v) {
  272. str += '<a class="link_click" name="city" pinyin="'+v.pinyin+'" value="'+v.id+'" href="javascript:;"><span>'+v.city_name+'</span></a>';
  273. })
  274. }
  275. $(".three_area").append(str);
  276. // 为了解决AJAX请求数据选中
  277. if(!$.isEmptyObject(params)){
  278. $.each(params,function(k,v){
  279. if(k != 'price' && k !='py'){
  280. $('.y_qylist_cnet a[name="'+k+'"][value="'+v+'"]').addClass('ki');
  281. }
  282. })
  283. }
  284. })
  285. $(".three_area").animate({left:"110px"});
  286. })
  287. $(".y_qylist_cnet_ind").on('click','a.actived-item',function(){
  288. $(".three_area").animate({left:"100%"});
  289. })
  290. //报名
  291. $('.m_Find_submit').on('click',function() {
  292. var mobile=$('.m_Find_room_form input[name="mobile"]').val();
  293. var name=$('.m_Find_room_form input[name="name"]').val();
  294. var pit=$('.m_Find_room_form input[name="pit"]').val();
  295. var city=$('.m_Find_room_form input[name="city"]').val();
  296. var type=$('.m_Find_room_form input[name="type"]').val();
  297. var yxhx=$('.m_Find_room_form input[name="informs"]').val();
  298. var yusuan=$('.m_Find_room_form input[name="content"]').val();
  299. var data = '';
  300. yee.showings(mobile,name,pit,city,type,yxhx,yusuan,data);
  301. })
  302. $('.y_lpsub').on('click',function() {
  303. var data = '';
  304. yee.showings($('.y_lpind_addipunt input[name="mobile"]').val(),$('.y_lpind_addipunt input[name="name"]').val(),$('.y_lpind_addipunt input[name="pid"]').val(),$('.y_lpind_addipunt input[name="city"]').val(),$('.y_lpind_addipunt input[name="type"]').val(),data);
  305. })
  306. function waptab(name1,name2,name3){
  307. $(name1).on('click',function(){
  308. $(name2).hide();
  309. var Idoption = $(this).attr(name3);
  310. if($(this).hasClass('on')){ //判断css on 是否存在
  311. $(name2+'['+name3+''+'='+ Idoption +']').hide();
  312. $(this).removeClass('on');
  313. }else{
  314. $(this).addClass('on').siblings().removeClass('on');
  315. $(name2+'['+name3+''+'='+ Idoption +']').show();
  316. }
  317. })
  318. }
  319. waptab('.y_qylist_hoe .y_qylist_con','.y_qylist_cnet_ind','data-id');
  320. var mySwiper1= new Swiper(".swiper-container1",{
  321. loop : true,
  322. loopedSlides:4,
  323. autoplay:5500,
  324. autoplayDisableOnInteraction : false,
  325. // 如果需要分页器
  326. pagination: '.swiper-pagination',
  327. slidesPerView :"auto"
  328. });
  329. // 处理资讯详情页面的底部一个月的有效日期
  330. var myDate = new Date;
  331. var year = myDate.getFullYear(); //获取当前时间年份
  332. var yue = myDate.getMonth()+1;//获取当前时间月份
  333. if (yue<10) {
  334. yue= '0' + yue;
  335. }else if(yue == 13){
  336. yue = '01';
  337. };
  338. // 返回下个月有多少天数
  339. function mGetDate(yue){     
  340. var date = new Date();     
  341. var year = date.getFullYear();     
  342. var d = new Date(year,parseInt(yue), 0);
  343. return d.getDate();
  344. }
  345. var whtmltimes = year + '/'+ yue + '/' + mGetDate(yue);
  346. var whtmltime = year + '/'+ yue + '/' +'01'+'-'+ year + '/'+ yue + '/' + mGetDate(yue);
  347. // 处理选中价格
  348. function price_deal(subject){
  349. switch(subject){
  350. case '8000-10000元':
  351. subject = '8千-1万';
  352. break;
  353. case '6000-8000元':
  354. subject = '6-8千';
  355. break;
  356. case '4000-6000元':
  357. subject = '4-6千';
  358. break;
  359. case '4000元以下':
  360. subject = '4千以下';
  361. break;
  362. default:
  363. subject = 1;
  364. break;
  365. }
  366. return subject;
  367. }
  368. // 处理跳转过来选中价格
  369. var textspan=$('.y_qylist_con p.feng_price span').text();
  370. $('.y_qylist_con p.feng_price span').text(price_deal2(textspan))
  371. function price_deal2(subject2){
  372. switch(subject2){
  373. case '8000-10000元':
  374. subject2 = '8千-1万';
  375. break;
  376. case '6000-8000元':
  377. subject2 = '6-8千';
  378. break;
  379. case '4000-6000元':
  380. subject2 = '4-6千';
  381. break;
  382. case '4000元以下':
  383. subject2 = '4千以下';
  384. break;
  385. }
  386. return subject2;
  387. }
  388. function Qalert(num = 0) {
  389. var M = {};
  390. if(M.dialog1){
  391. return M.dialog1.show();
  392. }
  393. M.dialog1 = jqueryAlert({
  394. 'content' : '已为您找到<span style="color:#FF6926;font-size: 1.0rem;"> '+num+' </span>套房源',
  395. 'closeTime' : 4000,
  396. })
  397. }
  398. $(function(){
  399. //转换价格格式
  400. $('.wx_btn a').each(function(){
  401. var _this = $(this);
  402. var txt = _this.text();
  403. _this.html(price_deal2(txt));
  404. })
  405. // 筛选确定按钮
  406. $('.wx_confirm').on('click',function(){
  407. var _this = $(this);
  408. var oi = _this.attr('data-id');
  409. var pthis = $('.y_qylist_cnet_ind[data-id="'+oi+'"]');
  410. if(pthis.find('a.in').attr('name') == 'city'){
  411. objUrl['py'] = pthis.find('a.in').attr('pinyin');
  412. }
  413. var ParamsArr = ['city','type','characteristic','price','py']; //搜索字段
  414. var atrName = pthis.find('a.in').attr('name');
  415. var _val =pthis.find('a.in').attr('value');
  416. var urlParams = '';
  417. for (var k in ParamsArr){
  418. if(ParamsArr[k] == atrName){
  419. objUrl[atrName] = _val;
  420. delete objUrl.page;
  421. delete objUrl.name;
  422. //数据存储
  423. }
  424. // if(atrName == 'price'){ //处理价格
  425. // Wxdata[atrName] = _val; //楼盘名称存储格式
  426. // var odata = JSON.stringify(Wxdata); //对象转换为字符串
  427. // window.localStorage.setItem("data",odata);
  428. // }
  429. }
  430. $.each(objUrl,function(key,val){
  431. if(key == 'py') return true; //跳出当前循环
  432. urlParams += key+'='+val+'&';
  433. })
  434. var cityUrl = '';
  435. urlParams = urlParams.substring(0,urlParams.length - 1);
  436. if(typeof objUrl.py == 'string'){
  437. cityUrl = 'py='+objUrl.py+'&';
  438. }
  439. if(urlParams == '' && cityUrl != '')
  440. {
  441. cityUrl = cityUrl.substring(0,cityUrl.length - 1);
  442. }
  443. window.location.href = '/house/abroad?'+ cityUrl+urlParams;
  444. })
  445. // 筛选取消按钮
  446. $('.wx_cls').on('click',function(){
  447. $('.w_barrier').fadeOut();
  448. $('.wx_screen_box').animate({bottom:'-500px'});
  449. p()
  450. })
  451. // 筛选框展示
  452. var condition = ['区域','价格','特色','户型'];
  453. $('.y_qylist_con').on('click',function(){
  454. var oi = $(this).attr('data-id');
  455. $('.wx_screen_box').animate({bottom:'0'});
  456. $('.wx_screen_btn').find('i').html(condition[oi-1]);
  457. $('.wx_screen_btn .wx_confirm').attr('data-id',oi);
  458. $('.w_barrier').fadeIn();
  459. $('.y_qylist_cnet .y_qylist_cnet_ind[data-id="'+oi+'"]').show();
  460. s();
  461. if(oi == 2){
  462. /*用于处理选中问题*/
  463. var txt = $(this).find('span').text();
  464. if(txt != condition[oi-1]){
  465. $('.wx_btn[data-id="2"] a').each(function(){
  466. var _this = $(this)
  467. if(txt == _this.text()){
  468. _this.addClass('ki');
  469. }
  470. })
  471. }
  472. }
  473. })
  474. // 点击遮层隐藏
  475. $('.w_barrier').on('click',function(){
  476. $('.wx_screen_box').animate({bottom:'-500px'});
  477. $('.w_barrier').fadeOut();
  478. p()
  479. })
  480. // 点击选中
  481. $('.wx_sreen_con').on('click','a.link_click',function(){
  482. $(this).addClass('in').siblings().removeClass('in');
  483. $(this).siblings().removeClass('ki');
  484. })
  485. })
  486. // 以下两个方法为了隐藏/显示商务通
  487. function s(){
  488. clearInterval(time)
  489. stime=setInterval(function(){
  490. $('#LXB_CONTAINER_SHOW').hide();
  491. $('#LRMINIBar').hide();
  492. },80);
  493. }
  494. function p(){
  495. clearInterval(stime)
  496. time=setInterval(function(){
  497. $('#LXB_CONTAINER_SHOW').show();
  498. $('#LRMINIBar').show();
  499. },80);
  500. }