sub_index.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
  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="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. </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"
  85. aria-labelledby="modal-shortcut" aria-hidden="true">
  86. <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
  87. <div class="modal-content">
  88. <div class="modal-body">
  89. <ul class="app-list w-auto h-auto p-0 text-left">
  90. <li>
  91. <a href="/" class="app-list-item text-white">
  92. <div class='icon-stack'>
  93. <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i
  94. class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i
  95. class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
  96. </div>
  97. <span class="app-list-name">
  98. 工作台
  99. </span>
  100. </a>
  101. </li>
  102. <li>
  103. <a href="/contact" class="app-list-item text-white">
  104. <div class='icon-stack'>
  105. <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i
  106. class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i
  107. class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
  108. </div>
  109. <span class="app-list-name">
  110. 客户
  111. </span>
  112. </a>
  113. </li>
  114. <li>
  115. <a href="/product" class="app-list-item text-white">
  116. <span class="icon-stack">
  117. <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
  118. <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
  119. <i class="fal fa-box icon-stack-1x text-white"></i>
  120. </span>
  121. <span class="app-list-name">
  122. 产品
  123. </span>
  124. </a>
  125. </li>
  126. <li>
  127. <a href="#" class="app-list-item text-white">
  128. <div class='icon-stack'>
  129. <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i
  130. class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i
  131. class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
  132. </div>
  133. <span class="app-list-name">
  134. 费用
  135. </span>
  136. </a>
  137. </li>
  138. <li>
  139. <a href="#" class="app-list-item text-white">
  140. <div class='icon-stack'>
  141. <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i
  142. class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i
  143. class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
  144. </div>
  145. <span class="app-list-name">
  146. 开票
  147. </span>
  148. </a>
  149. </li>
  150. <li>
  151. <a href="#" class="app-list-item text-white">
  152. <div class="icon-stack">
  153. <i class="base-18 icon-stack-3x color-info-300"></i>
  154. <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
  155. </div>
  156. <span class="app-list-name">
  157. 假期
  158. </span>
  159. </a>
  160. </li>
  161. <li>
  162. <a href="/hr" class="app-list-item text-white">
  163. <div class='icon-stack'>
  164. <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i
  165. class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i
  166. class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
  167. </div>
  168. <span class="app-list-name">
  169. 人资
  170. </span>
  171. </a>
  172. </li>
  173. <li>
  174. <a href="#" class="app-list-item text-white">
  175. <div class='icon-stack'>
  176. <i class="base base-5 icon-stack-3x opacity-100 color-danger-300"></i> <i
  177. class="base base-14 icon-stack-2x opacity-100 color-danger-200"></i> <i
  178. class="fas fa-id-card icon-stack-2x opacity-100 color-white"></i>
  179. </div>
  180. <span class="app-list-name">
  181. 我的纵横
  182. </span>
  183. </a>
  184. </li>
  185. </ul>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </body>
  191. <script src="http://cld2.com:9090/js/vendors.bundle.js"></script>
  192. <script src="http://cld2.com:9090/js/app.bundle.js"></script>
  193. <script src="http://cld2.com:9090/js/cld-custom.js"></script>
  194. <script type="text/javascript">
  195. // $(document).ready(function () {
  196. // $('#dt-basic-example').dataTable(
  197. // {
  198. // responsive: true,
  199. // autoWidth: true,
  200. // info: false,
  201. // searching: false,
  202. // lengthChange: false,
  203. // "ajax": {
  204. // "url": "http://cld2.com:9090/cld2/contact/client",
  205. // "dataSrc": "list"
  206. // }
  207. // //scrollX: true,
  208. // });
  209. // $('.js-thead-colors a').on('click', function () {
  210. // var theadColor = $(this).attr("data-bg");
  211. // console.log(theadColor);
  212. // $('#dt-basic-example thead').removeClassPrefix('bg-').addClass(theadColor);
  213. // });
  214. // $('.js-tbody-colors a').on('click', function () {
  215. // var theadColor = $(this).attr("data-bg");
  216. // console.log(theadColor);
  217. // $('#dt-basic-example').removeClassPrefix('bg-').addClass(theadColor);
  218. // });
  219. // });
  220. autoFlashHeight();
  221. $('.slimScroll1').slimScroll({
  222. position: 'right',
  223. height: 'auto',
  224. railVisible: true
  225. });
  226. $('.slimScrol2').slimScroll({
  227. position: 'right',
  228. height: 'auto',
  229. railVisible: true
  230. });
  231. $('.slimScrol3').slimScroll({
  232. position: 'right',
  233. height: 'auto',
  234. railVisible: true
  235. });
  236. $('.slimScrol4').slimScroll({
  237. position: 'right',
  238. height: 'auto',
  239. railVisible: true
  240. });
  241. </script>
  242. <script>
  243. </script>
  244. </html>