download.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  7. <meta name="renderer" content="webkit">
  8. <meta name="keywords" content=" "/>
  9. <meta name="description" content=" "/>
  10. <title>下载中心_{$config['site_name']}</title>
  11. <link rel="stylesheet" href="__ADDON__/css/swiper.css">
  12. <link rel="stylesheet" href="__ADDON__/css/style.css">
  13. <link rel="stylesheet" href="__ADDON__/css/media.css">
  14. <link rel="stylesheet" href="__ADDON__/css/animate.min.css">
  15. <link rel="shortcut icon" href="__ADDON__/images/favicon.ico">
  16. </head>
  17. <body>
  18. <!--头部-->
  19. {include file="header" /}
  20. <!--内容-->
  21. <div id="bann" style="background-image: url({$config['banner3']});">
  22. <div class="container">
  23. <div class="t1 wow fadeInUp" data-wow-delay="200ms">
  24. SERVICE CENTRE<br>
  25. </div>
  26. <div class="t2 wow fadeInUp" data-wow-delay="300ms">
  27. <span>服务群众是我们的责任,群众满意是我们的心愿</span>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
  32. <div class="container">
  33. <a class="home" href="{:addon_url('wwh/index/index')}"><img src="__ADDON__/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
  34. <div class="first">
  35. <h4>服务中心</h4>
  36. <ul>
  37. <li><a href="{:addon_url('wwh/index/product',[':id'=>''])}">产品中心</a></li>
  38. <li><a href="{:addon_url('wwh/index/cases',[':id'=>''])}">解决方案</a></li>
  39. <li><a href="{:addon_url('wwh/index/service')}">服务中心</a></li>
  40. <li><a href="{:addon_url('wwh/index/partner')}">合作伙伴</a></li>
  41. <li><a href="{:addon_url('wwh/index/news',[':id'=>''])}">新闻中心</a></li>
  42. <li><a href="{:addon_url('wwh/index/about')}">关于我们</a></li>
  43. </ul>
  44. </div>
  45. <div class="second active">
  46. <h4>资料下载</h4>
  47. <ul>
  48. <li><a href="{:addon_url('wwh/index/service')}">服务策略</a></li>
  49. <li><a href="{:addon_url('wwh/index/market')}">营销网络</a></li>
  50. <li><a href="{:addon_url('wwh/index/download')}">资料下载</a></li>
  51. </ul>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="nav_phone hide container">
  56. <p><a href="{:addon_url('wwh/index/index')}">首页</a></p>
  57. <p><a href="{:addon_url('wwh/index/service')}">服务中心</a></p>
  58. <p><a href="{:addon_url('wwh/index/download')}">资料下载</a></p>
  59. </div>
  60. <div id="download">
  61. <div class="container">
  62. <div class="clearfix down_1">
  63. <div class="down_1_left wow fadeInUp" data-wow-delay="500ms">
  64. 资料下载
  65. <br>
  66. <span>Download</span>
  67. </div>
  68. <div class="down_1_right wow fadeInUp" data-wow-delay="600ms">
  69. <ul>
  70. <div class="select">
  71. <select name="category" id="category">
  72. <option style="background-color: #ffffff;" value="" selected>&nbsp;&nbsp;&nbsp;选择分类</option>
  73. {volist name="name" id="vo"}
  74. <option style="color: #808080;background-color: #f4f4f4;" value="{$vo['id']}">&nbsp;&nbsp;&nbsp;{$vo['name']}</option>
  75. {volist name="vo.child" id="vo2"}
  76. <option style="color:#333;background-color: #ffffff;" value="{$vo2['id']}">&nbsp;&nbsp;&nbsp; ├ {$vo2['name']}</option>
  77. {volist name="vo2.child" id="vo3"}
  78. <option style="color:#808080;background-color: #ffffff;" value="{$vo3['id']}">&nbsp;&nbsp;&nbsp; │├ {$vo3['name']}</option>
  79. {/volist}
  80. {/volist}
  81. {/volist}
  82. </select>
  83. </div>
  84. <li>
  85. <div class="down_form">
  86. <input type="text" value="" name="keywords" id="keywords" placeholder="请输入名称" />
  87. </div>
  88. <button name="button" type="button" id="btn" class="down_btn"></button>
  89. </li>
  90. </ul>
  91. </div>
  92. </div>
  93. <div class="clearfix down_2">
  94. <ul>
  95. <li class="down_2_1 wow fadeInUp" data-wow-delay="300ms">
  96. <span class="down_2_1_left">名称</span>
  97. <span class="down_2_1_right">操作</span>
  98. </li>
  99. <div id="shuju">
  100. {volist name="list" id="vo"}
  101. <li class="down_2_2 wow fadeInUp" data-type="volist">
  102. <a href="{$vo['attachfile']}">
  103. <span class="down_2_2_left">{$vo['downloadname']}</span>
  104. <span class="down_2_2_left2">{$vo['time']}</span>
  105. </a>
  106. <a href="{$vo['attachfile']}">
  107. <span class="down_2_2_right">下载</span>
  108. </a>
  109. </li>
  110. {/volist}
  111. </div>
  112. </ul>
  113. </div>
  114. <div class="fenye wow fadeInUp" data-wow-delay="300ms">{$page}</div>
  115. </div>
  116. </div>
  117. <!--底部-->
  118. {include file="footer" /}
  119. <script src="__ADDON__/js/jquery.min.js"></script>
  120. <script src="__ADDON__/js/swiper.min.js"></script>
  121. <script src="__ADDON__/js/style.js"></script>
  122. <script src="__ADDON__/js/wow.min.js"></script>
  123. <script src="__ADDON__/js/index.js"></script>
  124. <script type="text/javascript">
  125. $('.header-container .clearfix .H-nav .Hnav-menu').eq(3).addClass('nav-active');//顶部导航变色
  126. $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
  127. $(this).children('ul').stop().slideToggle()
  128. });
  129. $(document).on('click','.pagination a',function(event){
  130. event.preventDefault();
  131. _this = $(this);
  132. var href = _this.attr("href");
  133. $.ajax({
  134. url:href,
  135. dataType:'json',
  136. type:"post",
  137. data:[],
  138. success:function(res){
  139. console.log(res);
  140. $("#shuju").empty();
  141. var str = "";
  142. $.each(res.list.data,function(k,v){
  143. str+='<li class="down_2_2 wow fadeInUp" data-type="volist">\
  144. <a href="'+v.attachfile+'">\
  145. <span class="down_2_2_left">'+v.downloadname+'</span>\
  146. <span class="down_2_2_left2">'+v.time+'</span>\
  147. </a>\
  148. <a href="'+v.attachfile+'">\
  149. <span class="down_2_2_right">下载</span>\
  150. </a>\
  151. </li>';
  152. });
  153. location.href = "#nav";
  154. $('#shuju').html(str);
  155. $(".fenye").html(res.page);
  156. }
  157. })
  158. });
  159. $(function(){
  160. $("button").click(function(){
  161. var k = $("#keywords").val();
  162. var c = $("#category").val();
  163. $.ajax({
  164. type:"post",
  165. url:"{:addon_url('wwh/index/download')}",
  166. data:{keywords:k,category:c},
  167. dataType:"json",
  168. success:function(res){
  169. console.log(res);
  170. $("#shuju").empty();
  171. var str = "";
  172. $.each(res.list.data,function(k,v){
  173. str+='<li class="down_2_2 wow fadeInUp" data-type="volist">\
  174. <a href="'+v.attachfile+'">\
  175. <span class="down_2_2_left">'+v.downloadname+'</span>\
  176. <span class="down_2_2_left2">'+v.time+'</span>\
  177. </a>\
  178. <a href="'+v.attachfile+'">\
  179. <span class="down_2_2_right">下载</span>\
  180. </a>\
  181. </li>';
  182. });
  183. $('#shuju').html(str);
  184. $(".fenye").html(res.page);
  185. }
  186. })
  187. $("#keywords").val("");
  188. $("#category").val("");
  189. })
  190. })
  191. </script>
  192. </body>
  193. </html>