sub_index.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>
  6. 联系人-纵横CLD v2.0
  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="../../css/vendors.bundle.css">
  17. <link rel="stylesheet" media="screen, print" href="../../css/app.bundle.css">
  18. <link rel="stylesheet" media="screen, print" href="../../css/cld-custom.css">
  19. <!-- Place favicon.ico in the root directory -->
  20. <link rel="shortcut icon" href="../../img/favicon/favicon.ico">
  21. <link rel="stylesheet" media="screen, print" href="../../css/fa-regular.css">
  22. <link rel="stylesheet" media="screen, print" href="../../css/fa-solid.css">
  23. <link rel="stylesheet" media="screen, print" href="../../css/fa-brands.css">
  24. </head>
  25. <body class="mod-bg-1 nav-function-fixed header-function-fixed">
  26. <!-- DOC: script to save and load page settings -->
  27. <script>
  28. /**
  29. * This script should be placed right after the body tag for fast execution
  30. * Note: the script is written in pure javascript and does not depend on thirdparty library
  31. **/
  32. 'use strict';
  33. var classHolder = document.getElementsByTagName("BODY")[0],
  34. /**
  35. * Load from localstorage
  36. **/
  37. themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) : {},
  38. themeURL = themeSettings.themeURL || '',
  39. themeOptions = themeSettings.themeOptions || '';
  40. /**
  41. * Load theme options
  42. **/
  43. if (themeSettings.themeOptions) {
  44. classHolder.className = themeSettings.themeOptions;
  45. console.log("%c✔ Theme settings loaded", "color: #148f32");
  46. } else {
  47. console.log("Heads up! Theme settings is empty or does not exist, loading default settings...");
  48. }
  49. if (themeSettings.themeURL && !document.getElementById('mytheme')) {
  50. var cssfile = document.createElement('link');
  51. cssfile.id = 'mytheme';
  52. cssfile.rel = 'stylesheet';
  53. cssfile.href = themeURL;
  54. document.getElementsByTagName('head')[0].appendChild(cssfile);
  55. }
  56. /**
  57. * Save to localstorage
  58. **/
  59. var saveSettings = function() {
  60. themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function(item) {
  61. return /^(nav|header|mod|display)-/i.test(item);
  62. }).join(' ');
  63. if (document.getElementById('mytheme')) {
  64. themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
  65. };
  66. localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
  67. }
  68. /**
  69. * Reset settings
  70. **/
  71. var resetSettings = function() {
  72. localStorage.setItem("themeSettings", "");
  73. }
  74. </script>
  75. <!-- BEGIN Page Wrapper -->
  76. <div class="page-wrapper">
  77. <div class="page-inner">
  78. <div id="root"></div>
  79. </div>
  80. </div>
  81. <!-- END Page Wrapper -->
  82. <!-- BEGIN应用切换 -->
  83. <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" 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 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>
  92. </div>
  93. <span class="app-list-name">
  94. 工作台
  95. </span>
  96. </a>
  97. </li>
  98. <li>
  99. <a href="/contact" class="app-list-item text-white">
  100. <div class='icon-stack'>
  101. <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>
  102. </div>
  103. <span class="app-list-name">
  104. 客户
  105. </span>
  106. </a>
  107. </li>
  108. <li>
  109. <a href="/product" class="app-list-item text-white">
  110. <span class="icon-stack">
  111. <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
  112. <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
  113. <i class="fal fa-box icon-stack-1x text-white"></i>
  114. </span>
  115. <span class="app-list-name">
  116. 产品
  117. </span>
  118. </a>
  119. </li>
  120. <li>
  121. <a href="#" class="app-list-item text-white">
  122. <div class='icon-stack'>
  123. <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>
  124. </div>
  125. <span class="app-list-name">
  126. 费用
  127. </span>
  128. </a>
  129. </li>
  130. <li>
  131. <a href="#" class="app-list-item text-white">
  132. <div class='icon-stack'>
  133. <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>
  134. </div>
  135. <span class="app-list-name">
  136. 开票
  137. </span>
  138. </a>
  139. </li>
  140. <li>
  141. <a href="#" class="app-list-item text-white">
  142. <div class="icon-stack">
  143. <i class="base-18 icon-stack-3x color-info-300"></i>
  144. <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
  145. </div>
  146. <span class="app-list-name">
  147. 假期
  148. </span>
  149. </a>
  150. </li>
  151. <li>
  152. <a href="/hr" class="app-list-item text-white">
  153. <div class='icon-stack'>
  154. <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>
  155. </div>
  156. <span class="app-list-name">
  157. 人资
  158. </span>
  159. </a>
  160. </li>
  161. <li>
  162. <a href="#" class="app-list-item text-white">
  163. <div class='icon-stack'>
  164. <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>
  165. </div>
  166. <span class="app-list-name">
  167. 我的纵横
  168. </span>
  169. </a>
  170. </li>
  171. </ul>
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. </body>
  177. <script src="../../js/vendors.bundle.js"></script>
  178. <script src="../../js/app.bundle.js"></script>
  179. <script src="../../js/cld-custom.js"></script>
  180. <script type="text/javascript">
  181. autoFlashHeight();
  182. $('.slimScroll1').slimScroll({
  183. position: 'right',
  184. height: 'auto',
  185. railVisible: true
  186. });
  187. $('.slimScrol2').slimScroll({
  188. position: 'right',
  189. height: 'auto',
  190. railVisible: true
  191. });
  192. $('.slimScrol3').slimScroll({
  193. position: 'right',
  194. height: 'auto',
  195. railVisible: true
  196. });
  197. $('.slimScrol4').slimScroll({
  198. position: 'right',
  199. height: 'auto',
  200. railVisible: true
  201. });
  202. </script>
  203. <script>
  204. </script>
  205. </html>