index.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>
  6. 联系人-纵横CLD v2.0-index
  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. console.log("%c✔ Theme settings loaded", "color: #148f32");
  47. } else {
  48. console.log("Heads up! Theme settings is empty or does not exist, loading default settings...");
  49. }
  50. if (themeSettings.themeURL && !document.getElementById('mytheme')) {
  51. var cssfile = document.createElement('link');
  52. cssfile.id = 'mytheme';
  53. cssfile.rel = 'stylesheet';
  54. cssfile.href = themeURL;
  55. document.getElementsByTagName('head')[0].appendChild(cssfile);
  56. }
  57. /**
  58. * Save to localstorage
  59. **/
  60. var saveSettings = function() {
  61. themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function(item) {
  62. return /^(nav|header|mod|display)-/i.test(item);
  63. }).join(' ');
  64. if (document.getElementById('mytheme')) {
  65. themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
  66. };
  67. localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
  68. }
  69. /**
  70. * Reset settings
  71. **/
  72. var resetSettings = function() {
  73. localStorage.setItem("themeSettings", "");
  74. }
  75. </script>
  76. <!-- BEGIN Page Wrapper -->
  77. <div class="page-wrapper">
  78. <div class="page-inner">
  79. <div id="root" class="width100"></div>
  80. </div>
  81. </div>
  82. <!-- END Page Wrapper -->
  83. <!-- BEGIN应用切换 -->
  84. <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" aria-labelledby="modal-shortcut" aria-hidden="true">
  85. <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
  86. <div class="modal-content">
  87. <div class="modal-body">
  88. <ul class="app-list w-auto h-auto p-0 text-left">
  89. <li>
  90. <a href="/" class="app-list-item text-white">
  91. <div class='icon-stack'>
  92. <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
  93. </div>
  94. <span class="app-list-name">
  95. 工作台
  96. </span>
  97. </a>
  98. </li>
  99. <li>
  100. <a href="/contact" class="app-list-item text-white">
  101. <div class='icon-stack'>
  102. <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
  103. </div>
  104. <span class="app-list-name">
  105. 客户
  106. </span>
  107. </a>
  108. </li>
  109. <li>
  110. <a href="/product" class="app-list-item text-white">
  111. <span class="icon-stack">
  112. <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
  113. <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
  114. <i class="fal fa-box icon-stack-1x text-white"></i>
  115. </span>
  116. <span class="app-list-name">
  117. 产品
  118. </span>
  119. </a>
  120. </li>
  121. <li>
  122. <a href="#" class="app-list-item text-white">
  123. <div class='icon-stack'>
  124. <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
  125. </div>
  126. <span class="app-list-name">
  127. 费用
  128. </span>
  129. </a>
  130. </li>
  131. <li>
  132. <a href="#" class="app-list-item text-white">
  133. <div class='icon-stack'>
  134. <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
  135. </div>
  136. <span class="app-list-name">
  137. 开票
  138. </span>
  139. </a>
  140. </li>
  141. <li>
  142. <a href="#" class="app-list-item text-white">
  143. <div class="icon-stack">
  144. <i class="base-18 icon-stack-3x color-info-300"></i>
  145. <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
  146. </div>
  147. <span class="app-list-name">
  148. 假期
  149. </span>
  150. </a>
  151. </li>
  152. <li>
  153. <a href="/hr" class="app-list-item text-white">
  154. <div class='icon-stack'>
  155. <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
  156. </div>
  157. <span class="app-list-name">
  158. 人资
  159. </span>
  160. </a>
  161. </li>
  162. <li>
  163. <a href="#" class="app-list-item text-white">
  164. <div class='icon-stack'>
  165. <i class="base base-5 icon-stack-3x opacity-100 color-danger-300"></i> <i class="base base-14 icon-stack-2x opacity-100 color-danger-200"></i> <i class="fas fa-id-card icon-stack-2x opacity-100 color-white"></i>
  166. </div>
  167. <span class="app-list-name">
  168. 我的纵横
  169. </span>
  170. </a>
  171. </li>
  172. </ul>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. <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/workbench.d919b9206a46f65a9f0b.bundle.js"></script></body>
  178. <script src="http://cld2.com:9090/js/vendors.bundle.js"></script>
  179. <script src="http://cld2.com:9090/js/app.bundle.js"></script>
  180. <script src="http://cld2.com:9090/js/cld-custom.js"></script>
  181. <script type="text/javascript">
  182. autoFlashHeight();
  183. $('.slimScroll1').slimScroll({
  184. position: 'right',
  185. height: 'auto',
  186. railVisible: true
  187. });
  188. $('.slimScrol2').slimScroll({
  189. position: 'right',
  190. height: 'auto',
  191. railVisible: true
  192. });
  193. $('.slimScrol3').slimScroll({
  194. position: 'right',
  195. height: 'auto',
  196. railVisible: true
  197. });
  198. $('.slimScrol4').slimScroll({
  199. position: 'right',
  200. height: 'auto',
  201. railVisible: true
  202. });
  203. </script>
  204. <script>
  205. </script>
  206. </html>