zsk_list.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363
  1. $(function(){
  2. function getParams(url) {
  3. var theRequest = new Object();
  4. if (!url)
  5. url = location.href;
  6. if (url.indexOf("?") !== -1)
  7. {
  8. var str = url.substr(url.indexOf("?") + 1) + "&";
  9. var strs = str.split("&");
  10. for (var i = 0; i < strs.length - 1; i++)
  11. {
  12. var key = strs[i].substring(0, strs[i].indexOf("="));
  13. var val = strs[i].substring(strs[i].indexOf("=") + 1);
  14. theRequest[key] = val;
  15. }
  16. }
  17. return theRequest;
  18. }
  19. var objUrl = {}; //获取get参数
  20. var url = window.location.href;
  21. var params = getParams(url);
  22. if(!$.isEmptyObject(params)){
  23. $.each(params,function(key,val){
  24. objUrl[key] = val;
  25. })
  26. }
  27. // --------------------------------------------------------------
  28. $('.m_bm').prev().css('border-bottom','0');
  29. var pmheight = $(window).height();
  30. $('.m_category_list_box').css('height',pmheight);
  31. $('.m_follow_box').css('height',pmheight);
  32. // 点击关注弹窗
  33. $('.m_category_xg').on('click',function(){
  34. $('.m_follow_box').show();
  35. $(this).hide();
  36. })
  37. $('.m_follow_gb').on('click',function(){
  38. $('.m_category_xg').show();
  39. $('.m_follow_box').hide();
  40. })
  41. $('.m_follow_zez').on('click',function(){
  42. $('.m_category_xg').show();
  43. $('.m_follow_box').hide();
  44. })
  45. /*----------------定义页面全局变量-----------------------*/
  46. // 页数
  47. // var page = 0;
  48. // // 每页展示5个
  49. // var size = 10;
  50. var listId = ""; //导航id
  51. var zxId = 0; //资讯id
  52. var isf = true;
  53. AjaxFn();
  54. fun();
  55. // 导航ajax--------------------------------
  56. $('.find_nav_list ul li').on('click',function(){
  57. var gbdata = $(this).attr('gbid');
  58. if(gbdata == 1){
  59. $('.m_category_list_box').show();
  60. $(this).attr('gbid',2).siblings().attr('gbid',1);
  61. }else{
  62. $(this).attr('gbid',1);
  63. $('.m_category_list_box').hide();
  64. }
  65. listId = $(this).attr('listid');
  66. // delete objUrl[name];
  67. ajax_list();
  68. })
  69. // 关闭
  70. $('.m_OuterLayer').on('click',function(){
  71. $('.m_category_list_box').hide();
  72. $('.find_nav_list ul li').attr('gbid',1);
  73. })
  74. ajax_list();
  75. function ajax_list (){
  76. var html = '';
  77. $.ajax({
  78. url: "/knowledgebase/getnav",
  79. data:{id:listId},
  80. type: "GET",
  81. dataType: "json",
  82. success: function(data) {//请求成功完成后要执行的方法
  83. // console.log(data)
  84. if(data.code == 200){
  85. $.each(data.data, function (i, data) { //左边楼盘列表
  86. html+='<li zxid="'+data.id+'">'+data.name+'</li>';
  87. });
  88. var i =null;
  89. if(typeof zxId == 'string' && zxId != null){
  90. $.each(data.data,function (k, v){
  91. if(zxId == v.id){
  92. i = v.pid;
  93. }
  94. })
  95. $('.find_nav_list ul li[listid="'+i+'"]').find('a').parent().attr('class','find_nav_cur').siblings().attr('class','');
  96. $('.find_nav_list ul li[listid="'+i+'"]').find('a').addClass('on');
  97. $('.find_nav_list ul li[listid="'+i+'"]').siblings().find('a').removeClass('on');
  98. }
  99. $(".m_category_list").html(html);
  100. $('.m_category_list li').on('click',function(){
  101. $('.m_category_list_box').hide();
  102. $('.find_nav_list ul li').attr('gbid',1);
  103. zxId = $(this).attr('zxid');
  104. $('.m_category_zx_box').html(""); //切换内容之前先清空盒子
  105. // AjaxFn(); //调用Ajax方法
  106. if(!$.isEmptyObject(objUrl)){
  107. window.localStorage.setItem("id", zxId);
  108. window.location.href = '/knowledgebase/list';
  109. }
  110. AjaxFn(); //调用Ajax方法
  111. fun();
  112. // console.log(zxId);
  113. })
  114. }
  115. }
  116. });
  117. }
  118. // 导航ajax--------------------------------
  119. // console.log(!$.isEmptyObject(objUrl))
  120. // console.log(txt)
  121. function AjaxFn(){
  122. var txt='';
  123. // console.log(zxId)
  124. if(!$.isEmptyObject(objUrl)){
  125. txt = '?name='+objUrl.name
  126. }else{
  127. if(isf){
  128. if(window.localStorage.getItem("id") != null){
  129. zxId = window.localStorage.getItem("id");
  130. window.localStorage.clear();
  131. }
  132. isf = false;
  133. }
  134. // console.log(zxId)
  135. txt = '?&id='+zxId;
  136. }
  137. page = 0;
  138. size = 10;
  139. page++;
  140. $.ajax({
  141. type: 'GET',
  142. url: '/knowledgebase/getlist'+txt+'&page='+page+'&limit='+size,
  143. // url: '/knowledgebase/getlist?&page='+page+'&limit='+size + '&id='+zxId,
  144. dataType: 'json',
  145. success: function(data){
  146. if(data.code == 200){
  147. $('.m_category_zx_box').append(ModuleWay(data.data)) //调用选择模块
  148. // 报名
  149. PublicAction.AjaxSend(
  150. {
  151. CORID:'apply_submit', /*操作ID*/
  152. }
  153. );
  154. }
  155. // console.log(data.data);
  156. // 每次数据加载完,必须重置
  157. // me.resetload();
  158. },
  159. error: function(xhr, type){
  160. // alert('Ajax error!');
  161. // 即使加载出错,也得重置
  162. // me.resetload();
  163. }
  164. });
  165. // 上滑加载
  166. // $('.news_list').dropload({
  167. // // 调用加载
  168. // scrollArea : window,
  169. // threshold:2/3,
  170. // loadDownFn : function(me){
  171. //
  172. // }
  173. // });
  174. }
  175. // 选择各个模块
  176. function ModuleWay(data){
  177. var html ="";
  178. $.each(data, function (i, data) { //左边楼盘列表
  179. if(data.thumb != null && data.thumb != "" && data.thumb.length == 1){
  180. html+='<div class="m_category_zx m_category_zx_bx">';
  181. html+='<a href="/knowledgebase/details/'+data.id+'/" class="c">';
  182. // _html +='<li><img src="'+conditions.url+val.thumb[k]+'" alt=""></li>';
  183. html+='<img src=http://pfgimg.pinfangw.com/pc/newsknowledge/'+data.thumb[0]+' alt="">';
  184. // html+='<img src="/image/knowledgebase/zsk10.png" alt="">';
  185. html+='<div class="m_category_text">';
  186. html+='<em>'+data.subject+'</em>';
  187. html+='<p class="c">';
  188. html+='<i>时间:'+data.create_at+'</i>';
  189. html+='<i>浏览:'+data.clicks+'</i>';
  190. html+='</p>';
  191. html+='</div>';
  192. html+='</a>';
  193. html+='</div>';
  194. }else if(data.thumb != null && data.thumb != "" && data.thumb.length > 1){
  195. html+='<div class="m_category_st m_category_zx_bx">';
  196. html+='<a href="/knowledgebase/details/'+data.id+'/">';
  197. html+='<em>'+data.subject+'</em>';
  198. html+='<p class="c">';
  199. html+='<i>来源:'+data.source+'</i>';
  200. html+='<i>时间:'+data.create_at+'</i>';
  201. html+='<i>浏览:'+data.clicks+'</i>';
  202. html+='</p>';
  203. html+='<ul class="c">';
  204. for(k in data.thumb){
  205. // _html +='<li><img src="'+conditions.url+val.thumb[k]+'" alt=""></li>';
  206. html+='<li><img src=http://images.pinfangge.top/pc/newsknowledge/'+data.thumb[k]+' alt=""></li>';
  207. }
  208. html+='</ul>';
  209. html+='</a>';
  210. html+='</div>';
  211. }
  212. var _length = $('.m_bm').length;
  213. if(i == 1 && _length <= 0){
  214. // html+='<div class="m_bm c">';
  215. // html+='<div class="m_bm_l">政策解读</div>';
  216. // html+='<form class="submit_area">';
  217. // html+='<input type="hidden" name="aid" value="0"> '; // 0 为公共报名,其它为楼盘ID
  218. // html+='<input type="hidden" name="source" value="18">'; //报名来源 具体查看applyVerify.js文件中source 标识说明
  219. // html+='<input type="hidden" name="equipment" value="1">'; //来源设备 ( PC端 2,手机端 1 )
  220. // html+='<input type="text" placeholder="请输入您的手机号" name="mobile">';
  221. // html+='<input type="button" value="立即获取" class="apply_submit">';
  222. // html+='</form>';
  223. // html+='</div>';
  224. html+='<div class="m_bm1 c">';
  225. html+='<img src="/image/knowledgebase/m_bm1.png" alt="" />';
  226. html+='<form class="submit_area submit_area1">';
  227. html+='<input type="hidden" name="aid" value="0"> '; // 0 为公共报名,其它为楼盘ID
  228. html+='<input type="hidden" name="source" value="18">'; //报名来源 具体查看applyVerify.js文件中source 标识说明
  229. html+='<input type="hidden" name="equipment" value="1">'; //来源设备 ( PC端 2,手机端 1 )
  230. html+='<input type="text" placeholder="请输入您的手机号" name="mobile">';
  231. html+='<input type="button" value="抢看攻略" class="apply_submit">';
  232. html+='</form>';
  233. html+='</div>';
  234. }
  235. })
  236. return html ;
  237. }
  238. // 判断 objUrl 是否从别到页面跳转到这里
  239. // if(typeof objUrl.cid == "string"){
  240. // zxId = objUrl.cid;
  241. // }
  242. function fun(){
  243. // 上滑加载
  244. $('#y_mainid').dropload({
  245. // 调用加载
  246. scrollArea : window,
  247. // threshold:2/3,
  248. loadDownFn : function(me){
  249. page++;
  250. // $('.dropload-down').show();
  251. $.ajax({
  252. type: 'GET',
  253. url: '/knowledgebase/getlist?&page='+page+'&limit='+size + '&id='+zxId,
  254. dataType: 'json',
  255. success: function(data){
  256. // console.log(data);
  257. if(data.code == 200){
  258. $('.m_category_zx_box').append(ModuleWay(data.data)) //调用选择模块
  259. // 报名
  260. PublicAction.AjaxSend(
  261. {
  262. CORID:'apply_submit', /*操作ID*/
  263. }
  264. );
  265. }else{
  266. // 锁定
  267. me.lock();
  268. // 无数据
  269. me.noData();
  270. // me.resetload();
  271. }
  272. // alert(data);
  273. // 每次数据加载完,必须重置
  274. setTimeout(function(){
  275. // 插入数据到页面,放到最后面
  276. // $('.m_category_zx_box').append(result);
  277. // 每次数据插入,必须重置
  278. me.resetload();
  279. },500);
  280. $('.dropload-down').eq(0).show().siblings('.dropload-down').remove();
  281. },
  282. error: function(xhr, type){
  283. // alert('Ajax error!');
  284. // 即使加载出错,也得重置
  285. // me.resetload();
  286. }
  287. });
  288. }
  289. });
  290. }
  291. })