index.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. $(function() {
  2. vm = new Vue({
  3. el: '#app',
  4. data: {
  5. loopProduct: [],
  6. imgUrl: 'http://lanbo.frp.liuniu946.com',
  7. about: '',
  8. company:'',
  9. company_cover: '',
  10. serviceList: [],
  11. recommendProductList: [],
  12. //文章分类id
  13. // category_ids: '',
  14. //首页文章
  15. arrayList: [],
  16. moreServiceList: [],
  17. bottom:'',
  18. //最新项目
  19. latestProjectList:[],
  20. //人物介绍
  21. characterList:[],
  22. blogList:[],//博客文章
  23. statement:''
  24. },
  25. created() {
  26. var datas = {};
  27. var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/index';
  28. AJAX('get', ajaxUrl, datas, function(res) {
  29. console.log(res);
  30. var src = res.data.banners;
  31. if (src) {
  32. vm.loopProduct = src.split(',');
  33. }
  34. vm.about = res.data.about_us;
  35. vm.company_cover = res.data.company_cover;
  36. vm.serviceList = res.data.cases;
  37. });
  38. var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
  39. AJAX('get', ajaxUrl, datas, function(res) {
  40. vm.statement = res.data.list.filter(item => item.category_ids == "65")
  41. console.log(vm.statement)
  42. })
  43. var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
  44. AJAX('get', ajaxUrl, datas, function(res) {
  45. vm.bottom = res.data.list.filter(item => item.category_ids == "64")
  46. console.log(vm.bottom)
  47. })
  48. var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
  49. AJAX('get',ajaxUrl,datas,function(res){
  50. vm.arrayList = res.data.list.filter(item => item.category_ids == "51")
  51. // vm.arrayList = res.data.list;
  52. console.log(vm.arrayList)
  53. });
  54. var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
  55. AJAX('get',ajaxUrl,datas,function(res){
  56. vm.company = res.data.list.filter(item => item.category_ids == "41")
  57. // vm.arrayList = res.data.list;
  58. console.log(vm.company)
  59. });
  60. var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
  61. AJAX('get', ajaxUrl, datas, function(res) {
  62. vm.moreServiceList = res.data.list.filter(item => item.category_ids == "53")
  63. // vm.arrayList = res.data.list;
  64. console.log(vm.moreServiceList)
  65. });
  66. //最新项目
  67. var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
  68. AJAX('get', ajaxUrl, datas, function(res) {
  69. vm.latestProjectList = res.data.list.filter(item => item.category_ids == "54")
  70. // vm.arrayList = res.data.list;
  71. console.log(vm.latestProjectList)
  72. });
  73. //博客
  74. var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
  75. AJAX('get', ajaxUrl, datas, function(res) {
  76. vm.blogList = res.data.list.filter(item => item.category_ids == "44")
  77. // vm.arrayList = res.data.list;
  78. console.log(vm.blogList)
  79. });
  80. // var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
  81. // AJAX('get',ajaxUrl,datas,function(res){
  82. // vm.bottom = res.data.list.filter(item => item.category_ids == "52")
  83. // console.log(vm.bottom)
  84. // });
  85. //人物介绍
  86. var ajaxUrl = 'http://lanbo.frp.liuniu946.com/apis/product';
  87. AJAX('get',ajaxUrl,datas,function(res){
  88. vm.characterList = res.data.list.filter(item => item.category_ids == "54")
  89. console.log(vm.characterList)
  90. })
  91. },
  92. methods:{
  93. dianji(item) {
  94. // debugger
  95. console.log(item);
  96. //存储这个localStronge,存储的是点击的这个内容的id,在需要展示的详情页去接收
  97. localStorage.setItem('id',item);
  98. }
  99. }
  100. });
  101. })