client.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head th:replace="common::header(~{::title},~{::link},~{::meta})">
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  6. <title>客户案例_高企认定_资质代办-科德集团</title>
  7. <meta name="Keywords" Content="高企认定,军工三证,保密资质,科技项目,高新技术企业"/>
  8. <meta name="description" Content="科德集团提供企业咨询服务,是国家高新技术企业培育及认定咨询机构,主要内容包括高企认定,财务管理体系咨询培训,军工三证,科技项目、企业税收优惠政策等提供一站式服务专家。"/>
  9. <!-- 二级页面CSS -->
  10. <link rel="stylesheet" th:href="${portalHost+'/css/secode.css'}">
  11. <!-- 自定义动画样式 -->
  12. <link rel="stylesheet" th:href="${portalHost+'/css/swiper.min.css'}">
  13. </head>
  14. <body>
  15. <div class="app">
  16. <!-- 头部 -->
  17. <header>
  18. <div th:replace="common::nav('','')"></div>
  19. <!-- 新闻轮播图 -->
  20. <div class="swiper-containerx">
  21. <img th:src="${banners}==null?${portalHost+'/images/banner/news_bg.jpg'}:${avatarUploadHost}+${banners.bannerUrl}" />
  22. </div>
  23. <!-- 新闻轮播图 end -->
  24. </header>
  25. <!-- 头部 end -->
  26. <!-- 主体内容 -->
  27. <div class="client main">
  28. <div class="product-title">
  29. <h4>服务客户</h4>
  30. <p>已为26800企业,获得国家高新技术企业认证!</p>
  31. </div>
  32. <div class="container">
  33. <div class="client-list">
  34. <div id="trigger1">请选择选择区域、省份</div>
  35. <div class="quyu">
  36. <span>所属区域</span>
  37. <ul>
  38. <li class="active">全国</li>
  39. <li data-id="1">华中</li>
  40. <li data-id="2">华东</li>
  41. <li data-id="3">东北</li>
  42. <li data-id="4">华南</li>
  43. <li data-id="5">华北</li>
  44. <li data-id="6">西南</li>
  45. <li data-id="7">西北</li>
  46. </ul>
  47. </div>
  48. <div class="shengfen">
  49. <span>所属省份</span>
  50. <ul>
  51. </ul>
  52. </div>
  53. </div>
  54. <div class="client-list-box">
  55. <div class="client-item">
  56. </div>
  57. <!-- 分页 -->
  58. <div class="page_2"></div>
  59. <!-- 分页 end -->
  60. </div>
  61. </div>
  62. </div>
  63. <!-- 主体内容 end -->
  64. <!-- 底部 -->
  65. <footer>
  66. <div th:replace="common::copyright('')"></div>
  67. </footer>
  68. <!-- 底部 end -->
  69. </div>
  70. <div th:replace="common::footer(~{::script},'')">
  71. <!-- 手机端省级联动 -->
  72. <script type="text/javascript">
  73. var mobileSelect = new MobileSelect({
  74. trigger: '#trigger1',
  75. title: '区域/省份-选择',
  76. wheels: [
  77. {
  78. data: [
  79. {
  80. id: '1',
  81. value: '全国',
  82. childs: [
  83. {
  84. id: undefined,
  85. value: "全部"
  86. },
  87. {
  88. id: "7",
  89. value: "安徽"
  90. },
  91. {
  92. id: "15",
  93. value: "北京"
  94. },
  95. {
  96. id: "27",
  97. value: "重庆"
  98. },
  99. {
  100. id: "8",
  101. value: "福建"
  102. },
  103. {
  104. id: "30",
  105. value: "甘肃"
  106. },
  107. {
  108. id: "24",
  109. value: "广东"
  110. },
  111. {
  112. id: "20",
  113. value: "广西"
  114. },
  115. {
  116. id: "25",
  117. value: "贵州"
  118. },
  119. {
  120. id: "21",
  121. value: "海南"
  122. },
  123. {
  124. id: "13",
  125. value: "河北"
  126. },
  127. {
  128. id: "1",
  129. value: "黑龙江"
  130. },
  131. {
  132. id: "19",
  133. value: "河南"
  134. },
  135. {
  136. id: "22",
  137. value: "香港"
  138. },
  139. {
  140. id: "17",
  141. value: "湖北"
  142. },
  143. {
  144. id: "18",
  145. value: "湖南"
  146. },
  147. {
  148. id: "5",
  149. value: "江苏"
  150. },
  151. {
  152. id: "9",
  153. value: "江西"
  154. },
  155. {
  156. id: "3",
  157. value: "辽宁"
  158. },
  159. {
  160. id: "2",
  161. value: "吉林"
  162. },
  163. {
  164. id: "23",
  165. value: "澳门"
  166. },
  167. {
  168. id: "14",
  169. value: "内蒙古"
  170. },
  171. {
  172. id: "32",
  173. value: "宁夏"
  174. },
  175. {
  176. id: "31",
  177. value: "青海"
  178. },
  179. {
  180. id: "10",
  181. value: "山东"
  182. },
  183. {
  184. id: "4",
  185. value: "上海"
  186. },
  187. {
  188. id: "12",
  189. value: "山西"
  190. },
  191. {
  192. id: "34",
  193. value: "陕西"
  194. },
  195. {
  196. id: "29",
  197. value: "四川"
  198. },
  199. {
  200. id: "11",
  201. value: "台湾"
  202. },
  203. {
  204. id: "16",
  205. value: "天津"
  206. },
  207. {
  208. id: "33",
  209. value: "新疆"
  210. },
  211. {
  212. id: "28",
  213. value: "西藏"
  214. },
  215. {
  216. id: "26",
  217. value: "云南"
  218. },
  219. {
  220. id: "6",
  221. value: "浙江"
  222. },
  223. ]
  224. },
  225. {
  226. id: '2',
  227. value: '东北',
  228. childs: [
  229. { id: '1', value: '黑龙江' },
  230. { id: '2', value: '吉林' },
  231. { id: '3', value: '辽宁' }
  232. ]
  233. },
  234. {
  235. id: '3',
  236. value: '华东',
  237. childs: [
  238. { id: '4', value: '上海' },
  239. { id: '5', value: '江苏' },
  240. { id: '6', value: '浙江' },
  241. { id: '7', value: '安徽' },
  242. { id: '8', value: '福建' },
  243. { id: '9', value: '江西' },
  244. { id: '10', value: '山东' },
  245. { id: '11', value: '台湾' }
  246. ]
  247. },
  248. {
  249. id: '4',
  250. value: '华北',
  251. childs: [
  252. { id: '15', value: '北京' },
  253. { id: '16', value: '天津' },
  254. { id: '12', value: '山西' },
  255. { id: '13', value: '河北' },
  256. { id: '14', value: '内蒙古' }
  257. ]
  258. },
  259. {
  260. id: '4',
  261. value: '华中',
  262. childs: [
  263. { id: '19', value: '河南' },
  264. { id: '17', value: '湖北' },
  265. { id: '18', value: '湖南' }
  266. ]
  267. },
  268. {
  269. id: '5',
  270. value: '华南',
  271. childs: [
  272. { id: '24', value: '广东' },
  273. { id: '20', value: '广西' },
  274. { id: '21', value: '海南' },
  275. { id: '22', value: '香港' },
  276. { id: '23', value: '澳门' }
  277. ]
  278. },
  279. {
  280. id: '6',
  281. value: '西南',
  282. childs: [
  283. { id: '29', value: '四川' },
  284. { id: '25', value: '贵州' },
  285. { id: '26', value: '云南' },
  286. { id: '27', value: '重庆' },
  287. { id: '28', value: '西藏' }
  288. ]
  289. },
  290. {
  291. id: '6',
  292. value: '西北',
  293. childs: [
  294. { id: '34', value: '陕西' },
  295. { id: '30', value: '甘肃' },
  296. { id: '31', value: '青海' },
  297. { id: '32', value: '宁夏' },
  298. { id: '33', value: '新疆' }
  299. ]
  300. },
  301. ]
  302. }
  303. ],
  304. position: [0, 1],
  305. callback: function (indexArr, data) {
  306. let province = data[1].id
  307. $.ajax({
  308. url: api + "/open/listCustomerCase",
  309. data: {
  310. province
  311. },
  312. type: "GET",
  313. dataType: "json",
  314. success: function (data) {
  315. if (data.error && data.error.length) {
  316. alert("系统繁忙,请刷新页面");
  317. } else {
  318. var dataList = data.data.list;
  319. var html = "";
  320. if (dataList.length) {
  321. for (var d = 0; d < dataList.length; d++) {
  322. html +=
  323. "<div><img src=" +
  324. avatarUploadHost +
  325. dataList[d].pictureUrl +
  326. " /></div>";
  327. }
  328. $(".page_ctrl").css({
  329. display: "block"
  330. });
  331. window.sessionStorage.setItem("total", data.data.totalCount);
  332. window.sessionStorage.setItem("province", province);
  333. page()
  334. } else {
  335. var html = "<h4 style='text-align:center;margin-top:90px;color:#666' >暂无服务客户</h4>"
  336. $(".page_ctrl").css({
  337. display: "none"
  338. })
  339. }
  340. $(".client-item").html(html);
  341. }
  342. }
  343. });
  344. }
  345. });
  346. </script>
  347. <!-- 引入分页 -->
  348. <script th:src="${portalHost+'/js/page.js'}"></script>
  349. <script>
  350. function page() {
  351. var obj_1 = {
  352. obj_box: ".page_2",
  353. total_item: +window.sessionStorage.getItem("total"), //总共数据
  354. province: +window.sessionStorage.getItem("province"),
  355. per_num: 10, //每页显示数据
  356. current_page: 1, //当前页
  357. change_content: function (per_num, current_page) {
  358. per_num = per_num ? per_num : 10;
  359. current_page = current_page ? current_page : 1;
  360. var province = window.sessionStorage.getItem("province");
  361. if (province == "undefined") {
  362. var data = {
  363. pageNo: current_page
  364. };
  365. } else {
  366. var data = {
  367. province,
  368. pageNo: current_page
  369. };
  370. }
  371. $.ajax({
  372. url: api + "/open/listCustomerCase",
  373. data,
  374. type: "GET",
  375. dataType: "json",
  376. success: function (data) {
  377. if (data.error && data.error.length) {
  378. alert("系统繁忙,请刷新页面");
  379. } else {
  380. var dataList = data.data.list;
  381. var html = "";
  382. if (dataList.length) {
  383. for (var d = 0; d < dataList.length; d++) {
  384. html +=
  385. "<div><img src=" +
  386. avatarUploadHost +
  387. dataList[d].pictureUrl +
  388. " /></div>";
  389. }
  390. $(".page_ctrl").css({
  391. display: "block"
  392. });
  393. window.sessionStorage.setItem("total", data.data.totalCount);
  394. window.sessionStorage.setItem("province", province);
  395. } else {
  396. var html =
  397. "<h4 style='text-align:center;margin-top:90px;color:#666' >暂无服务客户</h4>";
  398. $(".page_ctrl").css({
  399. display: "none"
  400. });
  401. }
  402. $(".client-item").html(html);
  403. }
  404. }
  405. });
  406. }
  407. };
  408. //调用分页
  409. page_ctrl(obj_1);
  410. }
  411. </script>
  412. </div>
  413. </body>
  414. </html>