index.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>
  6. 联系人-纵横CLD v2.0-subindex
  7. </title>
  8. <meta name="description" content="Page Titile">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
  11. <!-- Call App Mode on ios devices -->
  12. <meta name="apple-mobile-web-app-capable" content="yes" />
  13. <!-- Remove Tap Highlight on Windows Phone IE -->
  14. <meta name="msapplication-tap-highlight" content="no">
  15. <!-- base css -->
  16. <link rel="stylesheet" media="screen, print" href="http://cld2.com:9090/css/vendors.bundle.css">
  17. <link rel="stylesheet" media="screen, print" href="http://cld2.com:9090/css/app.bundle.css">
  18. <link rel="stylesheet" media="screen, print" href="http://cld2.com:9090/css/cld-custom.css">
  19. <!-- Place favicon.ico in the root directory -->
  20. <link rel="shortcut icon" href="http://cld2.com:9090/img/favicon/favicon.ico">
  21. <link rel="stylesheet" media="screen, print" href="http://cld2.com:9090/css/fa-regular.css">
  22. <link rel="stylesheet" media="screen, print" href="http://cld2.com:9090/css/fa-solid.css">
  23. <link rel="stylesheet" media="screen, print" href="http://cld2.com:9090/css/fa-brands.css">
  24. <link rel="stylesheet" media="screen, print" href="http://cld2.com:9090/css/global.css">
  25. <link href="http://cld2.com:9090/css/vendor.d919b9206a46f65a9f0b.css" rel="stylesheet"></head>
  26. <body class="mod-bg-1 nav-function-fixed header-function-fixed">
  27. <!-- DOC: script to save and load page settings -->
  28. <script>
  29. /**
  30. * This script should be placed right after the body tag for fast execution
  31. * Note: the script is written in pure javascript and does not depend on thirdparty library
  32. **/
  33. 'use strict';
  34. var classHolder = document.getElementsByTagName("BODY")[0],
  35. /**
  36. * Load from localstorage
  37. **/
  38. themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) : {},
  39. themeURL = themeSettings.themeURL || '',
  40. themeOptions = themeSettings.themeOptions || '';
  41. /**
  42. * Load theme options
  43. **/
  44. if (themeSettings.themeOptions) {
  45. classHolder.className = themeSettings.themeOptions;
  46. } else {
  47. }
  48. if (themeSettings.themeURL && !document.getElementById('mytheme')) {
  49. var cssfile = document.createElement('link');
  50. cssfile.id = 'mytheme';
  51. cssfile.rel = 'stylesheet';
  52. cssfile.href = themeURL;
  53. document.getElementsByTagName('head')[0].appendChild(cssfile);
  54. }
  55. /**
  56. * Save to localstorage
  57. **/
  58. var saveSettings = function () {
  59. themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function (item) {
  60. return /^(nav|header|mod|display)-/i.test(item);
  61. }).join(' ');
  62. if (document.getElementById('mytheme')) {
  63. themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
  64. };
  65. localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
  66. }
  67. /**
  68. * Reset settings
  69. **/
  70. var resetSettings = function () {
  71. localStorage.setItem("themeSettings", "");
  72. }
  73. </script>
  74. <!-- BEGIN Page Wrapper -->
  75. <div class="page-wrapper">
  76. <div class="page-inner">
  77. <div id="root" class="width100"></div>
  78. </div>
  79. </div>
  80. <!-- END Page Wrapper -->
  81. <!-- BEGIN应用切换 -->
  82. <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog"
  83. aria-labelledby="modal-shortcut" aria-hidden="true">
  84. <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
  85. <div class="modal-content">
  86. <div class="modal-body">
  87. <ul class="app-list w-auto h-auto p-0 text-left">
  88. <li>
  89. <a href="/" class="app-list-item text-white">
  90. <div class='icon-stack'>
  91. <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i
  92. class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i
  93. class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
  94. </div>
  95. <span class="app-list-name">
  96. 工作台
  97. </span>
  98. </a>
  99. </li>
  100. <li>
  101. <a href="/contact" class="app-list-item text-white">
  102. <div class='icon-stack'>
  103. <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i
  104. class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i
  105. class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
  106. </div>
  107. <span class="app-list-name">
  108. 客户
  109. </span>
  110. </a>
  111. </li>
  112. <li>
  113. <a href="/product" class="app-list-item text-white">
  114. <span class="icon-stack">
  115. <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
  116. <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
  117. <i class="fal fa-box icon-stack-1x text-white"></i>
  118. </span>
  119. <span class="app-list-name">
  120. 产品
  121. </span>
  122. </a>
  123. </li>
  124. <li>
  125. <a href="#" class="app-list-item text-white">
  126. <div class='icon-stack'>
  127. <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i
  128. class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i
  129. class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
  130. </div>
  131. <span class="app-list-name">
  132. 费用
  133. </span>
  134. </a>
  135. </li>
  136. <li>
  137. <a href="#" class="app-list-item text-white">
  138. <div class='icon-stack'>
  139. <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i
  140. class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i
  141. class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
  142. </div>
  143. <span class="app-list-name">
  144. 开票
  145. </span>
  146. </a>
  147. </li>
  148. <li>
  149. <a href="#" class="app-list-item text-white">
  150. <div class="icon-stack">
  151. <i class="base-18 icon-stack-3x color-info-300"></i>
  152. <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
  153. </div>
  154. <span class="app-list-name">
  155. 假期
  156. </span>
  157. </a>
  158. </li>
  159. <li>
  160. <a href="/hr" class="app-list-item text-white">
  161. <div class='icon-stack'>
  162. <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i
  163. class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i
  164. class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
  165. </div>
  166. <span class="app-list-name">
  167. 人资
  168. </span>
  169. </a>
  170. </li>
  171. <li>
  172. <a href="#" class="app-list-item text-white">
  173. <div class='icon-stack'>
  174. <i class="base base-5 icon-stack-3x opacity-100 color-danger-300"></i> <i
  175. class="base base-14 icon-stack-2x opacity-100 color-danger-200"></i> <i
  176. class="fas fa-id-card icon-stack-2x opacity-100 color-white"></i>
  177. </div>
  178. <span class="app-list-name">
  179. 我的纵横
  180. </span>
  181. </a>
  182. </li>
  183. </ul>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. <script src="http://cld2.com:9090/nodejs/framework.d919b9206a46f65a9f0b.bundle.js"></script><script src="http://cld2.com:9090/nodejs/vendor.d919b9206a46f65a9f0b.bundle.js"></script><script src="http://cld2.com:9090/nodejs/product.d919b9206a46f65a9f0b.bundle.js"></script></body>
  189. <script src="http://cld2.com:9090/js/vendors.bundle.js"></script>
  190. <script src="http://cld2.com:9090/js/app.bundle.js"></script>
  191. <script src="http://cld2.com:9090/js/cld-custom.js"></script>
  192. <script type="text/javascript">
  193. // $(document).ready(function () {
  194. // $('#dt-basic-example').dataTable(
  195. // {
  196. // responsive: true,
  197. // autoWidth: true,
  198. // info: false,
  199. // searching: false,
  200. // lengthChange: false,
  201. // "ajax": {
  202. // "url": "http://cld2.com:9090/cld2/contact/client",
  203. // "dataSrc": "list"
  204. // }
  205. // //scrollX: true,
  206. // });
  207. // $('.js-thead-colors a').on('click', function () {
  208. // var theadColor = $(this).attr("data-bg");
  209. // console.log(theadColor);
  210. // $('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
  211. // });
  212. // $('.js-tbody-colors a').on('click', function () {
  213. // var theadColor = $(this).attr("data-bg");
  214. // console.log(theadColor);
  215. // $('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
  216. // });
  217. // });
  218. autoFlashHeight();
  219. $('.slimScroll1').slimScroll({
  220. position: 'right',
  221. height: 'auto',
  222. railVisible: true
  223. });
  224. $('.slimScrol2').slimScroll({
  225. position: 'right',
  226. height: 'auto',
  227. railVisible: true
  228. });
  229. $('.slimScrol3').slimScroll({
  230. position: 'right',
  231. height: 'auto',
  232. railVisible: true
  233. });
  234. $('.slimScrol4').slimScroll({
  235. position: 'right',
  236. height: 'auto',
  237. railVisible: true
  238. });
  239. </script>
  240. <script>
  241. </script>
  242. </html>