zsk_list.js 12 KB

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