diff --git a/index.html b/index.html
new file mode 100644
index 0000000..94ff20d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+<!--      兼容模式转换为极速模式-->
+    <meta name="renderer" content="webkit"/>
+    <meta name="force-rendering" content="webkit"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>
+      <!-- index.html meta标签配置不缓存 -->
+    <meta http-equiv="pragram" content="no-cache" />
+    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"/>
+    <meta http-equiv="expires" content="0" />
+    <title>湖州项目管理系统</title>
+      <script src='https://wpkgate-emas.ding.zj.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
+      <script>
+          //稳定性监控
+          try {
+              const config = {
+                  bid: 'lsxmglxt_zzdpro',
+                  signkey: '1234567890abcdef',
+                  gateway: 'https://wpkgate-emas.ding.zj.gov.cn'
+              };
+              const wpk = new wpkReporter(config);
+              wpk.installAll();
+              window._wpk = wpk;
+          } catch (err) {
+              console.error('WpkReporter init fail', err);
+          }
+      </script>
+      <script>
+          (function(w, d, s, q, i) {
+              w[q] = w[q] || [];
+              var f = d.getElementsByTagName(s)[0],j = d.createElement(s);
+              j.async = true;
+              j.id = 'beacon-aplus';
+              j.src = 'https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js';
+              f.parentNode.insertBefore(j, f);
+          })(window, document, 'script', 'aplus_queue');
+
+          aplus_queue.push({
+              action: 'aplus.setMetaInfo',
+              arguments: ['aplus-rhost-v', 'alog-api.ding.zj.gov.cn']
+          });
+          aplus_queue.push({
+              action: 'aplus.setMetaInfo',
+              arguments: ['aplus-rhost-g', 'alog-api.ding.zj.gov.cn']
+          });
+
+          var u = navigator.userAgent
+          var isAndroid = u.indexOf('Android') > -1
+          var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
+
+          aplus_queue.push({
+              action: 'aplus.setMetaInfo',
+              arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']
+          });
+
+          // 2、基础埋点：
+          // 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点：
+          aplus_queue.push({
+              action: 'aplus.setMetaInfo',
+              arguments: ['aplus-waiting', 'MAN']
+          });//
+          // 单页应用路由切换后 或 在异步获取到pv日志所需的参数后再执行sendPV：
+          aplus_queue.push({
+              'action':'aplus.sendPV',
+              'arguments':[{
+                  is_auto: false
+              }, {
+                  // 当前你的应用信息，此两行请勿修改
+                  sapp_id: '43032',
+                  sapp_name: 'lsxmglxt',
+                  // 自定义PV参数key-value键值对（只能是这种平铺的json，不能做多层嵌套），如：
+                  x: 111,
+                  y: 222
+              }]
+          })
+
+          // 3、用户信息埋点：
+          // 如采集用户信息是异步行为需要先执行这个BLOCK埋点
+          // aplus_queue.push({
+          //     action: 'aplus.setMetaInfo',
+          //     arguments: ['_hold', 'BLOCK']
+          // });
+          //
+          // // 设置会员昵称
+          // aplus_queue.push({
+          //     action: "aplus.setMetaInfo",
+          //     arguments: ["_user_nick", "当前会员用户昵称"]
+          // });
+          // // 设置会员ID
+          // aplus_queue.push({
+          //     action: "aplus.setMetaInfo",
+          //     arguments: ["_user_id", "当前会员ID"]
+          // });
+          // aplus_queue.push({
+          //     action: "aplus.setMetaInfo",
+          //     arguments: ["_dev_id", "yourDeviceId"]
+          // });
+          //
+          // // 如采集用户信息是异步行为，需要先设置完用户信息后再执行这个START埋点
+          // // 此时被block住的日志会携带上用户信息逐条发出
+          // aplus_queue.push({
+          //     action: 'aplus.setMetaInfo',
+          //     arguments: ['_hold', 'START']
+          // });
+      </script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
