index.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
  1. $(function(){
  2. $('#demo07').navbarscroll({
  3. defaultSelect: 0 , //默认选中
  4. scrollerWidth:4,
  5. fingerClick:1,
  6. endClickScroll:function(obj){
  7. // console.log(obj[0].dataset.name)
  8. // console.log(obj[0].attributes.value.value)
  9. // console.log(obj[0].attributes.hid.value)
  10. cityID = obj[0].attributes.value.value;
  11. // console.log(cityID)
  12. ajax_lp(cityID)
  13. }
  14. });
  15. $('#demo08').navbarscroll({
  16. defaultSelect: 0 , //默认选中
  17. scrollerWidth:4,
  18. fingerClick:1,
  19. endClickScroll:function(obj){
  20. // console.log(obj[0].dataset.name)
  21. // console.log(obj[0].attributes.value.value)
  22. // console.log(obj[0].attributes.hid.value)
  23. cityID = obj[0].attributes.value.value;
  24. // console.log(cityID)
  25. wanquHotBox (cityID)
  26. }
  27. });
  28. $('.Boutique_nav a').eq(0).addClass('on').siblings().removeClass('on');
  29. var typeId=$('.Boutique_nav a').eq(0).attr('data-id');
  30. adv_list (typeId);
  31. $('.Boutique_nav a').on('click',function(){
  32. $(this).addClass('on').siblings().removeClass('on');
  33. typeId=$(this).attr('data-id');
  34. adv_list (typeId);
  35. })
  36. $('.bmrs_list_cen').myScroll({
  37. speed: 40, //数值越大,速度越慢
  38. rowHeight: 25 //li的高度
  39. });
  40. setTimeout(function(){
  41. var mySwiperadv = new Swiper(".js_service_main",{
  42. loop : true,
  43. slidesPerView : 'auto',
  44. slidesPerGroup : 1,
  45. onSetTranslate: function(swiper,translate){
  46. // console.log(translate);
  47. //自定义事件
  48. if(swiper.translate >= 0) {
  49. var TR=swiper.translate
  50. $("#js_service_main ul").css({
  51. 'transform': 'translate3d('+(TR-55)+'px, 0px, 0px)'
  52. })
  53. }
  54. },
  55. });
  56. },800)
  57. tab ('.subnews_nav a','.subnews_list ul','data-id')
  58. var n=1;
  59. $('.js_top_m').on('click',function(){
  60. if (n==1) {
  61. $('.js_pric_list').show(20)
  62. n=2;
  63. }else if (n==2) {
  64. $('.js_pric_list').hide()
  65. n=1;
  66. }
  67. })
  68. $('.js_pric_list').on('click','a',function(){
  69. $(this).addClass('on').siblings().removeClass('on')
  70. var cityName=$(this).text();
  71. $('.js_top_m').find('span').text(cityName)
  72. $('.js_pric_c input[name="budget"]').val(cityName);
  73. // console.log(cityName);
  74. $('.js_pric_list').hide()
  75. n=1;
  76. })
  77. var c=1;
  78. $('.js_top_c').on('click',function(){
  79. if (c==1) {
  80. $('.js_citybm_list').show(20)
  81. c=2;
  82. }else if (c==2) {
  83. $('.js_citybm_list').hide()
  84. c=1;
  85. }
  86. })
  87. $('.js_citybm_list').on('click','a',function(){
  88. $(this).addClass('on').siblings().removeClass('on')
  89. var cityName=$(this).text();
  90. $('.js_top_c').find('span').text(cityName)
  91. $('.js_pric_c input[name="intention_city"]').val(cityName);
  92. // console.log(cityName);
  93. $('.js_citybm_list').hide()
  94. c=1;
  95. })
  96. $('.js_bangnizgf').on('click',function(){
  97. $('.bmzgBox').show(20)
  98. $('.bmzgBox_bg').show()
  99. $('body').addClass('bodyC');
  100. })
  101. $('.bmzgBox_bg').on('click',function(){
  102. $('.bmzgBox').hide(0)
  103. $('.bmzgBox_bg').hide(0)
  104. $('body').removeClass('bodyC');
  105. })
  106. //调用方法二(传对象函数)
  107. var fun = {
  108. "error" : function(){
  109. PublicAction.hint("提交末成功!"); //编写需要操作的方法
  110. },
  111. "success" : function(){
  112. PublicAction.hint("提交成功!"); //编写需要操作的方法
  113. $('.bmzgBox').hide(0)
  114. $('.bmzgBox_bg').hide(0)
  115. $('body').removeClass('bodyC');
  116. $('body input[type="text"]').val('');
  117. $('.js_top_m').find('span').html('您的预算')
  118. $('.js_pric_list a').removeClass('on');
  119. $('body input[name="budget"]').val('');
  120. $('.js_top_c').find('span').html('请选择意向城市')
  121. $('.js_citybm_list a').removeClass('on');
  122. $('body input[name="intention_city"]').val('');
  123. }
  124. }
  125. PublicAction.AjaxSend({CORID:'js_pulice_button'},fun);
  126. $('body').on('click','.js_appleBm_popup',function(){
  127. $('.appleBm').show(20);
  128. $('.appleBmBG').show();
  129. var _Tilte= $(this).attr('data-title');
  130. var _hid= $(this).attr('data-id');
  131. var _module = $(this).attr('data-module');
  132. var _text = $(this).attr('data-text');
  133. $('body').addClass('bodyC')
  134. $('.appleBm_top p.title').html(_Tilte)
  135. $('.appleBm_top p.text').html(_text);
  136. $('.appleBm_form input[name="hid"]').val(_hid)
  137. })
  138. //调用方法二(传对象函数)
  139. var fun = {
  140. "error" : function(){
  141. PublicAction.hint("提交末成功!"); //编写需要操作的方法
  142. },
  143. "success" : function(){
  144. PublicAction.hint("提交成功!"); //编写需要操作的方法
  145. $('.appleBmBG').click()
  146. }
  147. }
  148. PublicAction.AjaxSend({CORID:'js_pulice_button'},fun);
  149. $('.appleBmBG,.appleBm_gb a').on('click',function(){
  150. $('.appleBm').hide(0)
  151. $('.appleBmBG').hide(0)
  152. $('body').removeClass('bodyC');
  153. })
  154. })
  155. // 选项卡
  156. function tab (name1,name2,name3){;
  157. $(name1).on('click',function(){
  158. $(name2).hide();
  159. var Idoption = $(this).attr(name3);
  160. $(name2+'['+name3+''+'='+ Idoption +']').show();
  161. $(this).addClass('on').siblings().removeClass('on');
  162. })
  163. $(name1).eq(0).addClass('on');
  164. $(name2).eq(0).show();
  165. }
  166. function ajax_lp (cityID){
  167. var html = '';
  168. $.ajax({
  169. url: "/zt/getprovince", // 索取
  170. data:{city:cityID}, //传ID
  171. type: "POST",
  172. dataType: "json",
  173. success: function(data) {//请求成功完成后要执行的方法
  174. if (data.code==200) {
  175. $('.hot_list').html('')
  176. html+= '<div class="hot_list_mian js_recommend_list">';
  177. html+= '<ul class="swiper-wrapper">';
  178. $.each(data.data, function (key,val) {
  179. // console.log(val.preferential)
  180. html+= '<li class="swiper-slide">';
  181. html+= '<div class="lp_top">';
  182. html+= '<a href="/house/'+val['id']+'">';
  183. html+= '<div class="lp_top_ico">';
  184. html+= '<p class="ico"><img src="'+val['thumb']+'" alt=""></p>';
  185. html+= '<p class="index">TOP'+(key+1)+'</p>';
  186. html+= '<div class="lp_text">';
  187. html+= '<p class="title">'+val['name']+'</p>';
  188. html+= '<p class="time"><img src="/overseas/zt/hnbszt20200701/image/ico__23.png" alt="">有效期 '+v3Time+'</p>';
  189. html+= '</div>';
  190. html+= '</div>';
  191. html+= '<div class="lp_bottom_m">';
  192. if (val.sale_price!='' && val.sale_price!=null) {
  193. html+= '<p class="pric">均价<span>'+val['sale_price']+'</span>'+val['price_unit']+'</p>';
  194. }else{
  195. html+= '<p class="pric">均价<span>待定</span></p>';
  196. }
  197. if (val.preferential!='' && val.preferential!= null) {
  198. html+= '<p class="zk"><img src="/overseas/zt/hnbszt20200701/image/ico__22.png" alt="">'+val['preferential']+'</p>';
  199. }else{
  200. html+= '<p class="zk"><img src="/overseas/zt/hnbszt20200701/image/ico__22.png" alt="">暂无优惠</p>';
  201. }
  202. html+= '</div>';
  203. html+= '</a>';
  204. html+= '</div>';
  205. html+= '<div class="lp_bm">';
  206. html+= '<a class="hqdj js_appleBm_popup" data-id="'+val['id']+'" data-module="132" data-title="获取底价" data-text="获取项目新底价+项目详细资料+投资分析+升值空间评测,为您投资置业保驾护航" href="javascript:;"><img src="/overseas/zt/hnbszt20200701/image/ico__29.png" alt="">获取底价</a>';
  207. html+= '<a class="zk js_appleBm_popup" data-id="'+val['id']+'" data-module="133" data-title="领取折扣" data-text="领取项目折扣+免费接机+酒店接送+专车看房,领取优惠,更享有购房立减优惠折扣" href="javascript:;"><img src="/overseas/zt/hnbszt20200701/image/ico__30.png" alt="">领取折扣</a>';
  208. html+= '</div>';
  209. html+= '</li>';
  210. });
  211. html+= '</ul>';
  212. html+= '</div>';
  213. html+= '<div class="swiper-pagination hot_swiper-pagination"></div>';
  214. $('.hot_list').html(html);
  215. var swiperRe= new Swiper(".js_recommend_list",{
  216. loop : false,
  217. autoplay:false,
  218. slidesPerView : 1.3,
  219. spaceBetween : 15,
  220. slidesPerGroup : 1,
  221. pagination : '.hot_swiper-pagination',
  222. });
  223. }
  224. }
  225. });
  226. }
  227. function wanquHotBox (cityID){
  228. var html = '';
  229. $.ajax({
  230. url: "/zt/getgulfcitygl", // 索取
  231. data:{id:cityID}, //传ID
  232. type: "POST",
  233. dataType: "json",
  234. success: function(data) {//请求成功完成后要执行的方法
  235. if (data.code==200) {
  236. $('.wanquHotBox ul').html('');
  237. $.each(data.data, function (k,val) {
  238. html+= '<li>';
  239. html+= '<div class="left_text">';
  240. html+= '<a href="/house/'+val['hid']+'">';
  241. html+= '<div class="l_img">';
  242. html+= '<img src="'+val['thumb']+'" alt="">';
  243. html+= '</div>';
  244. html+= '<div class="r_text">';
  245. html+= '<p class="title">'+val['name']+'</p>';
  246. if (val.sale_price!='' && val.sale_price!=null) {
  247. html+= '<p class="pric">均价<span>'+val['sale_price']+'</span>'+val['price_unit']+'</p>';
  248. }else{
  249. html+= '<p class="pric">均价<span>待定</span></p>';
  250. }
  251. html+= '<p class="time"><img src="/overseas/zt/hnbszt20200701/image/ico__24.png" alt="">有效期 '+v3Time+'</p>';
  252. html+= '</div>';
  253. html+= '</a>';
  254. html+= '</div>';
  255. html+= '<div class="right_zx">';
  256. html+= '<a href="tel:'+val['tel']+'">免费通话</a>';
  257. html+= '</div>';
  258. html+= '</li>';
  259. });
  260. $('.wanquHotBox ul').html(html);
  261. }
  262. }
  263. });
  264. }
  265. function adv_list (id){
  266. var html = '';
  267. $.ajax({
  268. url: "/zt/getboutiquevillalist", // 索取
  269. data:{id:id}, //传ID
  270. type: "POST",
  271. dataType: "json",
  272. success: function(data) {//请求成功完成后要执行的方法
  273. if (data.code==200) {
  274. html+= '<div class="Boutique_list js_Boutique_list" id="js_Boutique_list">';
  275. html+= '<ul class="swiper-wrapper">';
  276. $.each(data.data, function (k,v) {
  277. html+= '<li class="swiper-slide">';
  278. html+= '<a href="'+v['url']+'"><img src="'+v['img']+'" alt=""></a>';
  279. html+= '</li>';
  280. });
  281. html+= '</ul>';
  282. html+= '</div>';
  283. $('.xhin').html(html);
  284. setTimeout(function(){
  285. var mySwiperadv = new Swiper("#js_Boutique_list",{
  286. loop : true,
  287. slidesPerView : 'auto',
  288. slidesPerGroup : 1,
  289. });
  290. },1000);
  291. }
  292. }
  293. });
  294. }
  295. // 处理资讯详情页面的底部一个月的有效日期
  296. var myDate = new Date;
  297. var year = myDate.getFullYear(); //获取当前时间年份
  298. var yue = myDate.getMonth()+1;//获取当前时间月份
  299. if (yue<10) {
  300. yue= '0' + yue;
  301. }else if(yue == 13){
  302. yue = '01';
  303. };
  304. // 返回下个月有多少天数
  305. function mGetDate(yue){     
  306. var date = new Date();     
  307. var year = date.getFullYear();     
  308. var d = new Date(year,parseInt(yue), 0);
  309. return d.getDate();
  310. }
  311. var v3Time = year + '.'+ yue + '.' + mGetDate(yue);