index.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <base href="/">
  5. <meta charset="UTF-8">
  6. <title>灵越智报 - 智能报表与数据洞察平台</title>
  7. <meta name="description" content="灵越智报提供智能报表、实时监控与多维分析能力,为企业管理层提供决策洞察。">
  8. <link rel="manifest" href="manifest.json">
  9. <!-- Browser meta tags & icons -->
  10. <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13. <meta name="apple-mobile-web-app-title" content="灵越智报">
  14. <link rel="apple-touch-icon" href="icons/Icon-192.png">
  15. <link rel="icon" type="image/png" href="favicon.png" sizes="32x32" />
  16. <link rel="preconnect" href="https://fonts.googleapis.com">
  17. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  18. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&display=swap" rel="stylesheet">
  19. <!-- Renderer specifier -->
  20. <script>
  21. let searchParams = new URLSearchParams(window.location.search);
  22. if (searchParams.has('renderer')) {
  23. window.flutterWebRenderer = searchParams.get('renderer');
  24. console.log(searchParams.get('renderer') + ' renderer requested in the URL');
  25. }
  26. // The value below is injected by flutter build, do not touch.
  27. var serviceWorkerVersion = "1";
  28. </script>
  29. <script src="flutter.js" defer></script>
  30. <script>
  31. function getCookie(name) {
  32. const value = `; ${document.cookie}`;
  33. const parts = value.split(`; ${name}=`);
  34. if (parts.length === 2) return parts.pop().split(';').shift();
  35. return null;
  36. }
  37. window.onload = function () {
  38. const language = getCookie('language');
  39. if (language) {
  40. if (language === 'en') {
  41. document.title = 'Lingyue Zhibao - Intelligent Reporting & Insights';
  42. updateMetaDescription('Lingyue Zhibao delivers intelligent business reports, real-time monitoring, and multidimensional analytics to support faster enterprise decisions.');
  43. } else if (language === 'zh') {
  44. document.title = '灵越智报 - 智能报表与数据洞察平台';
  45. updateMetaDescription('灵越智报提供智能报表、实时监控与多维分析能力,为企业管理层提供决策洞察。');
  46. } else {
  47. document.title = '灵越智报 - 智能报表与数据洞察平台';
  48. updateMetaDescription('灵越智报提供智能报表、实时监控与多维分析能力,为企业管理层提供决策洞察。');
  49. }
  50. } else {
  51. document.title = '灵越智报 - 智能报表与数据洞察平台';
  52. updateMetaDescription('灵越智报提供智能报表、实时监控与多维分析能力,为企业管理层提供决策洞察。');
  53. }
  54. };
  55. function updateMetaDescription(description) {
  56. let metaDescription = document.querySelector('meta[name="description"]');
  57. if (metaDescription) {
  58. metaDescription.setAttribute('content', description);
  59. } else {
  60. metaDescription = document.createElement('meta');
  61. metaDescription.setAttribute('name', 'description');
  62. metaDescription.setAttribute('content', description);
  63. document.head.appendChild(metaDescription);
  64. }
  65. }
  66. </script>
  67. </head>
  68. <body>
  69. <style>
  70. body {
  71. background-color: #fff;
  72. }
  73. </style>
  74. <!-- Loading indicator -->
  75. <div id="loading">
  76. <style>
  77. body {
  78. inset: 0;
  79. overflow: hidden;
  80. margin: 0;
  81. padding: 0;
  82. position: fixed;
  83. }
  84. #loading {
  85. align-items: center;
  86. display: flex;
  87. height: 100%;
  88. justify-content: center;
  89. width: 100%;
  90. }
  91. #loading img {
  92. animation: 1s ease-in-out 0s infinite alternate breathe;
  93. opacity: .66;
  94. transition: opacity .4s;
  95. }
  96. #loading.main_done img {
  97. opacity: 1;
  98. }
  99. #loading.init_done img {
  100. animation: .33s ease-in-out 0s 1 forwards zooooom;
  101. opacity: .05;
  102. }
  103. @keyframes breathe {
  104. from {
  105. transform: scale(1)
  106. }
  107. to {
  108. transform: scale(0.95)
  109. }
  110. }
  111. @keyframes zooooom {
  112. from {
  113. transform: scale(1)
  114. }
  115. to {
  116. transform: scale(10)
  117. }
  118. }
  119. </style>
  120. <img src="icons/Icon-192.png" alt="Loading indicator..." />
  121. </div>
  122. <script>
  123. window.addEventListener('load', function () {
  124. var loading = document.querySelector('#loading');
  125. _flutter.loader.loadEntrypoint({
  126. serviceWorker: {
  127. serviceWorkerVersion: serviceWorkerVersion,
  128. },
  129. onEntrypointLoaded: async function(engineInitializer) {
  130. let appRunner = await engineInitializer.initializeEngine({
  131. canvasKitBaseUrl: "/assets/canvaskit/"
  132. });
  133. await appRunner.runApp();
  134. }
  135. }).then(function (engineInitializer) {
  136. loading.classList.add('main_done');
  137. return engineInitializer.initializeEngine();
  138. }).then(function (appRunner) {
  139. loading.classList.add('init_done');
  140. return appRunner.runApp();
  141. }).then(function (app) {
  142. window.setTimeout(function () {
  143. loading.remove();
  144. }, 200);
  145. });
  146. });
  147. </script>
  148. <!-- App -->
  149. </body>
  150. </html>